:root{--bg:#f4f5f9;--card:#fff;--border:#e2e4ee;--text:#171826;--muted:#6b6f85;--accent:#5b5ff5;--accent-hover:#4a4de0;--green:#178a4c;--green-bg:#e1f5e9;--red:#d64545;--red-bg:#fce8e8;--amber:#b3660a;--amber-bg:#fbebd6;--gray-bg:#eceefa}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14.5px;line-height:1.5}h1,h2,h3{margin:0 0 4px}a{color:inherit}.container{flex:1;width:100%;min-width:0;max-width:880px;margin:0 auto;padding:20px 16px 48px}.muted{color:var(--muted)}.app-shell{flex-direction:column;min-height:100vh;display:flex}.mobile-topbar{z-index:20;background:var(--card);border-bottom:1px solid var(--border);align-items:center;gap:12px;width:100%;padding:10px 16px;display:flex;position:sticky;top:0}.mobile-topbar-brand{font-size:.95rem;font-weight:700}.icon-btn{width:38px;height:38px;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--gray-bg)}.sidebar-overlay{z-index:30;background:#0a0a1473;position:fixed;inset:0}.sidebar{z-index:40;background:var(--card);border-right:1px solid var(--border);flex-direction:column;width:260px;max-width:82vw;padding:14px;transition:transform .22s;display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-header{justify-content:space-between;align-items:center;padding:4px 10px 20px;display:flex}.sidebar-close{display:inline-flex}.sidebar-brand{font-size:1.02rem;font-weight:700}.sidebar-nav{flex-direction:column;flex:1;gap:4px;display:flex}.sidebar-nav a{color:var(--muted);border-radius:8px;align-items:center;gap:10px;padding:12px;font-size:.9rem;font-weight:500;text-decoration:none;display:flex}.sidebar-nav a:hover{background:var(--gray-bg)}.sidebar-nav a.active{background:var(--accent);color:#fff}.sidebar-footer{border-top:1px solid var(--border);margin-top:14px;padding-top:14px}@media (min-width:768px){.app-shell{flex-direction:row;align-items:flex-start}.mobile-topbar,.sidebar-overlay,.sidebar-close{display:none}.sidebar{flex-shrink:0;width:232px;max-width:none;min-height:100vh;padding:20px 14px;position:sticky;top:0;transform:none}.sidebar-header{padding:4px 10px 20px}.container{padding:28px 20px 60px}}.btn{background:var(--accent);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:7px;padding:9px 16px;font-size:.88rem;font-weight:600;display:inline-flex}.btn:hover:not(:disabled){background:var(--accent-hover)}.btn:disabled{opacity:.55;cursor:default}.btn-green{background:var(--green)}.btn-green:hover:not(:disabled){background:#146e3c}.btn-danger{background:var(--red)}.btn-danger:hover:not(:disabled){background:#b93a3a}.btn-outline{background:var(--card);color:var(--text);border:1px solid var(--border)}.btn-outline:hover:not(:disabled){background:var(--gray-bg)}.btn-icon{padding:8px}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:4px;display:flex}.section{margin-top:22px}.error-banner{background:var(--red-bg);color:#8a2b2b;border-radius:8px;margin:12px 0;padding:10px 14px;font-size:.88rem}.success-banner{background:var(--green-bg);color:var(--green);border-radius:8px;margin:12px 0;padding:10px 14px;font-size:.88rem}.status-pill{border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:.8rem;font-weight:500;display:inline-flex}.status-gray{background:var(--gray-bg);color:var(--muted)}.status-green{background:var(--green-bg);color:var(--green)}.status-amber{background:var(--amber-bg);color:var(--amber)}.manage-input{border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:8px;padding:9px 12px;font-family:inherit;font-size:.88rem}.manage-input:focus{outline:2px solid var(--accent);outline-offset:-1px}.add-channel-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.table-scroll{overflow-x:auto}.analog-table{border-collapse:collapse;width:100%;font-size:.88rem}.analog-table th{text-align:center;color:var(--muted);border-bottom:1px solid var(--border);padding:8px 10px;font-weight:600}.analog-table td{border-bottom:1px solid var(--border);vertical-align:top;text-align:center;padding:10px}.tab-toggle{background:var(--bg);border-radius:999px;gap:2px;max-width:100%;padding:4px;display:flex;overflow-x:auto}.tab-toggle button{white-space:nowrap;cursor:pointer;color:var(--text);background:0 0;border:none;border-radius:999px;padding:8px 18px;font-size:.88rem;font-weight:500}.tab-toggle button.active{background:var(--accent);color:#fff}.tab-toggle button:disabled{cursor:default;color:var(--muted)}.confirm-overlay{z-index:100;background:#0a0a1473;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirm-card{background:var(--card);border-radius:12px;width:90%;max-width:360px;padding:22px 24px;box-shadow:0 12px 40px #0003}.confirm-actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.login-wrap{justify-content:center;align-items:center;min-height:calc(100vh - 88px);display:flex}.login-card{background:var(--card);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:14px;width:100%;max-width:340px;padding:32px 30px;display:flex}.login-field{color:var(--muted);flex-direction:column;gap:6px;font-size:.85rem;font-weight:600;display:flex}.login-field input{color:var(--text);font-weight:400}