:root{font-family:Inter,system-ui,sans-serif;color:#e8edf5;background:#080d1b;color-scheme:dark;line-height:1.45}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 15% 0,#17264a 0,transparent 38%),linear-gradient(145deg,#080d1b,#10182c 60%,#0a1020)}header,main{width:min(1280px,94vw);margin:auto}.site-header{display:flex;justify-content:space-between;align-items:center;padding:30px 0 18px}.site-header h1{font-size:clamp(1.75rem,3vw,2.35rem);letter-spacing:-.03em}h1,h2,h3,p{margin-top:0}h1{margin-bottom:6px}.panel,.card,.login-panel,.notice,.overview-card{background:linear-gradient(155deg,#17213a,#121a2e);border:1px solid #2b3c61;border-radius:16px;padding:20px;box-shadow:0 14px 36px #0003}.panel,.notice{margin-bottom:16px}.notice{border-left:4px solid #f0ad36}.overview-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:4px 0 18px}.overview-card{display:flex;align-items:flex-start;gap:13px;min-height:132px;padding:17px;box-shadow:0 10px 28px #0002;overflow:hidden}.overview-card>div:last-child{display:grid;align-content:start;gap:4px;min-width:0;flex:1}.overview-card span,.overview-card small{color:#9eacc3}.overview-card strong{font-size:1.38rem;white-space:nowrap}.overview-icon{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:11px;background:#24375f;color:#8fb9ff;font-size:.69rem;font-weight:900;letter-spacing:.04em}.overview-live .overview-icon{background:#0c694f;color:#82f0c3}.usage-track{height:6px;margin-top:8px;background:#283550;border-radius:999px;overflow:hidden}.usage-track i{display:block;width:0;height:100%;background:#24b47e;border-radius:inherit;transition:width .35s ease}.usage-track[data-tone="warning"] i{background:#f0ad36}.usage-track[data-tone="danger"] i{background:#ed5265}.section-head,.card-head,.actions,dl div,.proxy-row{display:flex;justify-content:space-between;gap:12px;align-items:center}.section-head p{margin-bottom:0;color:#a9b7cd}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:16px;padding-bottom:40px}.card{position:relative;transition:transform .18s ease,border-color .18s ease}.card:hover{transform:translateY(-2px);border-color:#466395}.forms{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-top:18px}.forms form{border:1px solid #2a3a5b;border-radius:12px;padding:16px}.actions.left{justify-content:flex-start;flex-wrap:wrap}.upload-controls,.row-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}button,input,select{border-radius:9px;border:1px solid #415272;padding:10px 13px;font:inherit}input,select{width:100%;background:#0e1629;color:#eef3fb}button{width:auto;background:linear-gradient(135deg,#3478f6,#2763d6);color:white;cursor:pointer;box-shadow:0 6px 16px #1e58c533}button:hover:not(:disabled){filter:brightness(1.08)}button:disabled{opacity:.55;cursor:not-allowed}.secondary{background:#46536c}.danger{background:#b62d3e}.status,.media-state{font-size:.8rem;font-weight:800;padding:5px 9px;border-radius:999px;background:#46536c}.status-live,.media-ready{background:#087f5b}.status-error,.media-invalid{background:#c92a2a}.status-retrying,.media-ready_with_warnings{background:#ad6a00}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px 18px}.metrics div,dl div{display:flex;justify-content:space-between}dt{color:#9ca9bd}dd{margin:0}.compact{margin-bottom:4px}progress{display:block;width:100%;height:14px;margin:18px 0 12px}.result{display:block;min-height:1.5em;margin-top:10px;color:#bfd0e8}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;margin-top:14px}th,td{text-align:left;border-bottom:1px solid #2a3a5b;padding:12px;vertical-align:top}td small{display:block;color:#a9b7cd;margin-top:5px}.warning{color:#ffc56b}.error-text,.stream-error{color:#ff9da9}.stream-error{display:grid;gap:4px;background:#4b1e2a;padding:11px;border-radius:9px;margin:12px 0}.stream-error[hidden]{display:none}.proxy-list{display:grid;gap:12px}.proxy-row{padding:12px;border:1px solid #2a3a5b;border-radius:10px;flex-wrap:wrap}.proxy-row output{width:100%}.inline{display:flex;grid-auto-flow:column;align-items:center;gap:6px;margin:0}.inline input{width:auto}.manager summary,.winscp-guide summary,.editor summary{cursor:pointer;font-weight:700}.editor{margin-top:18px;border-top:1px solid #2a3a5b;padding-top:14px}.editor form{margin-top:10px}.delete-stream{margin-top:12px}label{display:grid;gap:7px;margin:13px 0}.login-body{display:grid;place-items:center}.login-panel{width:min(420px,92vw)}.alert{background:#6e2330;padding:10px;border-radius:8px}code{background:#0c1425;padding:2px 6px;border-radius:5px}.empty{padding:30px;color:#a9b7cd}@media(max-width:1000px){.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.site-header,.section-head{align-items:flex-start;gap:14px;flex-direction:column}.overview-grid,.grid{grid-template-columns:1fr}.overview-card{min-height:auto}.card .actions{flex-wrap:wrap}.proxy-row{align-items:flex-start;flex-direction:column}}

/* v0.4 channel-first shell */
a{color:inherit;text-decoration:none}.app-shell{display:grid;grid-template-columns:245px minmax(0,1fr);background:#0b1020}.sidebar{position:sticky;top:0;height:100vh;padding:24px 14px;background:#0a0f1e;border-right:1px solid #26324a;display:flex;flex-direction:column;gap:22px}.brand{display:flex;align-items:center;gap:11px;padding:5px 10px;font-size:.82rem;letter-spacing:.04em}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#e32636;color:white}.sidebar nav,.sidebar-channels{display:grid;gap:6px}.sidebar nav a,.sidebar-channels a{padding:10px 12px;border-radius:9px;color:#aebbd0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar a.active,.sidebar nav a:hover,.sidebar-channels a:hover{background:#1b2943;color:white}.sidebar-channels{min-height:0;overflow:auto}.sidebar-channels small,.eyebrow{color:#72809a;font-size:.7rem;font-weight:800;letter-spacing:.11em;padding:0 12px 5px}.sidebar footer{margin-top:auto;color:#71809b;padding:10px}.channel-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#4f8cff;margin-right:9px}.channel-2{background:#31c48d}.channel-3{background:#f7b84b}.channel-4{background:#c084fc}.channel-5{background:#fb7185}.app-main{min-width:0}.topbar{width:auto;margin:0;padding:20px 32px;border-bottom:1px solid #26324a;background:#0e1528cc;backdrop-filter:blur(10px);display:flex;justify-content:space-between;align-items:center}.topbar h1{font-size:1.45rem;margin:2px 0}.topbar form{margin:0}.menu-toggle{display:none}.page-content{width:auto;max-width:1500px;margin:0;padding:28px 32px}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}.metric-card,.panel-section,.stream-card,.channel-card{background:#141d31;border:1px solid #293751;border-radius:14px;box-shadow:0 12px 30px #0002}.metric-card{padding:18px;display:grid;gap:5px}.metric-card span,.metric-card small{color:#92a1b9}.metric-card strong{font-size:1.8rem}.metric-card.good strong{color:#41d59b}.panel-section{padding:21px;margin-bottom:18px}.section-head h2{margin-bottom:4px}.button{display:inline-block;background:#2f6fed;padding:10px 14px;border-radius:9px}.channel-overview,.channel-cards{display:grid;gap:10px;margin-top:16px}.channel-row{display:grid;grid-template-columns:24px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:14px;border:1px solid #293751;border-radius:10px}.channel-row span{color:#9aabc2}.channel-row b{color:#7cabff}.channel-cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.channel-card{padding:18px;display:flex;align-items:center;gap:10px}.channel-card div{display:grid;flex:1}.channel-card small{color:#8493ab}.inline-create,.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;align-items:end;margin-top:20px}.channel-tabs{display:flex;gap:5px;margin-bottom:18px;border-bottom:1px solid #2a3750}.channel-tabs a{padding:11px 16px;color:#91a1ba;border-bottom:2px solid transparent}.channel-tabs a.active{color:#fff;border-color:#4f8cff}.stream-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;margin-top:16px}.stream-card{padding:18px}.stream-card dl{display:grid;gap:9px}.stream-card .actions{margin-top:16px;justify-content:flex-start;flex-wrap:wrap}.winscp-box{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px;margin:16px 0;background:#0d1528;border:1px solid #30415f;border-radius:10px}.winscp-box code{flex:1;min-width:260px;padding:9px;color:#9fc1ff}.upload-controls input{max-width:520px}
@media(max-width:1050px){.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell{grid-template-columns:210px minmax(0,1fr)}}
@media(max-width:767px){.app-shell{display:block}.sidebar{position:fixed;z-index:30;left:-270px;width:250px;transition:left .2s}.menu-open .sidebar{left:0}.menu-toggle{display:inline-block}.topbar,.page-content{padding-left:18px;padding-right:18px}.summary-grid{grid-template-columns:1fr}.section-head{align-items:flex-start;flex-direction:column}.channel-row{grid-template-columns:20px 1fr auto}.channel-row b{display:none}.stream-grid{grid-template-columns:1fr}.channel-tabs{overflow:auto}.winscp-box code{min-width:100%;overflow-wrap:anywhere}}