@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@600;700&display=swap";:root{--brand:#042e28;--brand-soft:#042e281f;--brand-dark:#021f1b;--accent-orange:#ff8f3d;--bg:#fff;--bg-subtle:#f9fafb;--bg-muted:#f3f4f6;--border:#e5e7eb;--border-strong:#d1d5db;--ink:#111827;--ink-soft:#6b7280;--ink-muted:#9ca3af;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--shadow-sm:0 1px 2px #0000000f;--shadow-md:0 4px 12px #00000014}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,sans-serif;font-size:14px;line-height:1.5}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}input,textarea,select{appearance:none;outline:none}a{color:inherit;text-decoration:none}.auth-shell{grid-template-columns:400px 1fr;min-height:100vh;display:grid}.auth-side{background:radial-gradient(at -10% -10%,#4dd4c6b3 0%,#4dd4c652 45%,#0000 70%),radial-gradient(circle at 100% 100%,#ff8f3d14,#0000 50%),linear-gradient(160deg,#0d2035 0%,#081525 100%);flex-direction:column;justify-content:center;align-items:center;gap:0;height:100vh;padding:40px 40px 28px;display:flex;position:sticky;top:0}.auth-side-foot{color:#ffffff59;letter-spacing:.02em;font-size:12px;position:absolute;bottom:24px}.auth-tv-wrap{flex-direction:column;align-items:center;gap:18px;display:flex;transform:translateY(-40px)}.auth-tv-tagline{letter-spacing:-.03em;color:#ffffffe6;text-align:center;white-space:nowrap;font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:700;line-height:1.25}.auth-main{background:var(--bg-subtle);flex-direction:column;justify-content:flex-start;align-items:center;padding:13vh 40px 48px;display:flex;overflow-y:auto}.auth-box{width:100%;max-width:400px}.auth-logo{letter-spacing:-.04em;color:var(--brand);text-align:center;margin-bottom:28px;font-family:Space Grotesk,sans-serif;font-size:48px;font-weight:700}.auth-logo span{color:var(--brand)}.auth-tabs{background:var(--bg);border:1px solid var(--border);border-radius:999px;gap:2px;margin-bottom:24px;padding:3px;display:flex}.auth-tab{color:var(--ink-soft);text-align:center;border-radius:999px;flex:1;padding:10px 8px;font-size:13px;font-weight:600;transition:all .12s}.auth-tab.active{color:#fff;background:radial-gradient(at 0 0,#4dd4c673 0%,#0000 65%),linear-gradient(135deg,#07111c 0%,#0a1e1c 100%)}.auth-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:28px}.auth-card-title{letter-spacing:-.03em;color:var(--ink);margin-bottom:20px;font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:700}.auth-card-copy{color:var(--ink-soft);margin-bottom:20px;font-size:13px;line-height:1.6}.app-shell{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.sidebar{background:radial-gradient(at -10% -10%,#4dd4c6b3 0%,#4dd4c652 45%,#0000 70%),radial-gradient(circle at 100% 100%,#ff8f3d14,#0000 50%),linear-gradient(#0d2035 0%,#081525 100%);border-right:none;flex-direction:column;height:100vh;padding:20px 12px;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-logo{justify-content:center;padding:12px 10px 16px;display:flex}.sidebar-logo span{color:#fff}.sidebar-section{letter-spacing:.1em;text-transform:uppercase;color:#ffffff73;margin-top:8px;margin-bottom:2px;padding:4px 10px;font-size:10px;font-weight:700}.sidebar-link{border-radius:var(--radius-sm);color:#ffffffc7;text-align:left;align-items:center;gap:9px;width:100%;padding:8px 10px;font-size:13px;font-weight:500;transition:all .1s;display:flex}.sidebar-link:hover{color:#fff;background:#ffffff12}.sidebar-link.active{color:#fff;background:#ffffff14;border-left:2px solid #4dd4c6b3;padding-left:8px;font-weight:700}.sidebar-link svg{opacity:.6;flex-shrink:0}.sidebar-link:hover svg{opacity:.85}.sidebar-link.active svg{opacity:1}.sidebar-gap{flex:1}.sidebar-divider{background:#ffffff14;height:1px;margin:10px 2px}.sidebar-user{border-radius:var(--radius-md);background:#ffffff14;border:none;margin-bottom:6px;padding:10px 12px}.sidebar-user-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.sidebar-user-sub{color:#ffffff8c;margin-top:1px;font-size:11px}.sidebar-logout{border-radius:var(--radius-sm);color:#ffffff73;border:1px solid #ffffff1a;justify-content:center;align-items:center;gap:6px;width:100%;padding:7px;font-size:13px;font-weight:500;transition:all .12s;display:flex}.sidebar-logout:hover{color:#ef4444;background:#ef444412;border-color:#ef44444d}.topbar{display:none}.main{flex-direction:column;min-width:0;display:flex}.page-head{border-bottom:1px solid var(--border);padding:28px 36px 24px}.page-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:5px;font-size:11px;font-weight:700}.page-title{letter-spacing:-.03em;color:var(--ink);font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:700}.page-subtitle{color:var(--ink-soft);margin-top:4px;font-size:13px}.page-body{gap:24px;padding:28px 36px;display:grid}.toast{z-index:9999;border-radius:var(--radius-md);color:var(--ink);border:1px solid var(--border);cursor:pointer;background:#fff;max-width:320px;padding:11px 16px;font-size:13px;font-weight:500;animation:.18s forwards toast-in;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 16px #00000014}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.flash{border-radius:var(--radius-md);color:var(--brand-dark);background:#2ec4b614;border:1px solid #2ec4b633;padding:10px 14px;font-size:13px;font-weight:500}.flash-error{color:var(--danger);background:#ef44440f;border-color:#ef44442e}.stats{border-bottom:1px solid var(--border);grid-template-columns:repeat(4,1fr);display:grid}.stat{border-right:1px solid var(--border);padding:22px 28px}.stat:last-child{border-right:0}.stat-label{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:8px;font-size:11px;font-weight:700}.stat-value{letter-spacing:-.03em;color:var(--ink);font-family:Space Grotesk,sans-serif;font-size:32px;font-weight:700;line-height:1}.stat-value.brand{color:var(--brand-dark)}.stat-value.green{color:var(--success)}.stat-value.orange{color:var(--warning)}.stat-sub{color:var(--ink-muted);margin-top:4px;font-size:12px}.card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.card-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.card-title{color:var(--ink);font-size:14px;font-weight:600}.card-body{gap:16px;padding:20px;display:grid}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted);text-align:left;border-bottom:1px solid var(--border);background:var(--bg-subtle);white-space:nowrap;padding:10px 16px;font-size:11px;font-weight:700}td{color:var(--ink);border-bottom:1px solid var(--border);vertical-align:middle;padding:12px 16px;font-size:13px}tr:last-child td{border-bottom:0}tr:hover td{background:var(--bg-subtle)}.badge{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-dot{background:currentColor;border-radius:999px;flex-shrink:0;width:6px;height:6px}.badge-online{color:var(--success);background:#10b98114;border-color:#10b9812e}.badge-online .badge-dot{box-shadow:0 0 5px}.badge-offline{color:var(--ink-soft);background:#6b728012;border-color:#6b728024}.badge-pairing{color:var(--warning);background:#f59e0b14;border-color:#f59e0b2e}.badge-error{color:var(--danger);background:#ef444412;border-color:#ef444429}.btn{border-radius:var(--radius-sm);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:13px 16px;font-size:13px;font-weight:600;line-height:1;transition:all .1s;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{color:#fff;background:radial-gradient(at 0 0,#4dd4c673 0%,#0000 65%),linear-gradient(135deg,#07111c 0%,#0a1e1c 100%);border:none}.btn-primary:hover:not(:disabled){background:radial-gradient(at 0 0,#4dd4c68c 0%,#0000 65%),linear-gradient(135deg,#0d1a1a 0%,#0d2420 100%)}.btn-secondary{background:var(--bg);color:var(--ink);border-color:var(--border)}.btn-secondary:hover:not(:disabled){background:var(--bg-muted);border-color:var(--border-strong)}.btn-ghost{color:var(--ink-soft);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--bg-muted);color:var(--ink)}.btn-danger{color:var(--danger);background:0 0;border-color:#ef444433}.btn-danger:hover:not(:disabled){background:#ef44440d;border-color:#ef44444d}.btn-sm{padding:5px 12px;font-size:12px}.btn-full{width:100%}.form-stack{gap:14px;display:grid}.field{gap:5px;display:grid}.field-label{color:var(--ink);font-size:13px;font-weight:600}.field-hint{color:var(--ink-muted);font-size:12px}.field-input,.field-textarea,.field-select{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);width:100%;color:var(--ink);padding:9px 12px;font-size:14px;transition:border-color .1s,box-shadow .1s}.field-input::placeholder,.field-textarea::placeholder{color:var(--ink-muted)}.field-input:focus,.field-textarea:focus,.field-select:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.field-textarea{resize:vertical;min-height:88px}.checkbox-row{align-items:center;gap:8px;display:flex}.checkbox-row input[type=checkbox]{cursor:pointer;appearance:auto;width:16px;height:16px;accent-color:var(--brand);border:1.5px solid var(--border-strong);border-radius:4px;flex-shrink:0}.checkbox-row span{color:var(--ink-soft);font-size:13px;font-weight:500}.meta-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.meta-pair{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px 14px}.meta-pair-label{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:3px;font-size:10px;font-weight:700}.meta-pair-value{color:var(--ink);font-size:14px;font-weight:500}.two-col{grid-template-columns:1fr 1fr;align-items:start;gap:20px;display:grid}.three-col{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row-between{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.empty{text-align:center;color:var(--ink-soft);padding:40px 24px}.empty strong{color:var(--ink);margin-bottom:5px;font-size:14px;display:block}.empty p{font-size:13px}.loading-row{color:var(--ink-soft);align-items:center;gap:10px;padding:14px 20px;font-size:13px;display:flex}.spin{border:2px solid var(--border);border-top-color:var(--brand);border-radius:999px;flex-shrink:0;width:16px;height:16px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.link-btn{color:var(--brand-dark);cursor:pointer;font-weight:600;font-size:inherit;background:0 0;border:0;padding:0}.link-btn:hover{text-decoration:underline}.back-btn{color:var(--ink-soft);cursor:pointer;align-items:center;gap:5px;margin-bottom:20px;font-size:13px;font-weight:500;transition:color .1s;display:inline-flex}.back-btn:hover{color:var(--ink)}.mono{letter-spacing:.04em;font-family:Space Grotesk,monospace}.divider{background:var(--border);height:1px}.placeholder-page{color:var(--ink-soft);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:48px;display:flex}.placeholder-page h2{letter-spacing:-.03em;color:var(--ink);font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:700}.placeholder-page p{max-width:360px;font-size:14px}.modal-backdrop{z-index:100;background:#00000059;justify-content:center;align-items:center;padding:24px;animation:.15s fade-in;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:440px;animation:.18s modal-in;box-shadow:0 20px 60px #0000002e}@keyframes modal-in{0%{opacity:0;transform:scale(.96)translateY(-8px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-close{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--ink-muted);justify-content:center;align-items:center;font-size:14px;transition:all .1s;display:flex}.modal-close:hover{background:var(--bg-muted);color:var(--ink)}.modal-body{padding:20px}@media (width<=960px){.auth-shell{grid-template-columns:1fr}.auth-side{display:none}.app-shell{grid-template-columns:1fr}.sidebar{z-index:60;width:min(80vw,280px);height:100vh;box-shadow:var(--shadow-md);transition:transform .15s;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.topbar{border-bottom:1px solid var(--border);background:var(--bg);z-index:40;justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:sticky;top:0}.topbar-logo{letter-spacing:-.04em;color:var(--ink);font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:700}.topbar-logo span{color:var(--brand)}.topbar-menu-btn{border-radius:var(--radius-sm);border:1px solid var(--border);justify-content:center;align-items:center;width:36px;height:36px;display:flex}.nav-backdrop{z-index:50;background:#0000004d;position:fixed;inset:0}.stats{grid-template-columns:repeat(2,1fr)}.stat:nth-child(2){border-right:0}.stat:first-child,.stat:nth-child(2){border-bottom:1px solid var(--border)}.page-head{padding:20px 16px 16px}.page-body{padding:16px}.flash{margin:12px 16px 0}.two-col,.three-col,.meta-grid{grid-template-columns:1fr}}@media (width<=600px){.stats{grid-template-columns:1fr}.stat{border-right:0!important;border-bottom:1px solid var(--border)!important}.stat:last-child{border-bottom:0!important}}.badge-broadcast{color:#ea580c;background:#fb923c1a;border-color:#fb923c3d}.badge-broadcast .badge-dot{animation:1.5s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}.pair-success-state{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:20px 0 16px;display:flex}.pair-success-icon{background:#10b9811a;border:1.5px solid #10b9813d;border-radius:999px;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.pair-success-name{letter-spacing:-.02em;color:var(--ink);font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:700}.pair-success-code{color:var(--ink-muted);letter-spacing:.1em;font-size:14px}.pair-hint-box{border-radius:var(--radius-md);color:var(--ink-soft);background:#f59e0b12;border:1px solid #f59e0b2e;align-items:flex-start;gap:10px;padding:12px 14px;font-size:13px;display:flex}.sound-upload-zone{border:2px dashed var(--border-strong);border-radius:var(--radius-md);cursor:pointer;color:var(--ink-soft);background:var(--bg-subtle);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:28px 20px;font-size:13px;font-weight:500;transition:all .12s;display:flex}.sound-upload-zone:hover{border-color:var(--brand);color:var(--brand-dark);background:var(--brand-soft)}.sound-list-icon{border-radius:var(--radius-sm);background:var(--bg-muted);border:1px solid var(--border);width:28px;height:28px;color:var(--ink-soft);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.sound-device-item{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:12px 14px;transition:all .1s;display:flex}.sound-device-item:hover:not(:disabled){background:var(--bg-subtle);border-color:var(--brand)}.sound-device-item:disabled{opacity:.5;cursor:not-allowed}.sound-device-info{flex:1;min-width:0}.sound-device-name{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.sound-device-loc{color:var(--ink-muted);margin-top:2px;font-size:12px}