@font-face{font-family:Manrope;src:url('/static/fonts/Manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}
@font-face{font-family:Oswald;src:url('/static/fonts/Oswald.ttf') format('truetype');font-weight:200 700;font-display:swap}
@font-face{font-family:Anton;src:url('/static/fonts/Anton-Regular.ttf') format('truetype');font-weight:400;font-display:swap}

:root{
  --bg:#07090d; --bg2:#0a0d13; --panel:#0f141d; --panel2:#121824; --panel3:#161e2b;
  --line:#1f2836; --line2:#2b3648; --text:#f2f5fa; --muted:#8b97aa; --dim:#5f6b7e;
  --lime:#c8ff3d; --lime-d:#a8e62b; --red:#ff5566; --blue:#6c9bff; --amber:#ffb13d;
  --r:16px; --r-sm:10px; --shadow:0 20px 50px rgba(0,0,0,.35);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;color:var(--text);background:
    radial-gradient(900px 600px at 78% -10%,rgba(120,180,40,.09),transparent 60%),
    radial-gradient(700px 500px at 8% 0%,rgba(60,100,255,.06),transparent 55%),
    var(--bg);
  font:14.5px/1.5 Manrope,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:none}
img{max-width:100%}
h1,h2,h3,h4,p{margin:0}
button,input,select,textarea{font:inherit;color:inherit}
.ic{flex:none;vertical-align:-3px}
::selection{background:rgba(200,255,61,.28)}

.shell{display:flex;min-height:100vh}
.sidebar{
  width:244px;flex:none;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;
  padding:22px 14px 14px;border-right:1px solid var(--line);background:rgba(8,11,16,.86);
  backdrop-filter:blur(14px);z-index:20;
}
.brand{display:flex;align-items:center;gap:10px;padding:0 10px 22px;font-family:Anton;font-size:25px;letter-spacing:.5px}
.brand img{border-radius:9px}
.brand b{color:var(--lime);font-weight:400}
.nav{display:flex;flex-direction:column;gap:3px}
.nav-label{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);padding:14px 12px 7px}
.nav a{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:10px;color:#b7c2d3;font-weight:600;font-size:13.8px;transition:.15s}
.nav a:hover{background:#131925;color:#fff}
.nav a.on{background:linear-gradient(90deg,rgba(200,255,61,.14),rgba(200,255,61,.04));color:var(--lime);box-shadow:inset 2px 0 0 var(--lime)}
.nav a svg{color:currentColor;opacity:.9}
.nav-count{margin-left:auto;background:#242d3d;color:#cfd8e7;border-radius:99px;padding:1px 8px;font-size:11.5px;font-weight:700}
.side-agent{margin-top:auto;border:1px solid var(--line);background:linear-gradient(160deg,#111823,#0c1119);border-radius:14px;padding:13px 14px}
.side-agent-top{display:flex;align-items:center;gap:8px;font-weight:800;font-size:13px}
.side-agent p{color:var(--muted);font-size:12px;margin:7px 0 9px;line-height:1.45}
.side-agent p b{color:var(--text)}
.side-link{color:var(--lime);font-size:12px;font-weight:700;display:flex;align-items:center;gap:5px}
.side-user{display:flex;align-items:center;gap:10px;padding:16px 6px 0;margin-top:12px;border-top:1px solid var(--line)}
.side-user b{display:block;font-size:13px;line-height:1.2}
.side-user small{color:var(--dim);font-size:11px}
.side-user .demo-tag{margin-left:auto;font-size:9px;letter-spacing:.1em;border:1px solid #384459;color:var(--muted);padding:2px 5px;border-radius:4px}
.avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#1b2433;border:1px solid #2c3a4f;font-size:11px;font-weight:800;color:#cdd8e8}
.live-dot{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px rgba(200,255,61,.12);animation:pulse 2.2s infinite}
@keyframes pulse{0%,100%{box-shadow:0 0 0 3px rgba(200,255,61,.12)}50%{box-shadow:0 0 0 7px rgba(200,255,61,.03)}}

.main{flex:1;min-width:0;display:flex;flex-direction:column}
.topbar{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;border-bottom:1px solid rgba(31,40,54,.65);position:sticky;top:0;background:rgba(7,9,13,.78);backdrop-filter:blur(16px);z-index:15}
.crumbs{display:flex;align-items:center;gap:9px;color:var(--dim);font-size:12.5px;font-weight:600}
.crumbs a{color:#aeb9ca}.crumbs span{color:#3a4557}
.top-actions{display:flex;align-items:center;gap:12px}
.menu-btn{display:none!important;font-size:15px;line-height:1}
.top-date{color:var(--muted);font-size:12.5px;font-variant-numeric:tabular-nums}
.demo-pill{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;color:#d7e1ef;background:#151c28;border:1px solid #2a3547;padding:5px 10px;border-radius:99px}
.content{padding:30px 34px 40px;max-width:1560px;width:100%;margin:0 auto}
.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:22px}
.eyebrow{font-size:10.5px;font-weight:800;letter-spacing:.19em;text-transform:uppercase;color:var(--lime);margin-bottom:8px}
h1{font-family:Oswald;font-weight:600;font-size:36px;line-height:1.05;letter-spacing:.01em;text-transform:uppercase}
.sub{color:var(--muted);margin-top:7px;font-size:13.5px;max-width:760px}
.page-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}

.btn{display:inline-flex;align-items:center;gap:8px;background:var(--lime);color:#0a0d12;border:1px solid var(--lime);padding:9px 16px;border-radius:10px;font-weight:800;font-size:13px;cursor:pointer;transition:.16s;white-space:nowrap}
.btn:hover{background:#d4ff69;border-color:#d4ff69;transform:translateY(-1px)}
.btn.sec{background:#141b27;border-color:#2a3547;color:#e7edf6}
.btn.sec:hover{background:#1a2331;border-color:#3a4961}
.btn.ghost{background:transparent;border-color:#2a3547;color:#c3cddd}
.btn.ghost:hover{background:#121925;border-color:#3c4b62}
.btn.dark{background:#0b0f16;border-color:#242f40;color:#dce5f1}
.btn.sm{padding:6px 11px;font-size:12px;border-radius:8px}
.btn.lg{padding:12px 20px;font-size:14px}
.btn[disabled]{opacity:.5;cursor:not-allowed;transform:none}
.btn .ic{opacity:.9}
.iconbtn{width:34px;height:34px;display:inline-grid;place-items:center;border:1px solid var(--line2);background:#101721;border-radius:9px;color:#b9c5d6;cursor:pointer}
.iconbtn:hover{color:#fff;border-color:#3b4a61}

.card{background:linear-gradient(180deg,#101620,#0d121a);border:1px solid var(--line);border-radius:var(--r);padding:18px 20px;box-shadow:0 1px 0 rgba(255,255,255,.02) inset}
.card.pad0{padding:0;overflow:hidden}
.card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}
.card-head h2,.card-head h3{font-family:Oswald;font-weight:600;font-size:19px;letter-spacing:.02em;text-transform:uppercase}
.card-head .muted{font-size:12px}
.muted{color:var(--muted)}.dim{color:var(--dim)}.small{font-size:12px}.tiny{font-size:11px}
.lime{color:var(--lime)}.red{color:var(--red)}.amber{color:var(--amber)}
.mono{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}

.agent-strip{display:flex;align-items:center;gap:22px;padding:15px 20px;margin-bottom:18px;background:
  linear-gradient(90deg,rgba(200,255,61,.07),transparent 35%),linear-gradient(180deg,#111822,#0d121a);border:1px solid #283421}
.agent-strip .who{display:flex;align-items:center;gap:10px;min-width:190px}
.agent-strip .who b{font-size:13.5px}
.agent-strip .who small{display:block;color:var(--muted);font-size:11.5px}
.strip-item{padding-left:22px;border-left:1px solid var(--line);min-width:0}
.strip-item small{display:block;color:var(--dim);font-size:10.5px;text-transform:uppercase;letter-spacing:.1em;font-weight:700}
.strip-item b{display:block;font-size:13.5px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.strip-item span{color:var(--muted);font-size:11.5px}
.agent-strip .btn{margin-left:auto}

.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}
.stat{position:relative;background:linear-gradient(180deg,#111721,#0d121a);border:1px solid var(--line);border-radius:14px;padding:15px 17px;overflow:hidden}
.stat:after{content:"";position:absolute;right:-30px;top:-50px;width:120px;height:120px;background:radial-gradient(circle,rgba(200,255,61,.1),transparent 65%)}
.stat .lbl{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:800}
.stat .val{font-family:Oswald;font-size:31px;line-height:1.1;margin-top:7px;font-weight:600;letter-spacing:.02em}
.stat .val small{font-family:Manrope;font-size:12.5px;color:var(--muted);font-weight:600;letter-spacing:0}
.stat .sub2{color:var(--dim);font-size:11.5px;margin-top:4px}
.stat .ico{position:absolute;right:14px;top:14px;color:#3a4a60}

.dash-grid{display:grid;grid-template-columns:minmax(0,1fr) 332px;gap:20px;align-items:start}
.section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:4px 0 14px}
.section-head h2{font-family:Oswald;font-size:21px;font-weight:600;text-transform:uppercase;letter-spacing:.02em}
.section-head .muted{font-size:12px}
.goal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.goal-card{display:block;background:#0e131c;border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:.18s;position:relative}
.goal-card:hover{transform:translateY(-3px);border-color:#3d4b62;box-shadow:var(--shadow)}
.goal-poster{position:relative;aspect-ratio:9/16;background:#0b0f16;overflow:hidden}
.goal-poster img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.goal-card:hover .goal-poster img{transform:scale(1.03)}
.goal-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,7,11,.3),transparent 26%,transparent 66%,rgba(5,7,11,.66))}
.pill{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:6px;font-size:9.5px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(6px)}
.pill.ready{background:rgba(200,255,61,.16);color:#d8ff7a;border:1px solid rgba(200,255,61,.34)}
.pill.new{background:rgba(255,85,102,.14);color:#ff9aa6;border:1px solid rgba(255,85,102,.32)}
.pill.queue{background:rgba(108,155,255,.14);color:#a8c2ff;border:1px solid rgba(108,155,255,.3)}
.pill.pub{background:rgba(255,177,61,.14);color:#ffd08d;border:1px solid rgba(255,177,61,.3)}
.pill.gray{background:rgba(20,26,37,.8);color:#aab5c7;border:1px solid #333f52}
.goal-poster .pill{position:absolute;left:9px;top:9px;z-index:2}
.goal-dur{position:absolute;right:9px;bottom:9px;z-index:2;display:flex;align-items:center;gap:3px;color:#e8eef7;background:rgba(7,10,15,.72);border:1px solid rgba(255,255,255,.1);padding:2px 6px;border-radius:5px;font-size:10px;font-weight:700}
.goal-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.9);width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:rgba(7,10,15,.55);border:1px solid rgba(255,255,255,.35);color:#fff;opacity:0;transition:.2s;backdrop-filter:blur(4px);z-index:2}
.goal-card:hover .goal-play{opacity:1;transform:translate(-50%,-50%) scale(1)}
.goal-info{padding:11px 12px 12px}
.goal-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.goal-player{font-weight:800;font-size:13px}
.goal-min{color:var(--lime);font-size:11px;font-weight:800;font-variant-numeric:tabular-nums}
.goal-info h3{font-size:12.5px;line-height:1.35;margin:5px 0 6px;height:34px;overflow:hidden;color:#dfe7f2;font-weight:600}
.goal-info h3 em{font-style:normal;color:#9aa7ba}
.goal-match{font-size:10.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.goal-foot{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:9px;padding-top:8px;border-top:1px solid #1a2230;font-size:10px;color:var(--dim)}
.goal-foot .all{color:#b9c6d8;font-weight:700}

.rail{display:flex;flex-direction:column;gap:14px}
.rail .card{padding:16px}
.source-row{display:flex;align-items:center;gap:9px;padding:8px 0;border-bottom:1px solid #18202c;font-size:12px}
.source-row:last-child{border-bottom:0}
.source-dot{width:7px;height:7px;border-radius:50%;background:var(--lime);flex:none;box-shadow:0 0 0 3px rgba(200,255,61,.1)}
.source-dot.lim{background:var(--amber);box-shadow:0 0 0 3px rgba(255,177,61,.1)}
.source-row b{font-weight:700}
.source-row span{margin-left:auto;color:var(--dim);font-size:10.5px}
.event-row{display:flex;gap:9px;padding:7px 0;font-size:11.5px;line-height:1.4}
.event-row .t{color:var(--dim);font-variant-numeric:tabular-nums;flex:none;width:56px}
.event-row .k{width:6px;flex:none;border-radius:2px;background:#2c3a4e;margin:4px 0}
.event-row .k.ok{background:var(--lime)}.event-row .k.goal{background:var(--blue)}.event-row .k.warn{background:var(--amber)}
.event-row p{color:#b6c1d2}
.progress{height:7px;background:#1a2230;border-radius:99px;overflow:hidden;margin-top:7px}
.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--lime-d),var(--lime));border-radius:99px}
.plan-row{margin-bottom:12px}.plan-row:last-child{margin-bottom:0}
.plan-row .top{display:flex;justify-content:space-between;font-size:11.5px;color:var(--muted)}
.plan-row .top b{color:var(--text)}
.note{border-left:2px solid #33415a;padding:2px 0 2px 10px;margin:10px 0;font-size:11.5px;color:#9daabc;line-height:1.45}
.note b{display:block;color:#d9e2ee;font-size:11.5px;margin-bottom:2px}
.note.warn{border-color:var(--amber)}

.chips{display:flex;gap:6px;flex-wrap:wrap}
.chip{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:7px;background:#141b26;border:1px solid #263143;color:#a7b3c5;font-size:11px;font-weight:700}
.chip.on{background:rgba(200,255,61,.12);border-color:rgba(200,255,61,.35);color:var(--lime)}
.chip .ic{opacity:.8}
.tag{display:inline-block;font-size:10px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;padding:3px 7px;border-radius:4px;background:#1b2431;color:#94a2b6}

.flashes{margin-bottom:14px}
.flash{background:#122016;border:1px solid #2c4a2e;color:#c8f0b0;padding:10px 14px;border-radius:10px;font-size:13px}
.flash.error{background:#271418;border-color:#5c2730;color:#ffc2ca}

/* ---------- studio ---------- */
.studio{display:grid;grid-template-columns:392px minmax(0,1fr);gap:22px;align-items:start}
.studio-left{position:sticky;top:76px}
.phone-wrap{background:linear-gradient(180deg,#141b27,#0d121a);border:1px solid var(--line);border-radius:20px;padding:14px}
.phone{position:relative;border-radius:26px;overflow:hidden;background:#000;border:6px solid #202a3a;box-shadow:0 24px 70px rgba(0,0,0,.55);aspect-ratio:9/16}
.phone:before{content:"";position:absolute;left:50%;top:7px;transform:translateX(-50%);width:64px;height:5px;border-radius:99px;background:rgba(255,255,255,.18);z-index:3}
.phone video{width:100%;height:100%;object-fit:cover;display:block;background:#000}
.phone-fallback{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:30px;background:radial-gradient(circle at 50% 30%,#17202e,#080b10)}
.phone-fallback h3{font-family:Oswald;font-size:20px;text-transform:uppercase;margin-bottom:6px}
.phone-fallback p{color:var(--muted);font-size:12px}
.phone-meta{display:flex;justify-content:space-between;align-items:center;padding:13px 4px 2px;color:var(--muted);font-size:11px}
.phone-meta b{color:#dfe8f4;font-weight:700}
.phone-actions{display:flex;gap:8px;margin-top:12px}
.phone-actions .btn{flex:1;justify-content:center}

.panel{background:linear-gradient(180deg,#101620,#0d121a);border:1px solid var(--line);border-radius:14px;padding:17px 18px;margin-bottom:14px}
.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}
.panel-head h2{font-family:Oswald;font-size:18px;text-transform:uppercase;letter-spacing:.02em;font-weight:600}
.panel-head .muted{font-size:11.5px}
.variants{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.variant{position:relative;border:1px solid #263143;background:#0d131c;border-radius:10px;padding:11px 12px;cursor:pointer;transition:.15s;min-height:74px}
.variant:hover{border-color:#3a4a62}
.variant.on{border-color:var(--lime);background:rgba(200,255,61,.055);box-shadow:0 0 0 1px rgba(200,255,61,.15) inset}
.variant input{position:absolute;opacity:0;pointer-events:none}
.variant .v1{font-family:Oswald;text-transform:uppercase;font-size:13px;line-height:1.2;color:#eef3fa;letter-spacing:.01em}
.variant .v2{font-family:Oswald;text-transform:uppercase;font-size:13px;line-height:1.2;color:#9faec2;margin-top:2px}
.variant.on .v2{color:var(--lime)}
.variant .vs{position:absolute;right:8px;top:8px;width:15px;height:15px;border-radius:50%;border:1px solid #3b4a60;display:grid;place-items:center;color:transparent}
.variant.on .vs{background:var(--lime);border-color:var(--lime);color:#0a0d12}
.variant .num{position:absolute;left:10px;bottom:6px;font-size:9px;color:#55627a;font-weight:800}

.field{display:flex;flex-direction:column;gap:6px;margin-top:12px}
.field label{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
textarea,input[type=text],input[type=datetime-local],select{width:100%;background:#0a0f17;border:1px solid #263143;border-radius:9px;padding:10px 12px;color:#e6edf7;outline:none;transition:.15s}
textarea{resize:vertical;line-height:1.55;min-height:118px}
textarea::placeholder{color:#3f4b5e}
textarea:focus,input:focus,select:focus{border-color:#4b5e7a;box-shadow:0 0 0 3px rgba(108,155,255,.1)}
.row{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.row.end{justify-content:flex-end}
.sp{flex:1}
.seg{display:inline-flex;background:#0a0f17;border:1px solid #263143;border-radius:9px;padding:3px;gap:3px}
.seg button{border:0;background:transparent;color:#95a2b6;padding:6px 10px;border-radius:6px;font-size:11.5px;font-weight:800;cursor:pointer}
.seg button.on{background:#222d3e;color:#fff}
.style-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.style-opt{border:1px solid #263143;background:#0d131c;border-radius:9px;padding:8px;cursor:pointer;text-align:left;transition:.15s}
.style-opt img{width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:6px;display:block;margin-bottom:7px;opacity:.92}
.style-opt b{display:block;font-size:11.5px}
.style-opt span{display:block;font-size:9.5px;color:var(--dim);line-height:1.3;margin-top:2px}
.style-opt.on{border-color:var(--lime);background:rgba(200,255,61,.05)}
.music-row{display:flex;align-items:center;gap:10px;padding:9px 10px;border:1px solid #263143;border-radius:9px;margin-bottom:7px;cursor:pointer;transition:.15s;background:#0d131c}
.music-row.on{border-color:var(--lime);background:rgba(200,255,61,.05)}
.music-row .play{width:30px;height:30px;border-radius:50%;border:1px solid #35435a;display:grid;place-items:center;color:#d5dfec;background:#121a26;flex:none}
.music-row.on .play{background:var(--lime);color:#0a0d12;border-color:var(--lime)}
.music-row b{display:block;font-size:12px}
.music-row small{display:block;color:var(--dim);font-size:10.5px}
.music-row .bpm{margin-left:auto;font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}
.wave{display:flex;align-items:center;gap:2px;height:16px;margin-left:8px}
.wave i{width:2px;background:#4a5a72;border-radius:2px}
.music-row.on .wave i{background:var(--lime)}
.switch-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #1a2230;font-size:12px}
.switch-row:last-child{border-bottom:0}
.switch{position:relative;width:38px;height:21px;flex:none}
.switch input{position:absolute;opacity:0}
.switch span{position:absolute;inset:0;border-radius:99px;background:#253143;border:1px solid #314056;transition:.18s}
.switch span:after{content:"";position:absolute;width:15px;height:15px;border-radius:50%;background:#8fa0b6;left:2px;top:2px;transition:.18s}
.switch input:checked + span{background:rgba(200,255,61,.25);border-color:rgba(200,255,61,.5)}
.switch input:checked + span:after{left:19px;background:var(--lime)}
.render-box{display:none;margin-top:10px;background:#0a111a;border:1px solid #27364c;border-radius:10px;padding:12px}
.render-box.on{display:block}
.render-top{display:flex;justify-content:space-between;font-size:11.5px;margin-bottom:7px}
.render-top b{color:var(--lime)}
.stages{display:flex;gap:4px;margin-top:8px}
.stages span{height:3px;flex:1;background:#223047;border-radius:2px}
.stages span.on{background:var(--lime)}
.kv{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px solid #1a2230;font-size:12px}
.kv:last-child{border-bottom:0}
.kv span{color:var(--muted)}
.kv b{text-align:right;font-weight:700}
.copybox{background:#0a0f17;border:1px solid #263143;border-radius:9px;padding:12px;font-size:12px;line-height:1.55;color:#c6d1e0;white-space:pre-wrap;min-height:120px}
.hashtags{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}
.hashtags span{color:var(--lime);font-size:11px;background:rgba(200,255,61,.07);padding:3px 7px;border-radius:5px;border:1px solid rgba(200,255,61,.14)}

/* ---------- tables / lists ---------- */
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px}
table{width:100%;border-collapse:collapse;font-size:12.5px}
th,td{text-align:left;padding:11px 13px;border-bottom:1px solid #18202c;vertical-align:middle}
th{font-size:10px;letter-spacing:.11em;text-transform:uppercase;color:var(--dim);font-weight:800;background:#0c1119;position:sticky;top:0;z-index:1}
tr:last-child td{border-bottom:0}
tbody tr:hover{background:rgba(255,255,255,.017)}
td.r,th.r{text-align:right}
.team-badge{display:inline-grid;place-items:center;border-radius:50%;font-weight:900;letter-spacing:.02em;color:var(--tc,#fff);background:linear-gradient(135deg,var(--c1),var(--c2));border:1px solid rgba(255,255,255,.14);flex:none}
.team-cell{display:flex;align-items:center;gap:8px;min-width:0}
.team-cell b{font-size:12.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.score-cell{font-family:Oswald;font-size:17px;letter-spacing:.04em;white-space:nowrap}
.score-cell b{color:#fff;font-weight:600}
.score-cell span{color:var(--dim)}
.person{display:flex;align-items:center;gap:9px;min-width:0}
.person .pa{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#243147,#151d2a);border:1px solid #33425a;display:grid;place-items:center;font-size:10px;font-weight:900;color:#c9d5e6;flex:none}
.person b{display:block;font-size:12.5px;line-height:1.2}
.person small{display:block;color:var(--dim);font-size:10.5px}
.status{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:#b7c3d3}
.status .d{width:6px;height:6px;border-radius:50%;background:#5f6b7e}
.status.ok .d{background:var(--lime)}.status.wait .d{background:var(--blue)}.status.warn .d{background:var(--amber)}.status.err .d{background:var(--red)}
.hr{height:1px;background:var(--line);margin:15px 0}

.club-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.club-card{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#0d131c;border:1px solid #222d3d;border-radius:10px}
.club-card b{display:block;font-size:12.5px;line-height:1.25}
.club-card small{color:var(--dim);font-size:10.5px}
.club-card .n{margin-left:auto;color:var(--lime);font-size:10px;font-weight:800}

.cal{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.cal .dow{font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);text-align:center;padding:2px 0 4px;font-weight:800}
.cal .day{min-height:64px;border:1px solid #1b2432;border-radius:8px;padding:7px 8px;background:#0b1018;position:relative}
.cal .day.off{opacity:.35}
.cal .day.match{border-color:#2f3e2a;background:linear-gradient(180deg,rgba(200,255,61,.055),#0b1018)}
.cal .day .n{font-family:Oswald;font-size:13px;color:#9fadc1}
.cal .day.match .n{color:#e8f5cd}
.cal .day .ev{display:flex;gap:3px;margin-top:7px;flex-wrap:wrap}
.cal .day .ev i{width:5px;height:5px;border-radius:50%;background:var(--lime)}
.cal .day .ev i.goal{background:var(--blue)}
.cal .day small{position:absolute;bottom:5px;left:8px;color:var(--dim);font-size:9px}
.legend{display:flex;gap:14px;color:var(--muted);font-size:10.5px;margin-top:10px}
.legend span{display:flex;align-items:center;gap:5px}
.legend i{width:6px;height:6px;border-radius:50%;background:var(--lime)}
.legend i.b{background:var(--blue)}

.timeline{display:flex;flex-direction:column;gap:0}
.tl-item{display:grid;grid-template-columns:24px 1fr auto;gap:10px;padding:10px 0;border-bottom:1px solid #18202c}
.tl-item:last-child{border-bottom:0}
.tl-item .num{width:22px;height:22px;border-radius:50%;background:#17202d;border:1px solid #2c3a4f;display:grid;place-items:center;font-size:10px;font-weight:800;color:#a9b7ca}
.tl-item.done .num{background:var(--lime);color:#0a0d12;border-color:var(--lime)}
.tl-item b{display:block;font-size:12.5px}
.tl-item small{display:block;color:var(--dim);font-size:10.5px;margin-top:2px}
.tl-item .when{color:var(--dim);font-size:10.5px;white-space:nowrap}

.notice{display:flex;gap:11px;align-items:flex-start;background:#111822;border:1px solid #273346;border-radius:10px;padding:12px 14px;font-size:12px;color:#aab7c9}
.notice .ic{color:var(--lime);margin-top:1px}
.notice.warn{border-color:#40351f;background:#171408}.notice.warn .ic{color:var(--amber)}
.notice b{color:#e4ebf5}

.about-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;margin-bottom:16px}
.about-hero .card{min-height:100%}
.flow{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}
.flow .fi{background:#0d131c;border:1px solid #222d3d;border-radius:10px;padding:12px 11px;position:relative}
.flow .fi .n{font-family:Oswald;color:var(--lime);font-size:11px;letter-spacing:.1em}
.flow .fi b{display:block;font-size:12px;margin:6px 0 3px}
.flow .fi small{display:block;color:var(--dim);font-size:10px;line-height:1.35}
.flow .fi .ic{position:absolute;right:9px;top:10px;color:#40506a}

/* ---------- toast ---------- */
.toast{position:fixed;right:24px;bottom:24px;background:#111a16;border:1px solid #3d5a2e;color:#e6f7d2;padding:12px 16px;border-radius:10px;font-size:12.5px;box-shadow:var(--shadow);opacity:0;transform:translateY(12px);pointer-events:none;transition:.22s;z-index:100;max-width:420px}
.toast.on{opacity:1;transform:translateY(0)}
.toast.err{background:#221316;border-color:#5b2830;color:#ffd0d6}

.foot{margin-top:34px;padding-top:16px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:18px;color:#5f6b7e;font-size:10.5px;line-height:1.5}
.foot b{color:#93a0b4}.foot-meta{white-space:nowrap}

/* ---------- responsive ---------- */
@media (max-width:1240px){
  .dash-grid{grid-template-columns:1fr}
  .rail{display:grid;grid-template-columns:1fr 1fr;gap:14px}
  .goal-grid{grid-template-columns:repeat(4,1fr)}
}
@media (max-width:1080px){
  .studio{grid-template-columns:340px 1fr}
  .stats{grid-template-columns:repeat(2,1fr)}
  .agent-strip{flex-wrap:wrap;gap:14px}
  .agent-strip .btn{margin-left:0}
  .flow{grid-template-columns:repeat(3,1fr)}
  .about-hero{grid-template-columns:1fr}
}
@media (max-width:900px){
  .sidebar{position:fixed;left:-260px;transition:.2s;box-shadow:0 0 60px rgba(0,0,0,.6)}
  .sidebar.open{left:0}
  .menu-btn{display:inline-grid!important}
  .shell{display:block}
  .content{padding:22px 18px 30px}
  .topbar{padding:0 18px}
  .goal-grid{grid-template-columns:repeat(3,1fr)}
  .studio{grid-template-columns:1fr}
  .studio-left{position:static}
  .phone-wrap{max-width:380px;margin:0 auto}
  .club-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  h1{font-size:29px}
  .goal-grid{grid-template-columns:repeat(2,1fr)}
  .rail{grid-template-columns:1fr}
  .variants{grid-template-columns:1fr}
  .style-grid{grid-template-columns:1fr 1fr 1fr}
  .flow{grid-template-columns:1fr 1fr}
  .stats{grid-template-columns:1fr 1fr}
  .foot{flex-direction:column}
  .page-head{flex-direction:column;align-items:flex-start}
  .cal .day{min-height:52px}
  .cal .day small{display:none}
}