@layer reset;@layer tokens{:root{--bg-dark:#0a0b10;--bg-panel:#12141e99;--border-neon-pink:#ff2a7f80;--border-neon-blue:#2a9dff80;--text-primary:#fff;--text-secondary:#9ba1b0;--accent-pink:#ff2a7f;--accent-blue:#2a9dff;--glass-bg:oklch(12% .02 260/.5);--glass-blur:16px;--glass-border:oklch(100% 0 0/.05);--neon-pink:oklch(65% .28 350);--neon-blue:oklch(68% .18 240);--text-1:oklch(98% 0 0);--text-2:oklch(70% .02 260);--radius-card:16px;--shadow-card:0 8px 32px oklch(0% 0 0/.3)}}@layer base{body{background:radial-gradient(ellipse 800px 400px at 20% 10%, oklch(.35 .12 var(--aurora-1)), transparent 60%), radial-gradient(ellipse 600px 500px at 80% 80%, oklch(.3 .1 var(--aurora-2)), transparent 50%), radial-gradient(ellipse 500px 300px at 50% 50%, oklch(25% .08 280), transparent 55%), var(--bg-dark);color:var(--text-primary);min-height:100vh;animation:20s ease-in-out infinite alternate aurora-shift;overflow-x:hidden}@keyframes aurora-shift{to{--aurora-1:180deg;--aurora-2:300deg}}}@layer components{.glass-panel{-webkit-backdrop-filter:blur(20px)saturate(1.2);border-radius:var(--radius-card);outline-offset:-1px;box-shadow:var(--shadow-card);background:linear-gradient(135deg,oklch(15% .02 260/.6),oklch(10% .01 260/.4)) border-box padding-box;border:1px solid #0000;outline:1px solid #0000;transition:transform .2s,box-shadow .2s;position:relative}.glass-panel:after{content:"";border-radius:inherit;background:conic-gradient(from var(--border-angle), oklch(100% 0 0/.08), var(--neon-blue), oklch(100% 0 0/.05), var(--neon-pink), oklch(100% 0 0/.08));-webkit-mask-composite:xor;pointer-events:none;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;padding:1px;animation:8s linear infinite border-spin;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes border-spin{to{--border-angle:360deg}}.neon-pink-border{border:1px solid var(--border-neon-pink);box-shadow:0 0 15px #ff2a7f33}.neon-blue-border{border:1px solid var(--border-neon-blue);box-shadow:0 0 15px #2a9dff33}.btn-primary{background:linear-gradient(135deg, var(--accent-blue), var(--accent-pink));color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:1px;border:none;border-radius:8px;padding:12px 24px;font-weight:600;transition:all .3s}.btn-primary:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 0 20px #ff2a7f66}.input-glass{color:#fff;background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;outline:none;width:100%;padding:12px 16px;transition:border-color .3s}.input-glass:focus{border-color:var(--accent-blue);box-shadow:0 0 10px #2a9dff33}@keyframes kenburns{0%{transform:scale(1)translate(0)}50%{transform:scale(1.05)translate(-1%,-1%)}to{transform:scale(1)translate(0)}}@media (width<=768px){.desktop-only{display:none!important}}@media (width>=769px){.mobile-only{display:none!important}}.landscape-overlay{background:var(--bg-dark);z-index:99999;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:none;position:fixed;inset:0}.landscape-overlay h2{color:#fff;margin-top:24px;margin-bottom:12px;font-size:22px}.landscape-overlay p{color:var(--text-secondary);font-size:16px;line-height:1.6}.rotate-icon-anim{animation:2s ease-in-out infinite tilt}@keyframes tilt{0%{transform:rotate(0)}25%{transform:rotate(90deg)}50%{transform:rotate(90deg)}75%{transform:rotate(0)}to{transform:rotate(0)}}@media screen and (width<=600px) and (orientation:portrait){.landscape-overlay{display:flex!important}#app-content{display:none!important}}}@layer utilities;@property --aurora-1{syntax:"<angle>";inherits:false;initial-value:0deg}@property --aurora-2{syntax:"<angle>";inherits:false;initial-value:120deg}@property --border-angle{syntax:"<angle>";inherits:false;initial-value:0deg}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif}:root{--bg-0:#0a0f1a;--bg-1:#0f1626;--bg-2:#141d31;--bg-3:#1b2640;--bg-4:#243154;--line:#1e2942;--line-2:#2a3859;--green:#22d18a;--green-soft:#1aaf73;--green-deep:#0f7a52;--green-glow:#22d18a29;--gold:#f5b840;--gold-soft:#f5b84029;--silver:#b8c5d6;--silver-soft:#b8c5d62e;--red:#ef4863;--red-soft:#ef486326;--blue:#3b8df0;--blue-soft:#3b8df026;--amber:#f2a341;--amber-soft:#f2a34126;--t-1:#f4f7fb;--t-2:#c4cee0;--t-3:#8893ac;--t-4:#5d6783;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:22px;--shadow-1:0 1px 0 #ffffff08, 0 1px 2px #0006;--shadow-2:0 8px 24px #00000059;--shadow-glow:0 0 0 1px #22d18a66, 0 0 32px #22d18a33;--sidebar-w:240px;--topbar-h:64px;--font-display:"Space Grotesk", "Plus Jakarta Sans", system-ui, sans-serif;--font-body:"Plus Jakarta Sans", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(1200px 600px at 80% -10%,#22d18a0f,#0000 60%),radial-gradient(1000px 500px at -10% 110%,#3b8df00d,#0000 60%);position:fixed;inset:0}.app{grid-template-columns:var(--sidebar-w) 1fr;z-index:1;min-height:100vh;display:grid;position:relative}.sidebar{border-right:1px solid var(--line);background:linear-gradient(#0c1322 0%,#0a1020 100%);flex-direction:column;gap:14px;padding:18px 14px;display:flex;overflow-y:auto}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb{background:#1c2845;border-radius:6px}.brand{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:6px 8px 14px;display:flex}.brand-mark{background:radial-gradient(circle at 30% 30%,#2bf09f,#0a7d51);border-radius:12px;place-items:center;width:40px;height:40px;display:grid;box-shadow:0 0 0 1px #22d18a66,inset 0 0 12px #0006}.brand-name{font-family:var(--font-display);letter-spacing:-.01em;font-size:16px;font-weight:700;line-height:1}.brand-name small{color:var(--green);letter-spacing:.12em;margin-top:4px;font-size:11px;font-weight:700;display:block}.profile{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-md);align-items:center;gap:12px;padding:12px;display:flex}.profile-crest{border:1px solid var(--line-2);background:linear-gradient(135deg,#1d3a6f,#112444);border-radius:10px;place-items:center;width:40px;height:40px;font-size:18px;display:grid}.profile-meta{flex:1;min-width:0}.profile-meta b{font-size:13px;display:block}.profile-meta .level{color:var(--t-3);align-items:center;gap:6px;margin-top:2px;font-size:11px;display:flex}.xp-bar{background:#1a2440;border-radius:4px;flex:1;height:4px;overflow:hidden}.xp-bar>i{background:linear-gradient(90deg, var(--green), #4ee0a3);border-radius:4px;height:100%;display:block}.nav{flex-direction:column;flex:1;gap:2px;display:flex}.nav-item{color:var(--t-2);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;font-size:14px;font-weight:500;transition:background .15s,color .15s;display:flex;position:relative}.nav-item:hover{color:var(--t-1);background:#ffffff08}.nav-item.active{color:var(--t-1);background:linear-gradient(90deg,#22d18a24,#22d18a0a);border-color:#22d18a40}.nav-item.active:before{content:"";background:var(--green);border-radius:0 3px 3px 0;width:3px;position:absolute;top:8px;bottom:8px;left:-14px}.nav-item svg{flex-shrink:0;width:18px;height:18px}.nav-item .badge{background:var(--green);color:#062618;text-align:center;border-radius:999px;min-width:20px;margin-left:auto;padding:1px 7px;font-size:11px;font-weight:800}.premium-cta{border-radius:var(--r-md);cursor:pointer;background:linear-gradient(135deg,#f5b84026,#f5b8400a);border:1px solid #f5b84059;align-items:center;gap:10px;padding:12px;display:flex}.premium-cta:hover{background:linear-gradient(135deg,#f5b84038,#f5b8400f)}.premium-cta .ico{background:var(--gold);color:#2a1c00;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.premium-cta b{color:var(--gold);letter-spacing:.1em;font-size:12px;display:block}.premium-cta span{color:var(--t-3);font-size:11px}.main{background:radial-gradient(1200px 600px at 60% -20%, #22d18a0d, transparent 60%), var(--bg-1);flex-direction:column;min-width:0;display:flex}.topbar{height:var(--topbar-h);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;background:#0f1626d9;align-items:center;gap:12px;padding:0 24px;display:flex;position:sticky;top:0}.topbar .crumbs{color:var(--t-3);align-items:center;gap:10px;font-size:13px;display:flex}.topbar .crumbs b{color:var(--t-1)}.topbar .spacer{flex:1}.coin{background:var(--bg-2);border:1px solid var(--line);font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:8px;padding:6px 14px 6px 6px;font-size:14px;font-weight:700;display:flex}.coin .dot{color:#2a1c00;border-radius:999px;place-items:center;width:22px;height:22px;font-size:11px;font-weight:800;display:grid}.coin.gold .dot{background:var(--gold)}.coin.silver .dot{background:var(--silver)}.coin.gold{color:var(--gold)}.coin.silver{color:var(--silver)}.coin .plus{background:var(--green);color:#062618;cursor:pointer;border-radius:999px;place-items:center;width:22px;height:22px;margin-left:4px;display:grid}.icon-btn{background:var(--bg-2);border:1px solid var(--line);width:38px;height:38px;color:var(--t-2);cursor:pointer;border-radius:10px;place-items:center;display:grid;position:relative}.icon-btn:hover{background:var(--bg-3);color:var(--t-1)}.icon-btn .pip{background:var(--green);width:8px;height:8px;box-shadow:0 0 0 2px var(--bg-2);border-radius:999px;position:absolute;top:8px;right:8px}.avatar-btn{background:var(--bg-2);border:1px solid var(--line);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:4px 10px 4px 4px;display:flex}.avatar-btn img{object-fit:cover;border-radius:999px;width:30px;height:30px}.page{flex:1;padding:24px 28px 80px;overflow-y:auto}.page::-webkit-scrollbar{width:10px}.page::-webkit-scrollbar-thumb{background:#1c2845;border-radius:10px}.page-hero{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:22px;display:flex}.page-hero h1{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:28px;font-weight:700}.page-hero p{color:var(--t-3);margin:4px 0 0;font-size:14px}.card{background:linear-gradient(180deg, var(--bg-2) 0%, #141d31b3 100%);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-1);padding:18px}.card-title{color:var(--t-1);justify-content:space-between;align-items:center;margin-bottom:14px;font-size:14px;font-weight:700;display:flex}.card-title .link{color:var(--green);cursor:pointer;font-size:12px;font-weight:600}.card-title .link:hover{text-decoration:underline}.row{align-items:center;gap:10px;display:flex}.row.between{justify-content:space-between}.col{flex-direction:column;gap:6px;display:flex}.muted{color:var(--t-3)}.tiny{letter-spacing:.08em;text-transform:uppercase;color:var(--t-3);font-size:11px;font-weight:700}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.btn{border:1px solid var(--line);background:var(--bg-3);color:var(--t-1);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:600;display:inline-flex}.btn:hover{background:var(--bg-4)}.btn.primary{color:#052e1c;background:linear-gradient(#25dd92,#16a36a);border-color:#22d18a80;box-shadow:0 6px 16px -6px #22d18a99}.btn.primary:hover{filter:brightness(1.05)}.btn.ghost{background:0 0}.btn.danger{background:var(--red-soft);color:var(--red);border-color:#ef48634d}.btn.gold{background:var(--gold-soft);color:var(--gold);border-color:#f5b84066}.chip{background:var(--bg-3);color:var(--t-2);border:1px solid var(--line);border-radius:999px;align-items:center;gap:6px;padding:4px 9px;font-size:11px;font-weight:700;display:inline-flex}.chip.green{background:var(--green-glow);color:var(--green);border-color:#22d18a4d}.chip.red{background:var(--red-soft);color:var(--red);border-color:#ef48634d}.chip.blue{background:var(--blue-soft);color:var(--blue);border-color:#3b8df04d}.chip.gold{background:var(--gold-soft);color:var(--gold);border-color:#f5b8404d}.chip.amber{background:var(--amber-soft);color:var(--amber);border-color:#f2a3414d}.crest{color:#fff;width:48px;height:48px;font-family:var(--font-display);letter-spacing:-.04em;border:1px solid #ffffff14;border-radius:12px;flex-shrink:0;place-items:center;font-size:14px;font-weight:800;display:grid;position:relative;overflow:hidden}.crest:after{content:"";background:linear-gradient(160deg,#ffffff2e,#0000 50%);position:absolute;inset:0}.crest.sm{border-radius:7px;width:28px;height:28px;font-size:10px}.crest.md{border-radius:9px;width:36px;height:36px;font-size:11px}.crest.xl{border-radius:16px;width:64px;height:64px;font-size:16px}.pavatar{width:36px;height:36px;color:var(--t-1);border:1px solid var(--line-2);background:linear-gradient(160deg,#2a3859,#14203b);border-radius:999px;flex-shrink:0;place-items:center;font-size:12px;font-weight:700;display:grid}.pavatar.lg{width:56px;height:56px;font-size:16px}.bar{background:#1a2440;border-radius:6px;height:6px;position:relative;overflow:hidden}.bar>i{background:linear-gradient(90deg, var(--green), #4fe5a8);border-radius:6px;height:100%;transition:width .4s;display:block}.bar.amber>i{background:linear-gradient(90deg, var(--amber), #ffd28a)}.bar.red>i{background:linear-gradient(90deg, var(--red), #ff8aa0)}.bar.blue>i{background:linear-gradient(90deg, var(--blue), #79b3f7)}.table{border-collapse:collapse;width:100%;font-size:13px}.table th{text-align:left;color:var(--t-3);letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid var(--line);padding:8px 10px;font-size:11px;font-weight:700}.table td{vertical-align:middle;border-bottom:1px solid #1e294280;padding:12px 10px}.table tr.me{background:linear-gradient(90deg,#22d18a14,#0000)}.table tr.me td:first-child{border-left:2px solid var(--green)}.table tr:hover{background:#ffffff05}.table td.num,.table th.num{text-align:right;font-variant-numeric:tabular-nums}.mobile-topbar{border-bottom:1px solid var(--line);z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f1626f2;align-items:center;gap:10px;height:56px;padding:0 14px;display:none;position:sticky;top:0}.mobile-tabbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line);z-index:30;background:#0f1626f2;border-radius:18px;justify-content:space-around;align-items:center;height:64px;padding:0 12px;display:none;position:fixed;bottom:8px;left:8px;right:8px;box-shadow:0 8px 30px #00000080}.mtab{color:var(--t-3);cursor:pointer;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:3px;padding:6px 10px;font-size:10px;font-weight:600;display:flex}.mtab.active{color:var(--green);background:#22d18a1a}.mtab svg{width:20px;height:20px}.sheet-backdrop{z-index:40;background:#0009;display:none;position:fixed;inset:0}.sheet-backdrop.open{display:block}.sheet{background:var(--bg-1);border-top:1px solid var(--line);z-index:50;border-top-left-radius:22px;border-top-right-radius:22px;max-height:80vh;padding:14px 12px 24px;transition:transform .25s;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(100%)}.sheet.open{transform:translateY(0)}.sheet-handle{background:var(--line-2);border-radius:999px;width:44px;height:5px;margin:0 auto 12px}@media (width<=920px){body{overflow:auto}.app{grid-template-columns:1fr;height:auto;min-height:100vh}.sidebar,.topbar{display:none}.mobile-topbar,.mobile-tabbar{display:flex}.main{padding-bottom:96px}.page{padding:16px 14px 24px;overflow:visible}.page-hero h1{font-size:22px}}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.fade-in{animation:.3s both fadeUp}.pitch{aspect-ratio:68/105;background:repeating-linear-gradient(#14834f 0 40px,#126b42 40px 80px);border:2px solid #fff9;border-radius:12px;max-width:520px;margin:0 auto;position:relative;overflow:hidden}.pitch:before,.pitch:after{content:"";pointer-events:none;border:2px solid #fff9;position:absolute}.pitch:before{border-radius:999px;width:100px;height:100px;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 2000px #0000}.pitch .midline{background:#fff9;height:2px;position:absolute;top:50%;left:0;right:0}.pitch .box{border:2px solid #fff9;border-radius:4px;width:55%;height:16%;position:absolute;left:50%;transform:translate(-50%)}.pitch .box.top{border-top:none;top:0}.pitch .box.bot{border-bottom:none;bottom:0}.pitch .box-sm{border:2px solid #ffffff80;width:30%;height:7%;position:absolute;left:50%;transform:translate(-50%)}.pitch .box-sm.top{border-top:none;top:0}.pitch .box-sm.bot{border-bottom:none;bottom:0}.pitch .spot{background:#ffffffb3;border-radius:999px;width:5px;height:5px;position:absolute;left:50%;transform:translate(-50%,-50%)}.player-token{cursor:grab;z-index:2;flex-direction:column;align-items:center;display:flex;position:absolute;transform:translate(-50%,-50%)}.player-token .num{color:#0f1626;width:44px;height:44px;font-family:var(--font-display);background:linear-gradient(#f4f7fb,#c4cee0);border:2px solid #fff;border-radius:999px;place-items:center;font-size:16px;font-weight:800;display:grid;box-shadow:0 4px 10px #0006,inset 0 -3px #00000026}.player-token .lbl{color:#fff;white-space:nowrap;background:#00000080;border-radius:4px;margin-top:4px;padding:2px 6px;font-size:10px;font-weight:700}.notif{border-bottom:1px solid #1e294280;align-items:flex-start;gap:12px;padding:12px 0;font-size:13px;display:flex}.notif:last-child{border-bottom:none}.notif .ico{border-radius:999px;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}.notif b{font-size:13px;display:block}.notif .when{color:var(--t-3);white-space:nowrap;margin-left:auto;font-size:11px}.notif p{color:var(--t-3);margin:2px 0 0;font-size:12px}.placeholder-tile{background:var(--bg-2);border:1px dashed var(--line-2);border-radius:var(--r-lg);color:var(--t-3);padding:18px;font-size:13px}.tabs{background:var(--bg-2);border:1px solid var(--line);border-radius:12px;gap:4px;width:max-content;padding:4px;display:flex}.tabs button{color:var(--t-2);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:600}.tabs button.active{background:var(--bg-4);color:var(--t-1)}.input{background:var(--bg-2);border:1px solid var(--line);width:100%;color:var(--t-1);border-radius:10px;padding:10px 14px;font-family:inherit;font-size:14px}.input:focus{border-color:var(--green);box-shadow:0 0 0 3px var(--green-glow);outline:none}.search{position:relative}.search .input{padding-left:38px}.search svg{color:var(--t-3);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.toggle{background:var(--bg-3);border:1px solid var(--line-2);cursor:pointer;border-radius:999px;width:38px;height:22px;transition:background .15s;position:relative}.toggle:after{content:"";background:var(--silver);border-radius:999px;width:16px;height:16px;transition:transform .15s;position:absolute;top:2px;left:2px}.toggle.on{background:var(--green);border-color:var(--green)}.toggle.on:after{background:#fff;transform:translate(16px)}.login-portal-container{min-height:100vh;color:var(--t-1);font-family:var(--font-body);background:url(/src/assets/stadium_login_bg.png) 50%/cover no-repeat fixed;grid-template-columns:260px 1fr;display:grid;position:relative}.login-portal-container:before{content:"";pointer-events:none;z-index:1;background:radial-gradient(circle at 60% 30%,#0a0f1a73 0%,#0a0f1af5 100%);position:absolute;inset:0}.login-portal-sidebar{z-index:2;-webkit-backdrop-filter:blur(20px);background:#0a101ca6;border-right:1px solid #ffffff0d;flex-direction:column;gap:30px;height:100vh;padding:24px 20px;display:flex;position:sticky;top:0}.login-portal-brand{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;padding-bottom:20px;display:flex}.login-portal-logo{background:radial-gradient(circle at 30% 30%,#2bf09f,#0a7d51);border:1px solid #22d18a4d;border-radius:12px;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 0 15px #22d18a40,inset 0 0 8px #00000080}.login-portal-logo svg{width:24px;height:24px}.login-portal-brand-text{font-family:var(--font-display);letter-spacing:-.01em;font-size:16px;font-weight:800;line-height:1.1}.login-portal-brand-text small{color:var(--green);letter-spacing:.12em;margin-top:3px;font-size:11px;font-weight:700;display:block}.login-portal-nav{flex-direction:column;flex:1;gap:8px;display:flex}.login-portal-nav-item{color:var(--t-2);cursor:pointer;border:1px solid #0000;border-radius:10px;align-items:center;gap:12px;padding:12px 14px;font-size:14px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.login-portal-nav-item:hover{color:var(--t-1);background:#ffffff0a;border-color:#ffffff0d;transform:translate(3px)}.login-portal-nav-item svg{width:18px;height:18px;color:var(--t-3);transition:color .2s}.login-portal-nav-item:hover svg{color:var(--green)}.login-portal-sidebar-footer{color:var(--t-4);text-align:center;letter-spacing:.05em;border-top:1px solid #ffffff14;padding-top:16px;font-size:11px}.login-portal-main{z-index:2;flex-direction:column;gap:40px;height:100vh;padding:40px;display:flex;position:relative;overflow-y:auto}.login-portal-metrics{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.login-portal-metric-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--r-lg);background:#141d3173;border:1px solid #ffffff0f;flex-direction:column;gap:8px;padding:20px 24px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 10px 30px #0003}.login-portal-metric-card:hover{background:#141d318c;border-color:#22d18a33;transform:translateY(-2px)}.login-portal-metric-header{justify-content:space-between;align-items:center;display:flex}.login-portal-metric-title{color:var(--t-3);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:700}.login-portal-metric-icon{color:var(--green);opacity:.85}.login-portal-metric-value{font-family:var(--font-display);color:var(--t-1);align-items:baseline;gap:6px;font-size:28px;font-weight:800;line-height:1.1;display:flex}.login-portal-metric-sub{color:var(--t-4);margin-top:2px;font-size:11px}.login-portal-trend-up{color:var(--green);font-size:12px;font-weight:700}.login-portal-auth-container{justify-content:center;align-items:center;padding:20px 0;display:flex}.login-portal-auth-card{-webkit-backdrop-filter:blur(25px)saturate(170%);border-radius:var(--r-xl);background:#0f162680;border:1px solid #ffffff14;flex-direction:column;gap:28px;width:100%;max-width:460px;padding:40px 36px;display:flex;box-shadow:0 30px 100px #000000bf,inset 0 1px #ffffff1a}.login-btn-google{color:var(--t-1);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;justify-content:center;align-items:center;gap:12px;width:100%;margin-top:-8px;padding:12px 18px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s;display:flex}.login-btn-google:hover{background:#ffffff14;border-color:#ffffff26;transform:translateY(-1px)}.login-btn-google svg{width:18px;height:18px}.login-divider{text-align:center;color:var(--t-4);letter-spacing:.08em;text-transform:uppercase;align-items:center;font-size:11px;font-weight:700;display:flex}.login-divider:before,.login-divider:after{content:"";border-bottom:1px solid #ffffff0f;flex:1}.login-divider:not(:empty):before{margin-right:16px}.login-divider:not(:empty):after{margin-left:16px}.login-auth-links{color:var(--t-3);justify-content:space-between;align-items:center;margin-top:-6px;font-size:12px;display:flex}.login-auth-link{color:var(--t-3);cursor:pointer;font-weight:500;text-decoration:none;transition:color .15s}.login-auth-link:hover{color:var(--green)}.login-portal-news-section{border-top:1px solid #ffffff14;flex-direction:column;gap:20px;padding-top:40px;display:flex}.login-portal-news-header{justify-content:space-between;align-items:center;display:flex}.login-portal-news-title{font-family:var(--font-display);letter-spacing:-.01em;color:var(--t-1);align-items:center;gap:10px;font-size:20px;font-weight:800;display:flex}.login-portal-news-title:before{content:"";background:var(--green);border-radius:99px;width:4px;height:20px;display:inline-block}.login-portal-news-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.login-portal-news-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--r-lg);background:#141d3159;border:1px solid #ffffff0d;flex-direction:column;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden;box-shadow:0 8px 30px #00000026}.login-portal-news-card:hover{background:#141d3173;border-color:#22d18a26;transform:translateY(-2px);box-shadow:0 12px 40px #00000040}.login-portal-news-banner{background-position:50%;background-size:cover;border-bottom:1px solid #ffffff0d;height:140px;position:relative}.login-portal-news-banner:after{content:"";background:linear-gradient(#0000 40%,#0a0f1acc 100%);position:absolute;inset:0}.login-portal-news-category{color:var(--green);text-transform:uppercase;letter-spacing:.05em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#22d18a1f;border:1px solid #22d18a4d;border-radius:99px;padding:3px 8px;font-size:10px;font-weight:800;position:absolute;top:14px;left:14px}.login-portal-news-body{flex-direction:column;flex:1;gap:12px;padding:20px;display:flex}.login-portal-news-meta{color:var(--t-3);align-items:center;gap:12px;font-size:11px;font-weight:500;display:flex}.login-portal-news-meta span{align-items:center;gap:4px;display:flex}.login-portal-news-meta-divider{color:var(--t-4)}.login-portal-news-headline{font-family:var(--font-display);color:var(--t-1);font-size:16px;font-weight:700;line-height:1.3}.login-portal-news-text{color:var(--t-3);flex:1;font-size:13px;line-height:1.5}.login-portal-markdown{color:var(--t-2);font-size:13px;line-height:1.6}.login-portal-markdown h2,.login-portal-markdown h3{font-family:var(--font-display);color:var(--t-1);margin-top:12px;margin-bottom:6px;font-size:14px}.login-portal-markdown p{margin-bottom:8px}.login-portal-markdown ul{margin-bottom:8px;padding-left:16px}.login-portal-news-engagement{color:var(--t-4);border-top:1px solid #ffffff0d;align-items:center;gap:16px;margin-top:auto;padding-top:14px;font-size:11px;display:flex}.login-portal-news-engagement span{cursor:pointer;align-items:center;gap:6px;transition:color .15s;display:flex}.login-portal-news-engagement span:hover{color:var(--t-2)}.login-portal-pagination{justify-content:center;align-items:center;gap:16px;margin-top:20px;display:flex}.login-portal-pagination-btn{color:var(--t-2);cursor:pointer;background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.login-portal-pagination-btn:hover:not(:disabled){color:var(--t-1);background:#ffffff14;border-color:#ffffff1f}.login-portal-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.login-portal-pagination-info{color:var(--t-3);font-size:13px;font-weight:500}.login-portal-footer-section{border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-top:auto;padding:24px 0 10px;display:flex}.login-portal-footer-copyright{color:var(--t-4);font-size:12px}.login-portal-footer-links{gap:24px;display:flex}.login-portal-footer-link{color:var(--t-3);font-size:12px;font-weight:500;text-decoration:none;transition:color .15s}.login-portal-footer-link:hover{color:var(--green)}.login-alert{-webkit-backdrop-filter:blur(10px);border-radius:var(--r-md);color:#ffb3bf;background:#ef486314;border:1px solid #ef486359;align-items:center;gap:12px;padding:14px 18px;font-size:13px;line-height:1.4;animation:.4s cubic-bezier(.36,.07,.19,.97) both alertShake;display:flex;box-shadow:0 8px 24px #ef48631a,inset 0 1px #ffffff0d}@keyframes alertShake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.login-alert-icon{color:var(--red);flex-shrink:0;place-items:center;display:grid}.login-form{flex-direction:column;gap:20px;display:flex}.login-field{flex-direction:column;gap:8px;display:flex}.login-label{color:var(--t-2);letter-spacing:.03em;text-transform:uppercase;font-size:12px;font-weight:600}.login-input-wrapper{align-items:center;display:flex;position:relative}.login-input{width:100%;color:var(--t-1);background:#0f1626a6;border:1px solid #ffffff1a;border-radius:12px;padding:12px 16px;font-family:inherit;font-size:14px;transition:all .25s cubic-bezier(.16,1,.3,1);box-shadow:inset 0 2px 4px #0003}.login-input:hover{border-color:#fff3}.login-input:focus{border-color:var(--green);background:#0f1626d9;outline:none;box-shadow:0 0 16px #22d18a40,inset 0 2px 4px #0000001a}.login-input-icon{color:var(--t-3);cursor:pointer;background:0 0;border:none;place-items:center;padding:0;transition:color .15s;display:grid;position:absolute;right:14px}.login-input-icon:hover{color:var(--t-1)}.login-btn{background:linear-gradient(135deg, var(--green), #1aaf73);color:#062618;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;margin-top:10px;padding:14px 20px;font-family:inherit;font-size:15px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 8px 20px #22d18a33,inset 0 1px #fff3}.login-btn:hover{transform:translateY(-1px);box-shadow:0 12px 24px #22d18a4d,inset 0 1px #ffffff4d}.login-btn:active{transform:translateY(1px);box-shadow:0 4px 10px #22d18a26}.login-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}@media (width<=1024px){.login-portal-container{grid-template-columns:1fr}.login-portal-sidebar{display:none}.login-portal-metrics{grid-template-columns:repeat(2,1fr)}.login-portal-news-grid{grid-template-columns:1fr}}@media (width<=640px){.login-portal-main{gap:30px;padding:20px}.login-portal-metrics{grid-template-columns:1fr}.login-portal-auth-card{padding:30px 20px}.login-portal-footer-section{text-align:center;flex-direction:column;gap:16px}}@keyframes pulse-neon{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 10px #ef4863,0 0 20px #ef486399}50%{opacity:.4;transform:scale(.9);box-shadow:0 0 4px #ef4863,0 0 8px #ef48634d}}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse-neon}tr.active-user-team-row td{background:#4fe5a80f!important;border-top:1.5px solid #4fe5a8!important;border-bottom:1.5px solid #4fe5a8!important}tr.active-user-team-row td:first-child{border-left:1.5px solid #4fe5a8!important}tr.active-user-team-row td:last-child{border-right:1.5px solid #4fe5a8!important}