:root{--bg:#060b14;--sidebar:#080e18;--panel:#0d1522;--panel2:#101b2b;--panel3:#142033;--line:#223047;--text:#f5f8fc;--muted:#8493aa;--green:#29df72;--green2:#0da94b;--red:#ef4444;--amber:#f5b82e;--blue:#4f8cff;--purple:#9d6cff;--shadow:0 18px 50px rgba(0,0,0,.28)}html[data-theme=light]{--bg:#f3f6fa;--sidebar:#fff;--panel:#fff;--panel2:#f7f9fc;--panel3:#eef3f8;--line:#dce4ee;--text:#172033;--muted:#68778d;--shadow:0 14px 36px rgba(40,55,75,.1)}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);min-height:100vh}button,input,select,textarea{font:inherit}button{color:inherit}.shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:var(--sidebar);border-right:1px solid var(--line);padding:20px 14px;display:flex;flex-direction:column;overflow:auto}.brand{display:flex;align-items:center;gap:11px;padding:0 10px 20px}.brand.large{padding:0}.brand-mark{width:40px;height:40px;border:2px solid var(--green);border-radius:12px;display:grid;place-items:center;color:var(--green);font-size:12px;font-weight:900;box-shadow:inset 0 0 0 4px color-mix(in srgb,var(--green) 10%,transparent)}.brand b{display:block;font-size:18px}.brand small{display:block;color:var(--green);font-size:10px;letter-spacing:.2em}.workspace-chip{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px;margin-bottom:18px}.workspace-avatar,.user-avatar{display:grid;place-items:center;border-radius:9px;background:linear-gradient(145deg,var(--green),#0b8f42);color:#031108;font-weight:900}.workspace-avatar{width:34px;height:34px}.workspace-chip b,.workspace-chip small{display:block}.workspace-chip small{font-size:10px;color:var(--muted)}nav{display:grid;gap:3px}.nav-label{font-size:10px;color:#657389;text-transform:uppercase;letter-spacing:.15em;padding:18px 12px 6px}nav button,.logout{border:0;background:transparent;display:grid;grid-template-columns:26px 1fr auto;align-items:center;text-align:left;padding:10px 12px;border-radius:9px;color:var(--muted);cursor:pointer;font-weight:650}nav button i,.logout i{font-style:normal;font-size:15px}nav button:hover,nav button.active{background:linear-gradient(90deg,color-mix(in srgb,var(--green) 17%,var(--panel)),color-mix(in srgb,var(--green) 4%,var(--panel)));color:var(--text)}nav button.active{box-shadow:inset 3px 0 var(--green)}.nav-live{font-size:8px;color:#ff7f7f;background:#47171d;padding:3px 5px;border-radius:4px}.sidebar-footer{margin-top:auto;padding-top:18px}.logout{width:100%}.main{min-width:0;padding:0 30px 40px}.topbar{height:94px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:25px}.breadcrumbs{font-size:11px;color:var(--muted)}h1,h2,h3,p{margin-top:0}.topbar h1{font-size:25px;margin:4px 0 2px}.topbar p{margin:0;color:var(--muted);font-size:13px}.header-actions{display:flex;align-items:center;gap:9px}.icon-btn,.compact-select,.user-chip{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:10px}.icon-btn{width:40px;height:40px;cursor:pointer}.notification{position:relative}.notification span{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--green);right:7px;top:7px}.compact-select{height:40px;padding:0 10px}.user-chip{display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center;padding:5px 10px 5px 6px;min-width:175px}.user-avatar{width:34px;height:34px}.user-chip b,.user-chip small{display:block}.user-chip small{font-size:10px;color:var(--muted)}.grid{display:grid;gap:15px}.stats{grid-template-columns:repeat(4,minmax(0,1fr))}.two{grid-template-columns:1.45fr 1fr}.three{grid-template-columns:repeat(3,1fr)}.panel,.card{background:linear-gradient(180deg,var(--panel),color-mix(in srgb,var(--panel) 96%,var(--bg)));border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.panel{padding:18px}.card{padding:15px}.stat{position:relative;overflow:hidden}.stat:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;background:color-mix(in srgb,var(--green) 12%,transparent);right:-30px;top:-30px}.stat .stat-icon{width:35px;height:35px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--green) 12%,var(--panel));color:var(--green)}.stat strong{display:block;font-size:28px;margin:14px 0 2px}.stat span{font-size:12px;color:var(--muted)}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}.toolbar h3{margin:0}.toolbar-group{display:flex;gap:8px;align-items:center}.btn{border:1px solid var(--line);background:var(--panel2);padding:10px 14px;border-radius:9px;cursor:pointer;font-weight:750}.btn:hover{transform:translateY(-1px)}.btn.primary{background:linear-gradient(180deg,var(--green),var(--green2));border-color:var(--green);color:#031108}.btn.danger{background:#d63845;border-color:#ed5260;color:#fff}.btn.ghost{background:transparent}.btn.wide{width:100%}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:99px;padding:4px 8px;background:var(--panel3);font-size:10px;color:var(--muted)}.badge.live{background:#44161c;color:#ff9aa2}.badge.success{background:#0b3820;color:#75f4a6}.badge.warning{background:#412f0c;color:#ffd870}.match-list{display:grid;gap:9px}.match-row{display:grid;grid-template-columns:135px minmax(0,1fr) auto;gap:15px;align-items:center;background:var(--panel2);border:1px solid var(--line);border-radius:11px;padding:12px;cursor:pointer}.match-row:hover{border-color:var(--green)}.match-pair{display:grid;grid-template-columns:1fr 40px 1fr;align-items:center;gap:8px}.mini-team{display:flex;align-items:center;gap:8px;font-weight:800}.mini-team.away{justify-content:flex-end}.mini-logo,.club-logo,.score-logo,.player-club-logo,.timeline-logo{object-fit:contain;background:#fff;border-radius:50%}.mini-logo{width:30px;height:30px;padding:3px}.club-logo{width:60px;height:60px;padding:6px}.score-logo{width:96px;height:96px;padding:9px}.player-club-logo{width:42px;height:42px;padding:4px}.timeline-logo{width:28px;height:28px;padding:3px}.logo-fallback{display:grid;place-items:center;background:color-mix(in srgb,var(--green) 15%,var(--panel));color:var(--green);font-weight:900;border-radius:50%}.mini-logo.logo-fallback{width:30px;height:30px}.score-logo.logo-fallback{width:96px;height:96px;font-size:24px}.match-meta,.muted{color:var(--muted)}.match-meta{font-size:11px}.live-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px}.scoreboard{padding:26px;text-align:center;background:radial-gradient(circle at 50% -10%,color-mix(in srgb,var(--green) 18%,transparent),transparent 42%),var(--panel)}.score-teams{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:26px}.score-team{display:grid;justify-items:center;gap:9px}.score-team b{font-size:18px}.score{font-size:58px;font-weight:950;letter-spacing:-.05em}.clock{font-size:38px;font-weight:950;font-variant-numeric:tabular-nums}.phase{color:var(--green);font-size:11px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.live-tools{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:18px}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.action-btn{min-height:74px;display:grid;place-items:center;gap:4px}.action-btn span{font-size:23px}.timeline{position:relative;display:grid;gap:4px}.timeline:before{content:"";position:absolute;top:15px;bottom:15px;left:50%;width:2px;background:var(--line)}.timeline-row{display:grid;grid-template-columns:1fr 58px 44px 58px 1fr;align-items:center;min-height:66px;position:relative}.timeline-copy{padding:0 12px}.timeline-copy b,.timeline-copy span{display:block}.timeline-copy span{font-size:11px;color:var(--muted)}.timeline-row.home .timeline-copy{grid-column:1;text-align:right}.timeline-row.home .timeline-logo-wrap{grid-column:2}.timeline-minute{grid-column:3;text-align:center;font-weight:900;z-index:2}.timeline-dot{grid-column:3;justify-self:center;width:36px;height:36px;border:2px solid var(--green);background:var(--panel);display:grid;place-items:center;border-radius:50%;z-index:1}.timeline-row.away .timeline-copy{grid-column:5}.timeline-row.away .timeline-logo-wrap{grid-column:4}.timeline-row .timeline-minute{position:absolute;left:50%;transform:translateX(-50%);top:-1px;font-size:10px;background:var(--panel);padding:0 4px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:14px}.club-card,.player-card{display:flex;align-items:center;gap:13px}.card-actions{margin-left:auto;display:flex;gap:5px}.small-icon{border:0;background:var(--panel3);width:32px;height:32px;border-radius:8px;cursor:pointer}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);border:1px solid var(--line);border-radius:13px;overflow:hidden}.calendar-day{min-height:135px;padding:10px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--panel)}.calendar-day:nth-child(7n){border-right:0}.calendar-day>span{font-size:11px;color:var(--muted)}.calendar-event{margin-top:8px;border-left:3px solid var(--green);background:var(--panel3);padding:8px;border-radius:7px;font-size:11px;cursor:pointer}.calendar-event b{display:block;margin-bottom:3px}.kanban{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.kanban-col{background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:11px;min-height:330px}.kanban-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.kanban-card{background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:10px;margin-bottom:8px}.kanban-card small{color:var(--muted)}.template-preview{aspect-ratio:4/5;border-radius:10px;overflow:hidden;background:linear-gradient(145deg,#111,#a20f18);background-size:cover;background-position:center;display:flex;align-items:flex-end;padding:18px;color:#fff;margin-bottom:12px}.template-preview b{font-size:29px}.designer-shell{display:grid;grid-template-columns:220px minmax(0,1fr) 260px;min-height:650px;border:1px solid var(--line);border-radius:14px;overflow:hidden}.designer-panel{background:var(--panel);padding:14px;border-right:1px solid var(--line)}.designer-panel.right{border-right:0;border-left:1px solid var(--line)}.designer-canvas-wrap{display:grid;place-items:center;background:repeating-conic-gradient(#0d1420 0 25%,#111a28 0 50%) 50%/24px 24px;padding:25px}.designer-canvas{width:min(420px,90%);aspect-ratio:4/5;border-radius:4px;background:linear-gradient(145deg,#080808,#b30c1b);position:relative;overflow:hidden;box-shadow:0 30px 70px #0008}.designer-canvas:before{content:"";position:absolute;inset:auto -25% -30% -25%;height:70%;background:radial-gradient(circle,var(--green),transparent 60%);opacity:.35}.canvas-copy{position:absolute;left:28px;bottom:32px;color:#fff}.canvas-copy strong{display:block;font-size:48px;line-height:.9}.canvas-copy span{font-size:18px}.layer-list,.element-list{display:grid;gap:8px}.layer,.element{background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:9px;font-size:12px}.integration-card{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:12px}.integration-icon{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:var(--panel3);font-weight:900}.settings-layout{display:grid;grid-template-columns:210px 1fr;gap:16px}.settings-menu{display:grid;align-content:start;gap:5px}.settings-menu button{border:0;background:transparent;color:var(--muted);padding:11px;text-align:left;border-radius:8px}.settings-menu button.active{background:var(--panel3);color:var(--text)}label{display:grid;gap:6px;font-size:12px;font-weight:650}input,select,textarea{width:100%;border:1px solid var(--line);background:var(--panel2);color:var(--text);padding:10px 11px;border-radius:8px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.grid-form{display:grid;gap:12px}.empty{text-align:center;padding:35px;color:var(--muted)}.mt{margin-top:15px}.modal{position:fixed;inset:0;background:rgba(2,6,15,.76);backdrop-filter:blur(8px);z-index:50;display:grid;place-items:center;padding:20px}.modal.hidden{display:none}.modal-card,.confirm-card{position:relative;width:min(680px,95vw);max-height:90vh;overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:26px;box-shadow:0 35px 100px #000b}.confirm-card{width:min(440px,92vw);text-align:center;padding:34px}.confirm-icon{width:62px;height:62px;border-radius:18px;margin:0 auto 17px;display:grid;place-items:center;background:color-mix(in srgb,var(--green) 14%,var(--panel));color:var(--green);font-size:28px;font-weight:900}.confirm-card p{color:var(--muted);line-height:1.55}.confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.modal-x{position:absolute;right:14px;top:12px;border:0;background:transparent;font-size:25px;cursor:pointer}.toast-stack{position:fixed;right:22px;bottom:22px;z-index:80;display:grid;gap:9px}.toast{min-width:280px;background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--green);border-radius:10px;padding:13px;box-shadow:var(--shadow);transform:translateY(20px);opacity:0;transition:.2s}.toast.show{transform:none;opacity:1}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.2fr .8fr;background:var(--bg)}.login-visual{position:relative;overflow:hidden;padding:55px;background:radial-gradient(circle at 75% 30%,rgba(41,223,114,.18),transparent 28%),linear-gradient(145deg,#07101c,#091623)}.login-visual:after{content:"";position:absolute;inset:auto -10% -40% 20%;height:80%;background:radial-gradient(circle,#116b39,transparent 63%);opacity:.35}.login-copy{position:relative;z-index:2;max-width:650px;margin-top:18vh}.login-copy h1{font-size:58px;line-height:1.02;letter-spacing:-.04em;margin:12px 0 18px}.login-copy p{font-size:18px;color:#9eb0c8;line-height:1.6}.eyebrow{color:var(--green);font-size:11px;text-transform:uppercase;letter-spacing:.18em;font-weight:900}.login-score{position:absolute;z-index:2;right:60px;bottom:60px;background:rgba(10,18,29,.86);border:1px solid #29364a;border-radius:16px;padding:18px 22px;display:grid;grid-template-columns:auto auto auto auto auto;gap:16px;align-items:center}.login-score span{color:#ff6767;font-size:9px}.login-score strong{font-size:25px}.login-score em{color:var(--green)}.login-card{align-self:center;justify-self:center;width:min(430px,86%);display:grid;gap:14px}.login-card h2{font-size:32px;margin-bottom:0}.error{color:#ff8c95}.span-all{grid-column:1/-1}@media(max-width:1100px){.shell{grid-template-columns:86px 1fr}.sidebar .brand div,.workspace-chip div,.workspace-chip>span:last-child,nav button span,.nav-label,.sidebar-footer span{display:none}.workspace-chip{grid-template-columns:1fr;justify-items:center}.brand{justify-content:center}.stats{grid-template-columns:repeat(2,1fr)}.live-layout,.two{grid-template-columns:1fr}.designer-shell{grid-template-columns:180px 1fr}.designer-panel.right{display:none}.kanban{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.shell{display:block}.sidebar{position:fixed;z-index:40;left:0;right:0;bottom:0;top:auto;height:68px;display:block;padding:7px;overflow-x:auto;border-top:1px solid var(--line)}.sidebar>.brand,.workspace-chip,.sidebar-footer,.nav-label{display:none}nav{display:flex;min-width:max-content}nav button{display:grid;grid-template-columns:1fr;justify-items:center;font-size:11px;min-width:72px;padding:7px}.main{padding:0 14px 90px}.topbar{height:auto;padding:18px 0;align-items:flex-start}.header-actions .user-chip,.header-actions .notification{display:none}.stats,.three,.kanban{grid-template-columns:1fr}.calendar-grid{grid-template-columns:1fr}.calendar-day{min-height:auto}.designer-shell{grid-template-columns:1fr}.designer-panel{display:none}.login-shell{grid-template-columns:1fr}.login-visual{display:none}.score-teams{gap:8px}.score-logo{width:68px;height:68px}.score{font-size:39px}.match-row{grid-template-columns:1fr}.match-pair{grid-template-columns:1fr 28px 1fr}}