:root{--brand-900:#211a38;--brand-800:#39265f;--brand-700:#50379f;--brand-600:#6548c5;--brand-500:#7b5ccb;--brand-400:#b6a5e4;--brand-100:#d8cef3;--brand-50:#f8f6fd;--primary:var(--brand-600);--primary-hover:var(--brand-700);--secondary:var(--brand-100);--navy:var(--brand-800);--blue:var(--brand-600);--blue-light:var(--brand-50);--white:#fff;--bg:#f8f6fd;--surface:#fff;--surface-2:#f0ecfa;--text:#252038;--text-secondary:#625c70;--text-inverse:#fff;--success:#059669;--success-text:#065f46;--success-bg:#d1fae5;--warning:#d97706;--warning-bg:#fef3c7;--danger:#dc2626;--danger-bg:#fee2e2;--info:#0ea5e9;--info-bg:#e0f2fe;--muted-bg:#f1f5f9;--border:#e8e2f4;--border-strong:#d8cef3;--shadow-xs:0 1px 0 #211a380a;--shadow-sm:0 1px 3px #211a380f;--shadow-md:0 4px 14px #211a3812;--shadow-lg:0 16px 32px #211a381f;--shadow-ring:0 0 0 3px #6548c52e;--radius-xs:2px;--radius-sm:4px;--radius:6px;--radius-lg:8px;--radius-xl:10px;--sidebar-w:268px;--topbar-h:72px;--font-display:"Manrope", "Inter", system-ui, sans-serif;--font-body:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "Cascadia Code", monospace}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:radial-gradient(1200px 600px at -10% -20%, #6548c50f, transparent 60%), radial-gradient(900px 500px at 110% 0%, #6548c50d, transparent 55%), var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;margin:0;font-size:14.5px;line-height:1.55}h1,h2,h3,h4,h5{font-family:var(--font-display);color:var(--brand-800);letter-spacing:-.015em;margin:0;font-weight:800}p{margin:0}a{color:var(--brand-700);text-decoration:none}a:hover{color:var(--brand-600)}button{cursor:pointer;background:0 0;border:0;font-family:inherit}ul{margin:0;padding:0;list-style:none}input,select,textarea{color:var(--text);font-family:inherit;font-size:13.5px}::selection{background:var(--brand-500);color:#fff}:focus-visible{outline:2px solid var(--brand-500);outline-offset:2px}.icon{stroke-width:2px;flex-shrink:0;width:18px;height:18px}.icon-sm{width:14px;height:14px}.icon-lg{width:22px;height:22px}.spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#login-screen{z-index:500;background:radial-gradient(circle at 12% 18%, #ffffff24, transparent 45%), radial-gradient(circle at 88% 82%, #ffffff1a, transparent 50%), linear-gradient(140deg, var(--brand-800) 0%, var(--brand-600) 60%, var(--brand-500) 100%);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.login-card{background:var(--white);border-radius:var(--radius-xl);width:440px;max-width:100%;box-shadow:var(--shadow-lg);border:1px solid #fff9;padding:44px 40px 34px}.login-brand{align-items:center;gap:12px;margin-bottom:30px;display:flex}.login-brand .brand-mark{background:linear-gradient(135deg, var(--brand-600), var(--brand-800));color:#fff;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;display:flex;box-shadow:0 6px 16px #6548c559}.login-brand .brand-text{font-family:var(--font-display);color:var(--brand-800);letter-spacing:-.01em;font-size:17px;font-weight:800}.login-brand .brand-sub{color:var(--text-secondary);letter-spacing:.05em;text-transform:uppercase;font-size:11px;font-weight:600}.login-card h1{margin-bottom:6px;font-size:24px}.login-card .login-desc{color:var(--text-secondary);margin-bottom:28px;font-size:13.5px;display:block}.form-group{margin-bottom:16px}.form-group label{color:var(--text);margin-bottom:6px;font-size:12.5px;font-weight:600;display:block}.form-group input:not([type=checkbox]):not([type=radio]),.form-group textarea,.form-group select,.form-control{border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--white);width:100%;color:var(--text);padding:12px 14px;transition:border-color .15s,box-shadow .15s,background .15s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus,.form-control:focus{border-color:var(--brand-500);box-shadow:var(--shadow-ring);outline:none}.form-group textarea{resize:vertical;line-height:1.6}.form-group select{cursor:pointer}.form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.btn{border-radius:var(--radius-sm);white-space:nowrap;background:var(--surface-2);color:var(--text);border:1.5px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:13.5px;font-weight:600;transition:transform 60ms,background .15s,border-color .15s,box-shadow .15s,color .15s;display:inline-flex}.btn:hover{background:var(--brand-50);color:var(--brand-800)}.btn-primary{background:linear-gradient(135deg, var(--brand-600), var(--brand-700));color:#fff;border-color:#0000;box-shadow:0 6px 16px #6548c547}.btn-primary:hover{background:linear-gradient(135deg, var(--brand-700), var(--brand-800));color:#fff;box-shadow:0 8px 20px #50379f59}.btn-block{width:100%;padding:13px}.btn-secondary{background:var(--white);border-color:var(--border-strong);color:var(--text)}.btn-secondary:hover{background:var(--brand-50);border-color:var(--brand-500);color:var(--brand-800)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{background:var(--muted-bg);color:var(--text)}.btn-sm{border-radius:8px;padding:6px 12px;font-size:12.5px}.btn-danger-outline{border-color:var(--danger);color:var(--danger);background:#fff}.btn-danger-outline:hover{background:var(--danger-bg)}.btn-danger{background:var(--danger);color:#fff;border-color:var(--danger)}.btn-danger:hover{background:#b91c1c}.login-hint{border-radius:var(--radius-sm);background:var(--brand-50);color:var(--brand-800);border:1px solid var(--brand-100);align-items:flex-start;gap:8px;margin-top:20px;padding:12px 14px;font-size:12.5px;display:flex}.login-hint .icon{flex-shrink:0;margin-top:1px}.login-footer{text-align:center;color:var(--text-secondary);margin-top:24px;font-size:11.5px}#app-shell{min-height:100vh;display:none}#app-shell.visible{display:block}.sidebar{width:var(--sidebar-w);z-index:100;background:linear-gradient(180deg, var(--brand-800) 0%, var(--brand-900) 100%);color:#fff;flex-direction:column;transition:transform .25s,width .25s;display:flex;position:fixed;top:0;bottom:0;left:0;box-shadow:0 0 40px #211a381f}.sidebar:before{content:"";pointer-events:none;background:radial-gradient(600px 300px at 20% 0,#ffffff14,#0000 60%);position:absolute;inset:0}.sidebar-header{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;padding:22px 22px 20px;display:flex;position:relative}.sidebar-header .brand-mark{background:linear-gradient(135deg, var(--brand-400), var(--brand-600));color:#fff;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex;box-shadow:0 6px 16px #6548c566}.sidebar-header .brand-text{font-family:var(--font-display);letter-spacing:-.01em;color:#fff;font-size:16px;font-weight:800}.sidebar-header .brand-sub{color:#ffffff8c;text-transform:uppercase;letter-spacing:.06em;margin-top:1px;font-size:10.5px;font-weight:600}.sidebar-nav{flex:1;padding:14px 12px;position:relative;overflow-y:auto}.nav-section-label{text-transform:uppercase;letter-spacing:.08em;color:#fff6;padding:16px 12px 6px;font-size:10.5px;font-weight:700}.nav-item{color:#ffffffbf;border-radius:10px;align-items:center;gap:11px;margin-bottom:2px;padding:10px 12px;font-size:13.5px;font-weight:500;transition:background .15s,color .15s;display:flex;position:relative}.nav-item .icon{opacity:.9}.nav-item:hover{color:#fff;background:#ffffff14}.nav-item.active{color:#fff;background:linear-gradient(90deg,#b6a5e43d,#ffffff0f);font-weight:700}.nav-item.active:before{content:"";background:var(--brand-400);border-radius:0 4px 4px 0;width:3px;position:absolute;top:8px;bottom:8px;left:-12px;box-shadow:0 0 12px #b6a5e499}.nav-item .badge-count{font-size:10.5px;font-family:var(--font-mono);color:#fff;background:#b6a5e440;border-radius:20px;margin-left:auto;padding:1px 8px;font-weight:700}.nav-item.highlight{background:linear-gradient(90deg,#b6a5e433,#ffffff0a)}.nav-item.highlight .icon{color:var(--brand-400)}.sidebar-assistant{border-radius:var(--radius);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(160deg,#b6a5e424,#ffffff0a);border:1px solid #ffffff1f;margin:10px 14px 14px;padding:16px}.sidebar-assistant .aa-head{align-items:center;gap:8px;margin-bottom:6px;display:flex}.sidebar-assistant .aa-dot{background:var(--brand-400);width:8px;height:8px;box-shadow:0 0 10px var(--brand-400);border-radius:50%;animation:1.6s ease-in-out infinite pulseDot}@keyframes pulseDot{0%,to{opacity:1}50%{opacity:.5}}.sidebar-assistant .aa-title{color:#fff;font-size:12.5px;font-weight:700}.sidebar-assistant .aa-desc{color:#ffffffa6;margin-bottom:12px;font-size:11.5px;line-height:1.45}.sidebar-assistant .btn{color:#fff;background:#ffffff24;border:1px solid #ffffff38;width:100%}.sidebar-assistant .btn:hover{color:#fff;background:#b6a5e447}.sidebar-collapse-btn{border-radius:var(--radius-sm);color:#ffffff8c;border-top:1px solid #ffffff14;justify-content:center;align-items:center;gap:6px;margin:4px 14px 14px;padding:10px;font-size:11.5px;display:flex}.sidebar-collapse-btn:hover{color:#fff}.main-wrap{margin-left:var(--sidebar-w);flex-direction:column;min-height:100vh;transition:margin-left .25s;display:flex}.topbar{height:var(--topbar-h);-webkit-backdrop-filter:saturate(160%)blur(10px);backdrop-filter:saturate(160%)blur(10px);border-bottom:1px solid var(--border);z-index:60;background:#ffffffd9;justify-content:space-between;align-items:center;padding:0 28px;display:flex;position:sticky;top:0}.topbar-left{align-items:center;gap:14px;min-width:0;display:flex}.topbar-toggle{color:var(--text-secondary);border-radius:8px;padding:6px;display:none}.topbar-toggle:hover{background:var(--muted-bg)}.topbar-titles{min-width:0}.breadcrumb{color:var(--text-secondary);align-items:center;gap:5px;margin-bottom:2px;font-size:11.5px;display:flex}.breadcrumb .sep{color:var(--border-strong)}.page-title{color:var(--brand-800);white-space:nowrap;text-overflow:ellipsis;font-size:19px;font-weight:800;overflow:hidden}.topbar-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.date-picker{border:1.5px solid var(--border);border-radius:var(--radius-sm);color:var(--text);background:#fff;align-items:center;gap:8px;padding:8px 14px;font-size:12.5px;font-weight:600;display:flex}.date-picker:hover{border-color:var(--brand-500);color:var(--brand-700)}.icon-btn{width:40px;height:40px;color:var(--text-secondary);border:1.5px solid var(--border);background:#fff;border-radius:12px;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.icon-btn:hover{background:var(--brand-50);color:var(--brand-700);border-color:var(--brand-500)}.btn-danger.icon-btn{color:var(--danger)}.btn-danger.icon-btn:hover{background:var(--danger-bg);border-color:var(--danger)}.icon-btn .dot{background:var(--danger);border:2px solid #fff;border-radius:50%;width:9px;height:9px;position:absolute;top:6px;right:7px}.topbar-profile{border:1.5px solid var(--border);background:#fff;border-radius:30px;align-items:center;gap:10px;padding:5px 14px 5px 5px;display:flex;position:relative}.topbar-profile:hover{background:var(--brand-50);border-color:var(--brand-500)}.avatar{background:linear-gradient(135deg, var(--brand-500), var(--brand-700));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;box-shadow:0 2px 8px #6548c54d}.avatar-lg{width:46px;height:46px;font-size:15px}.topbar-profile .tp-name{font-size:12.5px;font-weight:700;line-height:1.2}.topbar-profile .tp-role{color:var(--text-secondary);font-size:10.5px}.content{flex:1;width:100%;max-width:1600px;margin:0 auto;padding:26px 28px 60px}.view{animation:.25s fadeIn;display:none}.view.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);transition:box-shadow .2s,transform .2s,border-color .2s}.card-pad{padding:22px 24px}.card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.card-header h3{color:var(--brand-800);font-size:15.5px;font-weight:800}.card-header .card-sub{color:var(--text-secondary);margin-top:2px;font-size:12px;font-weight:500}.card-body{padding:22px 24px}.grid{gap:20px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-12{grid-template-columns:repeat(12,1fr)}.col-8{grid-column:span 8}.col-4{grid-column:span 4}.col-6{grid-column:span 6}.col-7{grid-column:span 7}.col-5{grid-column:span 5}.mt-18{margin-top:18px}.mt-24{margin-top:24px}.kpi-card{background:linear-gradient(160deg, #fff 0%, var(--brand-50) 100%);border:1px solid var(--border);padding:22px 24px;position:relative;overflow:hidden}.kpi-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#6548c51f,#0000 70%);border-radius:50%;width:120px;height:120px;position:absolute;top:-30px;right:-30px}.kpi-top{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.kpi-icon{background:linear-gradient(135deg, var(--brand-500), var(--brand-700));color:#fff;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;display:flex;box-shadow:0 4px 12px #6548c559}.kpi-label{color:var(--text-secondary);margin-bottom:8px;font-size:12.5px;font-weight:600}.kpi-value{font-family:var(--font-mono);color:var(--brand-800);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:32px;font-weight:700}.kpi-change{align-items:center;gap:4px;margin-top:10px;font-size:12px;font-weight:700;display:inline-flex}.kpi-change.up{color:var(--success)}.kpi-change.down{color:var(--danger)}.kpi-change .icon-sm{width:13px;height:13px}.perf-row{margin-bottom:14px}.perf-row:last-child{margin-bottom:0}.perf-row-top{justify-content:space-between;align-items:center;margin-bottom:6px;font-size:12.5px;display:flex}.perf-row-top .prt-label{align-items:center;gap:8px;font-weight:600;display:flex}.perf-row-top .prt-val{font-family:var(--font-mono);color:var(--text-secondary);font-weight:600}.progress-track{background:var(--muted-bg);border-radius:6px;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--brand-500), var(--brand-700));border-radius:6px;height:100%;transition:width .6s}.channel-dot{color:#fff;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.legend-list{flex-direction:column;gap:10px;margin-top:16px;display:flex}.legend-item{align-items:center;gap:10px;font-size:12.5px;display:flex}.legend-swatch{border-radius:3px;flex-shrink:0;width:10px;height:10px}.legend-item .li-name{color:var(--text);flex:1;font-weight:500}.legend-item .li-val{font-family:var(--font-mono);color:var(--text-secondary);font-weight:700}.table-wrap{overflow-x:auto}table.data-table,table.table{border-collapse:separate;border-spacing:0;width:100%;font-size:13.5px}.data-table thead th,table.table thead th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);border-bottom:1px solid var(--border);white-space:nowrap;background:var(--surface-2);padding:12px 18px;font-size:11px;font-weight:700}.data-table tbody td,table.table tbody td{border-bottom:1px solid var(--border);vertical-align:middle;padding:14px 18px}.data-table tbody tr:hover,table.table tbody tr:hover{background:var(--brand-50)}.data-table tbody tr:last-child td,table.table tbody tr:last-child td{border-bottom:none}.cell-user{align-items:center;gap:10px;display:flex}.cell-user .cu-name{font-size:13px;font-weight:700}.cell-user .cu-sub{color:var(--text-secondary);font-size:11.5px}.cell-flag{margin-right:5px;font-size:15px}.cell-score{font-family:var(--font-mono);font-weight:700}.td-actions{gap:6px;display:flex}.badge{white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.badge-success{background:var(--success-bg);color:var(--success-text)}.badge-warning{background:var(--warning-bg);color:#92400e}.badge-danger{background:var(--danger-bg);color:var(--danger)}.badge-info{background:var(--info-bg);color:#0369a1}.badge-muted,.badge-secondary{background:var(--muted-bg);color:var(--text-secondary)}.badge-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.score-pill{min-width:46px;font-family:var(--font-mono);border-radius:8px;justify-content:center;align-items:center;padding:4px 10px;font-size:12.5px;font-weight:700;display:inline-flex}.score-vhigh{background:var(--success-bg);color:var(--success-text)}.score-high{background:var(--info-bg);color:#0369a1}.score-mid{background:var(--warning-bg);color:#92400e}.score-low{background:var(--danger-bg);color:var(--danger)}.filters-bar{border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);background:#fff;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px;padding:16px 20px;display:flex}.filters-bar select,.filters-bar .form-control{border:1.5px solid var(--border);color:var(--text);background:#fff;border-radius:8px;padding:8px 12px;font-size:12.5px;font-weight:600}.search-input-wrap{flex:1;min-width:200px;position:relative}.search-input-wrap .icon{color:var(--text-secondary);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-input-wrap input{border:1.5px solid var(--border);border-radius:10px;width:100%;padding:9px 12px 9px 38px;font-size:12.5px}.search-input-wrap input:focus{border-color:var(--brand-500);box-shadow:var(--shadow-ring);outline:none}.page-head-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.page-head-row h2{margin-bottom:5px;font-size:24px;font-weight:800}.page-head-row .page-desc{color:var(--text-secondary);max-width:640px;font-size:13.5px;line-height:1.55}.empty-state{text-align:center;color:var(--text-secondary);padding:60px 20px}.empty-state .icon-lg{width:48px;height:48px;color:var(--border-strong);margin-bottom:12px}.empty-state h4{color:var(--text);margin-bottom:4px;font-size:15px}.empty-state p{font-size:12.5px}.pagination{color:var(--text-secondary);justify-content:space-between;align-items:center;padding:14px 20px;font-size:12.5px;display:flex}.pagination-pages{align-items:center;gap:4px;display:flex}.page-btn{width:30px;height:30px;color:var(--text-secondary);border-radius:8px;justify-content:center;align-items:center;font-weight:600;display:flex}.page-btn:hover{background:var(--brand-50);color:var(--brand-800)}.page-btn.active{background:var(--brand-600);color:#fff;box-shadow:0 4px 10px #6548c559}#toast-container{z-index:900;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:24px;right:24px}.toast{background:var(--brand-800);color:#fff;box-shadow:var(--shadow-lg);border-radius:12px;align-items:center;gap:10px;min-width:260px;padding:13px 18px;font-size:13px;font-weight:600;animation:.25s toastIn;display:flex}.toast.success{background:var(--success-text)}.toast .icon{color:var(--brand-400);flex-shrink:0}.toast.success .icon{color:var(--success-bg)}@keyframes toastIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:none}}.alert{border-radius:var(--radius-sm);border:1px solid #0000;margin-bottom:12px;padding:12px 14px;font-size:13px;font-weight:500}.alert-danger{background:var(--danger-bg);color:var(--danger);border-color:#dc262633}.alert-success{background:var(--success-bg);color:var(--success-text);border-color:var(--success)}.alert-info{background:var(--info-bg);color:#0369a1;border-color:#0ea5e933}.modal-overlay{z-index:400;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#211a3866;justify-content:center;align-items:center;padding:24px;display:none;position:fixed;inset:0}.modal-overlay.active{display:flex}.modal{border-radius:var(--radius-lg);width:560px;max-width:100%;max-height:88vh;box-shadow:var(--shadow-lg);background:#fff;flex-direction:column;animation:.2s modalIn;display:flex}.modal.modal-lg{width:780px}@keyframes modalIn{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:none}}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header h3{font-size:15.5px}.modal-close{width:32px;height:32px;color:var(--text-secondary);border-radius:10px;justify-content:center;align-items:center;display:flex}.modal-close:hover{background:var(--muted-bg);color:var(--text)}.modal-body{padding:22px 24px;overflow-y:auto}.modal-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.drawer-overlay{z-index:400;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#211a3866;justify-content:flex-end;display:none;position:fixed;inset:0}.drawer-overlay.active{display:flex}.drawer{width:480px;max-width:92vw;height:100%;box-shadow:var(--shadow-lg);background:#fff;flex-direction:column;animation:.25s drawerIn;display:flex}@keyframes drawerIn{0%{transform:translate(100%)}to{transform:none}}.drawer-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:22px 24px;display:flex}.drawer-body{flex:1;padding:22px 24px;overflow-y:auto}.tabs{border-bottom:1.5px solid var(--border);gap:4px;padding:0 4px;display:flex;overflow-x:auto}.tab-btn{color:var(--text-secondary);white-space:nowrap;border-bottom:2.5px solid #0000;padding:12px 18px;font-size:13px;font-weight:600}.tab-btn:hover{color:var(--text)}.tab-btn.active{color:var(--brand-700);border-color:var(--brand-500)}.tab-panel{display:none}.tab-panel.active{display:block}.switch{flex-shrink:0;width:42px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.switch-track{cursor:pointer;background:var(--border-strong);border-radius:24px;transition:all .2s;position:absolute;inset:0}.switch-track:before{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:all .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.switch input:checked+.switch-track{background:var(--brand-500)}.switch input:checked+.switch-track:before{transform:translate(18px)}.switch-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.switch-row:last-child{border-bottom:none}.switch-row .sr-label{font-size:13px;font-weight:600}.switch-row .sr-desc{color:var(--text-secondary);margin-top:2px;font-size:11.5px}.chat-window{flex-direction:column;gap:14px;max-height:460px;padding:20px;display:flex;overflow-y:auto}.msg-row{gap:10px;max-width:78%;display:flex}.msg-row.user{flex-direction:row-reverse;align-self:flex-end}.msg-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:11px;font-weight:700;display:flex}.msg-avatar.ai{background:linear-gradient(135deg, var(--brand-500), var(--brand-700))}.msg-avatar.user{background:#94a3b8}.msg-bubble{border-radius:16px;padding:11px 15px;font-size:13.5px;line-height:1.55}.msg-row.ai .msg-bubble{background:var(--brand-50);color:var(--text);border:1px solid var(--brand-100);border-bottom-left-radius:4px}.msg-row.user .msg-bubble{background:linear-gradient(135deg, var(--brand-600), var(--brand-700));color:#fff;border-bottom-right-radius:4px}.msg-time{color:var(--text-secondary);margin-top:4px;font-size:10.5px;display:block}.msg-row.user .msg-time{text-align:right}.chat-input-bar{border-top:1px solid var(--border);gap:10px;padding:16px 20px;display:flex}.chat-input-bar input{border:1.5px solid var(--border);border-radius:24px;flex:1;padding:11px 16px;font-size:13.5px}.chat-input-bar input:focus{border-color:var(--brand-500);box-shadow:var(--shadow-ring);outline:none}.chat-input-bar .btn{border-radius:50%;flex-shrink:0;width:44px;height:44px;padding:0}.typing-indicator{gap:3px;padding:10px 14px;display:flex}.typing-indicator span{background:var(--brand-500);opacity:.5;border-radius:50%;width:6px;height:6px;animation:1.2s infinite typingBounce}.typing-indicator span:nth-child(2){animation-delay:.15s}.typing-indicator span:nth-child(3){animation-delay:.3s}@keyframes typingBounce{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.skeleton{background:linear-gradient(90deg, var(--muted-bg) 25%, #f0ecfa 37%, var(--muted-bg) 63%);background-size:400% 100%;border-radius:8px;animation:1.4s infinite skeletonLoad}@keyframes skeletonLoad{0%{background-position:100%}to{background-position:0}}.field-with-select{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:10px 0;display:flex}.field-with-select:last-child{border-bottom:none}.field-with-select .fw-label{flex:1;font-size:13px;font-weight:600}.field-with-select select{border:1.5px solid var(--border);border-radius:8px;padding:7px 11px;font-size:12px;font-weight:600}.rep-assign-select{appearance:none;border:1.5px solid var(--border);background-color:var(--white);width:auto;max-width:100%;color:var(--text);cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'><path d='M1 1L5 5L9 1' stroke='%23707B8A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-position:right 10px center;background-repeat:no-repeat;background-size:10px 6px;border-radius:8px;padding:6px 28px 6px 10px;font-size:12px;font-weight:600;transition:border-color .15s,box-shadow .15s,background-color .15s}.rep-assign-select:hover{border-color:var(--brand-500);background-color:var(--muted-bg)}.rep-assign-select:focus{border-color:var(--brand-500);box-shadow:var(--shadow-ring);outline:none}.rep-assign-select:disabled{opacity:.55;cursor:not-allowed}.lang-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.lang-item{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.lang-item .li-name{font-size:12.5px;font-weight:600}.textarea-lg{border-radius:var(--radius-sm);border:1.5px solid var(--border);width:100%;min-height:220px;font-family:var(--font-body);resize:vertical;padding:14px 16px;font-size:13.5px;line-height:1.6}.textarea-lg:focus{border-color:var(--brand-500);box-shadow:var(--shadow-ring);outline:none}.textarea-meta{color:var(--text-secondary);justify-content:space-between;margin-top:8px;font-size:11.5px;display:flex}.section-title-sm{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);margin-bottom:12px;font-size:11.5px;font-weight:700}.op-card{flex-direction:column;gap:16px;padding:22px;display:flex}.op-card-top{justify-content:space-between;align-items:flex-start;display:flex}.op-icon{background:linear-gradient(135deg, var(--brand-500), var(--brand-700));color:#fff;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 4px 12px #6548c54d}.op-title{margin-bottom:2px;font-size:15px;font-weight:800}.op-tags{color:var(--text-secondary);font-size:11.5px}.op-stats{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.op-stat{background:var(--surface-2);border-radius:10px;padding:10px 12px}.op-stat .os-val{font-family:var(--font-mono);color:var(--brand-800);font-size:15px;font-weight:700}.op-stat .os-label{color:var(--text-secondary);margin-top:2px;font-size:10.5px}.op-card-actions{gap:8px;display:flex}.op-card-actions .btn{flex:1}.faq-item{border-bottom:1px solid var(--border);padding:14px 0}.faq-item:last-child{border-bottom:none}.faq-q{justify-content:space-between;align-items:center;gap:10px;display:flex}.faq-q-text{font-size:13.5px;font-weight:700}.faq-a{color:var(--text-secondary);margin-top:6px;font-size:12.5px;line-height:1.55}.faq-meta{gap:8px;margin-top:8px;display:flex}.version-row{border-bottom:1px solid var(--border);align-items:center;gap:14px;padding:14px 0;display:flex}.version-row:last-child{border-bottom:none}.version-badge{font-family:var(--font-mono);color:var(--brand-700);background:var(--brand-50);text-align:center;border:1px solid var(--brand-100);border-radius:8px;min-width:50px;padding:4px 10px;font-size:12.5px;font-weight:800}.version-info{flex:1}.version-change{font-size:12.5px;font-weight:600}.version-meta{color:var(--text-secondary);margin-top:2px;font-size:11px}.detail-header{align-items:flex-start;gap:20px;padding:24px;display:flex}.detail-header-info{flex:1}.detail-header-info h2{margin-bottom:4px;font-size:20px}.detail-meta-row{flex-wrap:wrap;gap:8px 18px;margin-top:12px;display:flex}.detail-meta-item{color:var(--text-secondary);align-items:center;gap:6px;font-size:12px;display:flex}.detail-meta-item .icon-sm{color:var(--text-secondary)}.detail-stat-strip{background:var(--surface-2);border-top:1px solid var(--border);border-bottom:1px solid var(--border);flex-wrap:wrap;gap:24px;padding:18px 24px;display:flex}.dss-item .dss-label{text-transform:uppercase;color:var(--text-secondary);letter-spacing:.04em;margin-bottom:4px;font-size:10.5px;font-weight:700}.dss-item .dss-val{color:var(--brand-800);font-size:15px;font-weight:800}.ai-summary-card{background:linear-gradient(160deg, var(--brand-700), var(--brand-900));color:#fff;border-radius:var(--radius-lg);padding:22px 24px;box-shadow:0 10px 30px #211a3847}.ai-summary-card h4{color:#fff;align-items:center;gap:8px;margin-bottom:14px;font-size:14px;display:flex}.ai-summary-card ul{flex-direction:column;gap:10px;display:flex}.ai-summary-card li{color:#ffffffeb;gap:8px;font-size:12.5px;line-height:1.55;display:flex}.ai-summary-card li:before{content:"✓";color:var(--brand-400);flex-shrink:0;font-weight:700}.analysis-metric{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);padding:18px}.analysis-metric .am-icon{background:var(--brand-50);border:1px solid var(--brand-100);width:34px;height:34px;color:var(--brand-700);border-radius:10px;justify-content:center;align-items:center;margin-bottom:12px;display:flex}.analysis-metric .am-label{color:var(--text-secondary);margin-bottom:4px;font-size:11px;font-weight:600}.analysis-metric .am-val{color:var(--brand-800);font-size:17px;font-weight:800}.analysis-metric .am-sub{color:var(--text-secondary);margin-top:4px;font-size:11px}.topic-chip{background:var(--brand-50);color:var(--brand-800);border:1px solid var(--brand-100);border-radius:20px;align-items:center;margin:0 8px 8px 0;padding:6px 13px;font-size:12px;font-weight:600;display:inline-flex}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-8{gap:8px}.gap-10{gap:10px}.gap-14{gap:14px}.text-secondary{color:var(--text-secondary)}.font-mono{font-family:var(--font-mono)}.fw-700{font-weight:700}.mb-0{margin-bottom:0!important}.settings-nav{flex-direction:column;gap:2px;display:flex}.settings-nav-item{color:var(--text-secondary);border-radius:10px;padding:10px 14px;font-size:13px;font-weight:600}.settings-nav-item:hover{background:var(--muted-bg);color:var(--text)}.settings-nav-item.active{background:var(--brand-50);color:var(--brand-800)}.settings-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;padding:16px 0;display:flex}.settings-row:last-child{border-bottom:none}.settings-row .set-label{font-size:13.5px;font-weight:700}.settings-row .set-desc{color:var(--text-secondary);margin-top:3px;font-size:12px}.test-header-row{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:10px;padding:14px 20px;display:flex}.test-header-row select{border:1.5px solid var(--border);border-radius:10px;padding:8px 12px;font-size:12px;font-weight:600}.sidebar-backdrop{z-index:90;background:#211a3880;display:none;position:fixed;inset:0}@media (width<=1180px){.grid-4{grid-template-columns:repeat(2,1fr)}.col-8,.col-4,.col-7,.col-5{grid-column:span 12}.grid-12{grid-template-columns:repeat(1,1fr)}}@media (width<=900px){:root{--sidebar-w:268px}.sidebar{transform:translate(-100%)}body.sidebar-open .sidebar{transform:translate(0)}body.sidebar-open .sidebar-backdrop{display:block}.main-wrap{margin-left:0}.topbar-toggle{display:flex}.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.date-picker span{display:none}.form-row,.lang-grid{grid-template-columns:1fr}.content{padding:20px 16px 50px}}body.sidebar-collapsed .sidebar{width:78px}body.sidebar-collapsed .main-wrap{margin-left:78px}body.sidebar-collapsed .brand-text,body.sidebar-collapsed .brand-sub,body.sidebar-collapsed .nav-item span:not(.badge-count),body.sidebar-collapsed .nav-section-label,body.sidebar-collapsed .sidebar-assistant,body.sidebar-collapsed .sidebar-collapse-btn span{display:none}body.sidebar-collapsed .nav-item{justify-content:center}body.sidebar-collapsed .nav-item .badge-count{display:none}body.sidebar-collapsed .sidebar-header{justify-content:center;padding:22px 8px 20px}body{letter-spacing:-.005em;font-size:14px}h1,h2,h3,h4,h5{letter-spacing:-.02em;font-weight:700}h2{font-size:20px}h3{font-size:15px}.card,.card-pad,.kpi-card,.op-card,.op-stat,.filters-bar,.search-input-wrap input,.btn,.btn-primary,.btn-secondary,.btn-ghost,.btn-danger,.btn-danger-outline,.btn-sm,.btn-block,.form-control,.form-group input:not([type=checkbox]):not([type=radio]),.form-group textarea,.form-group select,.textarea-lg,.date-picker,.icon-btn,.modal,.drawer,.alert,.toast,.settings-nav-item,.lang-item,.analysis-metric,.analysis-metric .am-icon,.version-badge,.op-icon,.chat-input-bar input,.data-table thead th,table.table thead th,.filters-bar select,.filters-bar .form-control,.test-header-row select,.field-with-select select,.op-stat,.msg-bubble{border-radius:4px}.card,.op-card,.kpi-card{border-radius:6px}.login-card{border-radius:8px}.modal,.drawer{border-radius:6px}.ai-summary-card{border-radius:8px}.avatar,.avatar-lg,.msg-avatar,.sidebar-assistant .aa-dot,.icon-btn .dot,.typing-indicator span,.channel-dot{border-radius:50%}.channel-dot{border-radius:4px}.badge,.score-pill,.topic-chip{border-radius:999px}.progress-track,.progress-fill{border-radius:3px}.msg-bubble{border-radius:6px}.msg-row.ai .msg-bubble{border-bottom-left-radius:2px}.msg-row.user .msg-bubble{border-bottom-right-radius:2px}.topbar-profile{border-radius:4px;padding:5px 12px 5px 5px}.chat-input-bar input{border-radius:4px}.chat-input-bar .btn{border-radius:4px;width:auto;height:auto;padding:10px 14px}.nav-item{border-radius:4px}.nav-item.active:before{border-radius:0 2px 2px 0}.card,.kpi-card,.filters-bar,.analysis-metric,.lang-item,.modal,.drawer,.op-stat,.date-picker,.icon-btn,.topbar-profile,.form-control,.form-group input:not([type=checkbox]):not([type=radio]),.form-group textarea,.form-group select,.textarea-lg,.search-input-wrap input,.chat-input-bar input,.filters-bar select,.filters-bar .form-control,.test-header-row select,.field-with-select select,.btn,.btn-primary,.btn-secondary,.btn-ghost,.btn-danger,.btn-danger-outline{border-width:1px}.btn-primary,.btn-primary:hover,.avatar,.kpi-icon,.op-icon,.sidebar,.sidebar-header .brand-mark{box-shadow:none}.card:hover{box-shadow:var(--shadow-xs)}.data-table thead th,table.table thead th{border-bottom:1px solid var(--border);color:var(--text-secondary);background:0 0;font-size:10.5px}.filters-bar{box-shadow:none}.login-card{padding:36px 32px 28px}.btn:active{transform:none}.tabs{border-bottom-width:1px}.tab-btn{border-bottom-width:2px}