:root{--bg: #0a0a0a;--card: #18140c;--accent: #eb9a05;--text: #f2f2f0;--text-muted: #9a9690;--border: #2a261e;color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text)}a{color:var(--accent)}.app-root{height:100%;display:flex;flex-direction:column}.app-content{flex:1;min-height:0;overflow:auto}.app-footer{padding:8px 24px;text-align:center;font-size:.75rem;color:var(--text-muted);border-top:1px solid var(--border);flex-shrink:0}.app-shell{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:8px;text-align:center}.app-shell h1{color:var(--accent);margin:0}.app-shell p{color:var(--text-muted)}.auth-card{max-width:360px;margin:15vh auto 0;padding:32px;background:var(--card);border:1px solid var(--border);border-radius:12px}.auth-card h1{color:var(--accent);margin:0 0 4px;font-size:1.4rem}.auth-subtitle{color:var(--text-muted);margin:0 0 24px;font-size:.9rem}.auth-card form{display:flex;flex-direction:column;gap:16px}.auth-card label{display:flex;flex-direction:column;gap:6px;font-size:.85rem;color:var(--text-muted)}.auth-card input,.auth-card select{background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:10px 12px;color:var(--text);font-size:1rem}.auth-card input:focus,.auth-card select:focus{outline:none;border-color:var(--accent)}.auth-card button{background:var(--accent);color:#0a0a0a;border:none;border-radius:6px;padding:10px 12px;font-size:1rem;font-weight:600;cursor:pointer}.auth-card button:disabled{opacity:.6;cursor:default}.auth-error{color:#ff6b6b;font-size:.85rem;margin:-8px 0 0}.dashboard{height:100%;display:flex;flex-direction:column}.dashboard-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border)}.dashboard-brand{align-items:center;color:var(--accent);display:flex;gap:10px;font-weight:700;min-width:0}.dashboard-brand img{height:42px;object-fit:contain;width:42px}.dashboard-brand span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-user{display:flex;align-items:center;gap:12px;color:var(--text-muted);position:relative}.dashboard-user button,.dashboard-user-menu{background:transparent;border:1px solid var(--border);color:var(--text);border-radius:6px;padding:6px 12px;cursor:pointer}.dashboard-user-menu{color:var(--accent)}.settings-popover{background:var(--card);border:1px solid var(--border);border-radius:8px;box-shadow:0 18px 40px #00000073;color:var(--text);min-width:320px;padding:16px;position:absolute;right:0;top:calc(100% + 10px);z-index:10;text-align:left}.settings-header{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:14px}.settings-form{display:grid;gap:10px;margin-bottom:14px}.settings-form label{color:var(--text-muted);display:grid;font-size:.85rem;gap:6px}.settings-form input{background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:.95rem;padding:8px 10px}.settings-divider{border-top:1px solid var(--border);margin:14px 0}.settings-user-list{list-style:none;margin:10px 0 14px;padding:0;display:grid;gap:8px}.settings-user-list li{display:flex;align-items:center;justify-content:space-between;font-size:.9rem;gap:10px}.dashboard-main{flex:1;padding:24px;overflow-y:auto}.dashboard-tabs{display:flex;gap:8px;max-width:720px;margin:0 auto 20px}.dashboard-tabs button{background:var(--card);border:1px solid var(--border);border-radius:6px;color:var(--text-muted);cursor:pointer;padding:8px 12px}.dashboard-tabs button.active{border-color:var(--accent);color:var(--accent)}.dashboard-home{max-width:720px;margin:0 auto}.dashboard-home-header{margin-bottom:16px}.dashboard-home-header h2{color:var(--accent);margin:0 0 4px}.dashboard-home-header p{color:var(--text-muted);margin:0}.stats-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.stat-card{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:16px}.stat-card span{color:var(--text-muted);display:block;font-size:.78rem;margin-bottom:8px;text-transform:uppercase;letter-spacing:.04em}.stat-card strong{color:var(--text);font-size:1.6rem}.households{max-width:720px;margin:0 auto}.household-form{display:flex;gap:12px;margin-bottom:20px}.household-form input{flex:1;background:var(--card);border:1px solid var(--border);border-radius:6px;padding:10px 12px;color:var(--text);font-size:.95rem}.household-form input:focus{outline:none;border-color:var(--accent)}.household-form button{background:var(--accent);color:#0a0a0a;border:none;border-radius:6px;padding:10px 16px;font-weight:600;cursor:pointer;white-space:nowrap}.household-form button:disabled{opacity:.6;cursor:default}.households-empty{color:var(--text-muted)}.households-table{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--border);border-radius:8px;overflow:hidden}.households-table th,.households-table td{text-align:left;padding:12px 16px;border-bottom:1px solid var(--border);vertical-align:middle}.households-table th{color:var(--text-muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}.households-table tr:last-child td{border-bottom:none}.households-table input[type=text],.households-table select{background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:6px 8px;color:var(--text);font-size:.9rem;max-width:100%}.households-table input[type=text]:focus,.households-table select:focus{outline:none;border-color:var(--accent)}.text-link{background:none;border:none;color:var(--accent);cursor:pointer;padding:0;font-size:.9rem;text-decoration:underline}.row-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-start}.btn-small{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:4px 10px;font-size:.85rem;cursor:pointer;white-space:nowrap}.btn-small:hover{border-color:var(--accent)}.btn-small.primary{background:var(--accent);border-color:var(--accent);color:#0a0a0a;font-weight:600}.btn-small.danger{color:#ff6b6b;border-color:#ff6b6b66}.btn-small.danger:hover{border-color:#ff6b6b}.test-result{margin:8px 0 0;font-size:.85rem;color:var(--text-muted)}.test-result.ok{color:#4ade80}.test-result.fail{color:#ff6b6b}.household-detail{max-width:1120px;margin:0 auto}.household-detail-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.household-detail-header h2{margin:0;color:var(--accent)}.household-detail h3{margin:0 0 12px;font-size:1rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.household-detail section+section{margin-top:32px}.pending-devices{margin-bottom:24px}.pending-devices h4{margin:0 0 12px;font-size:.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.devices-manual-label{color:var(--text-muted);font-size:.85rem;margin:0 0 8px}.pairing-form{display:grid;grid-template-columns:minmax(120px,160px) minmax(180px,1fr) auto;gap:12px;margin-bottom:20px}.pairing-form input{background:var(--card);border:1px solid var(--border);border-radius:6px;padding:10px 12px;color:var(--text);font-size:.95rem}.pairing-form input:focus{outline:none;border-color:var(--accent)}.profile-form{display:grid;gap:12px;margin-bottom:20px}.profile-form-row{display:grid;gap:12px;grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) minmax(120px,.7fr)}.profile-form input,.profile-form select{background:var(--card);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:.95rem;padding:10px 12px}.profile-form input:focus,.profile-form select:focus{outline:none;border-color:var(--accent)}.checkbox-row{align-items:center;color:var(--text-muted);display:flex;gap:8px;font-size:.9rem}.profile-category-picker{background:var(--card);border:1px solid var(--border);border-radius:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));padding:12px}.profile-category-picker label{align-items:center;color:var(--text);display:flex;gap:8px;min-width:0}.playlist-form{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.playlist-form-row{display:grid;grid-template-columns:minmax(180px,1.2fr) minmax(120px,.8fr) minmax(180px,1fr);gap:12px}.playlist-form-row>input:only-child{grid-column:1 / -1}.playlist-form input,.playlist-form select{flex:1;background:var(--card);border:1px solid var(--border);border-radius:6px;padding:10px 12px;color:var(--text);font-size:.95rem}.playlist-form input:focus,.playlist-form select:focus{outline:none;border-color:var(--accent)}.playlist-form>button{align-self:flex-start;background:var(--accent);color:#0a0a0a;border:none;border-radius:6px;padding:10px 16px;font-weight:600;cursor:pointer}.playlist-form>button:disabled{opacity:.6;cursor:default}.playlist-table{table-layout:fixed}.playlist-name-col{width:14%}.playlist-type-col{width:10%}.playlist-imported-col{width:24%}.playlist-actions-col{width:210px}.wrap-cell{overflow-wrap:anywhere}.muted-cell{color:var(--text-muted);font-size:.9rem}.playlist-table .row-actions{justify-content:flex-end}.channel-browser{margin-top:24px}.channel-browser-header{align-items:center;display:flex;justify-content:space-between;gap:12px;margin-bottom:12px}.channel-browser-header h4{color:var(--accent);font-size:1rem;margin:0}.channel-filters{display:grid;grid-template-columns:minmax(160px,220px) minmax(130px,170px) minmax(180px,1fr) auto;gap:12px;margin-bottom:12px}.channel-filters input,.channel-filters select{background:var(--card);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:.95rem;padding:8px 10px}.channel-filters input:focus,.channel-filters select:focus{outline:none;border-color:var(--accent)}.category-create-form,.category-editor-row{display:grid;gap:12px;margin-bottom:12px}.category-create-form{grid-template-columns:minmax(180px,1fr) auto}.category-editor{background:#0a0a0a59;border:1px solid var(--border);border-radius:8px;margin-bottom:12px;padding:12px}.category-editor-row{grid-template-columns:minmax(180px,260px) 1fr;margin-bottom:0}.category-create-form input,.category-editor input{background:var(--card);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:.95rem;padding:8px 10px}.category-create-form input:focus,.category-editor input:focus{outline:none;border-color:var(--accent)}.channel-bulk-actions{margin-top:12px}.channel-browser .households-table input[type=text]{width:100%}@media (max-width: 680px){.dashboard-header,.household-detail-header,.playlist-form-row,.profile-form-row,.household-form,.pairing-form,.channel-filters,.category-create-form,.category-editor-row{align-items:stretch;display:flex;flex-direction:column}.dashboard-user{align-items:flex-end;flex-direction:column;gap:6px}.households-table{display:block;overflow-x:auto}}