:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f5f7fb;background:#0a0d14;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,#182238 0,#0a0d14 38%)}button,input,select{font:inherit}.topbar{display:flex;align-items:center;justify-content:space-between;padding:20px 28px;border-bottom:1px solid #242b3a;background:#0b0f18cc;backdrop-filter:blur(14px);position:sticky;top:0;z-index:10}.brand{font-size:22px;font-weight:800}.muted{color:#8f9ab0}.actions,.form-actions,.filter-row,.detect-row{display:flex;gap:10px;align-items:center}.layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(320px,.8fr);gap:20px;padding:20px;max-width:1500px;margin:auto}.card{background:#111722;border:1px solid #263044;border-radius:18px;box-shadow:0 18px 60px #0004}.player-card{overflow:hidden}.video-wrap{position:relative;aspect-ratio:16/9;background:#030507}video{width:100%;height:100%;display:block;background:#000}.empty-state{position:absolute;inset:0;display:grid;place-items:center;color:#7f8ba3}.now-playing{display:flex;justify-content:space-between;align-items:center;padding:18px 20px}.now-playing h1{margin:0 0 4px;font-size:20px}.sidebar{padding:16px;min-height:500px}.toolbar{display:grid;gap:10px}.input{width:100%;padding:11px 12px;border-radius:10px;border:1px solid #34405a;background:#0b101a;color:#fff;outline:none}.input:focus{border-color:#6f8cff;box-shadow:0 0 0 3px #6f8cff22}.filter-row{margin:12px 0}.chip,.btn,.icon-btn{border:1px solid #34405a;background:#171e2b;color:#eef2ff;border-radius:10px;cursor:pointer}.chip{padding:7px 12px}.chip.active{background:#345cff;border-color:#345cff}.btn{padding:10px 14px;font-weight:650}.btn.primary{background:#345cff;border-color:#345cff}.btn.secondary:hover,.chip:hover{background:#232d3f}.icon-btn{width:42px;height:42px;font-size:26px}.stream-list{display:grid;gap:8px;max-height:65vh;overflow:auto}.stream-item{padding:12px;border:1px solid #283248;border-radius:12px;display:flex;align-items:center;gap:12px;cursor:pointer;background:#0d121c}.stream-item:hover,.stream-item.active{border-color:#5f7eff;background:#151d2c}.stream-main{min-width:0;flex:1}.stream-title{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stream-meta{font-size:13px;color:#8994aa}.star{font-size:20px;color:#f4c84a}.hidden{display:none!important}.message{margin:0 20px 18px;padding:10px 12px;border:1px solid #3d4a66;border-radius:10px;background:#151d2b}.message.error{border-color:#8c3944;background:#2b1419;color:#ffbec5}.message.ok{border-color:#276c4c;background:#10281f;color:#b9f6d7}.modal{border:none;padding:0;background:transparent;color:inherit;max-width:560px;width:calc(100% - 30px)}.modal.wide{max-width:900px}.modal::backdrop{background:#05070bcc;backdrop-filter:blur(6px)}.modal-inner{background:#111722;border:1px solid #2d3850;border-radius:18px;padding:20px;box-shadow:0 30px 100px #0009}.modal-inner label{display:grid;gap:6px;color:#b9c1d1;font-size:14px}.modal-inner form{display:grid;gap:14px}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.modal-head h2{margin:0}.x{border:none;background:none;color:#fff;font-size:28px;cursor:pointer}.form-grid{grid-template-columns:1fr 1fr}.span-2{grid-column:1/-1}.check{display:flex!important;align-items:center;gap:8px!important}.detector{border-top:1px solid #283248;border-bottom:1px solid #283248;margin:22px 0;padding:18px 0}.detector h3{margin:0 0 6px}.detect-row .input{flex:1}.detect-results{display:grid;gap:8px;margin-top:10px}.detected{padding:10px;border:1px solid #33405b;border-radius:9px;display:flex;gap:10px;align-items:center;word-break:break-all}.detected code{flex:1}.admin-list{display:grid;gap:8px}.admin-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:12px;border:1px solid #29334a;border-radius:10px}.admin-actions{display:flex;gap:8px}@media(max-width:900px){.layout{grid-template-columns:1fr}.stream-list{max-height:none}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.topbar{padding:16px}.layout{padding:12px}.detect-row{align-items:stretch;flex-direction:column}}
.diag-grid{display:grid;grid-template-columns:minmax(120px,180px) 1fr;gap:8px 14px;margin:12px 0;padding:12px;border:1px solid var(--border,#2a2a2a);border-radius:12px;overflow-wrap:anywhere}.diag-key{font-weight:700}.diag-list{display:grid;gap:8px}.diag-list>div{padding:10px;border:1px solid var(--border,#2a2a2a);border-radius:10px;overflow-wrap:anywhere}.detect-results code{white-space:normal;word-break:break-all}
@media(max-width:640px){.diag-grid{grid-template-columns:1fr}.diag-key{margin-top:6px}}