:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;color-scheme:dark;--bg: #020617;--bg-elevated: #020617;--accent: #22c55e;--accent-soft: rgba(34, 197, 94, .16);--accent-strong: #4ade80;--border-subtle: #1f2937;--text-main: #f9fafb;--text-soft: #9ca3af;--text-muted: #6b7280;--danger: #f97373;--warning: #facc15;--info: #38bdf8;--shadow-soft: 0 18px 45px rgba(15, 23, 42, .9);--radius-lg: 18px;--radius-pill: 999px}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{background:radial-gradient(circle at top,rgba(34,197,94,.18),transparent 55%),radial-gradient(circle at bottom,rgba(56,189,248,.16),transparent 60%),#020617;color:var(--text-main);-webkit-font-smoothing:antialiased}.app-shell{min-height:100vh;display:flex;flex-direction:column}.page-container{flex:1;max-width:1200px;width:100%;margin:0 auto;padding:1.5rem 1.25rem 1.75rem}.page{display:flex;flex-direction:column;gap:1.4rem}.top-nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1.25rem;padding:.9rem 1.3rem;background:#020617f5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid rgba(148,163,184,.25)}.nav-left{display:flex;align-items:center;gap:.7rem}.brand-mark{width:34px;height:34px;border-radius:14px;background:radial-gradient(circle at 0 0,#22c55e,#0b1120);display:flex;align-items:center;justify-content:center;font-size:.95rem;font-weight:700;color:#e5e7eb;box-shadow:0 14px 30px #22c55eb3}.brand-title{font-size:1.1rem;font-weight:600}.brand-subtitle{font-size:.78rem;color:var(--text-soft)}.nav-center{display:flex;gap:.35rem;flex:1;justify-content:center;flex-wrap:wrap}.nav-link{border-radius:var(--radius-pill);padding:.35rem .8rem;font-size:.78rem;border:1px solid transparent;background:transparent;color:var(--text-soft);cursor:pointer;transition:all .18s ease}.nav-link:hover{border-color:#94a3b8b3;color:#e5e7eb;background:#0f172ae6}.nav-link-active{background:var(--accent-soft);border-color:#4ade80cc;color:var(--accent-strong);box-shadow:0 0 0 1px #16a34a66}.nav-right{display:flex;gap:.4rem;align-items:center;justify-content:flex-end}.pill{font-size:.75rem;padding:.3rem .7rem;border-radius:var(--radius-pill)}.pill-outline{border:1px solid rgba(148,163,184,.6);background:#0f172af2;color:var(--text-soft)}.pill-accent{border:1px solid rgba(74,222,128,.9);background:#16a34a2e;color:var(--accent-strong)}.page-header{display:flex;justify-content:space-between;gap:1.25rem;align-items:flex-start}.page-header h1{margin:0;font-size:1.55rem}.page-header p{margin:.35rem 0 0;font-size:.9rem;color:var(--text-soft)}.header-actions{display:flex;gap:.5rem;flex-wrap:wrap}.btn{border-radius:var(--radius-pill);padding:.4rem .95rem;font-size:.82rem;border:none;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,#22c55e,#0ea5e9);color:#f9fafb;box-shadow:0 12px 28px #22c55eb3}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 16px 40px #22c55ecc}.btn-secondary{background:#0f172af2;border:1px solid rgba(148,163,184,.7);color:#e5e7eb}.btn-secondary:hover{background:#0f172a}.btn-ghost{background:transparent;border:1px solid rgba(148,163,184,.4);color:var(--text-soft)}.btn-ghost:hover{background:#0f172ae6;color:#e5e7eb}.filter-group-compact{display:flex;flex-direction:column;gap:.15rem}.filter-group-compact label{font-size:.72rem;color:var(--text-muted)}.filter-group-compact select{width:100%;border-radius:999px;border:1px solid rgba(148,163,184,.7);background:#0f172af2;color:var(--text-main);font-size:.78rem;padding:.3rem .65rem}.card{border-radius:var(--radius-lg);background:radial-gradient(circle at top,#020617 0,#020617 45%,#000);border:1px solid var(--border-subtle);padding:1rem 1rem .9rem;box-shadow:var(--shadow-soft)}.card-header h2{margin:0;font-size:1.05rem}.card-header p{margin:.35rem 0 0;font-size:.8rem;color:var(--text-soft)}.card-subsection h3{margin:.6rem 0 .25rem;font-size:.9rem}.bullet-list{margin:.5rem 0 0;padding-left:1.1rem;font-size:.8rem;color:var(--text-soft)}.bullet-list li+li{margin-top:.25rem}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem}.stats-grid.small-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-card{padding:.9rem;border-radius:var(--radius-lg);background:radial-gradient(circle at top left,#0b1120,#020617);border:1px solid rgba(31,41,55,.9);box-shadow:var(--shadow-soft)}.stat-label{font-size:.8rem;color:var(--text-muted);margin-bottom:.4rem}.stat-value{font-size:1.6rem;font-weight:600;margin-bottom:.3rem}.stat-hint{font-size:.78rem;color:var(--text-soft)}.split-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:1rem}.table-wrapper{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.78rem}th,td{padding:.5rem .35rem;white-space:nowrap}thead{text-align:left;color:var(--text-muted);border-bottom:1px solid rgba(30,64,175,.4)}tbody tr:nth-child(2n){background:#0f172af5}tbody tr:hover{background:#16a34a29}.status-pill{padding:.15rem .55rem;border-radius:var(--radius-pill);font-size:.7rem}.status-Active,.status-low{background:#22c55e2e;color:#4ade80}.status-Idle{background:#facc1526;color:#fde047}.status-Scheduled{background:#38bdf826;color:#7dd3fc}.risk-low{color:#4ade80}.risk-medium{color:#fde047}.risk-high{color:#f97373}.live-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:1rem}.live-main-card{display:flex;flex-direction:column;gap:.8rem}.live-side-card{display:flex;flex-direction:column;gap:.75rem}.live-header{display:flex;justify-content:space-between;gap:1rem}.live-kickoff{font-size:.8rem;color:var(--text-soft)}.live-score{text-align:right}.live-score-big{font-size:1.8rem;font-weight:600}.live-score-meta{font-size:.78rem;color:var(--text-soft)}.live-pill{margin-top:.35rem;font-size:.78rem;padding:.25rem .6rem;border-radius:999px;border:1px solid rgba(74,222,128,.8);background:#16a34a1f;color:var(--accent-strong)}.live-kpi-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}.live-kpi{padding:.55rem .65rem;border-radius:13px;background:#0f172afa;border:1px solid rgba(31,41,55,.9)}.live-kpi-label{font-size:.75rem;color:var(--text-muted)}.live-kpi-value{display:block;margin-top:.2rem;font-weight:600}.live-kpi-hint{margin-top:.2rem;font-size:.74rem;color:var(--text-soft)}.lineups-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin-top:.4rem}.lineup-card{padding:.6rem .7rem;border-radius:14px;background:#0f172afa;border:1px solid rgba(31,41,55,.9);font-size:.78rem}.lineup-title-row{display:flex;justify-content:space-between;gap:.4rem;margin-bottom:.25rem}.lineup-team{font-weight:500}.lineup-shape{color:var(--text-soft)}.lineup-notes{margin:0 0 .35rem;color:var(--text-soft);font-size:.78rem}.lineup-tags{display:flex;flex-wrap:wrap;gap:.25rem}.weather-main{display:flex;justify-content:space-between;gap:.6rem;align-items:flex-start;margin-top:.5rem}.weather-location{font-size:.9rem;font-weight:500}.weather-cond{font-size:.8rem;color:var(--text-soft)}.weather-temp{text-align:right;font-size:1.4rem;font-weight:600}.weather-temp span{display:block;font-size:.75rem;color:var(--text-soft)}.weather-impact{margin-top:.4rem;font-size:.78rem;color:var(--text-soft)}.weather-forecast-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.6rem}.weather-slot{flex:1;min-width:90px;padding:.4rem .5rem;border-radius:10px;background:#0f172afa;border:1px solid rgba(148,163,184,.5);font-size:.72rem}.weather-slot-time{font-weight:500}.weather-slot-temp{font-size:.9rem}.weather-slot-cond,.weather-slot-wind{color:var(--text-soft)}.weather-btn{margin-top:.6rem}.weather-risk-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin-top:.6rem}.weather-risk-card{padding:.55rem .65rem;border-radius:12px;background:#0f172afa;border:1px solid rgba(31,41,55,.9)}.weather-risk-label{font-size:.78rem;color:var(--text-muted)}.weather-risk-value{font-size:.9rem;font-weight:600;margin-top:.1rem}.weather-risk-hint{font-size:.75rem;color:var(--text-soft);margin-top:.2rem}.players-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:1rem}.players-list{max-height:520px;overflow-y:auto}.players-items{list-style:none;margin:0;padding:0}.player-item{padding:.55rem .6rem;border-radius:12px;border:1px solid transparent;cursor:pointer;transition:all .16s ease}.player-item+.player-item{margin-top:.35rem}.player-item:hover{background:#0f172af2;border-color:#94a3b8b3}.player-item-active{background:#16a34a2e;border-color:#22c55ee6}.player-name-row{display:flex;justify-content:space-between;gap:.4rem;font-size:.82rem}.player-name{font-weight:500}.player-level{font-size:.72rem;color:var(--text-soft)}.player-meta-row{margin-top:.2rem;display:flex;justify-content:space-between;gap:.4rem;font-size:.72rem;color:var(--text-soft)}.player-detail{display:flex;flex-direction:column;gap:.8rem}.skill-split{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:.7rem}.triad-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}.triad-block{padding:.6rem .7rem;border-radius:12px;background:#0f172afa;border:1px solid rgba(31,41,55,.9)}.triad-label{font-size:.76rem;color:var(--text-muted)}.triad-value{font-size:1.1rem;font-weight:600;margin-top:.15rem}.triad-hint{margin-top:.18rem;font-size:.75rem;color:var(--text-soft)}.workflows-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:1rem;align-items:flex-start}.workflow-list{border-radius:var(--radius-lg);background:radial-gradient(circle at top left,#020617,#000);border:1px solid var(--border-subtle);padding:.85rem;box-shadow:var(--shadow-soft)}.section-header h2{margin:0;font-size:.95rem}.section-header p{margin:.2rem 0 .6rem;font-size:.78rem;color:var(--text-soft)}.section-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;margin-bottom:.6rem}.workflow-items{list-style:none;padding:0;margin:0;max-height:420px;overflow-y:auto}.workflow-item{padding:.5rem .55rem;border-radius:12px;border:1px solid transparent;cursor:pointer;transition:all .16s ease}.workflow-item+.workflow-item{margin-top:.35rem}.workflow-item:hover{background:#0f172ae6;border-color:#94a3b8b3}.workflow-item-active{background:#16a34a2e;border-color:#22c55ee6}.workflow-title-row{display:flex;justify-content:space-between;gap:.4rem}.workflow-title{font-size:.82rem;font-weight:500}.workflow-meta-row{margin-top:.25rem;display:flex;flex-wrap:wrap;gap:.25rem;font-size:.7rem;color:var(--text-soft)}.workflow-tag{padding:.14rem .45rem;border-radius:999px;background:#0f172a;border:1px solid rgba(148,163,184,.7)}.workflow-details{display:flex;flex-direction:column;gap:.8rem}.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;margin-top:.5rem}.detail-block{padding:.5rem .6rem;border-radius:12px;background:#0f172afa;border:1px solid rgba(31,41,55,.9)}.detail-label{font-size:.7rem;color:var(--text-muted)}.detail-value{margin-top:.2rem;font-size:.82rem}.node-chain-card h3{margin:0 0 .25rem;font-size:.95rem}.node-chain-card p{margin:0 0 .55rem;font-size:.78rem;color:var(--text-soft)}.node-chain-visual{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.node-pill{padding:.35rem .7rem;border-radius:var(--radius-pill);background:#0f172afa;border:1px solid rgba(34,197,94,.9);font-size:.75rem}.node-arrow{font-size:.8rem;color:var(--text-muted)}.detail-footer{display:flex;flex-direction:column;gap:.5rem}.button-row{display:flex;flex-wrap:wrap;gap:.5rem}.simulation-hint{font-size:.78rem;color:var(--text-soft)}.video-upload{margin-top:.7rem}.upload-dropzone{display:flex;flex-direction:column;gap:.35rem;justify-content:center;align-items:center;border-radius:14px;border:1px dashed rgba(148,163,184,.7);background:#0f172ae6;padding:1.1rem;cursor:pointer;font-size:.8rem;color:var(--text-soft)}.upload-dropzone input{display:none}.upload-hint{font-size:.75rem;margin-top:.4rem;color:var(--text-soft)}.sandbox-panel{margin-top:.7rem;display:flex;flex-direction:column;gap:.5rem}.sandbox-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.sandbox-label{font-size:.8rem}.sandbox-hint{font-size:.75rem;color:var(--text-soft)}.sandbox-slider{flex:1;height:7px;border-radius:999px;background:#0f172af5;border:1px solid rgba(148,163,184,.7);overflow:hidden}.sandbox-slider-fill{height:100%;width:65%;border-radius:inherit;background:linear-gradient(90deg,#22c55e,#0ea5e9)}.sandbox-slider-mid .sandbox-slider-fill{width:45%}.fan-tier-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}.fan-tier-card{padding:.6rem .7rem;border-radius:12px;background:#0f172afa;border:1px solid rgba(31,41,55,.9);font-size:.78rem}.fan-tier-name{font-size:.9rem;font-weight:600}.fan-tier-range{font-size:.77rem;color:var(--text-soft);margin-bottom:.3rem}.access-card{display:flex;flex-direction:column;gap:.9rem}.tabs{display:inline-flex;background:#0f172af2;border-radius:999px;border:1px solid rgba(148,163,184,.6);padding:.15rem;margin-bottom:.4rem}.tab{border-radius:999px;border:none;padding:.3rem .9rem;font-size:.78rem;background:transparent;color:var(--text-soft);cursor:pointer;transition:all .15s ease}.tab-active{background:var(--accent-soft);color:var(--accent-strong);box-shadow:0 0 0 1px #22c55ecc}.login-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:1rem;align-items:flex-start}.login-form h2{margin:0 0 .25rem}.login-field{display:flex;flex-direction:column;gap:.15rem;margin-top:.5rem;font-size:.8rem}.login-field span{color:var(--text-soft)}.login-field input{border-radius:10px;border:1px solid rgba(148,163,184,.8);background:#0f172af2;color:var(--text-main);padding:.35rem .65rem;font-size:.8rem}.login-info h3{margin:0 0 .3rem}.settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.card-subtitle{font-size:.8rem;color:var(--text-soft);margin-top:.15rem;margin-bottom:.6rem}.chip-list{list-style:none;padding:0;margin:0;display:grid;gap:.4rem}.chip{padding:.4rem .6rem;border-radius:12px;background:#0f172af5;border:1px solid rgba(148,163,184,.7);font-size:.78rem;color:var(--text-main)}.chip-small{padding:.18rem .5rem;font-size:.7rem}.toggle-group{display:flex;flex-direction:column;gap:.6rem}.toggle-row{display:flex;justify-content:space-between;gap:.6rem;align-items:center}.toggle-label{font-size:.83rem}.toggle-hint{font-size:.76rem;color:var(--text-soft)}.toggle{min-width:46px;border-radius:999px;font-size:.72rem;padding:.18rem .55rem;text-align:center;border:1px solid rgba(148,163,184,.8)}.toggle.on{background:#22c55e29;border-color:#22c55ee6;color:var(--accent-strong)}.toggle.off{background:#0f172af5;color:var(--text-muted)}.app-footer{border-top:1px solid rgba(148,163,184,.25);padding:.7rem 1.2rem;font-size:.75rem;color:var(--text-soft);display:flex;justify-content:space-between;gap:.6rem;background:#020617f7}@media (max-width: 1024px){.split-layout,.live-grid,.players-layout,.workflows-layout,.skill-split,.triad-grid{grid-template-columns:minmax(0,1fr)}.settings-grid,.fan-tier-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.live-kpi-row{grid-template-columns:minmax(0,1fr)}}@media (max-width: 800px){.top-nav{flex-wrap:wrap;align-items:flex-start}.nav-center{order:3;justify-content:flex-start}.nav-right{order:2}.settings-grid,.stats-grid,.stats-grid.small-grid,.fan-tier-grid,.login-layout,.weather-risk-grid,.lineups-grid{grid-template-columns:minmax(0,1fr)}.app-footer{flex-direction:column;align-items:flex-start}}@media (max-width: 520px){.brand-subtitle,.pill-outline{display:none}.page-container{padding-inline:1rem}}