.login-page[data-v-9a936e28]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f0f2f5;position:relative}.login-card[data-v-9a936e28]{background:#fff;border-radius:12px;padding:40px 36px;width:380px;box-shadow:0 2px 16px #00000014}.login-header[data-v-9a936e28]{display:flex;align-items:center;gap:16px;margin-bottom:28px}.login-logo[data-v-9a936e28]{width:48px;height:48px;border-radius:12px;overflow:hidden;background:#f5f5f5;display:flex;align-items:center;justify-content:center}.logo-img[data-v-9a936e28]{width:36px;height:36px}.login-brand h1[data-v-9a936e28]{margin:0;font-size:22px;font-weight:700;color:#1a1a1a}.login-subtitle[data-v-9a936e28]{margin:2px 0 0;font-size:13px;color:#999}.login-tabs[data-v-9a936e28]{display:flex;gap:0;margin-bottom:24px;border-bottom:2px solid #eee}.tab-btn[data-v-9a936e28]{flex:1;padding:10px 0;border:none;background:none;font-size:15px;color:#999;cursor:pointer;position:relative;transition:color .2s}.tab-btn.active[data-v-9a936e28]{color:#1a1a1a;font-weight:600}.tab-btn.active[data-v-9a936e28]:after{content:"";position:absolute;bottom:-2px;left:20%;right:20%;height:2px;background:#1a1a1a;border-radius:1px}.login-error[data-v-9a936e28]{background:#fef2f2;color:#dc2626;padding:10px 14px;border-radius:8px;font-size:13px;margin-bottom:16px}.login-form .form-group[data-v-9a936e28]{margin-bottom:16px}.form-label[data-v-9a936e28]{display:block;font-size:13px;color:#666;margin-bottom:6px}.form-input[data-v-9a936e28]{width:100%;padding:10px 14px;border:1px solid #ddd;border-radius:8px;font-size:14px;outline:none;box-sizing:border-box;transition:border-color .2s}.form-input[data-v-9a936e28]:focus{border-color:#1a1a1a}.btn[data-v-9a936e28]{border:none;border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;transition:opacity .2s}.btn[data-v-9a936e28]:disabled{opacity:.6;cursor:not-allowed}.btn-primary[data-v-9a936e28]{background:#1a1a1a;color:#fff}.btn-primary[data-v-9a936e28]:hover:not(:disabled){background:#333}.qr-section[data-v-9a936e28]{text-align:center}.qr-box[data-v-9a936e28]{width:200px;height:200px;margin:0 auto 16px;position:relative;border-radius:12px;overflow:hidden;background:#f5f5f5;display:flex;align-items:center;justify-content:center}.qr-placeholder[data-v-9a936e28]{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.qr-loading-text[data-v-9a936e28]{font-size:14px;color:#999}.qr-img[data-v-9a936e28]{width:200px;height:200px}.qr-overlay[data-v-9a936e28]{position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffffed;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.qr-overlay-text[data-v-9a936e28]{font-size:14px;color:#999}.qr-overlay-btn[data-v-9a936e28]{font-size:14px;color:#1a1a1a;font-weight:600;margin-top:8px}.qr-hint[data-v-9a936e28]{font-size:14px;color:#666;margin:0 0 6px}.qr-countdown[data-v-9a936e28]{font-size:12px;color:#999;margin:0}.qr-tips[data-v-9a936e28]{margin-top:16px;padding:10px 14px;background:#f0f7ff;border-radius:8px;font-size:12px;color:#555;text-align:left}.qr-tips p[data-v-9a936e28]:first-child{font-weight:600;margin-bottom:4px}.qr-tips p[data-v-9a936e28]{margin:2px 0}.beian-footer[data-v-9a936e28]{position:absolute;bottom:0;left:0;right:0;padding:14px 20px;display:flex;align-items:center;justify-content:center;gap:8px;z-index:1}.beian-link[data-v-9a936e28]{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--text-tertiary);text-decoration:none;transition:color .15s ease}.beian-link[data-v-9a936e28]:hover{color:var(--text-secondary);text-decoration:none}.beian-sep[data-v-9a936e28]{color:var(--text-disabled);font-size:12px;-webkit-user-select:none;user-select:none}.beian-ga-icon[data-v-9a936e28]{width:16px;height:16px;flex-shrink:0}@media(max-width:440px){.beian-footer[data-v-9a936e28]{padding:12px;gap:6px}.beian-link[data-v-9a936e28],.beian-sep[data-v-9a936e28]{font-size:11px}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg-root: #08090B;--bg-surface: #0E0F12;--bg-elevated: #131417;--bg-hover: #18191D;--bg-input: #0C0D10;--border-default: #1E1F23;--border-subtle: #16171B;--border-hover: #2A2B2F;--text-primary: #F4F4F5;--text-secondary: #9C9DA2;--text-tertiary: #5C5D62;--text-disabled: #3A3B3F;--accent: #34D399;--accent-hover: #10B981;--accent-subtle: rgba(52, 211, 153, .06);--accent-border: rgba(52, 211, 153, .18);--green: #34D399;--green-subtle: rgba(52,211,153,.08);--red: #CB6A60;--red-subtle: rgba(203, 106, 96, .08);--danger: #D94640;--danger-hover: #E55B53;--chart-1: #E8E8E9;--chart-2: #B8B8BB;--chart-3: #88888D;--chart-4: #6A6A70;--chart-5: #4C4C52;--radius-sm: 5px;--radius-md: 8px;--radius-lg: 12px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono: "SF Mono", "Cascadia Code", "Consolas", "Monaco", monospace}html,body{height:100%;font-family:var(--font-sans);background:var(--bg-root);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5}#app{height:100%}a{color:var(--text-secondary);text-decoration:none}a:hover{color:var(--text-primary)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#34d399}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.018;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-root);position:relative}.login-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse 60% 60% at 50% 50%,black 30%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 60% 60% at 50% 50%,black 30%,transparent 70%)}.login-card{position:relative;z-index:1;width:400px;padding:44px 40px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-top:2px solid #34D399;border-radius:var(--radius-lg);box-shadow:0 4px 24px #0006}.login-header{display:flex;align-items:center;gap:14px;margin-bottom:32px}.login-logo{width:48px;height:48px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0}.logo-img{width:100%;height:100%;object-fit:cover;display:block}.login-brand{flex:1}.login-title{font-size:22px;font-weight:600;color:#34d399;letter-spacing:-.3px;line-height:1.2}.login-subtitle{font-size:13px;color:#34d39966;margin-top:2px}.login-tabs{display:flex;gap:2px;background:var(--bg-elevated);border-radius:var(--radius-sm);padding:3px;margin-bottom:28px;border:1px solid var(--border-subtle)}.login-tab{flex:1;padding:8px 0;border:none;border-radius:4px;font-size:13px;font-weight:500;color:var(--text-tertiary);background:transparent;cursor:pointer;transition:all .15s ease;font-family:var(--font-sans);text-align:center}.login-tab:hover{color:var(--text-secondary)}.login-tab--active{background:#34d3991f;color:#34d399;box-shadow:none}.login-tab--active:hover{color:#34d399}.login-form{animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.form-group{margin-bottom:20px}.form-label{display:block;font-size:12px;font-weight:500;color:var(--text-secondary);margin-bottom:6px}.form-input{width:100%;padding:11px 14px;background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);font-size:14px;outline:none;transition:border-color .15s ease,box-shadow .15s ease;font-family:var(--font-sans)}.form-input::placeholder{color:var(--text-disabled)}.form-input:hover{border-color:var(--border-hover)}.form-input:focus{border-color:#000;box-shadow:0 0 0 3px #00000026}.phone-input-wrapper{display:flex;align-items:center;background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-sm);transition:border-color .15s ease,box-shadow .15s ease;overflow:hidden}.phone-input-wrapper:hover{border-color:var(--border-hover)}.phone-input-wrapper:focus-within{border-color:#000;box-shadow:0 0 0 3px #00000026}.phone-prefix{padding:11px 12px 11px 14px;font-size:14px;font-weight:500;color:var(--text-secondary);background:var(--bg-elevated);border-right:1px solid var(--border-default);-webkit-user-select:none;user-select:none;flex-shrink:0}.form-input--phone{border:none;background:transparent;border-radius:0}.form-input--phone:hover{border:none}.form-input--phone:focus{border:none;box-shadow:none}.code-input-wrapper{display:flex;align-items:center;gap:10px}.form-input--code{flex:1}.btn-code{padding:11px 16px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;font-family:var(--font-sans);white-space:nowrap;flex-shrink:0}.btn-code:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-hover)}.btn-code:active:not(:disabled){transform:scale(.98)}.btn-code:disabled{opacity:.4;cursor:not-allowed}.form-hint{font-size:12px;color:var(--text-tertiary);margin-top:8px;line-height:1.5}.login-error{font-size:13px;color:var(--red);background:var(--red-subtle);padding:10px 14px;border-radius:var(--radius-sm);margin-bottom:20px;border:1px solid rgba(203,106,96,.12)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease;font-family:var(--font-sans);line-height:1}.btn-primary{padding:10px 22px;background:#34d399;color:#052e16;letter-spacing:.3px}.btn-primary:hover{background:#10b981}.btn-primary:active{background:#059669;transform:scale(.99)}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.login-footer{margin-top:20px;padding-top:16px;border-top:1px solid var(--border-subtle);text-align:center}.btn-demo{padding:8px 20px;background:transparent;border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-tertiary);font-size:13px;cursor:pointer;transition:all .15s ease;font-family:var(--font-sans)}.btn-demo:hover{border-color:var(--border-hover);color:var(--text-secondary)}.layout{display:flex;height:100vh;overflow:hidden}.sidebar{width:220px;flex-shrink:0;background:var(--bg-surface);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column}.sidebar-header{padding:22px 18px 16px}.sidebar-brand{display:flex;align-items:center;gap:10px}.sidebar-logo{width:28px;height:28px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0}.sidebar-title{font-size:15px;font-weight:600;color:#34d399;letter-spacing:-.2px}.sidebar-nav{flex:1;padding:4px 10px}.nav-section-title{font-size:10px;font-weight:500;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.6px;padding:18px 10px 8px}.nav-item{display:flex;align-items:center;gap:9px;padding:7px 10px;border-radius:var(--radius-sm);color:var(--text-tertiary);font-size:13px;cursor:pointer;transition:all .12s ease;text-decoration:none;font-weight:450}.nav-item:hover{background:var(--bg-hover);color:var(--text-secondary);text-decoration:none}.nav-item--active{background:#34d39914;color:#34d399}.nav-icon{font-size:10px;width:16px;text-align:center;flex-shrink:0}.sidebar-footer{padding:12px 16px;border-top:1px solid var(--border-subtle)}.sidebar-user{display:flex;align-items:center;gap:10px}.sidebar-avatar{width:28px;height:28px;border-radius:var(--radius-sm);background:var(--bg-elevated);border:1px solid var(--border-default);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:var(--text-secondary);flex-shrink:0}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{font-size:13px;font-weight:500}.sidebar-user-role{font-size:11px;color:var(--text-tertiary)}.btn-logout{padding:4px 10px;background:transparent;border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-tertiary);font-size:11px;cursor:pointer;transition:all .12s ease;font-family:var(--font-sans)}.btn-logout:hover{border-color:var(--red);color:var(--red)}.main-content{flex:1;overflow-y:auto;overflow-x:auto;background:var(--bg-root)}.page-header{padding:26px 36px 20px;border-bottom:1px solid var(--border-subtle)}.page-title{font-size:18px;font-weight:600;letter-spacing:-.3px}.page-subtitle{font-size:13px;color:#34d39947;margin-top:3px}.page-body{padding:28px 36px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:28px}.stat-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:20px 22px;position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.stat-card:hover{transform:translateY(-1px);box-shadow:0 8px 24px #0006;border-color:var(--border-default)}.stat-card:before{content:"";position:absolute;top:0;right:0;width:60px;height:60px;background-image:linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:8px 8px;border-radius:0 0 0 var(--radius-md);opacity:.6}.stat-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;position:relative;z-index:1}.stat-card-label{font-size:12px;color:var(--text-tertiary);font-weight:500;letter-spacing:.3px}.stat-card-icon{width:26px;height:26px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--text-tertiary);background:var(--bg-elevated)}.stat-card-value{font-size:30px;font-weight:700;font-family:var(--font-mono);letter-spacing:-1.5px;color:var(--text-primary);margin-bottom:8px;position:relative;z-index:1}.stat-card-footer{display:flex;align-items:center;gap:6px;font-size:12px;position:relative;z-index:1}.stat-change{font-weight:600;font-family:var(--font-mono)}.stat-change--up{color:var(--green)}.stat-change--down{color:var(--red)}.stat-change-label{color:var(--text-tertiary)}.charts-row{display:grid;grid-template-columns:2fr 1fr;gap:14px;margin-bottom:28px}.chart-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:22px;transition:border-color .2s ease}.chart-card:hover{border-color:var(--border-default)}.chart-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.chart-card-title{font-size:13px;font-weight:600;color:var(--text-primary)}.chart-card-badge{font-size:10px;color:var(--text-tertiary);background:var(--bg-elevated);padding:3px 9px;border-radius:4px;border:1px solid var(--border-subtle);font-weight:500}.chart-container{width:100%;height:260px}.table-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow-x:auto}.table-card-header{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;border-bottom:1px solid var(--border-subtle)}.table-card-title{font-size:13px;font-weight:600;display:flex;align-items:center;gap:10px}.live-dot{width:5px;height:5px;border-radius:50%;background:var(--green)}.live-text{font-size:10px;color:var(--text-tertiary);font-weight:500;letter-spacing:.3px}.data-table{width:100%;min-width:800px;border-collapse:collapse;table-layout:fixed}.data-table th{text-align:left;padding:10px 12px;font-size:11px;font-weight:500;color:var(--text-tertiary);border-bottom:1px solid var(--border-subtle);letter-spacing:.3px;background:var(--bg-elevated);white-space:nowrap}.data-table td{padding:11px 12px;font-size:13px;color:var(--text-primary);border-bottom:1px solid var(--border-subtle);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-table tbody tr{transition:background .1s ease}.data-table tbody tr:hover{background:var(--bg-hover)}.row-new{animation:rowIn .8s ease}@keyframes rowIn{0%{background:#ffffff08}to{background:transparent}}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:500}.badge--chat,.badge--image,.badge--video,.badge--tts,.badge--stt,.badge--search{background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border-default)}.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;margin-right:5px}.status-dot--success{background:var(--green)}.status-dot--error{background:var(--red)}.filter-tabs{display:flex;gap:1px;background:var(--bg-elevated);border-radius:var(--radius-sm);padding:2px;border:1px solid var(--border-subtle)}.filter-tab{padding:5px 12px;border-radius:3px;font-size:12px;color:var(--text-tertiary);cursor:pointer;border:none;background:none;font-family:var(--font-sans);font-weight:450;transition:all .1s ease}.filter-tab:hover{color:var(--text-secondary)}.filter-tab--active{background:#34d3991a;color:#34d399;box-shadow:none}.time-selector{display:flex;gap:1px;background:var(--bg-elevated);border-radius:var(--radius-sm);padding:2px;border:1px solid var(--border-subtle)}.time-option{padding:5px 12px;border-radius:3px;font-size:12px;color:var(--text-tertiary);cursor:pointer;border:none;background:none;font-family:var(--font-sans);transition:all .1s ease}.time-option:hover{color:var(--text-secondary)}.time-option--active{background:#34d3991a;color:#34d399;box-shadow:none}.search-bar{display:flex;gap:10px;margin-bottom:22px}.search-input{flex:1;max-width:280px;padding:9px 14px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);font-size:13px;outline:none;transition:border-color .15s ease;font-family:var(--font-sans)}.search-input::placeholder{color:var(--text-disabled)}.search-input:hover{border-color:var(--border-hover)}.search-input:focus{border-color:#34d399;box-shadow:0 0 0 3px #34d3991a}.pagination{display:flex;align-items:center;justify-content:center;gap:5px;padding:16px 22px;border-top:1px solid var(--border-subtle)}.page-btn{min-width:30px;height:30px;padding:0 8px;background:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;font-size:13px;font-family:var(--font-sans);transition:all .1s ease;display:inline-flex;align-items:center;justify-content:center}.page-btn:hover:not(:disabled){border-color:var(--text-tertiary);color:var(--text-secondary)}.page-btn:disabled{opacity:.3;cursor:not-allowed}.page-btn--active{background:#34d399;border-color:#34d399;color:#052e16;font-weight:600}.page-info{font-size:12px;color:var(--text-tertiary);margin:0 8px}.btn-sm{padding:4px 10px;font-size:12px;border-radius:var(--radius-sm);border:none;cursor:pointer;font-weight:500;font-family:var(--font-sans);transition:all .1s ease}.btn-sm--danger{background:var(--red-subtle);color:var(--red)}.btn-sm--danger:hover{background:#cb6a6024}.btn-sm--success{background:var(--green-subtle);color:var(--green)}.btn-sm--success:hover{background:#34d39924}.btn-sm--primary{background:#34d39914;color:#34d399;border:1px solid rgba(52,211,153,.18)}.btn-sm--primary:hover{background:#34d39924;color:#6ee7b7}.btn-cancel{padding:10px 20px;background:transparent;border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;font-family:var(--font-sans);line-height:1}.btn-cancel:hover{border-color:var(--border-hover);color:var(--text-primary)}.form-row{display:flex;gap:12px}.form-textarea{width:100%;padding:11px 14px;background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);font-size:14px;outline:none;transition:border-color .15s ease,box-shadow .15s ease;font-family:var(--font-sans);resize:vertical;min-height:100px;line-height:1.6}.form-textarea::placeholder{color:var(--text-disabled)}.form-textarea:hover{border-color:var(--border-hover)}.form-textarea:focus{border-color:#34d399;box-shadow:0 0 0 3px #34d3991a}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s ease}.modal-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);width:520px;max-width:90vw;max-height:85vh;overflow-y:auto;box-shadow:0 16px 48px #0009}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--border-subtle)}.modal-title{font-size:16px;font-weight:600;letter-spacing:-.2px}.modal-close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-tertiary);font-size:14px;cursor:pointer;transition:all .12s ease}.modal-close:hover{border-color:var(--border-hover);color:var(--text-primary)}.modal-body{padding:20px 24px}.modal-body .form-group{margin-bottom:18px}.modal-body .form-label{font-size:12px}.modal-body .form-input,.modal-body .form-textarea{font-size:13px}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:16px 24px 20px;border-top:1px solid var(--border-subtle)}.empty-state{text-align:center;padding:48px 20px}.empty-icon{font-size:32px;margin-bottom:12px;color:var(--text-tertiary)}.empty-text{font-size:14px;color:var(--text-tertiary)}.progress-bar{height:4px;background:var(--bg-elevated);border-radius:2px;overflow:hidden}[data-theme=light]{--bg-root: #F5F5F6;--bg-surface: #FFFFFF;--bg-elevated: #FFFFFF;--bg-hover: #F0F0F1;--bg-input: #F9F9FA;--border-default: #E5E5E7;--border-subtle: #EBEBED;--border-hover: #D1D1D4;--text-primary: #1A1A1C;--text-secondary: #6E6E73;--text-tertiary: #8E8E93;--text-disabled: #C7C7CC;--accent: #10B981;--accent-hover: #059669;--accent-subtle: rgba(16, 185, 129, .08);--accent-border: rgba(16, 185, 129, .25);--green: #10B981;--green-subtle: rgba(16, 185, 129, .1);--red: #DC2626;--red-subtle: rgba(220, 38, 38, .08);--danger: #DC2626;--danger-hover: #EF4444;--chart-1: #1A1A1C;--chart-2: #4A4A50;--chart-3: #7A7A80;--chart-4: #AAAAAF;--chart-5: #DADADF}[data-theme=light] body:after{opacity:0}[data-theme=light] .login-card{box-shadow:0 4px 24px #00000014}[data-theme=light] .stat-card:hover{box-shadow:0 8px 24px #00000014}[data-theme=light] .modal-card{box-shadow:0 16px 48px #0000001f}[data-theme=light] .modal-overlay{background:#0000004d}[data-theme=light] .form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #10b9811f}[data-theme=light] .phone-input-wrapper:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #10b9811f}[data-theme=light] .search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #10b9811f}[data-theme=light] .form-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #10b9811f}[data-theme=light] .btn-primary{background:var(--accent);color:#fff}[data-theme=light] .btn-primary:hover{background:var(--accent-hover)}[data-theme=light] .btn-primary:active{background:#047857}[data-theme=light] .page-btn--active{background:var(--accent);border-color:var(--accent);color:#fff}[data-theme=light] .login-title{color:var(--accent)}[data-theme=light] .login-subtitle{color:#10b98173}[data-theme=light] .login-card{border-top-color:var(--accent)}[data-theme=light] .login-tab--active{background:#10b9811a;color:var(--accent)}[data-theme=light] .login-tab--active:hover,[data-theme=light] .sidebar-title{color:var(--accent)}[data-theme=light] .nav-item--active,[data-theme=light] .filter-tab--active,[data-theme=light] .time-option--active{background:#10b98114;color:var(--accent)}[data-theme=light] .btn-sm--primary{background:#10b98114;color:var(--accent);border-color:#10b98140}[data-theme=light] .btn-sm--primary:hover{background:#10b98124}[data-theme=light] .btn-sm--success{background:#10b9811a;color:var(--green)}[data-theme=light] .btn-sm--success:hover{background:#10b98129}[data-theme=light] .btn-sm--danger{background:#dc262614;color:var(--red)}[data-theme=light] .btn-sm--danger:hover{background:#dc262624}[data-theme=light] .page-subtitle{color:#10b98159}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:var(--accent)}[data-theme=light] .login-page:before{background-image:linear-gradient(rgba(0,0,0,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.02) 1px,transparent 1px)}[data-theme=light] .stat-card:before{background-image:linear-gradient(rgba(0,0,0,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.02) 1px,transparent 1px)}[data-theme=light] .row-new{animation:rowInLight .8s ease}@keyframes rowInLight{0%{background:#10b9810f}to{background:transparent}}[data-theme=light] .ql-toolbar.ql-snow{border-color:var(--border-default)!important}[data-theme=light] .ql-container.ql-snow{border-color:var(--border-default)!important;background:#fff}[data-theme=light] .ql-editor{color:#1a1a1c}[data-theme=light] .ql-snow .ql-stroke{stroke:#6e6e73}[data-theme=light] .ql-snow .ql-fill{fill:#6e6e73}[data-theme=light] .ql-snow .ql-picker-label{color:#6e6e73}[data-theme=light] .ql-snow .ql-picker-options{background:#fff;border-color:var(--border-default)}.cs-dropdown{position:fixed;z-index:9999;background:#131417;border:1px solid #2A2B2F;border-radius:var(--radius-sm);box-shadow:0 8px 32px #00000059;overflow:hidden;animation:csFadeIn .12s ease}@keyframes csFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.cs-scroll{overflow-y:auto;max-height:inherit;padding:4px 0}.cs-scroll::-webkit-scrollbar{width:4px}.cs-scroll::-webkit-scrollbar-thumb{background:#1e1f23;border-radius:2px}.cs-option{padding:8px 14px;font-size:13px;color:#f4f4f5;cursor:pointer;transition:background .08s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--font-sans)}.cs-option:hover{background:#18191d}.cs-option--active{color:#34d399;background:#34d3990f;font-weight:600}.cs-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998}[data-theme=light] .cs-dropdown{background:#fff!important;border-color:#d1d1d4!important;box-shadow:0 8px 32px #0000001f!important}[data-theme=light] .cs-scroll::-webkit-scrollbar-thumb{background:#e5e5e7!important}[data-theme=light] .cs-option{color:#1a1a1c!important}[data-theme=light] .cs-option:hover{background:#f0f0f1!important}[data-theme=light] .cs-option--active{color:#10b981!important;background:#10b98114!important}