:root{--bg:#0a0614;--bg2:#120826;--panel:#ffffff0d;--line:#a855f759;--cyan:#00e5ff;--pink:#a855f7;--magenta:#7a0e57;--text:#f1e9ff;--muted:#b7a6d6;--font-display:"Bebas Neue", sans-serif;--font-body:"Montserrat", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-body);color:var(--text);background:radial-gradient(900px 500px at 85% -10%, #7a0e5773, transparent 60%), radial-gradient(700px 420px at 5% 110%, #00e5ff2e, transparent 60%), var(--bg);-webkit-font-smoothing:antialiased}.gw-loading{height:100%;color:var(--muted);letter-spacing:2px;text-transform:uppercase;place-items:center;display:grid}.login-wrap{place-items:center;min-height:100%;padding:24px;display:grid}.login-card{border:1px solid var(--line);text-align:center;background:linear-gradient(#7a0e5759,#120826d9);border-radius:20px;width:100%;max-width:400px;padding:44px 38px;box-shadow:0 30px 80px #00000080,0 0 60px #a855f72e}.login-logo{border-radius:50%;width:64px;height:64px;box-shadow:0 0 24px #00e5ff80,0 0 44px #a855f773}.login-title{font-family:var(--font-display);letter-spacing:2px;background:linear-gradient(92deg, #fff 5%, var(--cyan) 60%, var(--pink) 110%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:16px 0 4px;font-size:40px}.login-tag{color:var(--muted);margin:0 0 28px;font-size:13px}.field{text-align:left;margin-bottom:16px;display:block}.field span{letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin-bottom:6px;font-size:11px;display:block}.field input{width:100%;font:inherit;color:var(--text);border:1px solid var(--line);background:#00000059;border-radius:10px;outline:none;padding:12px 14px}.field input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #00e5ff26}.login-error{color:#ff9da0;margin:0 0 14px;font-size:13px}.login-btn{width:100%;font:700 15px var(--font-body);color:#fff;cursor:pointer;background:linear-gradient(92deg, var(--magenta), var(--pink));border:0;border-radius:10px;padding:13px;transition:transform .15s,box-shadow .15s;box-shadow:0 10px 30px #a855f759}.login-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 40px #a855f780}.login-btn:disabled{opacity:.6;cursor:default}.gw-shell{flex-direction:column;min-height:100%;display:flex}.gw-nav{-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);border-bottom:1px solid var(--line);background:#08080ee0;justify-content:space-between;align-items:center;gap:16px;padding:16px 28px;display:flex;position:sticky;top:0}.gw-brand{align-items:center;gap:12px;min-width:0;display:flex}.gw-logo{border-radius:50%;width:38px;height:38px;box-shadow:0 0 18px #00e5ff73,0 0 34px #a855f766}.gw-brand-name{font-family:var(--font-display);letter-spacing:1.5px;background:linear-gradient(92deg, #fff 5%, var(--cyan) 60%, var(--pink) 110%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:24px;line-height:1}.gw-brand-tag{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.gw-user{align-items:center;gap:12px;display:flex}.gw-user-name{font-weight:600}.gw-user-role{text-transform:uppercase;letter-spacing:1px;border:1px solid var(--pink);color:var(--cyan);border-radius:999px;padding:4px 10px;font-size:11px}.gw-logout{font:600 13px var(--font-body);color:var(--muted);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:8px;padding:8px 14px}.gw-logout:hover{color:#ff9da0;border-color:#ff9da0}.gw-main{flex:1;width:100%;max-width:1080px;margin:0 auto;padding:56px 24px 40px}.gw-title{font-family:var(--font-display);letter-spacing:2px;background:linear-gradient(92deg, #fff 5%, var(--cyan) 60%, var(--pink) 110%);color:#0000;filter:drop-shadow(0 0 10px #00e5ff2e)drop-shadow(0 2px 20px #a855f740);-webkit-background-clip:text;background-clip:text;margin:0 0 6px;font-size:46px}.gw-sub{color:var(--muted);margin:0 0 32px}.gw-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px;display:grid}.gw-card{color:inherit;border:1px solid var(--line);background:linear-gradient(#7a0e5738,#120826b3);border-radius:16px;padding:26px 22px;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s;position:relative}.gw-card:hover{border-color:var(--cyan);transform:translateY(-3px);box-shadow:0 18px 50px #a855f74d,0 0 30px #00e5ff26}.gw-badge{text-transform:uppercase;letter-spacing:1px;color:#14002e;background:var(--cyan);border-radius:999px;padding:3px 8px;font-size:10px;font-weight:700;position:absolute;top:12px;right:12px}.gw-card-tags{gap:6px;min-height:18px;margin-bottom:12px;display:flex}.gw-card-tags .gw-badge{position:static}.gw-badge--muted{color:#cbd5e1;background:#94a3b847}.gw-badge--plan{vertical-align:middle;background:var(--pink);color:#fff;margin-left:10px;display:inline-block;position:static}.gw-icon{color:#fff;background:linear-gradient(135deg, var(--magenta), var(--pink));border-radius:12px;place-items:center;width:44px;height:44px;margin-bottom:16px;font-size:22px;display:grid;box-shadow:0 8px 24px #a855f759}.gw-card-title{font-family:var(--font-display);letter-spacing:1px;margin-bottom:6px;font-size:24px}.gw-card-desc{color:var(--muted);font-size:13px;line-height:1.5}.gw-foot{text-align:center;color:var(--muted);border-top:1px solid #a855f733;padding:18px 28px;font-size:13px}