:root{--bg: #eef1f6;--bg-soft: #e4e8f1;--card: #ffffff;--card-2: #fafbfe;--text: #14161c;--muted: #6b7280;--muted-2: #9aa1ac;--border: #e6e9f0;--blue: #2e6bff;--blue-soft: #eaf0ff;--gold: #eab308;--gold-soft: #fef7e0;--purple: #8b5cf6;--purple-soft: #f2edff;--teal: #14b8a6;--teal-soft: #e3faf6;--success: #16a34a;--success-soft: #e7f9ee;--danger: #ef4444;--danger-soft: #fde9e9;--shadow: 0 1px 2px rgba(20, 22, 28, .04), 0 8px 24px rgba(20, 22, 28, .06);color-scheme:light}@media (prefers-color-scheme: dark){:root{--bg: #0b0d12;--bg-soft: #12151c;--card: #171a22;--card-2: #1c202a;--text: #f1f2f5;--muted: #98a0ad;--muted-2: #6c7480;--border: #262b36;--blue-soft: #16233f;--gold-soft: #322a10;--purple-soft: #241c3c;--teal-soft: #10302c;--success-soft: #10301f;--danger-soft: #3a1616;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 12px 32px rgba(0, 0, 0, .35);color-scheme:dark}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}.app{max-width:720px;margin:0 auto;padding:0 14px 90px}.topbar{position:sticky;top:0;z-index:10;margin:0 -14px 14px;padding:16px 18px 18px;background:linear-gradient(135deg,#2e6bff,#6d3bff);color:#fff;border-radius:0 0 20px 20px}.topbar-title{font-size:17px;font-weight:700;display:flex;align-items:center;gap:8px}.topbar-sub{font-size:12.5px;opacity:.85;margin-top:2px}.topbar-quickrow{display:flex;gap:10px;margin-top:14px}.topbar-quick{flex:1;background:#ffffff24;border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:9px 10px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.topbar-quick .n{font-size:18px;font-weight:800;line-height:1.1}.topbar-quick .l{font-size:10.5px;opacity:.85;text-transform:uppercase;letter-spacing:.03em;margin-top:2px}.section{margin-bottom:18px}.section-head{display:flex;align-items:center;gap:8px;margin:4px 2px 8px}.section-head .dot{width:8px;height:8px;border-radius:50%}.section-head h2{margin:0;font-size:13px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:14px;box-shadow:var(--shadow);margin-bottom:12px}.card h2{margin:0 0 12px;font-size:14px;color:var(--muted);font-weight:700}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat-tile{border-radius:14px;padding:12px 13px;border:1px solid var(--border)}.stat-tile .icon{font-size:16px;opacity:.9}.stat-tile .n{font-size:20px;font-weight:800;margin-top:6px;line-height:1.1}.stat-tile .l{font-size:11.5px;color:var(--muted);margin-top:3px}.stat-tile.blue{background:var(--blue-soft)}.stat-tile.gold{background:var(--gold-soft)}.stat-tile.purple{background:var(--purple-soft)}.stat-tile.teal{background:var(--teal-soft)}.stat-tile.success{background:var(--success-soft)}.stat-tile.danger{background:var(--danger-soft)}.queue-row{display:flex;align-items:center;justify-content:space-between;padding:9px 2px;border-bottom:1px solid var(--border);font-size:13.5px}.queue-row:last-child{border-bottom:none}.queue-count{min-width:26px;text-align:center;padding:2px 8px;border-radius:999px;font-weight:700;font-size:12.5px;background:var(--bg-soft);color:var(--muted)}.queue-count.active{background:var(--danger-soft);color:var(--danger)}.stat-row{display:flex;justify-content:space-between;padding:7px 2px;border-bottom:1px solid var(--border);font-size:14px}.stat-row:last-child{border-bottom:none}.stat-row .value{font-weight:700}textarea,input[type=text],input[type=number]{width:100%;background:var(--bg-soft);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:10px 12px;font-size:14px;font-family:inherit;resize:vertical;transition:border-color .15s}textarea:focus,input:focus{outline:none;border-color:var(--blue)}button{background:var(--blue);color:#fff;border:none;border-radius:10px;padding:10px 16px;font-size:14px;font-weight:700;cursor:pointer;transition:opacity .15s,transform .1s}button:active{transform:scale(.97)}button:disabled{opacity:.5;cursor:default}button.secondary{background:var(--bg-soft);color:var(--text);border:1px solid var(--border)}button.danger{background:var(--danger)}.field{margin-bottom:14px}.field label{display:block;font-size:12.5px;font-weight:600;color:var(--muted);margin-bottom:6px}.channel-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 2px;border-bottom:1px solid var(--border)}.channel-row:last-child{border-bottom:none}.channel-title{font-size:14px;font-weight:600}.channel-meta{font-size:12px;color:var(--muted);margin-top:2px}.channel-actions{display:flex;align-items:center;gap:8px}.channel-actions input[type=number]{width:68px;padding:8px}.pill{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700}.pill.on{background:var(--success-soft);color:var(--success)}.pill.off{background:var(--danger-soft);color:var(--danger)}.pill.info{background:var(--purple-soft);color:var(--purple)}.tabs{position:fixed;bottom:0;left:0;right:0;display:flex;gap:4px;background:var(--card);border-top:1px solid var(--border);padding:8px max(8px,env(safe-area-inset-left)) calc(8px + env(safe-area-inset-bottom));box-shadow:0 -4px 20px #0000000f}.tabs button{flex:1;background:transparent;color:var(--muted);font-weight:600;border-radius:10px;padding:8px 4px;font-size:12.5px}.tabs button.active{background:var(--blue-soft);color:var(--blue)}.legend{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:10px;font-size:11.5px;color:var(--muted)}.legend span{display:inline-flex;align-items:center;gap:5px}.legend i{width:8px;height:8px;border-radius:50%;display:inline-block}.empty{color:var(--muted);font-size:14px;text-align:center;padding:24px 0}