:root{color-scheme:dark;--bg:#03111b;--panel:#091d2a;--line:#26475c;--ink:#f5f8fb;--muted:#a7c1d6;--blue:#087bff;--green:#05e55d;font-family:Inter,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 45% 0,#12334a,transparent 38%),linear-gradient(135deg,#03101a,#071a28 55%,#03111b);color:var(--ink)}button,input{font:inherit}button{color:var(--ink);background:linear-gradient(#17364c,#10283a);border:1px solid #35566d;border-radius:9px;padding:10px 18px;cursor:pointer}button:hover{border-color:#16a0ff;filter:brightness(1.1)}
.topbar{height:86px;border-bottom:1px solid #1d4055;display:flex;align-items:center;padding:0 3.1vw;gap:5vw}.brand strong{display:block;font-size:34px;letter-spacing:1px}.brand span{display:block;color:#8eb9dc;font-size:12px;letter-spacing:1px}.tagline{font-size:20px;color:#8dbff0;letter-spacing:.8px}.agent{margin-left:auto;display:flex;gap:12px;align-items:center}.agent i{width:22px;height:22px;border-radius:50%;background:#00f259;box-shadow:0 0 22px #00ed5b}.agent b,.agent small{display:block}.agent small{color:var(--muted);font-size:12px;margin-top:3px}
.shell{display:grid;grid-template-columns:minmax(0,2fr) minmax(310px,1fr);gap:20px;padding:18px 2vw 28px;max-width:1600px;margin:auto}.workspace,.card{background:rgba(7,25,38,.86);border:1px solid #23465b;border-radius:15px;box-shadow:0 14px 38px #0005}.workspace{padding:20px}.summary{display:grid;align-content:start;gap:16px}.card{padding:19px}.section-head{display:flex;justify-content:space-between;align-items:start}.section-head h1,h2{margin:0;font-size:22px}.section-head p,.panel-section p{margin:4px 0 14px;color:var(--muted)}.head-actions{display:flex;gap:12px}
.channels{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.channel{position:relative;min-height:142px;padding:0;border:1px solid #23485f;border-radius:10px;background:#071824;text-align:left;overflow:hidden}.channel.selected{border-color:#00a6ff;box-shadow:0 0 0 1px #008cff,0 0 18px #008cff55}.channel-image{display:block;width:100%;height:142px;object-fit:cover;object-position:center}.channel-label{position:absolute;left:0;right:0;bottom:0;padding:28px 14px 11px;background:linear-gradient(transparent,rgba(1,10,17,.94));display:flex;align-items:center;gap:7px}.channel-label .icon{font-size:22px;color:#fff}.channel-label b{font-size:17px;text-shadow:0 1px 3px #000}.check{position:absolute;right:10px;bottom:10px;width:20px;height:20px;border:2px solid #d6eaf8;border-radius:4px;background:#071b29cc}.selected .check{background:var(--blue);border-color:var(--blue)}.selected .check:after{content:"✓";display:block;text-align:center;font-weight:800;line-height:16px}
.panel-section{border-top:1px solid #214257;padding:18px 0 4px}.range-row{display:flex;align-items:end;gap:22px;flex-wrap:wrap}.radio{display:flex;align-items:center;gap:8px;color:#d5e7f7}.radio input{display:none}.radio span{width:24px;height:24px;border:2px solid #7fa4be;border-radius:50%;display:inline-block}.radio input:checked+span{border:7px solid #1688ff}.radio em{font-style:normal;color:var(--muted);font-size:13px}.range-row label:not(.radio){color:var(--muted);display:grid;gap:5px;font-size:13px}input[type=date],input[type=number]{background:#071926;color:var(--ink);border:1px solid #31566e;border-radius:8px;padding:9px 12px;min-width:150px}input:disabled{opacity:.45}.quick{display:flex;gap:14px;margin-top:14px;flex-wrap:wrap}.quick .active{background:linear-gradient(135deg,#0b8cff,#095ce7);border-color:#16a9ff}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.mode{display:flex;text-align:left;gap:18px;align-items:center;padding:16px 22px;border-radius:12px}.mode.selected{border-color:#16a9ff;box-shadow:0 0 18px #008cff66;background:linear-gradient(135deg,#063f79,#07305b)}.mode>strong{font-size:38px;color:#16a4ff}.mode b,.mode small{display:block}.mode b{font-size:20px}.mode small{font-size:15px;color:var(--muted);line-height:1.25;margin-top:4px}.track-fields{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.track-field{display:flex;justify-content:space-between;align-items:center;border:1px solid #26485c;border-radius:9px;padding:9px 12px;color:#d9ebfa}.track-field input{width:65px;min-width:0;text-align:center}.track-field.disabled{opacity:.45}.status{min-height:25px;color:#8fb0c8;padding:12px 0 6px}.status.error{color:#ff8d8d}.start{width:100%;background:linear-gradient(90deg,#00bf43,#00e75f);border-color:#32ff8e;color:white;font-size:22px;font-weight:800;padding:15px;box-shadow:0 0 20px #00e85d66}.start small{display:block;font-size:13px;font-weight:400}
.card h2{font-size:20px}.card h2 small{font-size:13px;color:var(--muted);font-weight:400}.card dl{display:grid;grid-template-columns:auto 1fr;gap:15px 20px;margin:20px 0 0}.card dt{color:#9bb9d0}.card dd{margin:0;color:white}.card dd:nth-of-type(3){display:inline-block;background:#087bff;padding:7px 15px;border-radius:10px;width:max-content}.upcoming{margin-top:15px}.upload{display:grid;grid-template-columns:38px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid #1c3a4c}.upload:last-child{border:0}.upload .icon{font-size:25px;color:#70c5ff}.upload b,.upload small{display:block}.upload small{color:#a9c8df;margin-top:4px}.recent{display:grid;gap:13px;margin-top:18px;color:#c1d9eb}.recent b{float:right;background:#06983d;padding:5px 10px;border-radius:7px;color:white;font-size:12px}
dialog{background:#0a2130;color:var(--ink);border:1px solid #2476a2;border-radius:14px;max-width:min(720px,90vw);width:100%;box-shadow:0 25px 80px #000c}dialog::backdrop{background:#0009}.dialog-inner{padding:24px}.dialog-inner h2{margin-bottom:8px}.dialog-inner pre{white-space:pre-wrap;max-height:330px;overflow:auto;background:#04131e;padding:14px;border-radius:8px;color:#bde2ff}.dialog-inner>div:last-child{display:flex;gap:10px;flex-wrap:wrap}
@media(max-width:1000px){.shell{grid-template-columns:1fr}.summary{grid-template-columns:1fr 1fr}.card:last-child{grid-column:span 2}.tagline{display:none}}@media(max-width:680px){.topbar{height:auto;padding:14px 5vw}.agent{display:none}.shell{padding:10px 3vw}.workspace{padding:14px}.section-head{display:block}.head-actions{margin:12px 0}.channels{grid-template-columns:repeat(2,1fr)}.track-fields{grid-template-columns:repeat(2,1fr)}.mode-grid{grid-template-columns:1fr}.summary{display:block}.card{margin-bottom:12px}.range-row{gap:12px}.quick{gap:7px}.quick button{padding:9px 11px}.start{font-size:18px}}

/* V1.2: original profile circles remain fully visible; selection is conveyed by size, opacity and border. */
.channel-image{width:86%;height:86%;margin:7%;object-fit:contain;object-position:center;opacity:.52;filter:saturate(.7)}
.channel.selected .channel-image{width:96%;height:96%;margin:2%;opacity:1;filter:none}
.channel-label{display:none}
.stats-link{margin-left:auto;color:#9fd3ff;text-decoration:none;border:1px solid #31566e;border-radius:8px;padding:8px 12px;font-weight:700}.stats-link:hover,.stats-link:focus-visible{border-color:#16a0ff;color:white;background:#0b3550}