@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600&family=Space+Grotesk:wght@400;500;600;700&display=swap";::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:rgba(156,163,175,.3);border-radius:0}::-webkit-scrollbar-thumb:hover{background:rgba(156,163,175,.5)}:root[data-theme=high-contrast] ::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2)}:root[data-theme=high-contrast] ::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.4)}*{scrollbar-width:thin;scrollbar-color:rgba(156,163,175,.3) transparent}:root[data-theme=high-contrast] *{scrollbar-color:rgba(255,255,255,.2) transparent}html,body{overflow-x:hidden}*,:before,:after{box-sizing:border-box}:root{--font-sans:"IBM Plex Sans", "Space Grotesk", "Segoe UI", sans-serif;--font-display:"Space Grotesk", "IBM Plex Sans", sans-serif;--bg-primary:#f5f7fa;--bg-secondary:#fff;--bg-card:#fff;--bg-elevated:#f8fafc;--text-primary:#1a1d23;--text-secondary:#6b7280;--text-muted:#9ca3af;--text-dim:var(--text-muted);--border-color:#e5e7eb;--accent-primary:#6366f1;--accent-strong:#4f46e5;--accent-muted:#818cf8;--accent-orange:#f59e0b;--accent-green:#10b981;--accent-blue:#3b82f6;--accent-red:#ef4444;--status-live:#ef4444;--status-processing:#f59e0b;--status-pending:#8b5cf6;--status-queued:#06b6d4;--status-failed:#ef4444;--status-done:#10b981;--status-ended:#64748b;--glass-bg:rgba(255,255,255,.9);--glass-border:rgba(0,0,0,.06);--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -2px rgba(0,0,0,.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1), 0 10px 10px -5px rgba(0,0,0,.04);--sidebar-width-collapsed:56px;--sidebar-width-expanded:200px;--page-max-width-default:1200px;--page-max-width-wide:1400px;--radius-sm:0;--radius-md:0;--radius-lg:0;--card-padding:16px;--card-padding-compact:12px;--section-gap:16px;--touch-min:44px}select.form-input,textarea.form-input,input.form-input{box-sizing:border-box;max-width:100%}select.form-input{-webkit-appearance:none;appearance:none;text-overflow:ellipsis;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M3.5 5.25L7 8.75L10.5 5.25' stroke='%2394a3b8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:14px;padding-right:44px;overflow:hidden}:root[data-theme=high-contrast]{--bg-primary:#000;--bg-secondary:#0a0a0a;--bg-card:#141414;--bg-elevated:#1a1a1a;--text-primary:#fff;--text-secondary:#e0e0e0;--text-muted:silver;--text-dim:#b0b0b0;--border-color:#5a5a5a;--accent-primary:gold;--accent-strong:#fc0;--accent-muted:#daa520;--accent-orange:orange;--accent-green:#00e676;--accent-blue:#00bfff;--accent-red:#ff6b6b;--status-live:#ff6b6b;--status-processing:orange;--status-pending:#9370db;--status-queued:#00ced1;--status-failed:#ff6b6b;--status-done:#00e676;--status-ended:#909090;--glass-bg:rgba(20,20,20,.98);--glass-border:rgba(255,255,255,.18)}:root[data-theme=high-contrast] select.form-input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M3.5 5.25L7 8.75L10.5 5.25' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}:root[data-theme=high-contrast] .sidebar{background:#0a0a0a;border-right-color:#5a5a5a}:root[data-theme=high-contrast] .sidebar-header{background:#1e1e1e;border-bottom-color:#5a5a5a}:root[data-theme=high-contrast] .nav-item{color:#e0e0e0}:root[data-theme=high-contrast] .nav-item:hover{color:gold;background:rgba(255,215,0,.1)}:root[data-theme=high-contrast] .nav-item.active{color:gold;box-shadow:none;background:rgba(255,215,0,.15);font-weight:600}:root[data-theme=high-contrast] .nav-item.active .nav-icon{filter:none}:root[data-theme=high-contrast] .nav-group-divider:before{background:linear-gradient(90deg,transparent,#3a3a3a,transparent)}:root[data-theme=high-contrast] .nav-badge{box-shadow:0 0 0 2px #0a0a0a}:root[data-theme=high-contrast] .sidebar-footer:before{background:linear-gradient(90deg,transparent,#3a3a3a,transparent)}:root[data-theme=high-contrast] .sidebar{background:#0a0a0a}*{box-sizing:border-box;margin:0;padding:0}input,textarea,select{font-size:16px}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);min-height:100vh}h1,h2,h3,h4,h5,h6,.stream-title,.card-title,.video-title{word-break:break-word;overflow-wrap:anywhere;max-width:100%}.app-page{width:100%;margin:0 auto;padding:24px}.app-page--default{max-width:var(--page-max-width-default)}.app-page--wide{max-width:var(--page-max-width-wide)}.dashboard-container{width:100%;max-width:var(--page-max-width-wide);margin:0 auto;padding:24px}.page-header--split,.header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;padding-right:56px;display:flex}.page-header--split h1,.header h1{font-size:1.75rem;font-weight:600;font-family:var(--font-display);letter-spacing:-.01em;color:var(--text-primary)}.refresh-info{color:var(--text-secondary);font-size:.875rem}.quick-request{background:var(--bg-card);padding:var(--card-padding) 20px;border:1px solid var(--border-color);border-left:4px solid var(--accent-orange);box-shadow:var(--shadow-md);border-radius:0;margin-bottom:24px;transition:border-color .2s,box-shadow .2s}.quick-request:focus-within{border-color:var(--accent-primary);border-left-color:var(--accent-orange);box-shadow:var(--shadow-md), 0 0 0 3px rgba(245,158,11,.1)}.quick-request-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.quick-request-title{font-family:var(--font-display);letter-spacing:-.01em;font-size:1rem;font-weight:600}.quick-request-subtitle{color:var(--text-secondary);font-size:.8rem}.quick-request-form{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.quick-request-input{flex:1;min-width:240px}.quick-request-btn{white-space:nowrap}.quick-request-message{border:1px solid transparent;border-radius:0;padding:6px 10px;font-size:.8rem}.quick-request-message.success{color:var(--accent-green);background:rgba(16,185,129,.1);border-color:rgba(16,185,129,.4)}.quick-request-message.error{color:var(--accent-red);background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.4)}.stats-grid{gap:var(--section-gap);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:24px;display:grid}.dashboard-summary{border:1px solid var(--border-color);background:linear-gradient(180deg, var(--bg-elevated) 0%, var(--bg-card) 100%);box-shadow:var(--shadow-sm);border-radius:0;margin-top:8px;margin-bottom:16px;padding:12px}.dashboard-summary-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:10px;font-size:.8rem;font-weight:600}.stats-grid-bottom{margin-bottom:0}.stats-grid-bottom .stat-card{padding:12px}.stats-grid-bottom .stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.dashboard-hero{background:var(--bg-card);border:1px solid var(--border-color);border-left:4px solid var(--accent-primary);box-shadow:var(--shadow-md);margin-bottom:24px;padding:24px}.dashboard-hero-title{font-size:1.75rem;font-weight:700;font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);margin:0 0 8px}.dashboard-hero-desc{color:var(--text-secondary);max-width:640px;margin:0;font-size:.9rem;line-height:1.6}.dashboard-hero-actions{flex-wrap:wrap;align-items:center;gap:16px;margin-top:16px;display:flex}.dashboard-metrics{gap:var(--section-gap);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:24px;display:grid}.section-intro{color:var(--text-secondary);margin:0 0 12px;font-size:.85rem;line-height:1.5}.filter-tabs-wrapper{gap:4px;display:flex}.filter-tab{cursor:pointer;background:var(--bg-secondary);color:var(--text-secondary);border:none;border-radius:0;padding:4px 12px;font-size:.8rem;font-weight:500;transition:all .15s}.filter-tab:hover{color:var(--text-primary)}.filter-tab.active{background:var(--accent-primary);color:#fff}.stat-card{background:var(--bg-card);padding:var(--card-padding);border:1px solid var(--border-color);border-left:4px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:0;transition:transform .25s,box-shadow .25s,border-color .25s,background .25s;position:relative;overflow:hidden}.stat-card:after{content:"";opacity:0;pointer-events:none;transition:opacity .25s;position:absolute;top:0;bottom:0;left:0;right:0}.stat-card:hover{box-shadow:var(--shadow-lg);border-color:var(--accent-primary);transform:translateY(-4px)}.stat-card:hover:after{opacity:1}.stat-card-row{align-items:center;gap:10px;display:flex}.stat-icon{opacity:.85;font-size:1.4rem;line-height:1}.stat-value{color:var(--text-primary);font-size:2rem;font-weight:700;line-height:1.2}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-top:4px;font-size:.75rem}.streams-table-container{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-md);border-radius:0;overflow:hidden}.streams-table-container h2{color:var(--text-primary);border-bottom:1px solid var(--border-color);background:var(--bg-elevated);margin:0;padding:16px 20px;font-size:1.1rem;font-weight:600}.streams-table{border-collapse:collapse;width:100%;font-size:.875rem}.streams-table thead{background:var(--bg-secondary)}.streams-table th{text-align:left;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color);padding:12px 16px;font-size:.75rem;font-weight:600}.streams-table td{border-bottom:1px solid var(--border-color);color:var(--text-primary);padding:12px 16px}.stream-row{border-left:3px solid transparent;transition:background .15s,transform .15s}.stream-row:hover{border-left-color:var(--accent-primary);background:rgba(99,102,241,.06)}.stream-row:last-child td{border-bottom:none}.col-title{word-break:break-word;overflow-wrap:anywhere;text-overflow:ellipsis;min-width:300px;max-width:0;overflow:hidden}.col-title>div:first-child{text-overflow:ellipsis;white-space:normal;word-break:break-word;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.col-status{text-align:center;width:100px}.streams-table th.col-status,.streams-table th.col-action{text-align:center}.col-time{width:120px;color:var(--text-secondary);font-size:.8rem}.status-badge{color:#fff;text-transform:uppercase;letter-spacing:.03em;text-shadow:0 1px 2px rgba(0,0,0,.2);border-radius:0;padding:4px 10px;font-size:.7rem;font-weight:600;transition:transform .15s,box-shadow .15s;display:inline-block}.status-badge:hover{transform:scale(1.05)}@keyframes pulse-live{0%,to{box-shadow:0 0 rgba(239,68,68,.5)}50%{box-shadow:0 0 0 6px rgba(239,68,68,0)}}@keyframes pulse-processing{0%,to{box-shadow:0 0 rgba(245,158,11,.5)}50%{box-shadow:0 0 0 6px rgba(245,158,11,0)}}@keyframes badge-pulse{0%,to{opacity:1}50%{opacity:.4}}.badge-loading{pointer-events:none;animation:.9s ease-in-out infinite badge-pulse;cursor:wait!important}.col-action{text-align:center;width:60px}.stream-action-group{flex-direction:row;justify-content:center;align-items:center;gap:6px;width:100%;display:flex}.stream-title-main,.stream-title-meta{min-width:0;max-width:100%}.stream-title-main{word-break:break-word;overflow-wrap:anywhere;overflow:hidden}.dismiss-btn{color:var(--accent-red);cursor:pointer;background:rgba(139,152,173,.12);border:1px solid rgba(139,152,173,.35);border-radius:0;padding:4px 10px;font-size:.85rem;transition:all .2s}.dismiss-btn:hover:not(:disabled){background:rgba(139,152,173,.2);border-color:rgba(139,152,173,.5)}.dismiss-btn:disabled{opacity:.5;cursor:not-allowed}.pagination{align-items:center;gap:8px;display:flex}.pagination-btn{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:0;padding:6px 12px;font-size:.8rem;transition:all .2s}.pagination-btn:hover:not(:disabled){background:var(--accent-primary);border-color:var(--accent-primary);color:var(--bg-primary)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-info{background:var(--bg-primary);color:var(--text-secondary);border-radius:0;padding:6px 12px;font-size:.85rem;font-weight:500}@media (max-width:768px){.dashboard-container{padding:calc(72px + env(safe-area-inset-top)) 12px calc(12px + env(safe-area-inset-bottom))}.page-header--split,.header{flex-direction:column;align-items:flex-start;gap:4px;margin-bottom:16px;padding-bottom:12px}.page-header--split h1,.header h1{font-size:1.2rem}.refresh-info{font-size:.75rem}.stats-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}.dashboard-summary{margin-top:6px;margin-bottom:12px;padding:10px}.stat-card{border-left-width:3px;padding:10px 12px}.stat-value{font-size:1.25rem}.stat-label{font-size:.6rem}.streams-table-container{border-radius:0;overflow-x:auto}.streams-table-container h2{padding:10px 12px;font-size:.9rem}.streams-table{font-size:.75rem}.streams-table th{padding:8px 10px;font-size:.65rem}.streams-table td{padding:8px 10px}.col-title{min-width:120px}.col-status{width:70px}.status-badge{padding:2px 5px;font-size:.55rem}.pagination{gap:4px}.pagination-btn,.pagination-info{padding:4px 8px;font-size:.7rem}}.app-layout{min-height:100vh;display:flex}.sidebar-backdrop{display:none}.sidebar{width:var(--sidebar-width-expanded);z-index:100;background:linear-gradient(#fafbff 0%,#f5f6fa 100%);border-right:1px solid rgba(99,102,241,.08);flex-direction:column;height:100vh;transition:width .25s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;overflow:hidden;box-shadow:2px 0 16px rgba(99,102,241,.04)}.sidebar:hover,.sidebar.expanded{width:var(--sidebar-width-expanded)}.sidebar:hover .nav-label,.sidebar.expanded .nav-label{opacity:1;width:auto}.sidebar:hover .sidebar-header h2,.sidebar.expanded .sidebar-header h2{opacity:1}.sidebar:hover .service-name,.sidebar.expanded .service-name,.sidebar.open .service-name{display:inline}.sidebar:hover .service-health-items,.sidebar.expanded .service-health-items,.sidebar.open .service-health-items{grid-template-columns:1fr 1fr;gap:3px 8px}.sidebar-header{background:linear-gradient(135deg,#6366f1 0%,#818cf8 100%);border-bottom:none;flex-shrink:0;align-items:center;gap:10px;min-height:56px;padding:14px 12px;display:flex;position:relative}.sidebar-header:after{content:"";background:linear-gradient(90deg,transparent,rgba(99,102,241,.15),transparent);height:1px;position:absolute;bottom:-1px;left:0;right:0}.sidebar-logo{-webkit-backdrop-filter:blur(8px);color:#fff;background:rgba(255,255,255,.2);border-radius:0;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:1.05rem;transition:transform .2s;display:flex}.sidebar:hover .sidebar-logo{transform:scale(1.05)}.sidebar-logo-img{object-fit:cover;background:#fff;border-radius:0;flex-shrink:0;width:32px;height:32px;padding:2px}.sidebar-header h2{font-size:.95rem;font-weight:700;font-family:var(--font-display);color:#fff;white-space:nowrap;text-overflow:ellipsis;opacity:1;letter-spacing:-.01em;flex:1;min-width:0;margin:0;transition:opacity .2s;overflow:hidden}.sidebar-username{flex:1;min-width:0}.sidebar-account-btn{color:#fff;cursor:pointer;opacity:0;pointer-events:none;background:rgba(255,255,255,.15);border:none;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:.8rem;transition:opacity .18s,background .15s;display:flex}.sidebar-close-btn{color:#fff;cursor:pointer;background:rgba(255,255,255,.15);border:none;flex-shrink:0;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;font-size:.9rem;display:none}.sidebar-close-btn:hover{background:rgba(255,255,255,.28)}.sidebar:hover .sidebar-account-btn,.sidebar.open .sidebar-account-btn,.sidebar.expanded .sidebar-account-btn{opacity:1;pointer-events:auto}.sidebar-account-btn:hover{background:rgba(255,255,255,.3)}.sidebar-nav{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:10px 6px;overflow-y:auto}.nav-item{color:var(--text-secondary);cursor:pointer;white-space:nowrap;text-align:left;background:0 0;border:none;border-radius:0;align-items:center;gap:10px;width:calc(100% - 8px);margin:1px 4px;padding:9px 12px;font-size:.88rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.nav-item:hover{color:var(--text-primary);background:rgba(99,102,241,.07)}.nav-item:hover .nav-icon{transform:scale(1.12)}.nav-item.active{color:var(--accent-primary);background:linear-gradient(135deg,rgba(99,102,241,.12) 0%,rgba(129,140,248,.1) 100%);font-weight:600;box-shadow:0 1px 4px rgba(99,102,241,.08)}.nav-group-divider{margin-top:8px;padding-top:8px;position:relative}.nav-group-divider:before{content:"";background:linear-gradient(90deg, transparent, var(--border-color), transparent);height:1px;position:absolute;top:0;left:16px;right:16px}.nav-group-divider:first-child{margin-top:0;padding-top:0}.nav-group-divider:first-child:before{display:none}.nav-group-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);padding:4px 16px 2px;font-size:.58rem;font-weight:700;display:block}.nav-badge{background:var(--accent-red);color:#fff;text-align:center;border-radius:0;min-width:16px;height:16px;margin-left:auto;padding:2px 6px;font-size:.6rem;font-weight:600;line-height:12px;box-shadow:0 0 0 2px #fff}.nav-label{opacity:1;text-overflow:ellipsis;width:auto;font-size:.85rem;transition:opacity .2s 50ms,width .25s;overflow:hidden}.nav-icon{text-align:center;flex-shrink:0;width:26px;font-size:1.15rem;transition:transform .2s cubic-bezier(.4,0,.2,1)}@media (max-width:1100px) and (min-width:769px){.sidebar{width:var(--sidebar-width-collapsed)}.sidebar .sidebar-header h2{opacity:0}.sidebar .nav-label{opacity:0;width:0}.app-layout .main-content{margin-left:var(--sidebar-width-collapsed)}.main-content>.app-page,.main-content>.dashboard-container,.main-content>.page-container{width:100%;max-width:none;margin:0;padding:20px 18px}.sidebar:not(:hover):not(.expanded):not(.open) .sidebar-nav{padding-left:0;padding-right:0;overflow-y:hidden}.sidebar:not(:hover):not(.expanded):not(.open) .nav-item{justify-content:center;gap:0;width:calc(100% - 12px);margin-left:6px;margin-right:6px;padding-left:0;padding-right:0}.sidebar:not(:hover):not(.expanded):not(.open) .service-health-summary{display:flex}.sidebar:not(:hover):not(.expanded):not(.open) .service-health-summary .status-dot{width:8px;height:8px}.sidebar:not(:hover):not(.expanded):not(.open) .service-health-summary-dot:nth-child(n+2),.sidebar:not(:hover):not(.expanded):not(.open) .service-health-items{display:none}.sidebar:not(:hover):not(.expanded):not(.open) .service-item{justify-content:center;gap:0}.sidebar:not(:hover):not(.expanded):not(.open) .service-name,.sidebar:not(:hover):not(.expanded):not(.open) .service-health-title{display:none}.sidebar:not(:hover):not(.expanded):not(.open) .nav-badge{min-width:14px;height:14px;margin-left:0;padding:2px 4px;font-size:.55rem;line-height:10px;position:absolute;top:2px;right:2px;box-shadow:0 0 0 2px #fff}.sidebar:not(:hover):not(.expanded):not(.open) .nav-group-divider{border-top:none;margin-top:2px;padding-top:2px}.sidebar:not(:hover):not(.expanded):not(.open) .nav-group-label{display:none}.sidebar:not(:hover):not(.expanded):not(.open) .nav-item.active{box-shadow:none}.sidebar:not(:hover):not(.expanded):not(.open) .sidebar-footer{align-items:center;padding:10px 0}.sidebar:not(:hover):not(.expanded):not(.open)>.service-health-card{padding:8px 0}.sidebar:not(:hover):not(.expanded):not(.open) .sidebar-footer .toggle-row{flex-direction:column;gap:4px}.sidebar:not(:hover):not(.expanded):not(.open) .sidebar-footer .theme-toggle-btn,.sidebar:not(:hover):not(.expanded):not(.open) .sidebar-footer .logout-btn{justify-content:center;gap:0;width:32px;height:32px;padding:0}.sidebar:not(:hover):not(.expanded):not(.open) .sidebar-footer .user-info{justify-content:center;gap:0;width:32px;height:32px}.sidebar:not(:hover):not(.expanded):not(.open) .sidebar-footer .language-switcher{flex-direction:column;gap:4px;margin-top:6px}.sidebar:not(:hover):not(.expanded):not(.open) .sidebar-footer .language-label{display:none}.sidebar:not(:hover):not(.expanded):not(.open) .sidebar-footer .language-toggle-group{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;width:44px;display:grid}.sidebar:not(:hover):not(.expanded):not(.open) .sidebar-footer .language-toggle-btn{width:100%;min-width:0;padding:4px 0;font-size:.625rem}.sidebar:not(:hover):not(.expanded):not(.open) .storage-health-heading{justify-content:center;align-items:center;display:flex}.sidebar:not(:hover):not(.expanded):not(.open) .storage-health-name{display:none}.sidebar:not(:hover):not(.expanded):not(.open) .storage-health-row{flex-direction:row;justify-content:center;align-items:center;gap:0}.sidebar:not(:hover):not(.expanded):not(.open) .storage-health-value,.sidebar:not(:hover):not(.expanded):not(.open) .storage-health-meta,.sidebar:not(:hover):not(.expanded):not(.open) .storage-health-bar{display:none}}.toggle-row{gap:6px;display:flex}.toggle-row .theme-toggle-btn{white-space:nowrap;flex:1;overflow:hidden}.language-switcher{justify-content:center;align-items:center;gap:6px;width:100%;min-width:0;margin-top:10px;display:flex}.language-label{opacity:.8;font-size:.75rem}.language-toggle-group{align-items:center;gap:4px;min-width:0;display:flex}.language-toggle-btn{border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;border-radius:0;min-width:34px;padding:4px 8px;font-size:.75rem;font-weight:600;line-height:1.2;transition:background .2s,color .2s,border-color .2s}.language-toggle-btn.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.main-content{margin-left:var(--sidebar-width-expanded);min-height:100vh;flex:1;min-height:100dvh;transition:margin-left .2s;position:relative;overflow-x:clip}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.main-content>.app-page,.main-content>.dashboard-container,.main-content>.page-container{animation:.25s ease-out fadeSlideIn}.route-loading{min-height:48px;color:var(--text-secondary);align-items:center;padding:16px 24px;font-size:.9rem;display:flex}@media (prefers-reduced-motion:reduce){.main-content>.app-page,.main-content>.dashboard-container,.main-content>.page-container{animation:none}}.notif-bell-btn{top:max(16px, env(safe-area-inset-top));z-index:100;background:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;width:42px;height:42px;box-shadow:var(--shadow-md);border-radius:0;justify-content:center;align-items:center;font-size:1.2rem;transition:all .2s;display:flex;position:fixed;right:20px}@keyframes bell-swing{0%,to{transform:rotate(0)}20%{transform:rotate(14deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(6deg)}80%{transform:rotate(-4deg)}}.notif-bell-btn:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-lg);animation:.6s ease-in-out bell-swing}.notif-bell-btn:has(+.notif-bell-badge){border-color:rgba(239,68,68,.3)}.notif-bell-btn:has(.notif-bell-badge){border-color:rgba(239,68,68,.3)}.notif-bell-badge{background:var(--accent-red,#ef4444);color:#fff;min-width:18px;height:18px;box-shadow:0 0 0 2px var(--bg-primary);border-radius:0;justify-content:center;align-items:center;padding:0 4px;font-size:.6rem;font-weight:700;animation:2s infinite notif-pulse;display:flex;position:absolute;top:-4px;right:-4px}@keyframes notif-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.hamburger-btn{top:max(16px, env(safe-area-inset-top));z-index:101;background:var(--bg-secondary);border:1px solid var(--border-color);cursor:pointer;color:var(--text-primary);border-radius:0;padding:10px 12px;display:none;position:fixed;left:16px;box-shadow:0 8px 20px rgba(5,8,12,.35)}.hamburger-btn span{background:var(--text-primary);width:20px;height:2px;margin:4px 0;transition:all .3s;display:block}.page-container{max-width:var(--page-max-width-default);width:100%;margin:0 auto;padding:24px}.page-header{margin-bottom:24px}.page-header h1{font-size:1.5rem;font-weight:600;font-family:var(--font-display);letter-spacing:-.01em;color:var(--text-primary);margin:0 0 8px}.page-header p{color:var(--text-secondary);margin:0;font-size:.9rem}.form-section{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-md);border-radius:0;margin-bottom:24px;padding:24px}.display-settings-section{border-color:rgba(99,102,241,.28);position:relative;overflow:hidden;box-shadow:0 14px 34px rgba(15,23,42,.1)}.display-settings-section:before{content:"";background:linear-gradient(90deg, var(--accent-primary), var(--accent-strong));height:4px;position:absolute;top:0;left:0;right:0}.display-settings-section h3{border-bottom:1px solid var(--border-color);margin-bottom:18px;padding-bottom:12px;position:relative}.form-section h3{color:var(--text-primary);margin:0 0 16px;font-size:1rem;font-weight:600}.form-section.section-active{border-left:3px solid #22c55e}.form-section.section-inactive{border-left:3px solid #6b7280}.section-status-badge{border-radius:0;align-items:center;padding:1px 8px;font-size:.7rem;font-weight:500;line-height:1.5;display:inline-flex}.section-status-badge.active{color:#22c55e;background:rgba(34,197,94,.12)}.section-status-badge.inactive{color:#9ca3af;background:rgba(107,114,128,.12)}.form-group{margin-bottom:16px}.settings-toggle-item{border:1px solid var(--border-color);background:var(--bg-secondary);justify-content:space-between;align-items:center;gap:16px;margin-bottom:8px;padding:14px 18px;transition:background .15s,border-color .15s;display:flex}.settings-toggle-item:hover{background:var(--bg-primary);border-color:rgba(99,102,241,.2)}.settings-toggle-item:last-child{margin-bottom:0}.settings-toggle-item:first-of-type{margin-top:0}.local-settings-section{padding-bottom:18px}.local-settings-list{border-top:1px solid var(--border-color)}.local-settings-list .settings-toggle-item{border:0;border-bottom:1px solid var(--border-color);background:0 0;margin:0;padding-left:6px;padding-right:6px}.local-settings-list .settings-toggle-item:last-child{border-bottom:0}.local-settings-list .settings-toggle-item:hover{border-color:var(--border-color);background:rgba(255,255,255,.03)}.settings-toggle-info{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.settings-toggle-icon{text-align:center;flex-shrink:0;width:32px;font-size:1.3rem}.settings-toggle-label{color:var(--text-primary);margin-bottom:2px;font-size:.9rem;font-weight:500}.settings-toggle-desc{color:var(--text-secondary);font-size:.78rem;line-height:1.3}.settings-toggle-switch{background:var(--border-color);cursor:pointer;border:1px solid rgba(0,0,0,.1);border-radius:0;flex-shrink:0;width:44px;height:24px;margin-left:12px;padding:0;transition:background .2s,box-shadow .2s,border-color .2s;position:relative}.settings-toggle-knob{background:#fff;border-radius:0;width:18px;height:18px;transition:transform .2s,box-shadow .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 4px rgba(0,0,0,.25)}.settings-toggle-switch.active{background:var(--accent-primary);border-color:var(--accent-primary);box-shadow:0 0 0 2px rgba(99,102,241,.2)}.settings-toggle-switch.active .settings-toggle-knob{transform:translate(20px);box-shadow:0 1px 4px rgba(0,0,0,.35)}.settings-toggle-switch:hover{box-shadow:0 0 0 3px rgba(99,102,241,.18)}.settings-toggle-switch:disabled{cursor:not-allowed;opacity:.65;box-shadow:none}.settings-toggle-switch:disabled:hover{box-shadow:none}:root[data-theme=high-contrast] .settings-toggle-switch.active{background:var(--accent-primary)}:root[data-theme=high-contrast] .display-settings-section{border-color:var(--accent-primary);box-shadow:0 0 0 1px rgba(255,215,0,.28),0 18px 40px rgba(0,0,0,.45)}:root[data-theme=high-contrast] .settings-toggle-item{background:#050505;border-color:#7a7a7a}:root[data-theme=high-contrast] .settings-toggle-switch:hover{box-shadow:0 0 0 3px rgba(255,215,0,.2)}.form-group label{color:var(--text-secondary);margin-bottom:8px;font-size:.85rem;display:block}.form-input{background:var(--bg-primary);border:1px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:0;padding:12px 16px;font-size:16px;transition:border-color .2s}.form-input:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px rgba(99,102,241,.15)}.form-input::placeholder{color:var(--text-secondary);opacity:.6}.btn{cursor:pointer;color:inherit;border:none;border-radius:0;align-items:center;gap:8px;padding:12px 24px;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background:var(--accent-primary);color:#fff;box-shadow:0 4px 14px rgba(99,102,241,.35)}.btn-primary:hover{background:var(--accent-strong);transform:translateY(-2px);box-shadow:0 8px 25px rgba(99,102,241,.5)}.btn-primary:active{transform:translateY(0);box-shadow:0 2px 8px rgba(99,102,241,.3)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.btn-orange{background:var(--accent-orange);color:#fff;box-shadow:0 4px 14px rgba(245,158,11,.35)}.btn-orange:hover{background:#d97706;transform:translateY(-2px);box-shadow:0 8px 25px rgba(245,158,11,.5)}.btn-success{background:var(--accent-green);color:#fff;box-shadow:0 4px 14px rgba(16,185,129,.35)}.btn-success:hover{background:#059669;transform:translateY(-2px);box-shadow:0 8px 25px rgba(16,185,129,.5)}.btn-success:active{transform:translateY(0);box-shadow:0 2px 8px rgba(16,185,129,.3)}.btn-warning{background:var(--accent-orange);color:#fff;box-shadow:0 4px 14px rgba(245,158,11,.35)}.btn-warning:hover{background:#d97706;transform:translateY(-2px);box-shadow:0 8px 25px rgba(245,158,11,.5)}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);box-shadow:0 4px 14px rgba(0,0,0,.15)}.btn-secondary:hover{background:var(--border-color);transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.25)}.btn-secondary:active{transform:translateY(0);box-shadow:0 2px 8px rgba(0,0,0,.12)}.btn-secondary:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.btn-sm{border-radius:0;gap:4px;padding:6px 14px;font-size:.8rem}.btn-xs{border-radius:0;gap:2px;padding:4px 8px;font-size:.75rem}@media (max-width:768px){.btn-sm{padding:4px 10px;font-size:.7rem}.btn-xs{padding:4px 8px;font-size:.7rem}}.stream-cards{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.stream-card{background:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;border-radius:0;padding:16px;transition:all .2s;box-shadow:0 10px 22px rgba(5,8,12,.3)}.stream-card:hover{border-color:var(--accent-primary);transform:translateY(-2px)}.stream-card.selected{border-color:var(--accent-primary);background:rgba(211,217,230,.12)}.stream-card-title{color:var(--text-primary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:8px;font-size:.9rem;font-weight:500;display:-webkit-box;overflow:hidden}.stream-card-id{color:var(--text-secondary);margin-bottom:12px;font-family:monospace;font-size:.75rem}.stream-card-badges{flex-wrap:wrap;gap:8px;display:flex}.alert{overflow-wrap:anywhere;word-break:break-word;border-radius:0;margin-bottom:16px;padding:16px;font-size:.9rem}.alert-success{color:var(--text-primary);background:rgba(198,207,222,.15);border:1px solid rgba(198,207,222,.4)}.alert-error{color:var(--text-primary);background:rgba(139,152,173,.15);border:1px solid rgba(139,152,173,.4)}.alert-info{color:var(--text-primary);background:rgba(178,189,207,.15);border:1px solid rgba(178,189,207,.4)}.empty-state{text-align:center;color:var(--text-secondary);padding:48px 24px}.empty-state-icon{opacity:.5;margin-bottom:16px;font-size:3rem}.empty-state p{margin:0;font-size:.95rem}.empty-message{text-align:center;color:var(--text-muted);border:1px dashed var(--border-color);background:rgba(156,163,175,.03);border-radius:0;margin:12px 16px;padding:32px 16px;font-size:.85rem;font-style:italic}@media (max-width:768px){.sidebar-backdrop{z-index:99;background:rgba(8,10,18,.44);border:none;display:block;position:fixed;top:0;bottom:0;left:0;right:0}.sidebar{width:var(--sidebar-width-expanded);z-index:100;height:100dvh;max-height:100dvh;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar.open .nav-label,.sidebar.open .sidebar-header h2{opacity:1}.sidebar.open .sidebar-header{padding-left:12px}.sidebar.open~.hamburger-btn,.sidebar.open+*+.hamburger-btn,.sidebar.open .sidebar-header h2{opacity:1}.sidebar.open~.hamburger-btn{display:none}.sidebar.open .sidebar-close-btn{display:flex}.main-content{margin-left:0}.hamburger-btn{display:block}.page-container{padding:calc(72px + env(safe-area-inset-top)) 12px calc(24px + env(safe-area-inset-bottom))}.page-header h1{font-size:1.15rem}.page-header p{font-size:.75rem}.form-section{border-radius:0;padding:16px}.form-section h3{margin-bottom:12px;font-size:.9rem}.form-group{margin-bottom:12px}.form-group label{margin-bottom:6px;font-size:.8rem}.form-input{border-radius:0;padding:10px 12px}.btn{justify-content:center;width:100%;padding:12px 16px}.btn-sm{width:auto;padding:6px 10px;font-size:.7rem}.alert{border-radius:0;padding:12px;font-size:.8rem}.quick-request{border-radius:0;padding:12px 14px}.quick-request-header{margin-bottom:8px}.quick-request-title{font-size:.9rem}.quick-request-input{min-width:100%}.quick-request-form{flex-direction:column;gap:8px}.quick-request-btn{width:100%}.streams-table-container h3{font-size:.9rem!important}.streams-table th,.streams-table td{padding:8px 6px}.col-title{min-width:0;max-width:none;overflow:hidden}.col-title>div:first-child{text-overflow:ellipsis;white-space:normal;word-break:break-word;overflow-wrap:anywhere;-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.streams-table td:last-child>div:has(.dismiss-btn){flex-direction:column!important;gap:4px!important}.streams-table td:last-child>.stream-action-group{width:100%;flex-direction:row!important;justify-content:center!important;align-items:center!important}.streams-table td.col-action>div{flex-wrap:wrap;flex-direction:row!important;gap:6px!important}.empty-state{padding:32px 16px}.empty-state-icon{font-size:2rem}.empty-state p{font-size:.85rem}.collapsible-header{padding:10px 12px}.collapsible-header h3{font-size:.85rem}.sidebar.open .sidebar-footer{padding:10px 10px max(10px, env(safe-area-inset-bottom));flex-direction:column;gap:6px;display:flex}.sidebar.open .sidebar-footer .logout-btn,.sidebar.open .sidebar-footer .login-btn{justify-content:center;gap:6px;width:100%;height:44px;padding:0;font-size:.95rem}.sidebar.open .sidebar-footer .logout-btn .nav-label,.sidebar.open .sidebar-footer .login-btn .nav-label{display:inline}.sidebar.open .sidebar-footer .language-switcher{padding-bottom:env(safe-area-inset-bottom);justify-content:center;margin-top:0}.sidebar.open .user-info{border-radius:0;justify-content:flex-start;gap:8px;width:100%;height:auto;min-height:44px;padding:10px 12px;font-size:.8rem}}.sidebar-footer{background:0 0;border-top:none;flex-direction:column;flex-shrink:0;gap:6px;margin-top:auto;padding:10px 8px;display:flex;position:relative}.sidebar-footer:before{content:"";background:linear-gradient(90deg, transparent, var(--border-color), transparent);height:1px;position:absolute;top:0;left:12px;right:12px}.user-info{width:100%;height:auto;min-height:32px;color:var(--text-secondary);background:rgba(99,102,241,.08);border:1px solid transparent;border-radius:0;flex-shrink:0;justify-content:flex-start;align-items:center;gap:8px;padding:8px 10px;font-size:.8rem;transition:all .2s;display:flex;overflow:hidden}.sidebar:hover .user-info,.sidebar.expanded .user-info,.sidebar.open .user-info{border-color:rgba(99,102,241,.18);border-radius:0;justify-content:flex-start;gap:8px;width:100%;height:auto;min-height:32px;padding:8px 10px}.user-icon{flex-shrink:0;font-size:1rem}.user-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-weight:500;overflow:hidden}.logout-btn{width:100%;height:auto;color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid rgba(239,68,68,.2);border-radius:0;flex-shrink:0;justify-content:flex-start;align-items:center;gap:8px;padding:8px 10px;font-size:.8rem;transition:all .2s;display:flex;overflow:hidden}.sidebar:hover .logout-btn,.sidebar.expanded .logout-btn,.sidebar.open .logout-btn{gap:8px;width:100%;height:auto;padding:8px 10px}.logout-btn:hover{background:rgba(239,68,68,.2);border-color:rgba(239,68,68,.4)}.theme-toggle-btn{width:100%;height:auto;color:var(--accent-primary);cursor:pointer;background:rgba(255,215,0,.1);border:1px solid rgba(255,215,0,.25);border-radius:0;flex-shrink:0;justify-content:flex-start;align-items:center;gap:8px;padding:8px 10px;font-size:.8rem;transition:all .2s;display:flex;overflow:hidden}.sidebar:hover .theme-toggle-btn,.sidebar.expanded .theme-toggle-btn,.sidebar.open .theme-toggle-btn{gap:8px;width:100%;height:auto;padding:8px 10px}.theme-toggle-btn:hover{background:rgba(255,215,0,.2);border-color:rgba(255,215,0,.4)}:root[data-theme=high-contrast] .theme-toggle-btn{color:#9370db;background:rgba(147,112,219,.15);border-color:rgba(147,112,219,.35)}:root[data-theme=high-contrast] .theme-toggle-btn:hover{background:rgba(147,112,219,.25);border-color:rgba(147,112,219,.5)}.loading-container{min-height:100vh;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.loading-spinner{border:3px solid var(--border-color);border-top-color:var(--accent-primary);border-right-color:var(--accent-purple);border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toggle-switch{width:48px;height:26px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background-color:var(--border-color);border-radius:0;transition:all .3s;position:absolute;top:0;bottom:0;left:0;right:0}.toggle-slider:before{content:"";background-color:var(--text-primary);border-radius:0;width:20px;height:20px;transition:all .3s;position:absolute;bottom:3px;left:3px}.toggle-switch input:checked+.toggle-slider{background-color:var(--accent-primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(22px)}.table-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:0;box-shadow:0 12px 24px rgba(5,8,12,.35)}.data-table{border-collapse:collapse;width:100%;font-size:.875rem}.data-table thead{background:var(--bg-secondary)}.data-table th{text-align:left;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color);padding:12px 16px;font-size:.75rem;font-weight:600}.data-table td{border-bottom:1px solid var(--border-color);color:var(--text-primary);vertical-align:middle;padding:12px 16px}.data-table td .form-group,.data-table td .sdui-input-group{margin-bottom:0}.data-table td .btn{min-width:0;max-width:100%;padding:4px 8px;font-size:.75rem}.data-table tbody tr:hover{background:rgba(211,217,230,.08)}.data-table tbody tr:last-child td{border-bottom:none}.channel-management-table .channel-management-name-col,.channel-management-table .channel-management-tags-col{vertical-align:top}.channel-management-table .channel-management-name-col .sdui-cell-primary,.channel-management-table .channel-management-name-col .sdui-cell-secondary{white-space:normal;overflow-wrap:anywhere}.channel-management-table .channel-management-language-col .form-group,.channel-management-table .channel-management-group-col .form-group,.channel-management-table .channel-management-tags-col .form-group{margin-bottom:0}.channel-management-table .channel-management-language-col .form-input,.channel-management-table .channel-management-group-col .form-input,.channel-management-table .channel-management-tags-col .form-input{min-width:0;width:100%!important}.channel-management-table .channel-management-language-col .form-input{min-width:128px}.channel-management-table .channel-management-group-col .form-input{min-width:158px}.channel-management-table .channel-management-mode-col{white-space:nowrap}.channel-management-table .channel-management-mode-col .sdui-monitor-mode-compact{justify-content:center;align-items:center;gap:8px;display:inline-flex}.channel-management-table .channel-management-mode-col .sdui-monitor-mode-option{color:var(--text-secondary);align-items:center;gap:4px;font-size:.75rem;display:inline-flex}.channel-management-table .channel-management-mode-col .sdui-monitor-mode-option input[type=checkbox]{margin:0}.channel-management-table .channel-management-mode-col .sdui-monitor-mode-compact.is-saving{opacity:.7}.channel-management-table .channel-management-tags-col .sdui-input-group{align-items:stretch;flex-direction:column!important}.channel-management-table .channel-management-tags-col .sdui-input-group .btn{justify-content:center;width:100%}.channel-management-table .channel-management-monitoring-col .sdui-toggle{background:0 0;border:none;justify-content:center;padding:0}.channel-management-table .channel-management-monitoring-col .sdui-toggle:hover{background:0 0;border:none}.channel-management-table .channel-management-monitoring-col .sdui-toggle-text{display:none}.sdui-expand-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:0;padding:4px 6px;font-size:.85rem;line-height:1;transition:background .15s,color .15s}.sdui-expand-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.sdui-detail-row>td{border-bottom:2px solid var(--accent-primary)!important;padding:0!important}.sdui-detail-row-inner{background:var(--bg-elevated,var(--bg-secondary));border-top:1px solid var(--border-color);flex-wrap:wrap;align-items:flex-start;gap:12px;padding:12px 16px 16px 68px;display:flex}.sdui-detail-row-inner .sdui-input-group,.sdui-detail-row-inner .form-group{margin-bottom:0}.sdui-text-input-group-responsive{width:100%}.sdui-text-input-group-responsive .sdui-input-group-responsive{flex-wrap:wrap;align-items:center}.sdui-text-input-group-responsive .sdui-input-group-responsive .sdui-input-main{flex:340px;min-width:220px}.sdui-text-input-group-responsive .sdui-input-group-responsive .sdui-input-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}@media (max-width:1180px){.sdui-text-input-group-responsive .sdui-input-group-responsive .sdui-input-main{flex-basis:100%;min-width:0}.sdui-text-input-group-responsive .sdui-input-group-responsive .sdui-input-actions{width:100%}.sdui-text-input-group-responsive .sdui-input-group-responsive .sdui-input-actions .form-input{flex:180px;min-width:140px;width:auto!important}.sdui-text-input-group-responsive .sdui-input-group-responsive .sdui-input-actions .btn{flex:auto;min-width:100px}}@media (max-width:768px){.table-container{overflow-x:auto}.data-table{font-size:.8rem}.data-table th,.data-table td{padding:10px 12px}.toggle-switch{width:40px;height:22px}.toggle-slider:before{width:16px;height:16px}.toggle-switch input:checked+.toggle-slider:before{transform:translate(18px)}}.collapsible-section{background:var(--bg-card);border:1px solid var(--border-color);margin-bottom:var(--section-gap);border-radius:0;overflow:hidden}.collapsible-header{background:linear-gradient(90deg, rgba(99,102,241,.04) 0%, var(--bg-elevated) 60%);cursor:pointer;user-select:none;justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;transition:background .15s;display:flex}.collapsible-header:hover{background:linear-gradient(90deg,rgba(99,102,241,.08) 0%,rgba(99,102,241,.02) 60%)}:root[data-theme=high-contrast] .collapsible-header{background:linear-gradient(90deg, rgba(255,215,0,.06) 0%, var(--bg-elevated) 60%)}:root[data-theme=high-contrast] .collapsible-header:hover{background:linear-gradient(90deg,rgba(255,215,0,.1) 0%,rgba(255,215,0,.02) 60%)}.collapsible-header h3{color:var(--text-primary);flex:0 auto;align-items:center;gap:8px;min-width:0;margin:0;font-size:.9rem;font-weight:600;display:flex}.collapsible-title-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.collapsible-header-right{flex-shrink:0;align-items:center;gap:8px;margin-left:auto;display:flex}.collapsible-header-extra{flex-shrink:0;align-items:center;gap:8px;display:flex}.collapsible-chevron{color:var(--text-secondary);font-size:.75rem;transition:transform .2s}.collapsible-section.collapsed .collapsible-chevron{transform:rotate(-90deg)}.collapsible-content{grid-template-rows:1fr;transition:grid-template-rows .3s;display:grid}.collapsible-section.collapsed .collapsible-content{grid-template-rows:0fr}.collapsible-body{min-height:0;padding:0;overflow:hidden}.section-badge{border-radius:0;padding:2px 8px;font-size:.7rem;font-weight:600}.section-badge.pending{background:var(--status-pending);color:#fff}.section-badge.processing{background:var(--status-processing);color:#fff}.section-badge.count{background:var(--accent-primary);color:#fff}.channel-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:24px;display:grid}.channel-card{background:var(--bg-card);border:1px solid var(--border-color);text-align:center;cursor:pointer;box-shadow:var(--shadow-sm);border-radius:0;padding:20px 16px;transition:all .2s}.channel-card:hover{border-color:var(--accent-primary);transform:translateY(-4px);box-shadow:0 8px 24px rgba(99,102,241,.2)}.channel-card.selected{border-color:var(--accent-primary);background:rgba(99,102,241,.08)}.channel-card-avatar{background:var(--bg-secondary);width:64px;height:64px;color:var(--text-secondary);border-radius:0;justify-content:center;align-items:center;margin:0 auto 12px;font-size:1.5rem;display:flex;overflow:hidden}.channel-card-avatar img{object-fit:cover;width:100%;height:100%}.channel-card-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:.95rem;font-weight:600;overflow:hidden}.channel-card-handle{color:var(--text-secondary);margin-bottom:8px;font-size:.75rem}.channel-card-platform{text-transform:uppercase;border-radius:0;padding:2px 8px;font-size:.65rem;font-weight:600;display:inline-block}.channel-card-platform.youtube{color:#f44;background:rgba(255,0,0,.15)}.channel-card-platform.twitch{color:#9146ff;background:rgba(145,70,255,.15)}.channel-card-monitoring{border-top:1px solid var(--border-color);color:var(--text-muted);margin-top:10px;padding-top:10px;font-size:.7rem}.channel-card-monitoring.active{color:var(--accent-green)}.channel-group-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:0;margin-bottom:20px;overflow:hidden}.channel-group-section:last-child{margin-bottom:0}.channel-group-header{background:var(--bg-primary);border-bottom:1px solid var(--border-color);border-left:4px solid var(--accent-primary);align-items:center;gap:10px;padding:12px 16px;display:flex}.channel-group-section .channel-grid{padding:14px 12px}.channel-group-avatar{border:1px solid var(--border-color);background:#000;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;width:128px;height:46px;display:flex;overflow:hidden}.channel-group-avatar img{object-fit:contain;background:#000;width:100%;height:100%}.channel-group-avatar-placeholder{color:var(--accent-primary);font-size:.85rem;font-weight:700;line-height:1}.channel-group-label{color:var(--text-primary);letter-spacing:-.01em;font-size:.95rem;font-weight:700}.channel-group-count{color:var(--accent-primary);background:rgba(99,102,241,.1);border:1px solid rgba(99,102,241,.2);border-radius:0;margin-left:auto;padding:2px 9px;font-size:.78rem;font-weight:600}.desc-policy-channel-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;display:grid}.desc-policy-channel-scrollbox{border:1px solid var(--border-color);background:var(--bg-primary);max-height:520px;margin-top:6px;padding:4px;overflow-x:hidden;overflow-y:auto}.desc-policy-channel-card{border:1px solid var(--border-color);background:linear-gradient(180deg, var(--bg-card) 0%, var(--bg-elevated) 100%);padding:10px;transition:border-color .2s,box-shadow .2s,transform .2s}.desc-policy-channel-card:hover{border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 10px 24px rgba(99,102,241,.12)}.desc-policy-channel-head{align-items:center;gap:10px;margin-bottom:8px;display:flex}.desc-policy-channel-avatar{background:var(--bg-secondary);border:1px solid var(--border-color);width:52px;height:52px;color:var(--text-secondary);border-radius:0;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;display:flex;overflow:hidden}.desc-policy-channel-avatar img{object-fit:cover;width:100%;height:100%}.desc-policy-channel-meta{flex:1;min-width:0}.desc-policy-channel-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;font-weight:700;overflow:hidden}.desc-policy-channel-sub{color:var(--text-secondary);margin-top:2px;font-size:.75rem}.desc-policy-channel-badges{flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;display:flex}.desc-policy-channel-binding{color:var(--accent-strong);text-transform:uppercase;background:rgba(99,102,241,.12);border:1px solid rgba(99,102,241,.28);padding:2px 7px;font-size:.65rem;font-weight:600}.desc-policy-channel-actions{grid-template-columns:1fr;gap:8px;display:grid}.desc-policy-channel-btns{flex-wrap:wrap;gap:6px;display:flex}.desc-policy-channel-btns .btn{flex:120px}.desc-policy-channel-card.alias-card .desc-policy-channel-avatar{width:44px;height:44px}.desc-policy-channel-card.alias-card .desc-policy-channel-actions{grid-template-columns:1fr}.sdui-tag-editor{gap:8px;min-width:220px;display:grid}.sdui-tag-editor-chips{flex-wrap:wrap;align-items:center;gap:6px;min-height:28px;display:flex}.sdui-tag-chip{max-width:180px;color:var(--accent-blue);background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.28);align-items:center;gap:5px;padding:3px 4px 3px 8px;font-size:.76rem;font-weight:600;display:inline-flex}.sdui-tag-chip-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sdui-tag-chip-delete{width:18px;height:18px;color:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;font-size:.82rem;line-height:1;display:inline-flex}.sdui-tag-chip-delete:disabled{cursor:wait;opacity:.45}.sdui-tag-editor-input-row{grid-template-columns:minmax(120px,1fr) auto;align-items:center;gap:6px;display:grid}.data-table .sdui-tag-editor{min-width:260px}.filter-pills{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.filter-pill{border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;border-radius:0;padding:8px 16px;font-size:.85rem;font-weight:500;transition:all .2s}.filter-pill:hover{border-color:var(--accent-primary);color:var(--text-primary)}.filter-pill.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.search-bar{align-items:center;gap:12px;margin-bottom:16px;display:flex}.search-bar input{border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);border-radius:0;flex:1;padding:12px 16px;font-size:.9rem}.search-bar input:focus{border-color:var(--accent-primary);outline:none}@media (max-width:768px){.channel-card-avatar{width:48px;height:48px;font-size:1.2rem}.channel-card-name{font-size:.8rem}.channel-card-handle{font-size:.65rem}.filter-pills{gap:6px}.filter-pill{padding:6px 12px;font-size:.75rem}.sidebar.open{width:var(--sidebar-width-expanded)}.sidebar.open .nav-label{opacity:1;width:auto;display:inline}.sidebar.open .sidebar-header h2{opacity:1}.sidebar.open .user-info{justify-content:flex-start;gap:8px;width:100%}.sidebar.open .user-name{display:inline}.sidebar.open .logout-btn{gap:8px;width:100%;padding:10px 12px}.nav-item{min-height:48px;padding:14px 16px}.header{flex-direction:column;gap:12px;align-items:stretch!important}.page-header--split>div,.header>div{flex-direction:column;gap:10px;align-items:stretch!important}.filter-tabs-wrapper{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.filter-tabs-wrapper::-webkit-scrollbar{display:none}.filter-tab{flex-shrink:0;min-width:70px;padding:8px 14px!important;font-size:.75rem!important}.page-header--split label,.header label{align-items:center;min-height:44px;padding:8px 0;display:flex}.page-header--split label input[type=checkbox],.header label input[type=checkbox]{width:20px;min-width:20px;height:20px}.refresh-info{white-space:nowrap;font-size:.7rem}.streams-table-container{overflow:visible}.streams-table{display:block}.streams-table thead{display:none}.streams-table tbody{flex-direction:column;gap:12px;padding:12px;display:flex}.stream-row{background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:0;flex-direction:column;gap:10px;padding:12px;display:flex!important}.stream-row:hover{background:var(--bg-elevated)}.stream-row td{border:none!important;padding:0!important}.stream-row.thumb-off .col-thumbnail{display:none!important}.stream-row.thumb-on .col-thumbnail{flex-shrink:0;display:block!important}.stream-row{text-align:left;flex-flow:wrap;align-content:flex-start;align-items:center;position:relative;gap:4px 6px!important;padding:12px 40px 12px 12px!important;display:flex!important}.stream-row .col-title{width:100%;min-width:unset;max-width:unset;flex:100%;order:1;margin-bottom:6px;font-size:.9rem;font-weight:600;line-height:1.35;min-width:0!important;max-width:100%!important;display:block!important}.stream-row .col-title div:last-child{color:var(--text-secondary);margin-top:2px;font-size:.7rem;font-weight:400}.stream-row .stream-title-main{width:100%;white-space:normal!important;word-break:break-word!important;overflow-wrap:anywhere!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;min-width:0!important;max-width:100%!important;display:-webkit-box!important;overflow:hidden!important}.stream-row .stream-title-meta{width:100%;overflow-wrap:anywhere!important;flex-wrap:wrap!important;min-width:0!important;max-width:100%!important}.stream-row .col-status{display:contents!important}.stream-row .col-status .status-badge{padding:3px 8px;font-size:.65rem;display:inline-block;margin:0!important}.stream-row .col-action{border-top:1px solid var(--border-color);flex:100%;order:10;justify-content:center;align-items:center;margin-top:8px;padding-top:8px;width:100%!important;display:flex!important}.stream-row .col-action .stream-action-group{flex-wrap:wrap;width:100%;flex-direction:row!important;justify-content:center!important;align-items:center!important;display:flex!important}.stream-row .col-action .btn{flex-shrink:0}.stream-row .col-action:has(.dismiss-btn:only-child){border-top:none;flex:none;margin-top:0;padding-top:0;top:10px;right:8px;width:auto!important;display:block!important;position:absolute!important}.stream-row .col-action .dismiss-btn{min-width:26px;min-height:26px;padding:4px 8px!important;font-size:.85rem!important}.btn-sm{min-width:44px;min-height:44px;padding:10px 16px!important;font-size:.8rem!important}.dismiss-btn{min-width:40px;min-height:40px;padding:8px 14px;font-size:.9rem}.pagination{flex-wrap:wrap;justify-content:center}.pagination-btn{min-width:44px;min-height:44px;padding:10px 14px;font-size:.8rem}.pagination-info{align-items:center;min-height:44px;padding:10px 14px;font-size:.8rem;display:flex}.form-section{margin-bottom:16px;padding:16px}.form-section p{word-break:keep-all;font-size:.8rem;line-height:1.6}.form-section label{line-height:1.5}.btn,.btn-sm,.btn-xs,.pagination-btn,.dismiss-btn,.filter-pill,.filter-tab,.settings-tab{min-height:var(--touch-min)}.worker-status-section{margin-bottom:.75rem}.health-stats-grid{gap:6px!important}.health-stat-item{padding:6px!important}.health-stat-item>div:first-child{font-size:1.25rem!important}.form-input,input[type=text],input[type=url],select{min-height:40px;padding:8px 12px!important;font-size:16px!important}.quick-request-input::placeholder{font-size:.8rem}.collapsible-section{margin-bottom:8px}.collapsible-header{min-height:40px;padding:8px 12px}.collapsible-header h3{flex:auto;min-width:0;font-size:.85rem}.collapsible-header-right,.collapsible-header-extra{gap:4px}.collapsible-body{padding:0}.collapsible-body>div{padding:8px!important}.channel-grid{grid-template-columns:1fr;gap:10px}.channel-card{padding:12px 10px}}@media (max-width:400px){.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-card{padding:8px 10px}.stat-value{font-size:1.1rem}.stat-label{font-size:.55rem}.channel-grid{grid-template-columns:1fr}.filter-tab{min-width:60px;padding:6px 10px!important}.quick-request-title{font-size:.85rem}.quick-request-subtitle{font-size:.7rem}}.sdui-toggle{cursor:pointer;border:1px solid transparent;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;transition:background .15s,border-color .15s;display:flex}.sdui-toggle:hover{background:rgba(99,102,241,.04);border-color:rgba(99,102,241,.15)}.sdui-toggle-text{flex:1}.sdui-toggle-label{font-size:.95rem;font-weight:500}.sdui-toggle-desc{color:var(--text-secondary);margin-top:3px;font-size:.82rem;line-height:1.4}.sdui-toggle-switch{background:var(--border-color);cursor:pointer;border:1px solid rgba(0,0,0,.12);border-radius:0;flex-shrink:0;width:44px;height:24px;transition:background .2s,box-shadow .2s;position:relative}.sdui-toggle-switch.on{background:var(--accent-primary);border-color:var(--accent-primary);box-shadow:0 0 0 2px rgba(99,102,241,.2)}.sdui-toggle-knob{background:#fff;border-radius:0;width:18px;height:18px;transition:transform .2s,box-shadow .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 4px rgba(0,0,0,.25)}.sdui-toggle-switch.on .sdui-toggle-knob{transform:translate(20px);box-shadow:0 1px 4px rgba(0,0,0,.35)}.sdui-badge-toggle{border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);white-space:nowrap;border-radius:0;padding:3px 8px;font-size:.8rem;font-weight:500;transition:background .15s,color .15s,border-color .15s;display:inline-block}.sdui-badge-toggle.on{color:var(--accent-green,#22c55e);background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.4)}.sdui-action-row{justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.sdui-action-row-text{flex:1;min-width:0}.sdui-action-row-label{font-size:.95rem;font-weight:500}.sdui-action-row-desc{color:var(--text-secondary);margin-top:3px;font-size:.82rem;line-height:1.4}.sdui-action-row-cta{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;gap:8px;min-width:110px;max-width:none;display:flex}.sdui-action-row-cta .btn{text-align:center;white-space:nowrap;width:auto}.sdui-weekday-picker{padding:10px 16px 12px}.sdui-weekday-label{color:var(--text-secondary);margin-bottom:8px;font-size:.85rem}.sdui-weekday-chips{flex-wrap:wrap;gap:8px;display:flex}.sdui-weekday-chip{border:1.5px solid var(--border-color);background:var(--bg-secondary);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;border-radius:0;justify-content:center;align-items:center;padding:0;font-size:13px;font-weight:500;transition:background .15s,color .15s,border-color .15s;display:flex}.sdui-weekday-chip.on{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.sdui-radio-label{margin-bottom:8px;font-size:.9rem;font-weight:500;display:block}.sdui-radio-desc{color:var(--text-secondary);margin-bottom:8px;font-size:.85rem}.sdui-radio-cards{flex-wrap:wrap;gap:8px;display:flex}.sdui-radio-card{cursor:pointer;background:var(--bg-secondary);border:1px solid var(--border-color);border-left:3px solid transparent;border-radius:0;flex:1;min-width:0;padding:10px 14px;transition:background .18s,border-color .18s,box-shadow .18s;position:relative}.sdui-radio-card:hover{background:var(--bg-primary);border-color:rgba(99,102,241,.35)}.sdui-radio-card.selected{border-color:rgba(99,102,241,.4);border-left:3px solid var(--accent-primary);background:rgba(99,102,241,.07);box-shadow:inset 0 0 0 1px rgba(99,102,241,.1)}.sdui-radio-card.selected:after{content:"✓";color:var(--accent-primary);opacity:.9;font-size:.75rem;font-weight:700;position:absolute;top:8px;right:10px}.sdui-radio-card-title{padding-right:16px;font-size:.9rem;font-weight:600}.sdui-radio-card-desc{color:var(--text-secondary);margin-top:3px;font-size:.78rem;line-height:1.4}.sdui-section-divider{background:var(--border-color);height:1px;margin-bottom:8px}.sdui-stream-table{border-collapse:separate;border-spacing:0}.sdui-stream-table th,.sdui-stream-table td{padding-top:14px;padding-bottom:14px}.sdui-stream-thumb-cell{padding-right:10px!important}.sdui-stream-title-cell{padding-left:10px!important}.sdui-stream-thumb{box-shadow:var(--shadow-sm)}.sdui-stream-mobile-grid{gap:10px;padding:12px;display:grid}.sdui-stream-mobile-card{border:1px solid var(--border-color);background:var(--bg-elevated);gap:10px;padding:12px;display:grid}.sdui-stream-mobile-top{align-items:flex-start;gap:12px;display:flex}.sdui-stream-mobile-thumb{object-fit:cover;background:var(--bg-secondary);width:88px;height:50px;box-shadow:var(--shadow-sm);border-radius:0;flex-shrink:0}.sdui-stream-mobile-thumb-placeholder{color:var(--text-secondary);justify-content:center;align-items:center;font-size:1rem;display:flex}.sdui-stream-mobile-info{flex:1;min-width:0}.sdui-stream-mobile-title{word-break:break-word;font-weight:600;line-height:1.4}.sdui-stream-mobile-subtitle{color:var(--text-secondary);margin-top:4px;font-size:.82rem;line-height:1.4}.sdui-stream-mobile-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.sdui-stream-mobile-action{flex-shrink:0;margin-left:auto}.sdui-cell-stack{flex-direction:column;gap:4px;min-width:0;display:flex}.sdui-cell-primary{word-break:break-word;font-weight:500;line-height:1.4}.sdui-cell-secondary{color:var(--text-secondary);font-size:.75rem;line-height:1.45}.sdui-cell-controls{flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;display:flex}.sdui-cell-controls select{max-width:110px;font-size:.78rem}.sdui-notif-card{gap:16px}.sdui-recent-task-list{flex-direction:column;display:flex}.sdui-recent-task-item{line-height:1.45;padding:8px 0!important}.sdui-recent-task-item:last-child{border-bottom:none!important}.sdui-section-body{flex-direction:column;gap:0;display:flex}.sdui-section-body>:last-child{margin-bottom:0!important}.sdui-item-divider{background:var(--border-color);opacity:.5;height:1px;margin:8px 0}.data-table input[type=checkbox]{-webkit-appearance:none;appearance:none;border:1.5px solid var(--border-color);background:var(--bg-secondary);cursor:pointer;vertical-align:middle;flex-shrink:0;width:15px;height:15px;transition:background .15s,border-color .15s,box-shadow .15s;position:relative}.data-table input[type=checkbox]:hover{border-color:rgba(99,102,241,.6);box-shadow:0 0 0 2px rgba(99,102,241,.12)}.data-table input[type=checkbox]:checked{background:var(--accent-primary);border-color:var(--accent-primary);box-shadow:0 0 0 2px rgba(99,102,241,.2)}.data-table input[type=checkbox]:checked:after{content:"✓";color:#fff;font-family:var(--font-display);font-size:11px;font-weight:700;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-57%)}.data-table input[type=checkbox]:indeterminate{background:var(--accent-primary);border-color:var(--accent-primary)}.data-table input[type=checkbox]:indeterminate:after{content:"";background:#fff;width:8px;height:2px;position:absolute;top:5px;left:2px}.settings-tabs{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:0;flex-wrap:wrap;gap:4px;margin-bottom:16px;padding:4px;display:flex}.settings-tab{color:var(--text-secondary);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;border-bottom:2px solid transparent;border-radius:0;padding:7px 14px;font-size:.85rem;font-weight:500;transition:color .15s,background .15s,border-color .15s;overflow:hidden}.settings-tab:hover{color:var(--text-primary);background:rgba(255,255,255,.05);border-bottom-color:rgba(99,102,241,.3)}.settings-tab.active{color:var(--accent-primary);background:var(--bg-card);box-shadow:var(--shadow-sm);border-bottom:2px solid var(--accent-primary);font-weight:600}.settings-tabs-main{margin-top:4px;margin-bottom:12px}.settings-tabs-sub{background:var(--bg-card);border-color:rgba(99,102,241,.2)}.settings-tab-panel{border:1px solid var(--border-color);background:var(--bg-card);margin-top:10px;padding:12px}.settings-action-card{background:linear-gradient(180deg, var(--bg-card) 0%, var(--bg-elevated) 100%);border:1px solid var(--border-color);border-left:4px solid var(--accent-blue);box-shadow:var(--shadow-sm);margin-bottom:16px;padding:16px 18px}.settings-action-card--sync{padding:18px 20px}.settings-action-card__header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.settings-action-card__header h2{font-size:1rem;font-weight:600;font-family:var(--font-display);margin:0 0 6px}.settings-action-card__header p{color:var(--text-secondary);margin:0;font-size:.88rem;line-height:1.5}.settings-action-card__actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.settings-action-card__hint{color:var(--text-secondary);font-size:.82rem}.settings-action-badge{border:1px solid var(--border-color);letter-spacing:.05em;background:var(--bg-secondary);justify-content:center;align-items:center;min-height:28px;padding:4px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.settings-action-badge.enabled{color:var(--accent-green);border-color:rgba(16,185,129,.35)}.settings-action-badge.disabled{color:var(--text-secondary);border-color:var(--border-color)}.settings-sync-grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:16px;margin-top:16px;display:grid}.settings-sync-block{border:1px solid var(--border-color);background:var(--bg-secondary);min-width:0;padding:12px}.settings-sync-block--summary{background:linear-gradient(180deg, rgba(59,130,246,.05) 0%, var(--bg-secondary) 100%)}.settings-sync-block__head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;display:flex}.settings-sync-block__head h3{margin:0;font-size:.95rem}.settings-sync-block__head span{color:var(--text-secondary);font-size:.78rem}.settings-sync-candidates{flex-direction:column;gap:8px;max-height:460px;margin-bottom:12px;display:flex;overflow:auto}.settings-sync-item{border:1px solid var(--border-color);background:var(--bg-card);cursor:pointer;align-items:flex-start;gap:10px;min-width:0;padding:10px;display:flex}.settings-sync-item.selected{border-color:var(--accent-primary);background:rgba(99,102,241,.06)}.settings-sync-item input[type=checkbox]{margin-top:2px}.settings-sync-item__body{flex:1;min-width:0}.settings-sync-item__topline{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:6px;display:flex}.settings-sync-item__title-block{flex:1;min-width:0}.settings-sync-item__subline{color:var(--text-secondary);flex-wrap:wrap;gap:8px;font-size:.75rem;line-height:1.4;display:flex}.settings-sync-item__subline span{border:1px solid var(--border-color);background:var(--bg-secondary);padding:2px 6px}.settings-sync-item__ids{flex-shrink:0;max-width:100%}.settings-sync-item__ids code{background:var(--bg-secondary);border:1px solid var(--border-color);overflow-wrap:anywhere;max-width:100%;padding:2px 6px;font-size:.75rem;display:inline-block}.settings-sync-item__meta{color:var(--text-secondary);flex-wrap:wrap;gap:8px;margin-bottom:4px;font-size:.75rem;display:flex}.settings-sync-item__stream-title{color:var(--text-primary);word-break:break-word;margin-bottom:4px;font-size:.88rem;font-weight:600;line-height:1.45}.settings-sync-item__stream-title--muted{color:var(--text-secondary)}.settings-sync-item__sample{color:var(--text-secondary);word-break:break-word;font-size:.78rem;line-height:1.45}.settings-sync-item__actions{justify-content:flex-end;margin-top:10px;display:flex}.settings-sync-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px;display:grid}.settings-sync-summary-card{border:1px solid var(--border-color);background:var(--bg-card);flex-direction:column;gap:6px;min-width:0;padding:12px;display:flex}.settings-sync-summary-card--wide{grid-column:span 1}.settings-sync-summary-card__label{color:var(--text-secondary);font-size:.74rem}.settings-sync-summary-card strong{word-break:break-word;font-size:1rem;line-height:1.4}.settings-sync-toolbar{grid-template-columns:minmax(0,1.6fr) minmax(150px,.7fr) minmax(150px,.7fr);gap:10px;display:grid}.settings-sync-toolbar__search,.settings-sync-toolbar__select{min-width:0}.settings-sync-selection-bar{z-index:5;background:var(--glass-bg);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(99,102,241,.25);justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding:12px 14px;display:flex;position:sticky;bottom:12px}.settings-sync-selection-bar__summary{flex-direction:column;gap:4px;font-size:.84rem;display:flex}.settings-sync-selection-bar__detail{color:var(--text-secondary);font-size:.78rem}.settings-sync-selection-bar__actions{flex-wrap:wrap;gap:8px;display:flex}.settings-sync-result-panel{margin-top:14px}.settings-sync-result-panel__title{margin-bottom:6px;font-weight:700}.settings-sync-result-panel__meta{color:inherit;flex-wrap:wrap;gap:10px;margin-top:8px;font-size:.82rem;display:flex}.settings-sync-result-panel__list{flex-direction:column;gap:8px;margin-top:10px;display:flex}.settings-sync-result-panel__row{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);flex-direction:column;gap:2px;padding:8px 10px;display:flex}.settings-sync-empty{color:var(--text-secondary);border:1px dashed var(--border-color);padding:10px;font-size:.82rem}.settings-sync-form{flex-direction:column;gap:10px;display:flex}@media (max-width:1100px){.settings-sync-grid,.settings-sync-summary-grid,.settings-sync-toolbar{grid-template-columns:1fr}}@media (max-width:760px){.settings-action-card--sync{padding:14px}.settings-action-card--sync .settings-action-card__header,.settings-action-card__actions--sync-primary,.settings-sync-block__head,.settings-sync-item,.settings-sync-item__topline{flex-direction:column;align-items:stretch}.settings-action-card__actions--sync-primary .btn-primary,.settings-action-card__actions--sync-primary .btn-secondary,.settings-sync-item__actions .btn-secondary,.settings-sync-selection-bar__actions .btn-primary,.settings-sync-selection-bar__actions .btn-secondary{justify-content:center;width:100%}.settings-sync-block{padding:10px}.settings-sync-candidates{max-height:none}.settings-sync-item{gap:12px;padding:12px}.settings-sync-item input[type=checkbox]{margin-top:0}.settings-sync-item__ids{align-self:flex-start}.settings-sync-item__actions,.settings-sync-selection-bar,.settings-sync-selection-bar__actions{flex-direction:column;align-items:stretch}.settings-sync-item__subline,.settings-sync-item__meta{gap:6px}}.settings-panel-loading{text-align:center;color:var(--text-secondary);padding:24px}.settings-subsection-card{box-shadow:var(--shadow-sm);border-left:3px solid rgba(99,102,241,.32)}.settings-section-head{border-bottom:1px solid var(--border-color);padding-bottom:8px}.settings-inline-form{margin-top:10px}.settings-table-wrap{border:1px solid var(--border-color);background:var(--bg-primary)}.settings-drawer-input{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:0;padding:9px 12px;line-height:1.2;transition:border-color .15s,box-shadow .15s,background .15s}.settings-drawer-input::placeholder{color:var(--text-muted)}.settings-drawer-input:hover{background:color-mix(in oklab, var(--bg-secondary) 92%, white 8%);border-color:rgba(99,102,241,.35)}.settings-drawer-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 1px var(--accent-primary);background:var(--bg-primary);outline:none}.settings-drawer-input:disabled{opacity:.6;cursor:not-allowed}.settings-drawer-input--code{letter-spacing:.02em}.settings-drawer-select{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:0;padding:7px 30px 7px 10px;line-height:1.2;transition:border-color .15s,box-shadow .15s,background .15s}.settings-drawer-select:hover{background:color-mix(in oklab, var(--bg-secondary) 92%, white 8%);border-color:rgba(99,102,241,.35)}.settings-drawer-select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 1px var(--accent-primary);background:var(--bg-primary);outline:none}.settings-drawer-select:disabled{opacity:.6;cursor:not-allowed}.settings-tabs+.tab-content select.form-input,.settings-tabs+.tab-content select.form-input option{font-family:var(--font-display)}@media (max-width:768px){.settings-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:4px;padding:4px;display:flex;overflow-x:auto}.settings-tabs::-webkit-scrollbar{display:none}.settings-tab{white-space:nowrap;text-align:center;flex:none;padding:10px 8px;font-size:.8rem}.settings-tab.active{background:var(--bg-card)}.sdui-radio-cards{flex-direction:column}.sdui-toggle{gap:12px}.sdui-stream-table th,.sdui-stream-table td{padding-top:12px;padding-bottom:12px}.sdui-stream-thumb-cell{padding-right:8px!important}.sdui-stream-title-cell{padding-left:10px!important}.sdui-stream-mobile-action .btn{white-space:nowrap}.sdui-notif-card{gap:12px}.settings-table-wrap{background:0 0;border:none}.settings-table-wrap .data-table{display:block;width:100%!important;min-width:0!important}.settings-table-wrap .data-table thead{display:none}.settings-table-wrap .data-table tbody{gap:10px;display:grid}.settings-table-wrap .data-table tr{border:1px solid var(--border-color);background:var(--bg-card);padding:10px;display:block}.settings-table-wrap .data-table td{border-bottom:1px solid var(--border-color);grid-template-columns:92px minmax(0,1fr);align-items:center;gap:10px;padding:8px 0;display:grid}.settings-table-wrap .data-table td:last-child{border-bottom:none}.settings-table-wrap .data-table td:before{content:attr(data-label);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;font-size:.72rem;font-weight:700}.table-container .data-table[data-mobile-card=true]{display:block;width:100%!important;min-width:0!important}.table-container .data-table[data-mobile-card=true] thead{display:none}.table-container .data-table[data-mobile-card=true] tbody{gap:10px;display:grid}.table-container .data-table[data-mobile-card=true] tr{border:1px solid var(--border-color);background:var(--bg-card);padding:10px;display:block}.table-container .data-table[data-mobile-card=true] td{border-bottom:1px solid var(--border-color);grid-template-columns:92px minmax(0,1fr);align-items:center;gap:10px;padding:8px 0;display:grid;white-space:normal!important;min-width:0!important;max-width:none!important}.table-container .data-table[data-mobile-card=true] td:last-child{border-bottom:none}.table-container .data-table[data-mobile-card=true] td:before{content:attr(data-label);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;font-size:.72rem;font-weight:700}.table-container .data-table[data-mobile-card=true] .sdui-detail-row td{border-bottom:none;padding:0;display:block}.table-container .data-table[data-mobile-card=true] .sdui-detail-row td:before{display:none}}.batch-action-bar{background:var(--bg-secondary);border-bottom:1px solid var(--accent-primary);z-index:10;-webkit-backdrop-filter:blur(8px);align-items:center;gap:12px;padding:12px 20px;display:flex;position:sticky;top:0}.batch-count{color:var(--accent-primary);font-weight:600}.batch-progress-text{color:var(--text-secondary);margin-left:auto;font-size:.875rem;font-weight:500}.stream-row.selected{background:rgba(99,102,241,.12)}.stream-row.selected:hover{background:rgba(99,102,241,.18)}.streams-table input[type=checkbox]{cursor:pointer;width:16px;height:16px;accent-color:var(--accent-primary)}.streams-table input[type=checkbox]:disabled{cursor:not-allowed;opacity:.4}@media (max-width:768px){.batch-action-bar{flex-wrap:wrap;gap:8px;padding:10px 12px}.batch-count{width:100%;margin-bottom:4px}.stream-row td[style*="text-align: center"]>div,.stream-row td:last-child>div{justify-content:center!important}.page-container form{flex-wrap:wrap}.page-container form .form-input{flex:100%!important;min-width:0!important}.filter-pills>div[style*=margin-left]{width:100%;margin-left:0!important}.filter-pills select.form-input{width:100%!important}.streams-table-container>div:first-child{flex-direction:column;gap:8px;align-items:flex-start!important}.streams-table-container>div:first-child .pagination{align-self:flex-end}.batch-action-bar{flex-wrap:wrap;gap:6px}select.form-input{text-overflow:ellipsis;overflow:hidden;width:100%!important;max-width:100%!important}textarea.form-input{width:100%!important;max-width:100%!important}.streams-table-container>div[style]{gap:8px;flex-wrap:wrap!important}.alert{word-break:break-all;overflow-wrap:anywhere}.stream-row td[style*="text-align: center"]:first-child{position:absolute;top:10px;right:8px;width:auto!important}.page-container *{box-sizing:border-box;max-width:100%}.page-container .status-badge,.page-container .btn-sm,.page-container .btn,.page-container img{max-width:none}.main-content{width:100%;min-width:0}.dashboard-container,.page-container{width:100%;min-width:0;max-width:100vw}.streams-table-container>div[style],.page-header[style]{flex-wrap:wrap!important}form,.form-section,.quick-request,.filter-pills,.channel-grid,.channel-card,.streams-table-container{width:100%;min-width:0}.form-section>div[style]{flex-wrap:wrap!important}}.channel-fragment-container{position:relative;overflow:hidden}.channel-view{transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1)}.channel-view.active{opacity:1;transform:none}.channel-view.exit-left{opacity:0;pointer-events:none;width:100%;position:absolute;top:0;left:0;transform:translate(-50%)}.channel-view.exit-right{opacity:0;pointer-events:none;width:100%;position:absolute;top:0;left:0;transform:translate(50%)}.streams-fragment-header{border-bottom:1px solid var(--border-color);align-items:center;gap:16px;margin-bottom:20px;padding-bottom:16px;display:flex}.streams-fragment-channel-info{align-items:center;gap:12px;display:flex}.streams-fragment-avatar{object-fit:cover;border-radius:0;width:40px;height:40px}.back-btn{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;white-space:nowrap;background:0 0;border-radius:0;flex-shrink:0;padding:8px 16px;font-size:.9rem;font-weight:500;transition:all .2s}.back-btn:hover{background:var(--bg-hover);border-color:var(--accent-primary);color:var(--accent-primary)}@media (max-width:768px){.streams-fragment-header{flex-wrap:wrap;gap:10px}.streams-fragment-header>div[style*=margin-left]{width:100%;margin-left:0!important}.back-btn{padding:6px 12px;font-size:.8rem}}.sdui-toast{z-index:9999;backdrop-filter:blur(12px);box-shadow:var(--shadow-lg);cursor:pointer;pointer-events:auto;border:1px solid;border-radius:0;max-width:380px;padding:12px 20px;font-size:.85rem;font-weight:500;animation:.3s ease-out toastSlideIn;position:fixed;bottom:24px;right:24px}.sdui-toast-exit{animation:.3s ease-in forwards toastSlideOut}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@media (max-width:768px){.sdui-toast{max-width:none;bottom:16px;left:16px;right:16px}.desc-settings-row{flex-direction:column!important}.desc-settings-row>div{flex:100%!important}.desc-result-textarea{height:200px!important}.desc-tabs-nav{-webkit-overflow-scrolling:touch;overflow-x:auto}.desc-tabs-nav>button{white-space:nowrap;min-width:0;padding:10px 8px!important;font-size:.8rem!important}.sdui-notif-card{gap:12px;flex-direction:column!important}.sdui-notif-actions{width:100%;margin-left:0!important}.sdui-notif-actions .btn-sm{text-align:center;flex:1}.sdui-input-group{flex-direction:column!important}.sdui-input-group .btn{justify-content:center;width:100%}}@keyframes rowHighlight{0%{background-color:rgba(99,102,241,.15)}to{background-color:transparent}}.stream-row.row-highlight{animation:1.5s ease-out rowHighlight}@media (max-width:768px){.stream-row .col-status .status-badge[data-label]:before{content:attr(data-label) " ";opacity:.7;letter-spacing:.5px;font-size:.55rem;font-weight:700}}.modal-target-info{border-bottom:1px solid var(--border-color);background:var(--bg-secondary);padding:12px 20px}.modal-target-label{color:var(--text-secondary);font-size:.85rem}.modal-target-value{word-break:break-word;font-size:.9rem;font-weight:500}.modal-options-list{padding:12px}.modal-option-btn{border:1px solid var(--border-color);background:var(--bg-card);cursor:pointer;text-align:left;border-radius:0;width:100%;margin-bottom:8px;padding:14px 16px;transition:all .15s;display:block}.modal-option-btn:hover{background:var(--bg-secondary);border-color:var(--accent-primary)}.modal-option-title{color:var(--text-primary);margin-bottom:4px;font-size:.95rem;font-weight:500}.modal-option-desc{color:var(--text-secondary);font-size:.8rem}.dashboard-title-shell{width:100%;min-width:0;max-width:100%;overflow:hidden}.dashboard-action-shell{width:100%;display:block}.mt-sm{margin-top:8px}.mt-md{margin-top:12px}.mb-sm{margin-bottom:8px}.mb-md{margin-bottom:12px}.analysis-persona-manager{max-width:100%}.analysis-persona-section{background:var(--bg-card)}.analysis-persona-group-list{gap:8px;display:grid}.analysis-persona-group-row{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:0;grid-template-columns:minmax(130px,.9fr) minmax(180px,1.2fr) auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.analysis-persona-group-name{color:var(--text-primary);word-break:keep-all;font-size:.9rem;font-weight:600;line-height:1.25}.analysis-persona-group-select{min-width:0}.analysis-persona-group-actions{justify-content:flex-end;gap:8px;display:flex}.analysis-persona-group-btn{white-space:nowrap;min-width:78px;padding:7px 12px;font-size:.84rem;font-weight:600;line-height:1.2}.analysis-persona-dirty-badge{color:#f59e0b;white-space:nowrap;background:rgba(245,158,11,.18);border:1px solid rgba(245,158,11,.4);border-radius:0;padding:2px 8px;font-size:.72rem;font-weight:700}.analysis-persona-row-hint{color:var(--text-secondary);grid-column:2/4;margin-top:-2px;font-size:.78rem;line-height:1.3}@media (max-width:900px){.analysis-persona-group-row{grid-template-columns:1fr;align-items:stretch}.analysis-persona-group-actions{flex-wrap:wrap;justify-content:flex-start}.analysis-persona-row-hint{grid-column:1}}.stream-thumbnail-fallback{background:var(--bg-secondary);color:var(--text-secondary);border-radius:0;justify-content:center;align-items:center;display:flex}.account-modal-backdrop{-webkit-backdrop-filter:blur(4px);z-index:1100;padding:calc(16px + env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom));background:rgba(0,0,0,.65);justify-content:center;align-items:center;animation:.18s account-fade-in;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}@keyframes account-fade-in{0%{opacity:0}to{opacity:1}}.account-modal{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e5e7eb);width:100%;max-width:420px;max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));flex-direction:column;animation:.22s account-slide-up;display:flex;box-shadow:0 24px 48px rgba(0,0,0,.18)}@keyframes account-slide-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.account-modal-header{border-bottom:1px solid var(--border-color,#e5e7eb);background:linear-gradient(135deg,#6366f1 0%,#818cf8 100%);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.account-modal-header h2{font-size:1rem;font-weight:700;font-family:var(--font-display);color:#fff;letter-spacing:-.01em;margin:0}.account-modal-close{color:#fff;cursor:pointer;background:rgba(255,255,255,.2);border:none;flex-shrink:0;justify-content:center;align-items:center;width:36px;min-width:44px;height:36px;min-height:44px;margin:-4px -8px -4px 0;font-size:.85rem;transition:background .15s;display:flex}.account-modal-close:hover{background:rgba(255,255,255,.35)}.account-modal-body{flex-direction:column;gap:0;padding:20px;display:flex;overflow-y:auto}.account-drag-handle{display:none}.account-section{flex-direction:column;gap:12px;display:flex}.account-section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted,#9ca3af);margin:0 0 4px;font-size:.8rem;font-weight:700}.account-divider{background:var(--border-color,#e5e7eb);height:1px;margin:20px 0}.account-field{flex-direction:column;gap:5px;margin-bottom:10px;display:flex}.account-label{color:var(--text-secondary,#6b7280);justify-content:space-between;align-items:center;font-size:.82rem;font-weight:600;display:flex}.account-char-count{color:var(--text-muted,#9ca3af);font-size:.75rem;font-weight:400}.account-hint{color:var(--text-muted,#9ca3af);margin:0;font-size:.75rem}.account-input-wrap{align-items:center;display:flex;position:relative}.account-input{box-sizing:border-box;background:var(--bg-elevated,#f8fafc);border:1px solid var(--border-color,#e5e7eb);width:100%;color:var(--text-primary,#1a1d23);outline:none;padding:9px 12px;font-family:inherit;font-size:.9rem;transition:border-color .15s,box-shadow .15s}.account-input-wrap .account-input{padding-right:40px}.account-input:focus{border-color:var(--accent-primary,#6366f1);box-shadow:0 0 0 2px rgba(99,102,241,.15)}.account-input--error{border-color:var(--accent-red,#ef4444)!important}.account-input--error:focus{box-shadow:0 0 0 2px rgba(239,68,68,.15)!important}.account-eye-btn{cursor:pointer;width:40px;min-width:40px;height:40px;min-height:40px;color:var(--text-muted,#9ca3af);background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:.95rem;line-height:1;transition:color .15s;display:flex;position:absolute;right:0}.account-eye-btn:hover{color:var(--text-primary,#1a1d23)}.account-msg-placeholder{align-items:center;min-height:38px;display:flex}.account-msg{box-sizing:border-box;width:100%;margin:0;padding:8px 10px;font-size:.82rem}.account-msg--error{color:var(--accent-red,#ef4444);border-left:3px solid var(--accent-red,#ef4444);background:rgba(239,68,68,.08)}.account-msg--success{color:var(--accent-green,#10b981);border-left:3px solid var(--accent-green,#10b981);background:rgba(16,185,129,.08)}.account-btn{cursor:pointer;border:none;align-self:flex-start;padding:9px 18px;font-family:inherit;font-size:.88rem;font-weight:600;transition:opacity .15s,background .15s}.account-btn--primary{background:var(--accent-primary,#6366f1);color:#fff}.account-btn--primary:hover:not(:disabled){background:var(--accent-strong,#4f46e5)}.account-btn:disabled{opacity:.45;cursor:not-allowed}@media (max-width:480px){.account-modal-backdrop{align-items:flex-end;padding:0}.account-modal{max-width:100%;max-height:85vh;max-height:85dvh;padding-bottom:env(safe-area-inset-bottom,0px);border-radius:0;animation:.25s account-slide-bottom}@keyframes account-slide-bottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.account-drag-handle{cursor:grab;flex-shrink:0;justify-content:center;padding:10px 0 4px;display:flex}.account-drag-handle:before{content:"";background:var(--border-color,#e5e7eb);border-radius:0;width:36px;height:4px}.account-input{font-size:16px}.account-btn{text-align:center;align-self:stretch;width:100%;padding:13px 18px}}.modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:1000;padding:calc(16px + env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom));background:rgba(0,0,0,.75);justify-content:center;align-items:center;animation:.2s modal-fade-in;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.modal-container{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-xl,0 24px 48px rgba(0,0,0,.15));width:90%;max-width:480px;max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));border-radius:0;flex-direction:column;animation:.25s modal-slide-up;display:flex}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:1px solid var(--border-color);align-items:center;gap:12px;padding:24px 24px 16px;display:flex}.modal-icon{flex-shrink:0;font-size:1.75rem;line-height:1}.modal-title{font-size:1.25rem;font-weight:600;font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.01em;margin:0}.modal-body{padding:20px 24px;overflow-y:auto}.modal-message{color:var(--text-secondary);white-space:pre-wrap;margin:0;font-size:.95rem;line-height:1.6}.modal-footer{justify-content:flex-end;gap:12px;padding:16px 24px 24px;display:flex}.modal-btn{cursor:pointer;text-align:center;border:none;border-radius:0;justify-content:center;min-width:90px;padding:10px 20px;font-size:.9rem;font-weight:500;transition:all .2s}.btn-cancel{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-cancel:hover{background:var(--bg-elevated);border-color:var(--text-secondary)}.btn-confirm{background:var(--accent-primary);color:#fff;box-shadow:0 4px 14px rgba(99,102,241,.35)}.btn-confirm:hover{background:var(--accent-strong);transform:translateY(-2px);box-shadow:0 8px 25px rgba(99,102,241,.5)}.btn-confirm:active{transform:translateY(0);box-shadow:0 2px 8px rgba(99,102,241,.3)}.modal-warning .modal-icon{color:var(--status-processing)}.modal-danger .modal-icon{color:var(--status-failed)}.modal-success .modal-icon{color:var(--status-done)}.modal-info .modal-icon{color:var(--accent-blue)}@media (max-width:768px){.modal-container{border-radius:0;max-width:100%}.modal-header{padding:20px 20px 14px}.modal-icon{font-size:1.5rem}.modal-title{font-size:1.1rem}.modal-body{padding:16px 20px}.modal-message{font-size:.875rem}.modal-footer{flex-direction:column-reverse;gap:10px;padding:14px 20px 20px}.modal-btn{width:100%;min-width:0;padding:10px 16px;font-size:.85rem}}.notif-panel-backdrop{z-index:900;display:none;position:fixed;top:0;bottom:0;left:0;right:0}.notif-panel-backdrop.open{display:block}.notif-panel{top:calc(max(16px, env(safe-area-inset-top)) + 50px);width:560px;max-height:calc(100dvh - max(84px, env(safe-area-inset-top) + 68px) - env(safe-area-inset-bottom));background:var(--bg-card);border:1px solid var(--border-color);z-index:950;opacity:0;pointer-events:none;transform-origin:100% 0;border-radius:0;flex-direction:column;transition:opacity .2s,transform .2s cubic-bezier(.175,.885,.32,1.275);display:flex;position:fixed;right:20px;transform:translateY(-10px)scale(.98);box-shadow:0 10px 40px rgba(0,0,0,.2)}.notif-panel.open{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.notif-panel:before{content:"";background:var(--bg-card);border-top:1px solid var(--border-color);border-left:1px solid var(--border-color);z-index:951;width:12px;height:12px;position:absolute;top:-7px;right:15px;transform:rotate(45deg)}.notif-panel-header{border-bottom:1px solid var(--border-color);background:0 0;border-radius:0;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.notif-panel-header h2{font-size:1.05rem;font-weight:600;font-family:var(--font-display);color:var(--text-primary);margin:0}.notif-panel-actions{align-items:center;gap:8px;display:flex}.notif-panel-action-btn{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border-radius:0;padding:4px 8px;font-size:.8rem;transition:all .15s}.notif-panel-action-btn:hover{background:var(--bg-hover,rgba(0,0,0,.05));color:var(--text-primary)}.notif-panel-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:1rem;transition:all .15s;display:flex}.notif-panel-close:hover{background:var(--bg-hover,rgba(255,255,255,.1));color:var(--text-primary)}.notif-panel-body{-webkit-overflow-scrolling:touch;border-radius:0;flex:1;padding:14px 20px 20px;overflow-y:auto}.notif-panel-body::-webkit-scrollbar{width:6px}.notif-panel-body::-webkit-scrollbar-track{background:0 0}.notif-panel-body::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:0}.notif-panel-body::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.notif-panel-body .app-page,.notif-panel-body .page-container,.notif-panel-body .dashboard-container{max-width:none;padding:0}.notif-panel-body .page-header{display:none}.notif-panel-body .form-section{margin-bottom:8px}.notif-panel-loading,.notif-panel-empty{color:var(--text-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.notif-panel-loading .loading-spinner{width:24px;height:24px;margin-bottom:12px}.notif-panel-empty>div:first-child{opacity:.5;margin-bottom:12px;font-size:2rem}.notif-panel-error{color:var(--accent-red);cursor:pointer;text-align:center;background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.3);margin:0 14px 10px;padding:8px 14px;font-size:.8rem}@media (max-width:768px){.notif-panel{top:calc(max(16px, env(safe-area-inset-top)) + 50px);width:auto;max-height:calc(100dvh - max(76px, env(safe-area-inset-top) + 60px) - env(safe-area-inset-bottom));left:10px;right:10px}.notif-panel-header{flex-wrap:wrap;align-items:flex-start;gap:10px}.notif-panel-actions{flex-wrap:wrap;justify-content:flex-end;width:100%}.notif-panel-body{padding-bottom:calc(20px + env(safe-area-inset-bottom))}.notif-panel-action-btn{white-space:normal}.notif-panel:before{right:25px}}