:root{--bg:#f5f6f8;--surface:#fff;--border:#e5e7eb;--text:#33364a;--text-muted:#6b7280;--text-faint:#9ca3af;--primary:#2f6fed;--primary-hover:#245ad0;--danger:#d64545;--danger-bg:#fdecec;--success:#1ea672;--sidebar-w:280px;--header-h:64px;color:var(--text);background:var(--bg);font:14px/1.5 -apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0}h1,h2,h3{color:var(--text);margin:0}button{font:inherit;cursor:pointer}input,select,textarea{font:inherit}a{color:inherit}#root{min-height:100vh}.gate{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.gate-card{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:12px;width:320px;padding:28px}.gate-logo{background:var(--primary);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;margin:0 auto 12px;font-weight:700;display:flex}.gate-card h1{margin-bottom:4px;font-size:20px}.gate-card p{color:var(--text-faint);margin-bottom:16px;font-size:12px}.gate-card label{text-align:left;color:var(--text-muted);flex-direction:column;gap:4px;margin-bottom:12px;font-size:12px;display:flex}.gate-card input{border:1px solid var(--border);border-radius:6px;padding:8px 10px}.gate-card .btn{justify-content:center;width:100%;margin-top:4px}.sidebar{width:var(--sidebar-w);min-width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);flex-direction:column;height:100vh;display:flex;overflow-y:auto}.sidebar-brand{align-items:center;gap:10px;padding:18px 20px;display:flex}.sidebar-logo{background:var(--primary);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:15px;font-weight:700;display:flex}.sidebar-brand-name{color:var(--text);font-size:15px;font-weight:700}.sidebar-brand-tag{color:var(--text-faint);font-size:11px}.sidebar-section{border:1px solid var(--border);background:var(--bg);color:var(--text-muted);text-align:left;border-radius:8px;align-items:center;gap:8px;margin:4px 12px 8px;padding:8px 10px;font-size:13px;font-weight:600;display:flex}.sidebar-section .chev{margin-left:auto;transition:transform .15s}.sidebar-section .chev-open{transform:rotate(180deg)}.sidebar-nav{flex-direction:column;gap:2px;padding:0 10px 16px;display:flex}.sidebar-item{color:var(--text);border-radius:8px;align-items:flex-start;gap:10px;padding:8px 10px;text-decoration:none;display:flex}.sidebar-item:hover{background:var(--bg)}.sidebar-item.active{color:#fff}.sidebar-item.active .sidebar-item-desc{color:#ffffffd9}.sidebar-item-icon{flex-shrink:0;margin-top:1px}.sidebar-item-text{flex-direction:column;line-height:1.3;display:flex}.sidebar-item-label{font-size:13px;font-weight:600}.sidebar-item-desc{color:var(--text-faint);font-size:11px}.top-header{height:var(--header-h);min-height:var(--header-h);background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:18px;padding:0 24px;display:flex}.icon-btn{border:1px solid var(--border);background:var(--surface);width:34px;height:34px;color:var(--text-muted);border-radius:8px;justify-content:center;align-items:center;display:flex}.menu-btn{border:none}.icon-btn-accent{background:var(--success);border-color:var(--success);color:#fff}.top-header-title-row{align-items:center;gap:8px;display:flex}.top-header-title h1{font-size:18px;font-weight:700}.badge-pill{color:var(--primary);background:#e8f0fe;border-radius:999px;padding:2px 7px;font-size:10px;font-weight:700}.top-header-subtitle{color:var(--text-faint);font-size:12px}.top-header-search{border:1px solid var(--border);background:var(--bg);max-width:380px;color:var(--text-faint);border-radius:8px;flex:1;align-items:center;gap:8px;padding:7px 12px;display:flex}.top-header-search input{width:100%;color:var(--text);background:0 0;border:none;outline:none;font-size:13px}.top-header-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.user-name{white-space:nowrap;font-size:13px;font-weight:600}.renew-btn{background:var(--primary);color:#fff;border:none;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600}.verified-icon{color:var(--success)}.user-avatar{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:flex}.app-shell{height:100vh;display:flex}.app-shell-main{flex-direction:column;flex:1;min-width:0;display:flex}.app-shell-content{flex:1;padding:24px;overflow-y:auto}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;flex:1;min-width:180px;padding:16px}.stat-card-top{justify-content:space-between;align-items:flex-start;display:flex}.stat-card-label{color:var(--text-faint);margin-bottom:6px;font-size:12px}.stat-card-value{font-size:24px;font-weight:700}.stat-card-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.stat-card-hint{color:var(--text-faint);margin-top:8px;font-size:11px}.dash-hero{color:#fff;background:linear-gradient(135deg,#3f6fee,#2647c9);border-radius:14px;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding:24px 28px;display:flex}.dash-hero h2{color:#fff;margin-bottom:4px;font-size:22px}.dash-hero p{color:#ffffffd9;margin:0 0 12px;font-size:13px}.dash-hero-stats{color:#ffffffe6;gap:18px;font-size:12px;display:flex}.dash-hero-stats .dot{border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block}.dot-blue{background:#93c5fd}.dot-purple{background:#d8b4fe}.dash-hero-icon{background:#ffffff26;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.dash-grid{gap:14px;margin-bottom:14px;display:flex}.dash-section-title{margin:20px 0 12px;font-size:15px;font-weight:700}.dash-chart-placeholder{background:var(--surface);border:1px dashed var(--border);text-align:center;color:var(--text-faint);border-radius:10px;padding:60px;font-size:13px}.page-header{align-items:flex-start;gap:14px;margin-bottom:20px;display:flex}.page-header-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.page-header-text h2{font-size:19px;font-weight:700}.page-header-text p{color:var(--text-faint);margin-top:2px;font-size:13px}.page-header-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.empty-state{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:80px 20px;display:flex}.empty-state-icon{color:var(--text-faint);opacity:.5;margin-bottom:10px}.empty-state-title{font-size:15px;font-weight:700}.empty-state-subtitle{color:var(--text-faint);margin-bottom:14px;font-size:13px}.modal-backdrop{z-index:50;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card{background:var(--surface);border-radius:12px;width:360px;max-height:85vh;padding:22px;overflow-y:auto}.modal-card h3{margin-bottom:14px;font-size:16px}.modal-form label{color:var(--text-muted);flex-direction:column;gap:4px;margin-bottom:12px;font-size:12px;display:flex}.modal-form input,.modal-form select,.modal-form textarea{border:1px solid var(--border);border-radius:6px;padding:8px 10px}.modal-actions{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.qr-modal-body{text-align:center}.qr-modal-body img{border:1px solid var(--border);border-radius:8px;margin-bottom:12px}.qr-modal-body p{color:var(--text-faint);margin-bottom:14px;font-size:12px}.error{color:var(--danger);margin:-4px 0 4px;font-size:12px}.cap-pill{color:var(--primary);background:#e8f0fe;border-radius:999px;margin-left:6px;padding:2px 8px;font-size:11px;font-weight:700}.device-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=1100px){.device-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.device-grid{grid-template-columns:1fr}}.device-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:16px}.device-card-top{align-items:center;gap:8px;margin-bottom:4px;display:flex}.dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.dot-green{background:var(--success)}.device-card-top strong{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;overflow:hidden}.status-pill{white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:700}.status-connected{color:var(--success);background:#e8f8f1}.status-disconnected{background:var(--danger-bg);color:var(--danger)}.status-pending_qr{color:#b8860b;background:#fff6e0}.status-logged_out{color:var(--text-faint);background:#f1f1f4}.icon-btn-ghost.danger-hover:hover{background:var(--danger-bg);color:var(--danger)}.device-card-session{color:var(--text-faint);margin-bottom:10px;font-size:11px}.device-card-row{color:var(--text-muted);justify-content:space-between;padding:4px 0;font-size:12px;display:flex}.btn-block{justify-content:center;width:100%;margin-top:8px}.sm-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;max-width:620px;padding:20px}.sm-label{color:var(--text-muted);margin:14px 0 6px;font-size:12px;font-weight:600;display:block}.sm-select,.sm-textarea{border:1px solid var(--border);background:var(--bg);border-radius:7px;width:100%;padding:9px 11px;font-size:13px}.sm-warning{color:#8a6d1e;background:#fff8e8;border:1px solid #f0d98a;border-radius:8px;gap:10px;margin-top:12px;padding:12px;display:flex}.sm-warning strong{font-size:12px;display:block}.sm-warning p{margin:2px 0 0;font-size:12px}.sm-section-title{margin-top:18px;font-size:13px;font-weight:700}.sm-toggle{color:var(--text-muted);align-items:center;gap:10px;margin-top:8px;font-size:12px;display:flex}.sm-toggle-btn{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);border-radius:6px;align-items:center;gap:5px;padding:5px 10px;font-size:12px;display:inline-flex}.sm-toggle-btn.active{border-color:var(--primary);color:var(--primary);background:#e8f0fe}.sm-results{margin-top:14px;padding:0;font-size:12px;list-style:none}.sm-results li{padding:4px 0}.sm-results .ok{color:var(--success)}.sm-results .fail{color:var(--danger)}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.toolbar-search{border:1px solid var(--border);background:var(--surface);min-width:220px;color:var(--text-faint);border-radius:7px;flex:1;align-items:center;gap:8px;padding:8px 12px;display:flex}.toolbar-search input{width:100%;color:var(--text);background:0 0;border:none;outline:none;font-size:13px}.toolbar-select{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);border-radius:7px;padding:8px 10px;font-size:13px}.data-table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow-x:auto}table.data-table{border-collapse:collapse;width:100%;font-size:13px}table.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.03em;color:var(--text-faint);border-bottom:1px solid var(--border);white-space:nowrap;padding:12px 16px;font-size:11px}table.data-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:12px 16px}table.data-table tr:last-child td{border-bottom:none}.tag-pill{color:var(--primary);white-space:nowrap;background:#e8f0fe;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:700}.row-actions{gap:6px;display:flex}.icon-btn-ghost{color:var(--text-faint);background:0 0;border:none;border-radius:6px;padding:4px}.icon-btn-ghost:hover{background:var(--bg);color:var(--text)}.bulk-stats{flex-wrap:wrap;gap:12px;margin-bottom:18px;display:flex}.bulk-stats>*{min-width:150px}.campaign-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=900px){.campaign-grid{grid-template-columns:1fr}}.campaign-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:14px 16px}.campaign-card-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.campaign-progress{background:var(--bg);border-radius:999px;height:6px;margin-bottom:8px;overflow:hidden}.campaign-progress-bar{background:var(--primary);height:100%}.campaign-card-meta{color:var(--text-faint);justify-content:space-between;padding:2px 0;font-size:11px;display:flex}.campaign-card-actions{gap:8px;margin-top:10px;display:flex}.status-draft{color:var(--text-faint);background:#f1f1f4}.status-running{color:var(--success);background:#e8f8f1}.status-completed{color:var(--primary);background:#e8f0fe}.status-paused{color:#b8860b;background:#fff6e0}.status-scheduled{color:#7b5ce0;background:#f1eaff}.tabs-strip{border-bottom:1px solid var(--border);gap:22px;margin-bottom:18px;display:flex}.tab{color:var(--text-faint);background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:10px 0;font-size:13px;font-weight:600;display:inline-flex}.tab.active{color:var(--primary);border-bottom-color:var(--primary)}.tab-count{background:var(--bg);color:var(--text-muted);border-radius:999px;padding:1px 6px;font-size:10px}.livechat{height:calc(100vh - var(--header-h) - 48px);border:1px solid var(--border);background:var(--surface);border-radius:10px;display:flex;overflow:hidden}.livechat-list{border-right:1px solid var(--border);flex-direction:column;width:300px;display:flex}.livechat-list-header{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:14px 16px;display:flex}.livechat-search{padding:10px 12px}.livechat-search input{border:1px solid var(--border);border-radius:6px;width:100%;padding:7px 10px}.livechat-conversations{flex:1;overflow-y:auto}.conv-item{text-align:left;border:none;border-bottom:1px solid var(--border);background:0 0;gap:10px;width:100%;padding:10px 14px;display:flex}.conv-item.active,.conv-item:hover{background:var(--bg)}.conv-avatar{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:flex}.conv-body{flex:1;min-width:0}.conv-top{justify-content:space-between;font-size:12px;display:flex}.conv-top span{color:var(--text-faint);font-size:10px}.conv-preview{color:var(--text-faint);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.livechat-pane{flex-direction:column;flex:1;display:flex}.livechat-empty{color:var(--text-faint);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;display:flex}.livechat-pane-header{border-bottom:1px solid var(--border);padding:14px 16px}.livechat-thread{flex-direction:column;flex:1;gap:10px;padding:16px;display:flex;overflow-y:auto}.thread-msg-bubble{background:var(--bg);border-radius:10px;max-width:60%;padding:8px 12px;font-size:13px;display:inline-block}.thread-msg-time{color:var(--text-faint);margin-top:2px;font-size:10px}.livechat-reply{border-top:1px solid var(--border);gap:8px;padding:12px 16px;display:flex}.livechat-reply input{border:1px solid var(--border);border-radius:8px;flex:1;padding:9px 12px}.muted-p{color:var(--text-faint);font-size:11px}.settings-grid{grid-template-columns:1fr 1fr;gap:32px;display:grid}.settings-grid h3,.settings-card h3{margin-bottom:12px;font-size:14px}.theme-row{gap:10px;margin-bottom:16px;display:flex}.theme-swatch{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:14px 20px;font-size:12px;display:flex}.theme-swatch.active{border-color:var(--primary);color:var(--primary);background:#e8f0fe}.settings-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:20px}.kv-row{border-bottom:1px solid var(--border);justify-content:space-between;padding:6px 0;font-size:13px;display:flex}.settings-note{color:var(--text-faint);margin:8px 0 14px;font-size:12px;line-height:1.5}.btn{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:7px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-danger{background:var(--danger-bg);border-color:var(--danger-bg);color:var(--danger)}