:root{--bg:#07111f;--panel:#0c1929;--panel2:#102136;--line:#20354c;--text:#eef5f8;--muted:#87a0b6;--cyan:#24d6c8;--amber:#ffb547;--red:#ff6b6b;--shadow:0 20px 60px rgba(0,0,0,.28)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text)}button,input,select{font:inherit}.hidden{display:none!important}.noise{position:fixed;inset:0;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.login-shell{min-height:100vh;display:grid;grid-template-columns:1.35fr .65fr;background:radial-gradient(circle at 20% 20%,#143152 0,transparent 38%),var(--bg)}.login-brand{padding:64px 7vw;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.login-brand:after{content:"";position:absolute;width:440px;height:440px;border:1px solid #235373;border-radius:50%;right:-140px;bottom:-160px;box-shadow:0 0 0 70px rgba(35,83,115,.15),0 0 0 140px rgba(35,83,115,.08)}.brand{display:flex;align-items:center;gap:11px;font:700 19px "Barlow Condensed";letter-spacing:.12em}.brand--large{position:absolute;top:54px;left:7vw}.brand-mark{display:grid;place-items:center;width:38px;height:38px;background:var(--cyan);color:#04201e;clip-path:polygon(0 0,100% 0,100% 74%,78% 100%,0 100%)}.login-brand h1{font:700 clamp(54px,7vw,96px)/.88 "Barlow Condensed";letter-spacing:-.025em;margin:20px 0 30px;text-transform:uppercase}.login-brand h1 em{color:var(--cyan);font-style:normal}.eyebrow{margin:0 0 8px;color:var(--cyan);font:700 12px Inter;letter-spacing:.18em}.login-copy{max-width:610px;color:#b3c4d2;font-size:18px;line-height:1.7}.source-strip{display:flex;align-items:center;gap:22px;margin-top:42px;color:var(--muted);font-size:12px}.source-strip b{color:var(--text);padding:9px 13px;border:1px solid var(--line);border-radius:99px}.login-panel{display:grid;place-items:center;padding:40px;background:rgba(4,11,21,.52);border-left:1px solid var(--line)}.login-card{width:min(390px,100%)}.login-card h2{font:700 42px "Barlow Condensed";margin:4px 0 34px;text-transform:uppercase}.login-card label{display:block;margin:18px 0;color:#b8c8d6;font-size:13px;font-weight:600}.login-card input{display:block;width:100%;margin-top:8px;padding:14px 15px;border:1px solid var(--line);border-radius:8px;background:#091522;color:var(--text);outline:none}.login-card input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(36,214,200,.1)}.microcopy{color:var(--muted);font-size:11px;text-align:center;margin-top:18px;line-height:1.5}
.btn{border:0;border-radius:7px;padding:11px 16px;font-weight:700;color:var(--text);background:var(--panel2);cursor:pointer;transition:.18s}.btn:hover{transform:translateY(-1px);filter:brightness(1.1)}.btn--primary{background:var(--cyan);color:#03201e}.btn--wide{width:100%;padding:15px;margin-top:12px;display:flex;justify-content:space-between}.btn--ghost{border:1px solid var(--line);background:transparent}.btn--small{font-size:12px;padding:8px 11px}.icon-btn{width:40px;height:40px;border:1px solid var(--line);border-radius:7px;background:var(--panel);color:var(--text);cursor:pointer}.app{display:grid;grid-template-columns:235px 1fr;min-height:100vh}.sidebar{height:100vh;position:sticky;top:0;padding:28px 18px 22px;border-right:1px solid var(--line);background:#08131f;display:flex;flex-direction:column}.sidebar .brand{padding:0 10px 32px}.sidebar nav{display:grid;gap:6px}.sidebar button{display:flex;align-items:center;gap:12px;border:0;background:transparent;color:var(--muted);padding:12px;border-radius:7px;text-align:left;cursor:pointer;font-weight:600}.sidebar button span{width:21px;text-align:center;font-size:18px}.sidebar button i{margin-left:auto;background:#162b3e;color:var(--cyan);font-style:normal;font-size:11px;padding:2px 7px;border-radius:99px}.sidebar button:hover,.sidebar button.active{background:#102437;color:var(--text)}.sidebar button.active{box-shadow:inset 3px 0 var(--cyan)}.sidebar-bottom{margin-top:auto}.profile-mini{display:flex;align-items:center;gap:11px;border-top:1px solid var(--line);padding:20px 10px 0;margin-top:8px}.profile-mini>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#163e4d;color:var(--cyan);font-weight:700}.profile-mini div{display:grid;gap:3px}.profile-mini small{color:var(--muted);font-size:10px}.topbar{height:94px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(7,17,31,.85);backdrop-filter:blur(12px);position:sticky;top:0;z-index:5}.topbar h2{margin:0;font:700 27px "Barlow Condensed";text-transform:uppercase}.top-actions{display:flex;align-items:center;gap:10px}.sync{font-size:11px;color:var(--muted);margin-right:8px}.sync i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 4px rgba(36,214,200,.1);margin-right:7px}.content{padding:34px 4vw 70px;max-width:1540px}.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:20px}.next-card{min-height:260px;padding:32px;border:1px solid #1d5d67;background:linear-gradient(135deg,#0e2734,#0b1828);border-radius:12px;position:relative;overflow:hidden}.next-card:after{content:"";position:absolute;width:220px;height:220px;border:40px solid rgba(36,214,200,.06);border-radius:50%;right:-80px;bottom:-110px}.next-card h3{font:700 38px/1 "Barlow Condensed";text-transform:uppercase;max-width:560px;margin:28px 0 18px}.meta{display:flex;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:12px}.chip{display:inline-flex;align-items:center;padding:5px 9px;border-radius:4px;background:#172b40;color:#b9cadd;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.chip--cyan{background:rgba(36,214,200,.12);color:var(--cyan)}.chip--amber{background:rgba(255,181,71,.13);color:var(--amber)}.countdown{position:absolute;right:34px;top:34px;text-align:center;background:#08131f;border:1px solid var(--line);padding:16px 20px;border-radius:9px}.countdown b{display:block;font:700 34px "Barlow Condensed";color:var(--cyan)}.countdown span{font-size:9px;color:var(--muted);letter-spacing:.15em}.metric-stack{display:grid;grid-template-columns:1fr 1fr;gap:12px}.metric{padding:23px;background:var(--panel);border:1px solid var(--line);border-radius:10px}.metric b{display:block;font:700 35px "Barlow Condensed"}.metric span{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin:38px 0 16px}.section-head h3{font:700 24px "Barlow Condensed";text-transform:uppercase;margin:0}.section-head p{color:var(--muted);font-size:12px;margin:4px 0 0}.match-list{display:grid;gap:9px}.match-row{display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:18px;padding:16px;background:var(--panel);border:1px solid var(--line);border-radius:9px;cursor:pointer;transition:.18s}.match-row:hover{border-color:#2d6573;transform:translateX(2px)}.date-box{padding:8px;text-align:center;border-right:1px solid var(--line)}.date-box b{display:block;font:700 25px "Barlow Condensed"}.date-box span{color:var(--muted);font-size:9px;text-transform:uppercase}.match-main h4{margin:0 0 8px;font-size:14px}.match-main .meta{font-size:11px}.match-actions{display:flex;align-items:center;gap:8px}.source{font-size:9px;padding:5px 7px;border-radius:4px;background:#15263a;color:#9bb2c4}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--amber)}
.discover-toolbar{display:grid;grid-template-columns:1fr auto;gap:18px;margin-bottom:24px}.searchbox{position:relative}.searchbox input{width:100%;padding:15px 18px 15px 44px;background:var(--panel);border:1px solid var(--line);border-radius:8px;color:var(--text);outline:none}.searchbox:before{content:"⌕";position:absolute;left:16px;top:12px;color:var(--cyan);font-size:21px}.source-tabs{display:flex;background:var(--panel);padding:4px;border:1px solid var(--line);border-radius:8px}.source-tabs button{border:0;background:transparent;color:var(--muted);padding:9px 14px;border-radius:5px;cursor:pointer;font-weight:700;font-size:12px}.source-tabs button.active{background:#183246;color:var(--text)}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.filters select,.filters button{background:var(--panel);color:var(--muted);border:1px solid var(--line);border-radius:6px;padding:9px 11px;font-size:11px;cursor:pointer}.filters button.active{border-color:var(--cyan);color:var(--cyan)}.result-summary{display:flex;justify-content:space-between;align-items:center;margin:20px 0 10px;color:var(--muted);font-size:12px}.month-label{display:flex;align-items:center;gap:10px;margin:27px 0 10px;color:var(--cyan);font:700 12px Inter;letter-spacing:.12em}.month-label:after{content:"";height:1px;background:var(--line);flex:1}.empty{padding:55px;text-align:center;border:1px dashed var(--line);border-radius:10px;color:var(--muted)}.empty b{display:block;color:var(--text);font:700 24px "Barlow Condensed";margin-bottom:7px}.squad-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:24px}.panel h3{font:700 22px "Barlow Condensed";margin:0 0 18px;text-transform:uppercase}.member{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line)}.member:first-of-type{border-top:0}.member span{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#16384a;color:var(--cyan);font-weight:700}.member div{display:grid;gap:3px}.member small{color:var(--muted)}.chat{height:210px;display:flex;flex-direction:column;justify-content:flex-end;gap:9px}.bubble{max-width:80%;padding:10px 12px;border-radius:8px;background:#14283d;font-size:12px;line-height:1.45}.bubble.me{align-self:flex-end;background:#12433f}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.setting{padding:17px 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.toggle{width:42px;height:23px;background:#1a354a;border-radius:99px;padding:3px}.toggle:after{content:"";display:block;width:17px;height:17px;background:var(--cyan);border-radius:50%;margin-left:19px}.modal{position:fixed;inset:0;background:rgba(2,7,13,.82);display:grid;place-items:center;padding:20px;z-index:20;backdrop-filter:blur(7px)}.modal-card{width:min(700px,100%);max-height:90vh;overflow:auto;background:var(--panel);border:1px solid #285164;border-radius:12px;padding:32px;position:relative;box-shadow:var(--shadow)}.modal-close{position:absolute;right:16px;top:12px;border:0;background:transparent;color:var(--muted);font-size:28px;cursor:pointer}.detail-title{font:700 38px/1 "Barlow Condensed";text-transform:uppercase;margin:18px 50px 24px 0}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.detail-item{padding:14px;background:#091725;border-radius:7px}.detail-item span{display:block;color:var(--muted);font-size:9px;letter-spacing:.12em;margin-bottom:5px}.toast{position:fixed;right:25px;bottom:25px;background:var(--cyan);color:#04201e;padding:12px 17px;border-radius:7px;font-weight:700;font-size:12px;transform:translateY(90px);transition:.25s;z-index:40}.toast.show{transform:translateY(0)}.mobile-only{display:none}
body.light{--bg:#f3f6f7;--panel:#fff;--panel2:#e8eff1;--line:#d5e0e3;--text:#102231;--muted:#657b89;--shadow:0 20px 60px rgba(24,50,65,.15)}body.light .sidebar{background:#eaf0f2}body.light .topbar{background:rgba(243,246,247,.88)}body.light .next-card{background:linear-gradient(135deg,#e4f3f1,#fff)}body.light .countdown{background:#fff}body.light .login-shell{background:radial-gradient(circle at 20% 20%,#d4ebe9 0,transparent 38%),var(--bg)}body.light .login-panel{background:rgba(255,255,255,.7)}body.light .login-card input{background:#fff}
@media(max-width:900px){.login-shell{grid-template-columns:1fr}.login-brand{min-height:48vh;padding:110px 7vw 40px}.login-panel{border-left:0;border-top:1px solid var(--line)}.app{grid-template-columns:1fr}.sidebar{position:fixed;z-index:30;transform:translateX(-100%);transition:.25s;width:235px}.sidebar.open{transform:translateX(0)}.mobile-only{display:block}.hero-grid,.squad-grid,.settings-grid{grid-template-columns:1fr}.topbar{padding:0 18px}.topbar .sync{display:none}.content{padding:24px 18px 60px}.discover-toolbar{grid-template-columns:1fr}.match-row{grid-template-columns:58px 1fr}.match-actions{grid-column:2}.next-card h3{font-size:30px;max-width:70%}}
@media(max-width:560px){.login-brand h1{font-size:51px}.login-panel{padding:40px 24px}.top-actions .btn{display:none}.metric-stack{grid-template-columns:1fr 1fr}.countdown{right:18px;top:18px;padding:12px}.next-card{padding:23px}.source-tabs{overflow:auto}.detail-grid{grid-template-columns:1fr}.modal-card{padding:24px}.match-row{gap:10px;padding:12px}.match-actions .source{display:none}}