.floating-bubble[data-v-b8b75fa8]{position:fixed;bottom:24px;right:24px;width:56px;height:56px;z-index:10050}.bubble-main[data-v-b8b75fa8]{width:56px;height:56px;border-radius:28px;border:none;background:var(--primary, #1677ff);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 16px #1677ff73;transition:transform .2s,background .2s;padding:0;font-family:inherit}.bubble-main[data-v-b8b75fa8]:hover{transform:scale(1.05);background:var(--primary-hover, #4096ff)}.bubble-close[data-v-b8b75fa8]{position:absolute;top:-4px;right:-4px;width:20px;height:20px;border-radius:50%;border:1px solid var(--border-light);background:var(--bg-card);color:var(--text-tertiary);font-size:14px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;box-shadow:0 1px 4px #0000001f;opacity:0;transition:opacity .15s}.floating-bubble:hover .bubble-close[data-v-b8b75fa8]{opacity:1}.bubble-close[data-v-b8b75fa8]:hover{color:var(--danger);border-color:var(--danger)}.bubble-icon[data-v-b8b75fa8]{font-size:14px;font-weight:700;color:#fff}.bubble-tooltip[data-v-b8b75fa8]{position:absolute;right:64px;background:var(--text-primary);color:#fff;padding:4px 12px;border-radius:var(--radius-sm);white-space:nowrap;font-size:12px}.chat-panel[data-v-b8b75fa8]{position:fixed;bottom:24px;right:24px;width:380px;height:560px;background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-md);display:flex;flex-direction:column;z-index:10050;overflow:hidden}.ai-copilot--wide .chat-panel[data-v-b8b75fa8]{width:480px;height:620px}.chat-header[data-v-b8b75fa8]{background:var(--primary);color:#fff;padding:10px 14px;display:flex;justify-content:space-between;align-items:center;gap:8px;flex-shrink:0}.chat-header__main[data-v-b8b75fa8]{display:flex;align-items:center;gap:8px;min-width:0}.chat-header__title[data-v-b8b75fa8]{font-weight:600;font-size:14px}.chat-header__plan[data-v-b8b75fa8]{font-size:10px;padding:2px 6px;border-radius:3px;background:#fff3}.chat-header__actions[data-v-b8b75fa8]{display:flex;gap:4px;flex-shrink:0}.chat-header__btn[data-v-b8b75fa8]{background:transparent;border:none;color:#fff;font-size:12px;cursor:pointer;padding:4px 8px;border-radius:4px}.chat-header__btn[data-v-b8b75fa8]:hover{background:#ffffff26}.chat-quick[data-v-b8b75fa8]{display:flex;flex-wrap:wrap;gap:6px;padding:10px 12px 0;flex-shrink:0}.chat-quick__btn[data-v-b8b75fa8]{padding:4px 10px;font-size:11px;border:1px solid var(--border-light);border-radius:999px;background:var(--bg-card);color:var(--text-secondary);cursor:pointer;font-family:inherit;transition:all .12s}.chat-quick__btn[data-v-b8b75fa8]:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light, #ecf5ff)}.chat-tools[data-v-b8b75fa8]{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 12px 0;flex-shrink:0}.chat-tools__label[data-v-b8b75fa8]{font-size:10px;color:var(--text-tertiary)}.chat-tools__btn[data-v-b8b75fa8]{padding:3px 8px;font-size:10px;border:1px dashed var(--border);border-radius:4px;background:var(--bg-elevated);color:var(--text-secondary);cursor:pointer;font-family:inherit}.chat-tools__btn[data-v-b8b75fa8]:hover{border-color:var(--primary);color:var(--primary)}.chat-messages[data-v-b8b75fa8]{flex:1;overflow-y:auto;padding:12px;min-height:0}.msg[data-v-b8b75fa8]{margin-bottom:12px}.msg.user[data-v-b8b75fa8]{text-align:right}.msg.user .msg-content[data-v-b8b75fa8]{background:var(--primary);color:#fff;padding:8px 14px;border-radius:14px 14px 4px;display:inline-block;max-width:88%;text-align:left;white-space:pre-wrap;font-size:13px;line-height:1.5}.msg.assistant .msg-content[data-v-b8b75fa8]{background:var(--primary-light, #ecf5ff);padding:8px 14px;border-radius:14px 14px 14px 4px;display:inline-block;max-width:88%;white-space:pre-wrap;font-size:13px;line-height:1.5;color:var(--text-secondary)}.msg-content--thinking[data-v-b8b75fa8]{display:inline-flex!important;align-items:center;gap:6px}.thinking-dot[data-v-b8b75fa8]{width:6px;height:6px;border-radius:50%;background:var(--primary);animation:pulse-b8b75fa8 1s infinite}@keyframes pulse-b8b75fa8{0%,to{opacity:.4}50%{opacity:1}}.msg-action[data-v-b8b75fa8]{margin-top:6px}.msg-time[data-v-b8b75fa8]{font-size:10px;color:var(--text-tertiary);margin-top:4px}.chat-input[data-v-b8b75fa8]{padding:10px 12px;border-top:1px solid var(--border-light);display:flex;gap:8px;align-items:flex-end;flex-shrink:0}.chat-input__area[data-v-b8b75fa8]{flex:1;resize:none;border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 10px;font-size:13px;font-family:inherit;line-height:1.4;min-height:52px}.chat-input__area[data-v-b8b75fa8]:focus{outline:none;border-color:var(--primary)}.chat-input__send[data-v-b8b75fa8]{flex-shrink:0;align-self:flex-end}.chat-foot[data-v-b8b75fa8]{padding:4px 12px 8px;font-size:10px;color:var(--text-tertiary);text-align:center;flex-shrink:0}.points-dialog-overlay[data-v-a8f57335]{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:9999;display:flex;align-items:center;justify-content:center;animation:fadeIn-a8f57335 .15s ease}.points-dialog[data-v-a8f57335]{background:var(--bg-card, #fff);border-radius:12px;padding:24px;width:380px;max-width:90vw;box-shadow:0 8px 32px #00000026;animation:slideUp-a8f57335 .2s ease}.points-dialog__header[data-v-a8f57335]{display:flex;align-items:center;gap:10px;margin-bottom:16px}.points-dialog__header h3[data-v-a8f57335]{margin:0;font-size:16px;font-weight:600;flex:1}.points-dialog__icon[data-v-a8f57335]{font-size:24px}.points-dialog__close[data-v-a8f57335]{border:none;background:none;font-size:20px;cursor:pointer;color:var(--text-tertiary, #999);padding:4px}.points-dialog__body p[data-v-a8f57335]{margin:0 0 8px;font-size:14px;color:var(--text-secondary, #666);line-height:1.6}.points-dialog__actions[data-v-a8f57335]{display:flex;gap:12px;margin-top:20px}.points-dialog__actions .btn[data-v-a8f57335]{flex:1;padding:10px 16px;font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px}.points-dialog__actions .btn-outline[data-v-a8f57335]{background:var(--bg-page, #f5f5f5);border:1px solid var(--border, #ddd);color:var(--text-primary, #333)}.points-dialog__actions .btn-outline[data-v-a8f57335]:hover{border-color:var(--primary, #409eff);color:var(--primary, #409eff)}.points-dialog__actions .btn-primary[data-v-a8f57335]{background:var(--primary, #409eff);border:1px solid var(--primary, #409eff);color:#fff}.points-dialog__actions .btn-primary[data-v-a8f57335]:hover{opacity:.9}@keyframes fadeIn-a8f57335{0%{opacity:0}to{opacity:1}}@keyframes slideUp-a8f57335{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}:root{--primary: #409EFF;--primary-hover: #66B1FF;--primary-light: #ECF5FF;--success: #67C23A;--success-light: #F0F9EB;--warning: #E6A23C;--warning-light: #FDF6EC;--danger: #F56C6C;--danger-light: #FEF0F0;--info: #909399;--info-light: #F4F4F5;--text-primary: #303133;--text-secondary: #606266;--text-tertiary: #909399;--text-disabled: #C0C4CC;--border: #DCDFE6;--border-light: #EBEEF5;--bg-page: #F5F7FA;--bg-card: #FFFFFF;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 2px 8px rgba(0, 0, 0, .1);--font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;--sidebar-w: 220px;--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 20px;--space-xl: 24px;--topbar-h: 48px;--ctrl-h: 32px;--ctrl-h-form: 36px;--font-size-title: 16px;--font-size-heading: 14px;--font-size-body: 12px;--font-size-hint: 12px;--font-size-subtitle: var(--font-size-heading);--font-size-caption: var(--font-size-hint)}.sidebar{width:var(--sidebar-w);background:var(--bg-card);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100;transition:width .2s}.sidebar.collapsed{width:56px}.sidebar-user{border-top:1px solid var(--border);padding:12px 16px;position:relative;flex-shrink:0}.sidebar-user .user-menu{display:none;position:absolute;left:8px;right:8px;bottom:calc(100% + 6px);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:4px 0;z-index:200}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:8px}.content-card.content-card--list{overflow:hidden}.action-bar select{padding-right:28px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23C0C4CC' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;cursor:pointer}.content-card.content-card--settings{overflow:hidden;display:flex;flex-direction:column}.table-card{flex:1;display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg)}.table-wrap{flex:1;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch}thead th.col-check,tbody td.col-check{width:48px;min-width:48px;max-width:48px;text-align:center;padding-left:8px;padding-right:8px}.actions{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.pagination{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border-top:1px solid var(--border);font-size:var(--font-size-body);color:var(--text-tertiary);flex-shrink:0;white-space:nowrap;background:var(--bg-card)}.left-panel{width:240px;flex-shrink:0;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;max-height:calc(100vh - var(--topbar-h) - 48px);background:var(--bg-card)}:root{--primary: #409EFF;--primary-hover: #66B1FF;--primary-light: #ECF5FF;--success: #67C23A;--success-light: #F0F9EB;--warning: #E6A23C;--warning-light: #FDF6EC;--danger: #F56C6C;--danger-light: #FEF0F0;--info: #909399;--info-light: #F4F4F5;--text-primary: #303133;--text-secondary: #606266;--text-tertiary: #909399;--text-disabled: #C0C4CC;--border: #DCDFE6;--border-light: #EBEEF5;--bg-page: #F5F7FA;--bg-card: #FFFFFF;--bg-elevated: #FFFFFF;--bg-elevated-active: #F0F0F0;--bg-disabled: #F0F0F0;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 2px 8px rgba(0, 0, 0, .1);--font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;--sidebar-w: 220px;--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 20px;--space-xl: 24px;--topbar-h: 48px;--ctrl-h: 32px;--ctrl-h-form: 36px;--font-size-title: 16px;--font-size-heading: 14px;--font-size-body: 12px;--font-size-hint: 12px;--font-size-subtitle: var(--font-size-heading);--font-size-caption: var(--font-size-hint)}[data-theme=dark]{--primary: #409EFF;--primary-hover: #66B1FF;--primary-light: rgba(64, 158, 255, .15);--success: #67C23A;--success-light: rgba(103, 194, 58, .15);--warning: #E6A23C;--warning-light: rgba(230, 162, 60, .15);--danger: #F56C6C;--danger-light: rgba(245, 108, 108, .15);--info: #909399;--info-light: rgba(144, 147, 153, .15);--text-primary: #E5EAF3;--text-secondary: #CFD3DC;--text-tertiary: #A3A6AD;--text-disabled: #6C6E72;--border: #4C4D4F;--border-light: #414243;--bg-page: #141414;--bg-card: #1D1E1F;--bg-elevated: #2A2A2C;--bg-elevated-active: #3A3A3C;--bg-disabled: #1A1A1C;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 2px 8px rgba(0, 0, 0, .4)}[data-theme=dark] body{color-scheme:dark}[data-color-theme=clean-white]{--primary: #409EFF;--primary-hover: #66B1FF;--primary-light: #ECF5FF;--bg-page: #F5F7FA;--bg-card: #FFFFFF;--bg-elevated: #FFFFFF;--bg-elevated-active: #F0F0F0;--bg-disabled: #F0F0F0;--text-primary: #303133;--text-secondary: #606266;--text-tertiary: #909399;--border: #DCDFE6;--border-light: #EBEEF5}[data-color-theme=warm-cream]{--primary: #E6893F;--primary-hover: #F0A55E;--primary-light: #FDF2E6;--bg-page: #F9F6F1;--bg-card: #FFFBF5;--bg-elevated: #FFFBF5;--bg-elevated-active: #F5EDE2;--bg-disabled: #F0EAE0;--text-primary: #3D3028;--text-secondary: #6E5F52;--text-tertiary: #A08D7A;--border: #E8DFD3;--border-light: #F2ECE3}[data-color-theme=mint-fresh]{--primary: #0EA577;--primary-hover: #34C493;--primary-light: #E6F7F1;--bg-page: #F3F9F6;--bg-card: #FFFFFF;--bg-elevated: #FFFFFF;--bg-elevated-active: #E8F0EC;--bg-disabled: #E8F0EC;--text-primary: #1A2E28;--text-secondary: #3D5A4F;--text-tertiary: #6B8C80;--border: #B8D4C9;--border-light: #D5E8E0}[data-color-theme=midnight]{--primary: #5B9BF7;--primary-hover: #7DB3FF;--primary-light: rgba(91,155,247,.15);--bg-page: #0B1121;--bg-card: #141E33;--bg-elevated: #1C2845;--bg-elevated-active: #253358;--bg-disabled: #0E1526;--text-primary: #EDF2F7;--text-secondary: #B0BFD4;--text-tertiary: #7B8FAA;--border: #253550;--border-light: #1C2A40}[data-color-theme=obsidian]{--primary: #A78BFA;--primary-hover: #C4B5FD;--primary-light: rgba(167,139,250,.15);--bg-page: #110F1C;--bg-card: #1C1829;--bg-elevated: #27223A;--bg-elevated-active: #302A48;--bg-disabled: #15122A;--text-primary: #EEEAF5;--text-secondary: #C4B0DE;--text-tertiary: #9580B0;--border: #362F50;--border-light: #2A2440}[data-color-theme=slate]{--primary: #7C8AFA;--primary-hover: #9BA5FB;--primary-light: rgba(124,138,250,.15);--bg-page: #111318;--bg-card: #1B1D24;--bg-elevated: #262830;--bg-elevated-active: #303240;--bg-disabled: #151618;--text-primary: #E8EAF0;--text-secondary: #B4B8C4;--text-tertiary: #80848E;--border: #34363E;--border-light: #28292F}[data-color-theme=deep-ocean]{--primary: #2DD4BF;--primary-hover: #5EEAD4;--primary-light: rgba(45,212,191,.15);--bg-page: #0B1A1A;--bg-card: #122828;--bg-elevated: #1A3838;--bg-elevated-active: #224545;--bg-disabled: #0E1F1F;--text-primary: #E6F5F4;--text-secondary: #9DD8D0;--text-tertiary: #70B0A8;--border: #264848;--border-light: #1C3636}[data-theme=dark] .sidebar,[data-theme=dark] .topbar,[data-theme=dark] .modal{background:var(--bg-card);border:1px solid var(--border)}[data-theme=dark] .modal-header{color:var(--text-primary);background:var(--bg-elevated);border-bottom:1px solid var(--border-light);padding:16px 20px 12px;font-weight:600}[data-theme=dark] .modal-footer{border-top:1px solid var(--border-light)}[data-theme=dark] .content-card,[data-theme=dark] .panel,[data-theme=dark] .settings-group,[data-theme=dark] .stat-card,[data-theme=dark] .overview-panel{background:var(--bg-card);border-color:var(--border)}[data-theme=dark] .sidebar-nav a:hover,[data-theme=dark] .sidebar-nav a.active,[data-theme=dark] .sidebar-user:hover .user-menu a:hover,[data-theme=dark] tbody tr:hover td{background:var(--primary-light)}[data-theme=dark] .form-input,[data-theme=dark] .form-select,[data-theme=dark] .form-textarea,[data-theme=dark] .search-input{background:var(--bg-elevated);color:var(--text-secondary);border-color:var(--border)}[data-theme=dark] .form-input:disabled,[data-theme=dark] .form-select:disabled,[data-theme=dark] .form-textarea:disabled{background:var(--bg-disabled);color:var(--text-disabled)}[data-theme=dark] .upload-area{background:var(--bg-elevated);border-color:var(--border)}[data-theme=dark] .upload-area:hover{border-color:var(--primary);background:var(--primary-light)}[data-theme=dark] .uc-block{background:var(--bg-elevated);border-color:var(--border)}[data-theme=dark] .chat-panel{background:var(--bg-card);border-color:var(--border)}[data-theme=dark] .chat-quick__btn,[data-theme=dark] .chat-tools__btn{background:var(--bg-elevated);border-color:var(--border);color:var(--text-secondary)}[data-theme=dark] .msg.assistant .msg-content{background:var(--primary-light);color:var(--text-secondary)}[data-theme=dark] .bubble-close{background:var(--bg-elevated);border-color:var(--border);color:var(--text-tertiary)}[data-theme=dark] .uc-recharge-qr{background:var(--bg-elevated);border-color:var(--border)}[data-theme=dark] .uc-recharge-qr__code{background:#fff}[data-theme=dark] .uc-points-pack,[data-theme=dark] .uc-plan-card,[data-theme=dark] .uc-upload-box{background:var(--bg-elevated);border-color:var(--border)}[data-theme=dark] thead th{background:var(--bg-elevated);color:var(--text-primary);border-bottom-color:var(--border)}[data-theme=dark] tbody td{border-bottom-color:var(--border-light);color:var(--text-secondary)}[data-theme=dark] .pagination{background:var(--bg-card)}[data-theme=dark] .pagination-pages button{background:var(--bg-elevated);border-color:var(--border);color:var(--text-secondary)}[data-theme=dark] .panel-header,[data-theme=dark] .settings-group-header,[data-theme=dark] .panel-title,[data-theme=dark] .card-title{background:var(--bg-elevated);border-bottom-color:var(--border)}[data-theme=dark] .toast.success{background:#67c23a33;border-color:#67c23a66}[data-theme=dark] .toast.error{background:#f56c6c33;border-color:#f56c6c66}[data-theme=dark] .uc-chip{background:var(--bg-elevated);border-color:var(--border)}[data-theme=dark] .form-switch input[type=checkbox],[data-theme=dark] .switch input[type=checkbox]{background:#4c4d4f}[data-theme=dark] .form-switch input[type=checkbox]:checked,[data-theme=dark] .switch input[type=checkbox]:checked{background:var(--primary)}[data-theme=dark] .state-block__icon{background:var(--info-light)}[data-theme=dark] .list-item:hover,[data-theme=dark] .list-item.active{background:var(--primary-light)}[data-theme=dark] .mail-new-alert{background:var(--primary-light);border-color:#409eff4d}[data-theme=dark] .mail-compose-row{border-bottom-color:var(--border-light)}[data-theme=dark] .mail-rich-editor{border-color:var(--border);background:var(--bg-card)}[data-theme=dark] .mail-rich-editor__toolbar,[data-theme=dark] .mail-read-toolbar{background:var(--bg-elevated);border-bottom-color:var(--border-light)}[data-theme=dark] .dyn-list .dyn-item:hover{background:var(--primary-light)}[data-theme=dark] .btn-outline,[data-theme=dark] .btn-default{background:var(--bg-elevated);border-color:var(--border);color:var(--text-primary)}[data-theme=dark] .btn-outline:hover{color:var(--primary);border-color:var(--primary);background:var(--primary-light)}[data-theme=dark] .btn-danger{background:var(--bg-elevated)}[data-theme=dark] .uc-block,[data-theme=dark] .uc-usage-item,[data-theme=dark] .uc-plan-card,[data-theme=dark] .uc-upload-box,[data-theme=dark] .uc-recharge-qr,[data-theme=dark] .uc-file-item,[data-theme=dark] .stat-detail,[data-theme=dark] .state-block,[data-theme=dark] .mail-read-toolbar,[data-theme=dark] .site-block,[data-theme=dark] .site-country-row,[data-theme=dark] .site-section,[data-theme=dark] .stats-block,[data-theme=dark] .chat-quick__btn,[data-theme=dark] .chat-tools__btn{background:var(--bg-elevated)!important}[data-theme=dark] .uc-chip,[data-theme=dark] .uc-points-pack,[data-theme=dark] .uc-recharge-qr__code,[data-theme=dark] .uc-upload-box__icon,[data-theme=dark] .dash-action-item,[data-theme=dark] .dash-funnel-arrow{background:var(--bg-card)!important}[data-theme=dark] .dash-today-card{background:var(--bg-elevated)!important;border-color:var(--border)!important;box-shadow:0 1px 3px #0006,0 0 0 1px #ffffff0f!important}[data-theme=dark] .dash-trend-strip{background:var(--bg-card)!important;border-color:var(--border)!important;box-shadow:0 1px 3px #0006,0 0 0 1px #ffffff0f!important}[data-theme=dark] .dash-trend-col{background:var(--bg-elevated-active)!important;border-color:var(--border)!important}[data-theme=dark] .dash-module-card{background:var(--bg-elevated)!important;border-color:var(--border)!important;box-shadow:0 1px 2px #0000004d,0 0 0 1px #ffffff0a!important}[data-theme=dark] .dash-funnel-step,[data-theme=dark] .dash-running-item{background:var(--bg-elevated)!important;border-color:var(--border)!important}[data-theme=dark] .dash-range-tabs,[data-theme=dark] .dash-action-priority--low,[data-theme=dark] .dash-plan-tag--free{background:var(--bg-disabled)!important}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);font-size:var(--font-size-body);line-height:1.5;color:var(--text-secondary);background:var(--bg-page);-webkit-font-smoothing:antialiased;height:100vh;overflow:hidden}*{scrollbar-width:thin;scrollbar-color:#c5cad1 transparent}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#c5cad1;border-radius:4px}*::-webkit-scrollbar-thumb:hover{background:#a8adb6}*::-webkit-scrollbar-corner{background:transparent}.layout{display:flex;height:100vh;min-height:100vh;overflow:hidden}.sidebar{width:var(--sidebar-w);background:var(--bg-card);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:3000}.sidebar-logo{height:56px;display:flex;align-items:center;padding:0 var(--space-lg);border-bottom:1px solid var(--border);font-size:16px;font-weight:600;color:var(--text-primary);gap:10px;flex-shrink:0}.sidebar-logo .logo-mark{width:32px;height:32px;background:var(--primary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;font-weight:700;flex-shrink:0}.sidebar-nav{flex:1;padding:var(--space-xs) 0;overflow-y:auto}.sidebar-nav a{display:flex;align-items:center;gap:var(--space-xs);padding:10px var(--space-lg);color:var(--text-secondary);text-decoration:none;font-size:14px;transition:all .2s;border-left:3px solid transparent}.sidebar-nav a:hover{background:var(--primary-light);color:var(--primary)}.sidebar-nav a.active{background:var(--primary-light);color:var(--primary);font-weight:500;border-left-color:var(--primary)}.sidebar-nav a .nav-dot{width:6px;height:6px;border-radius:50%;background:var(--primary);flex-shrink:0;opacity:0}.sidebar-nav a.active .nav-dot{opacity:1}.sidebar-nav a .badge{margin-left:auto;background:var(--danger);color:#fff;font-size:10px;padding:1px 6px;border-radius:10px;line-height:1.4}.sidebar-user{padding:12px 16px;position:relative;flex-shrink:0}.sidebar-user .user-row{display:flex;align-items:center;gap:10px;cursor:pointer;padding:4px;border-radius:var(--radius-md)}.sidebar-user .user-row:hover{background:var(--primary-light)}.sidebar-user:after{content:"";position:absolute;left:0;right:0;bottom:100%;height:10px}.sidebar-user .user-avatar{width:34px;height:34px;border-radius:50%;background:var(--primary-light);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;flex-shrink:0}.sidebar-user .user-name{font-size:13px;font-weight:500;color:var(--text-primary)}.sidebar-user .user-role{font-size:11px;color:var(--text-tertiary)}.sidebar-user .user-menu{display:none;position:absolute;left:8px;right:8px;bottom:calc(100% + 6px);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:4px 0;z-index:3001}.sidebar-user:hover .user-menu{display:block}.sidebar-user .user-menu a{display:flex;align-items:center;gap:8px;padding:8px 14px;font-size:13px;color:var(--text-secondary);text-decoration:none}.sidebar-user .user-menu a:hover{background:var(--primary-light);color:var(--primary)}.sidebar-user .user-menu .divider{height:1px;background:var(--border);margin:4px 0}.main{margin-left:var(--sidebar-w);flex:1;display:flex;flex-direction:column;min-width:0;max-width:calc(100vw - var(--sidebar-w));height:100vh;overflow:hidden}.topbar{height:var(--topbar-h);flex-shrink:0;background:var(--bg-card);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 24px;position:sticky;top:0;z-index:50}.topbar .breadcrumb{font-size:var(--font-size-heading);color:var(--text-tertiary)}.topbar .breadcrumb a{color:var(--text-tertiary);text-decoration:none}.topbar .breadcrumb a:hover{color:var(--primary)}.topbar .breadcrumb .current{color:var(--text-primary);font-weight:500}.topbar-actions{margin-left:auto;display:flex;align-items:center;justify-content:flex-end;gap:var(--space-sm);flex-shrink:0}.topbar-plan-expiry{font-size:var(--font-size-body);color:var(--text-tertiary);white-space:nowrap}.plan-tag{padding:2px 10px;border-radius:var(--radius-sm);font-size:var(--font-size-hint);font-weight:500;white-space:nowrap}.plan-tag--free{background:var(--info-light);color:var(--text-secondary)}.plan-tag--basic{background:var(--primary-light);color:var(--primary)}.plan-tag--advanced{background:var(--warning-light);color:var(--warning)}.content{padding:var(--space-md);flex:1;display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}.content-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-md);flex:1;display:flex;flex-direction:column;box-shadow:var(--shadow-sm);min-width:0;min-height:0;max-width:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.content-card.content-card--dashboard{overflow:hidden;padding:var(--space-sm) var(--space-md);display:flex;flex-direction:column}.content-card.content-card--dashboard>.dashboard-page{flex:1;min-height:0;overflow:hidden}.content-card.content-card--dashboard .panel{margin-bottom:0}.content-card.content-card--dashboard .dashboard-overview.content-grid{gap:var(--space-sm)}.content-card.content-card--analytics{overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.content-card.content-card--analytics .analytics-page{flex:none;min-height:auto;overflow:visible}.content-card.content-card--site{padding:0;overflow:hidden;display:flex;flex-direction:column}.content-card.content-card--site>*{flex:1;min-height:0;display:flex;flex-direction:column}.content-card.content-card--list .page{flex:1;min-height:0;overflow:hidden}.page{flex:1;display:flex;flex-direction:column;min-height:0;min-width:0}.page-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);flex-shrink:0;padding-bottom:var(--space-md);margin-bottom:var(--space-md);border-bottom:1px solid var(--border-light)}.page-title{font-size:var(--font-size-title);font-weight:600;color:var(--text-primary);line-height:1.4}.page-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-xs);flex-shrink:0}.form-page-title,.form-title{font-size:var(--font-size-title);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:2px solid var(--border);flex-shrink:0}.panel,.settings-group,.info-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);margin-bottom:var(--space-md)}.panel:last-child,.settings-group:last-child,.info-panel:last-child{margin-bottom:0}.panel-header,.settings-group-header,.panel-title,.card-title{padding:8px var(--space-md);border-bottom:1px solid var(--border);font-size:var(--font-size-heading);font-weight:600;color:var(--text-primary);display:flex;align-items:center;justify-content:space-between;background:#fafafa}.panel-header h3{font-size:var(--font-size-heading);font-weight:600;color:var(--text-primary)}.section-title,.section-heading,.tab-panel h3.section-heading{font-size:var(--font-size-heading);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-md)}.panel-header a:not(.btn){font-size:14px;color:var(--primary);text-decoration:none}.panel-header a:not(.btn):hover{color:var(--primary-hover)}.panel-header-actions{display:flex;align-items:center;gap:var(--space-xs);flex-shrink:0}.panel-body,.settings-group-body{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-body);color:var(--text-secondary)}.action-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-sm) var(--space-xs);margin-bottom:var(--space-md);flex-shrink:0}.action-bar__left,.action-bar__right{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs)}.action-bar__left{flex:1 1 auto;min-width:0;justify-content:flex-start}.action-bar__right{flex:0 0 auto;justify-content:flex-end;margin-left:auto}.action-bar .spacer{flex:1 1 auto;min-width:12px;height:1px}.toolbar-sep{font-size:var(--font-size-body);color:var(--text-tertiary);flex-shrink:0}.form-actions,.save-bar{justify-content:flex-end}.detail-actions,.modal-footer{justify-content:flex-end}.modal-footer .btn-outline{order:0}.modal-footer .btn-primary,.modal-footer .btn-confirm-danger{order:1}.btn,a.btn{height:var(--ctrl-h);padding:0 15px;border-radius:var(--radius-sm);font-size:12px;font-weight:500;cursor:pointer;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap;transition:all .2s;outline:none;background:transparent;font-family:inherit;line-height:1;text-decoration:none;box-sizing:border-box}a.btn:hover,a.btn:focus,a.btn:active{text-decoration:none}.btn-sm{height:28px;padding:0 12px;font-size:12px}.btn-primary{background:var(--primary)!important;border-color:var(--primary)!important;color:#fff!important}.btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.btn-primary:disabled{background:#a0cfff;border-color:#a0cfff;cursor:not-allowed}.btn-outline,.btn-default{background:var(--bg-card);border-color:#c0c4cc;color:var(--text-primary)}.btn-outline:hover{color:var(--primary);border-color:var(--primary);background:var(--primary-light)}.btn-outline:disabled{color:#c0c4cc;border-color:#e4e7ed;background:#f5f7fa;cursor:not-allowed}.btn-danger{background:var(--bg-card);border-color:var(--danger);color:var(--danger)}.btn-danger:hover{background:var(--danger-light);border-color:var(--danger);color:var(--danger)}.btn-block{width:100%}.form-group{margin-bottom:var(--space-sm)}.form-group:last-child{margin-bottom:0}.form-group label{display:block;font-size:var(--font-size-heading);font-weight:500;color:var(--text-primary);margin-bottom:4px}.form-group label .required{color:var(--danger);margin-left:2px}.form-hint,.form-group .form-hint{font-size:var(--font-size-hint);color:var(--text-tertiary);margin-top:4px;line-height:1.4}.form-input,.form-select,.search-input,.action-bar .search-input,.action-bar select,.action-bar .date-input,.pagination-info select{width:100%;font-family:inherit;font-size:var(--font-size-body);color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);outline:none;transition:border-color .2s}.form-input,.form-select{height:var(--ctrl-h);padding:0 12px}.search-input,.action-bar .search-input,.action-bar select,.action-bar .date-input{height:var(--ctrl-h);padding:0 12px;width:auto}.action-bar .search-input{flex:0 1 auto;min-width:160px;max-width:260px}.action-bar select{padding-right:28px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23C0C4CC' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;cursor:pointer}.form-input:hover,.form-select:hover,.search-input:hover,.action-bar .search-input:hover,.action-bar select:hover{border-color:#c0c4cc}.form-input:focus,.form-select:focus,.search-input:focus,.action-bar .search-input:focus,.action-bar select:focus,.action-bar .date-input:focus{border-color:var(--primary)}.form-textarea{width:100%;min-height:48px;padding:6px 12px;resize:vertical;font-family:inherit;font-size:var(--font-size-body);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);outline:none;transition:border-color .2s}.form-textarea:focus{border-color:var(--primary)}.form-input.error,.form-select.error,.form-textarea.error{border-color:var(--danger);background:var(--danger-light)}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background:var(--bg-page);color:var(--text-disabled);cursor:not-allowed}.form-error{font-size:12px;color:var(--danger);margin-top:4px;display:none}.form-error.show{display:block}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.form-actions,.save-bar,.step-actions{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border-light);display:flex;justify-content:flex-end;align-items:center;gap:var(--space-xs);flex-wrap:wrap;flex-shrink:0}.step-actions{justify-content:center}.save-bar{position:static;margin:0;padding:var(--space-sm) 0 0;background:var(--bg-card)}.content-card.content-card--settings{overflow:hidden;display:flex;flex-direction:column;padding:0}.content-card--settings>.settings-page{flex:1;min-height:0;min-width:0;width:100%}.content-card--settings .settings-main{flex:1;min-height:0;overflow-y:auto}.content-card--settings .settings-group{margin-bottom:8px}.content-card--settings .settings-grid .settings-group{margin-bottom:0}.content-card--settings .settings-group-body{padding:8px var(--space-md) 10px}.content-card--settings .settings-group-body .form-group{margin-top:0;margin-bottom:8px}.content-card--settings .form-row{gap:8px var(--space-md)}.content-card--settings .switch-grid{gap:6px var(--space-lg)}.content-card--settings .switch span{font-size:var(--font-size-body);color:var(--text-secondary)}.content-card--settings .upload-area{padding:var(--space-sm) var(--space-md);margin-top:0;font-size:var(--font-size-body)}.content-card--settings .save-bar{flex-shrink:0;margin-top:var(--space-sm)}.table-card{flex:1;display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden;border:none;border-radius:0;background:transparent}.table-wrap{flex:1;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--border);border-radius:var(--radius-lg)}.page>.table-card:has(+.pagination) .table-wrap{border-bottom:none;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.page>.table-card+.pagination{border:1px solid var(--border);border-top:1px solid var(--border-light);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.content-card.content-card--list .page>.table-card:not(:has(+.pagination)) .table-wrap{border-bottom:none}table,table.data-table,table.log-table,table.preview-table,.simple-table,.sub-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:var(--font-size-body)}thead th{background:#fafafa;font-weight:600;font-size:var(--font-size-heading);color:var(--text-primary);text-align:left;padding:10px var(--space-md);border-bottom:1px solid var(--border);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}thead th.col-check,tbody td.col-check{overflow:visible;text-overflow:clip}thead th.col-actions,tbody td.col-actions,thead th.col-svr-actions,tbody td.col-svr-actions{overflow:visible;text-overflow:clip;white-space:nowrap;text-align:center;vertical-align:middle}thead th.col-check,tbody td.col-check{width:48px;min-width:48px;max-width:48px;text-align:center}thead th.col-check input[type=checkbox],tbody td.col-check input[type=checkbox]{width:14px;height:14px;margin:0;vertical-align:middle;cursor:pointer}.data-table .col-id{width:8%}.data-table .col-user,.data-table .col-phone{width:14%}.data-table .col-role,.data-table .col-status{width:10%}.data-table .col-time{width:18%}.log-table .col-id{width:56px}.log-table .col-time{width:150px}.log-table .col-user{width:88px}.log-table .col-type{width:96px}.log-table .col-ip{width:120px}.log-table .col-status{width:72px}.log-table .col-op{width:64px}.log-table .col-content{width:32%}.data-table.lead-tasks .col-name{width:19%}.data-table.lead-tasks .col-target,.data-table.lead-tasks .col-channels{width:10%}.data-table.lead-tasks .col-status{width:6%}.data-table.lead-tasks .col-progress{width:13%}.data-table.lead-tasks .col-count{width:15%}.data-table.lead-tasks .col-time{width:11%}.data-table.lead-tasks .col-actions{width:16%;overflow:visible;text-overflow:clip;white-space:nowrap}.data-table.lead-detail .col-check{width:3%;overflow:visible}.data-table.lead-detail .col-company{width:20%}.data-table.lead-detail .col-contact{width:8%}.data-table.lead-detail .col-email{width:19%}.data-table.lead-detail .col-score{width:5%}.data-table.lead-detail .col-trust,.data-table.lead-detail .col-phone{width:10%}.data-table.lead-detail .col-address{width:15%}.data-table.lead-detail .col-actions{width:20%;overflow:visible;text-overflow:clip;white-space:nowrap}.data-table.accounts .col-name{width:16%}.data-table.accounts .col-platform{width:10%}.data-table.accounts .col-cred{width:18%}.data-table.accounts .col-remark{width:14%}.data-table.accounts .col-status{width:8%}.data-table.accounts .col-enabled{width:7%}.data-table.accounts .col-actions{width:20%;overflow:visible;text-overflow:clip;white-space:nowrap}.data-table.channels .col-name{width:22%}.data-table.channels .col-platform{width:10%}.data-table.channels .col-apikey{width:16%}.data-table.channels .col-remark{width:14%}.data-table.channels .col-status{width:8%}.data-table.channels .col-enabled{width:7%}.data-table.channels .col-actions{width:23%;overflow:visible;text-overflow:clip;white-space:nowrap}.data-table.customers .col-check{width:3%;overflow:visible}.data-table.customers .col-name{width:10%}.data-table.customers .col-email{width:20%}.data-table.customers .col-company{width:24%}.data-table.customers .col-score,.data-table.customers .col-country{width:7%}.data-table.customers .col-actions{width:29%;overflow:visible;text-overflow:clip;white-space:nowrap}.data-table.inbox .col-unread{width:2%;overflow:visible}.data-table.inbox .col-from{width:20%}.data-table.inbox .col-subject{width:38%}.data-table.inbox .col-time{width:15%}.data-table.inbox .col-actions{width:25%;overflow:visible;text-overflow:clip;white-space:nowrap}.data-table.outbox .col-account{width:11%}.data-table.outbox .col-to{width:18%}.data-table.outbox .col-subject{width:28%}.data-table.outbox .col-time{width:14%}.data-table.outbox .col-status{width:8%}.data-table.outbox .col-actions{width:21%;overflow:visible;text-overflow:clip;white-space:nowrap}.data-table.send-tasks .col-name{width:28%}.data-table.send-tasks .col-status{width:7%}.data-table.send-tasks .col-stat{width:10%;text-align:center}.data-table.send-tasks .col-actions{width:25%;overflow:visible;text-overflow:clip;white-space:nowrap}.data-table.domains .col-domain{width:30%}.data-table.domains .col-type{width:8%}.data-table.domains .col-dns{width:8%;text-align:center}.data-table.domains .col-svr-status{width:10%}.data-table.domains .col-svr-actions{width:28%;overflow:visible;text-overflow:clip;white-space:nowrap}.data-table.mailboxes .col-actions{width:14%;overflow:visible;text-overflow:clip;white-space:nowrap}.table-card--embedded{flex:none;min-height:0}.content-card.split-layout-card{overflow-y:auto;overflow-x:hidden}thead th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}thead th.sortable:hover{color:var(--primary)}thead th .sort-arrow{margin-left:4px;font-size:10px;color:var(--text-tertiary)}tbody td{padding:10px var(--space-md);border-bottom:1px solid var(--border-light);font-size:var(--font-size-body);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:background .2s}tbody td.col-actions,tbody td.col-svr-actions{overflow:visible;text-overflow:clip}tbody td.col-actions .actions,tbody td.col-svr-actions .actions{flex-wrap:nowrap;justify-content:center;width:100%;margin:0}tbody tr:hover td,tbody tr.selected td{background:var(--primary-light)}tbody tr:last-child td{border-bottom:none}tbody td.col-content{white-space:normal;word-break:break-word;line-height:1.5}.tag{display:inline-block;padding:2px 8px;border-radius:var(--radius-sm);font-size:12px;font-weight:500;line-height:1.4;border:1px solid transparent}.tag-success{background:var(--success-light);color:var(--success);border-color:#e1f3d8}.tag-warning{background:var(--warning-light);color:var(--warning);border-color:#faecd8}.tag-danger{background:var(--danger-light);color:var(--danger);border-color:#fde2e2}.tag-info{background:var(--primary-light);color:var(--primary);border-color:#d9ecff}.actions{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center;justify-content:flex-end}.actions a,.actions button{padding:0 4px;font-size:var(--font-size-body);color:var(--primary);background:transparent;border:none;cursor:pointer;text-decoration:none;white-space:nowrap}.actions a:hover,.actions button:hover{color:var(--primary-hover)}.actions .danger{color:var(--danger)}.actions .danger:hover{color:#f78989}a.btn-link{font-size:var(--font-size-body);color:var(--primary);text-decoration:none;cursor:pointer;white-space:nowrap}a.btn-link:hover{color:var(--primary-hover)}a.btn-link.danger,a.btn-link.btn-link--danger{color:var(--danger)}a.btn-link.danger:hover,a.btn-link.btn-link--danger:hover{color:#f78989}.site-table-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:24px;flex-wrap:nowrap;white-space:nowrap}.site-table-actions .btn-link{flex-shrink:0;padding:0 6px}.site-list-table .n-data-table-td.site-col-actions,.site-list-table .n-data-table-th.site-col-actions{padding-left:12px!important;padding-right:20px!important}.site-list-table .n-data-table-td.n-data-table-td--fixed-right,.site-list-table .n-data-table-th.n-data-table-th--fixed-right{background-color:inherit!important}.site-list-table .n-data-table-tr--striped .n-data-table-td--fixed-right{background-color:#fafafc!important}.site-thumb-wrap{width:40px;height:40px;margin:0 auto;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--radius-sm);background:var(--bg-page);border:1px solid var(--border-light)}.site-thumb-img{max-width:100%;max-height:100%;object-fit:contain}.pagination{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);font-size:var(--font-size-body);color:var(--text-tertiary);flex-shrink:0;background:var(--bg-card)}.pagination-left{display:flex;align-items:center;gap:var(--space-xs);flex:1 1 auto;min-width:0;overflow:hidden}.pagination-right{display:flex;align-items:center;justify-content:flex-end;flex-shrink:0}.pagination-info{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0;white-space:nowrap}.pagination-info strong{color:var(--text-primary);font-weight:600}.pagination-info select{width:auto;min-width:64px;height:var(--ctrl-h);flex-shrink:0}.pagination-pages{display:flex;gap:4px;flex-wrap:nowrap;flex-shrink:0;align-items:center}.pagination-pages button{min-width:var(--ctrl-h);height:var(--ctrl-h);padding:0 6px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);font-size:12px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.pagination-pages button:hover{color:var(--primary)}.pagination-pages button.active{background:var(--primary);border-color:var(--primary);color:#fff}.pagination-pages button:disabled,.pagination>button:disabled{color:var(--text-disabled);cursor:not-allowed;background:var(--bg-page)}.pagination>button{min-width:var(--ctrl-h);height:var(--ctrl-h);padding:0 6px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);font-size:12px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.pagination>button:hover{color:var(--primary)}.pagination>button.active{background:var(--primary);border-color:var(--primary);color:#fff}.step-bar-wrap{flex-shrink:0;padding-bottom:var(--space-md);margin-bottom:var(--space-md);border-bottom:1px solid var(--border-light)}.step-bar{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-xs)}.step-item{display:flex;align-items:center;gap:6px}.step-circle{width:28px;height:28px;border-radius:50%;border:2px solid var(--border);background:var(--bg-page);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:var(--text-tertiary);cursor:pointer;transition:all .2s}.step-item.active .step-circle{border-color:var(--primary);background:var(--primary-light);color:var(--primary)}.step-item.completed .step-circle{border-color:var(--primary);background:var(--primary);color:#fff}.step-item.disabled .step-circle{cursor:not-allowed}.step-label{font-size:13px;color:var(--text-tertiary);white-space:nowrap}.step-item.active .step-label,.step-item.completed .step-label{color:var(--text-primary);font-weight:500}.step-arrow{color:var(--text-disabled);font-size:14px;margin:0 4px}.wizard-center{flex:1;display:flex;justify-content:center;min-height:0;min-width:0;overflow:hidden}.wizard-panel{width:100%;max-width:760px;display:flex;flex-direction:column;min-height:320px;margin-bottom:0}.wizard-panel .step-actions{margin:0;padding:var(--space-md);border-top:1px solid var(--border-light)}.step-content{flex:1;overflow-y:auto;min-height:0}.step-panel{display:none}.step-panel.active{display:block}.confirm-section{margin-bottom:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-page);border:1px solid var(--border-light);border-radius:var(--radius-sm)}.confirm-section-title{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:6px;padding-bottom:6px;border-bottom:1px solid var(--border-light)}.confirm-row{display:flex;padding:6px 0;border-bottom:1px solid var(--border-light);font-size:13px}.confirm-row:last-child{border-bottom:none}.confirm-label{flex:0 0 100px;color:var(--text-tertiary)}.confirm-value{flex:1;color:var(--text-secondary)}.tab-bar{display:flex;gap:0;margin-bottom:0;border-bottom:2px solid var(--border);flex-shrink:0}.tab-bar .tab,.tab{padding:var(--space-xs) var(--space-lg);font-size:var(--font-size-heading);color:var(--text-tertiary);cursor:pointer;background:transparent;border:none;position:relative;font-family:inherit;transition:color .2s}.tab-bar .tab:after,.tab:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:transparent;transition:background .2s}.tab-bar .tab:hover,.tab:hover{color:var(--primary)}.tab-bar .tab.active,.tab.active{color:var(--primary);font-weight:500}.tab-bar .tab.active:after,.tab.active:after{background:var(--primary)}.tab-body{flex:1;padding-top:var(--space-md);min-height:0;overflow:visible}.tab-panel{display:none}.tab-panel.active{display:block}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm) var(--space-lg)}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-label{font-size:var(--font-size-hint);color:var(--text-tertiary)}.detail-value{font-size:var(--font-size-body);color:var(--text-secondary);line-height:1.5}.detail-value.empty{color:var(--text-disabled)}.detail-body-layout{display:grid;grid-template-columns:1fr 360px;gap:var(--space-md);min-width:0}.detail-body-main{min-width:0}.info-grid{display:grid;grid-template-columns:120px 1fr;gap:var(--space-sm) var(--space-md)}.info-grid .label{font-size:var(--font-size-hint);color:var(--text-tertiary);text-align:right;padding-top:2px}.info-grid .value{font-size:var(--font-size-body);color:var(--text-secondary);padding-top:2px}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md);margin-bottom:var(--space-lg)}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg);position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.stat-card:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:0 3px 3px 0}.stat-card.c1:before{background:var(--primary)}.stat-card.c2:before{background:var(--success)}.stat-card.c3:before{background:var(--warning)}.stat-card.c4:before{background:var(--danger)}.stat-card .stat-value{font-size:28px;font-weight:700;color:var(--text-primary);line-height:1.2;margin-bottom:4px}.stat-card .stat-label{font-size:var(--font-size-body);color:var(--text-secondary)}.stat-card .stat-change{font-size:12px;margin-top:4px}.stat-card .stat-change.up{color:var(--success)}.stat-card .stat-change.down{color:var(--danger)}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.dyn-list .dyn-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border-bottom:1px solid var(--border);transition:background .2s;cursor:pointer}.dyn-list .dyn-item:last-child{border-bottom:none}.dyn-list .dyn-item:hover{background:var(--primary-light)}.dyn-item .dyn-dot{width:8px;height:8px;border-radius:50%;background:var(--primary);flex-shrink:0}.dyn-item .dyn-info{flex:1;min-width:0}.dyn-item .dyn-title{font-size:var(--font-size-body);color:var(--text-secondary)}.dyn-item .dyn-time{font-size:var(--font-size-hint);color:var(--text-tertiary)}.panel-header.plain{background:var(--bg-card);border-bottom:1px solid var(--border)}.panel-header.plain h3{font-size:16px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.upload-area{border:2px dashed var(--border);border-radius:var(--radius-md);padding:var(--space-xl);text-align:center;cursor:pointer;transition:all .2s;background:var(--bg-page);color:var(--text-tertiary)}.upload-area:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.upload-icon{font-size:32px;line-height:1;margin-bottom:var(--space-xs)}.upload-text{font-size:var(--font-size-body);color:var(--text-secondary);margin-bottom:4px}.upload-hint{font-size:var(--font-size-hint);color:var(--text-tertiary)}.upload-file-input{display:none}.file-list{margin-top:var(--space-md)}.file-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:var(--space-xs);background:var(--bg-card)}.file-item .file-icon{font-size:20px;color:var(--success)}.file-item .file-info{flex:1;min-width:0}.file-item .file-name{font-size:13px;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-item .file-size{font-size:12px;color:var(--text-tertiary)}.file-item .file-remove{color:var(--danger);cursor:pointer;font-size:18px}.export-options{display:flex;flex-direction:column;gap:var(--space-md)}.export-option{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-md);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s}.export-option:hover{border-color:var(--primary);background:var(--primary-light)}.export-option .format-name{font-size:var(--font-size-heading);font-weight:600;color:var(--text-primary);margin-bottom:2px}.export-option .format-desc{font-size:var(--font-size-hint);color:var(--text-tertiary)}.card-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--space-sm);margin-bottom:var(--space-md);border-bottom:1px solid var(--border)}.log-card{max-height:300px;overflow-y:auto}.log-item{padding:var(--space-sm);border-bottom:1px solid var(--border-light);font-size:13px}.log-item:last-child{border-bottom:none}.log-item .log-time{font-size:12px;color:var(--text-tertiary)}.log-item .log-msg{margin-top:2px;color:var(--text-secondary)}.log-item .log-status{display:inline-block;padding:1px 6px;border-radius:var(--radius-sm);font-size:11px;font-weight:500;margin-left:var(--space-xs)}.log-item .log-status.success{background:var(--success-light);color:var(--success)}.log-item .log-status.error{background:var(--danger-light);color:var(--danger)}.switch-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xs) var(--space-xl)}.switch{display:flex;align-items:center;gap:var(--space-xs);margin-top:6px}.switch input[type=checkbox]{width:40px;height:22px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--border);border-radius:11px;cursor:pointer;position:relative;transition:.2s;flex-shrink:0}.switch input[type=checkbox]:checked{background:var(--primary)}.switch input[type=checkbox]:after{content:"";width:18px;height:18px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:.2s}.switch input[type=checkbox]:checked:after{left:20px}.form-switch{display:flex;align-items:center;gap:var(--space-xs)}.form-switch input[type=checkbox]{width:40px;height:22px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--border);border-radius:11px;cursor:pointer;position:relative;transition:.2s;flex-shrink:0}.form-switch input[type=checkbox]:checked{background:var(--primary)}.form-switch input[type=checkbox]:after{content:"";width:18px;height:18px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:.2s}.form-switch input[type=checkbox]:checked:after{left:20px}.content.import-export-layout{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.content-card.import-export-card{flex:1;min-height:0;overflow-y:auto}.import-export-card .page-stack{display:flex;flex-direction:column;gap:var(--space-md)}.import-export-card .ie-two-col{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.import-export-card .ie-two-col .panel,.import-export-card .page-stack .panel{margin-bottom:0}.import-export-card .upload-area{padding:var(--space-md)}.import-export-card .export-option{padding:8px var(--space-sm)}.import-export-card .export-option .format-name{font-size:var(--font-size-heading)}.import-export-card .export-option .format-desc{font-size:var(--font-size-hint)}.import-export-card .upload-text{font-size:var(--font-size-body)}.import-export-card .upload-hint{font-size:var(--font-size-hint)}.import-export-card .panel-body-log,.import-export-card .log-list{max-height:200px;overflow-y:auto}.preview-table-wrap{overflow:auto;border:1px solid var(--border);border-radius:var(--radius-sm)}.import-export-card .log-item{padding:8px 0;border-bottom:1px solid var(--border-light);font-size:var(--font-size-body)}.import-export-card .log-item:last-child{border-bottom:none}.import-export-card .log-item .log-time{font-size:var(--font-size-caption);color:var(--text-tertiary);margin-right:var(--space-xs)}.import-export-card .log-item .log-msg{margin-top:4px;color:var(--text-secondary)}@media(max-width:1023px){.import-export-card .ie-two-col{grid-template-columns:1fr}}.panel-body-log{font-size:var(--font-size-body);color:var(--text-secondary);line-height:1.8;padding-top:4px;padding-bottom:4px}.tab-panel--table-only{padding-top:0}.info-panel-side{margin-bottom:0;height:fit-content}.left-panel{width:240px;flex-shrink:0;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;max-height:480px;background:var(--bg-card)}.left-panel .panel-search{padding:var(--space-sm);border-bottom:1px solid var(--border);flex-shrink:0}.left-panel .panel-search input{width:100%;height:var(--ctrl-h);padding:0 12px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:12px;outline:none}.left-panel .panel-search input:focus{border-color:var(--primary)}.left-panel .panel-list{flex:1;overflow-y:auto;min-height:0}.list-item{padding:12px var(--space-md);border-bottom:1px solid var(--border-light);cursor:pointer;transition:background .2s}.list-item:hover,.list-item.active{background:var(--primary-light)}.list-item .item-title{font-size:14px;font-weight:500;color:var(--text-primary)}.list-item .item-meta{font-size:12px;color:var(--text-tertiary);margin-top:2px}.right-panel{flex:1;min-width:0;border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-md);overflow:auto;background:var(--bg-card)}.content-card.split-layout-card{flex-direction:row;gap:var(--space-md);align-items:stretch}.content-grid .panel .panel-header{background:var(--bg-card);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border)}.list-item.active:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;background:var(--primary);border-radius:0 3px 3px 0}.list-item{position:relative}.list-item .item-sub{font-size:12px;color:var(--text-tertiary)}.right-panel .empty-hint{text-align:center;color:var(--text-tertiary);padding:60px 0}.right-panel .detail-header{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border)}.right-panel .section-title{font-size:14px;font-weight:600;color:var(--text-primary);margin:var(--space-md) 0 var(--space-sm)}.detail-actions{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border);display:flex;gap:var(--space-xs);flex-wrap:wrap}.card-grid .card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-sm);transition:box-shadow .2s;min-height:220px}.card-grid .card:hover{box-shadow:var(--shadow-md)}.card-accent{height:3px;flex-shrink:0;background:var(--primary)}.card-body{padding:var(--space-md);flex:1;display:flex;flex-direction:column;min-height:0}.card-body .card-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-body .card-desc{font-size:12px;color:var(--text-tertiary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1;margin-bottom:var(--space-sm)}.card-tags{display:flex;gap:var(--space-xs);flex-wrap:wrap;margin-bottom:var(--space-xs)}.card-stats{display:flex;gap:var(--space-md);font-size:12px;color:var(--text-tertiary);flex-shrink:0}.card-footer{padding:var(--space-sm) var(--space-md);border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.card-footer .card-time{font-size:12px;color:var(--text-disabled)}.card-footer .actions a{padding:4px var(--space-xs);border-radius:var(--radius-sm);font-size:12px}.upload-area.dragging{border-color:var(--primary);background:var(--primary-light)}.export-option input[type=radio]{margin-top:3px;flex-shrink:0}.export-option label{cursor:pointer;flex:1}.selected-count{font-size:var(--font-size-body);color:var(--text-tertiary);white-space:nowrap}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:2000;display:flex;align-items:center;justify-content:center}.modal{background:var(--bg-card);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);width:90%;max-width:440px}.modal-header{padding:20px 20px 10px;font-size:18px;font-weight:500;color:var(--text-primary)}.modal-body{padding:10px 20px 20px;font-size:14px;color:var(--text-secondary)}.modal-footer{padding:10px 20px 20px;display:flex;justify-content:flex-end;gap:var(--space-xs)}.btn-confirm-danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn-confirm-danger:hover{background:#f78989;border-color:#f78989}.toast{position:fixed;top:20px;left:50%;transform:translate(-50%);padding:12px 20px;border-radius:var(--radius-sm);font-size:14px;z-index:9999;display:none;min-width:200px;text-align:center;box-shadow:var(--shadow-md)}.toast.success{display:block;background:var(--success-light);color:var(--success);border:1px solid #e1f3d8}.toast.error{display:block;background:var(--danger-light);color:var(--danger);border:1px solid #fde2e2}.empty-state{text-align:center;padding:60px var(--space-lg);color:var(--text-tertiary)}.empty-state .empty-icon{font-size:40px;margin-bottom:var(--space-sm)}.empty-state .empty-text{font-size:var(--font-size-body)}.demo-links{display:flex;flex-wrap:wrap;gap:12px;font-size:14px}.demo-links a{color:var(--primary);text-decoration:none}.demo-links a:hover{color:var(--primary-hover)}.split-layout{display:flex;gap:var(--space-md);min-height:0;flex:1}.split-left{width:280px;flex-shrink:0;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-card);overflow:auto}.split-right{flex:1;min-width:0;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-card);overflow:auto}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-md)}.list-card-item{border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-md);background:var(--bg-card);box-shadow:var(--shadow-sm);transition:box-shadow .2s}.list-card-item:hover{box-shadow:var(--shadow-md)}@media(max-width:1023px){.sidebar{display:none}.main{margin-left:0;max-width:100vw}.stats-row{grid-template-columns:repeat(2,1fr)}.content-grid,.detail-body-layout,.two-col{grid-template-columns:1fr}}@media(max-width:767px){.content,.content-card{padding:12px}.form-row,.detail-grid{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.page-header-actions{width:100%;justify-content:flex-end}.action-bar{flex-direction:column;align-items:stretch}.action-bar .search-input{max-width:none;width:100%}.step-label{display:none}.switch-grid,.stats-row{grid-template-columns:1fr}.content-card.split-layout-card{flex-direction:column}.left-panel{width:100%;max-height:300px}}.state-block{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:360px;text-align:center;padding:var(--space-xl)}.state-block__icon{width:64px;height:64px;border-radius:50%;background:var(--info-light);margin-bottom:var(--space-md)}.state-block__title{font-size:var(--font-size-title);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xs)}.state-block__desc{font-size:var(--font-size-body);color:var(--text-tertiary);max-width:360px;margin-bottom:var(--space-lg)}.progress-bar{height:6px;background:var(--border-light);border-radius:3px;overflow:hidden}.progress-bar__fill{height:100%;background:var(--primary);border-radius:3px;transition:width .3s ease}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;text-align:center}.stat-card .stat-value{font-size:18px;font-weight:600;color:var(--text-primary)}.stat-card .stat-label{font-size:12px;color:var(--text-tertiary);margin-top:4px}.row-selected{background:var(--primary-light)}.sub-nav-tabs{display:flex;gap:var(--space-xs);border-bottom:1px solid var(--border);margin-bottom:var(--space-md);flex-shrink:0}.sub-nav-tabs a,.sub-nav-tabs button{display:inline-flex;align-items:center;padding:8px 16px;font-size:var(--font-size-heading);color:var(--text-secondary);text-decoration:none;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .2s;margin-bottom:-1px}.sub-nav-tabs a:hover,.sub-nav-tabs button:hover{color:var(--primary)}.sub-nav-tabs a.active,.sub-nav-tabs button.active{color:var(--primary);font-weight:500;border-bottom-color:var(--primary)}.stats-row-5{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-md);margin-bottom:var(--space-md)}.overview-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-md);display:flex;flex-direction:column;box-shadow:var(--shadow-sm)}.overview-panel__title{font-size:var(--font-size-heading);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-sm)}.mini-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xs);flex:1}.mini-stat-cell{background:var(--bg-page);border-radius:var(--radius-sm);padding:var(--space-xs);text-align:center;display:flex;flex-direction:column;justify-content:center;min-height:56px}.mini-stat-cell .mini-stat-value{font-size:18px;font-weight:700;color:var(--text-primary);line-height:1.2}.mini-stat-cell .mini-stat-label{font-size:var(--font-size-hint);color:var(--text-secondary);margin-top:2px}.mini-stat-cell .mini-stat-hint{font-size:10px;color:var(--success);margin-top:2px}.mini-stat-cell .mini-stat-hint.warn{color:var(--warning)}.chart-legend{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-body);color:var(--text-secondary)}.chart-legend__dot{display:inline-block;width:8px;height:8px;border-radius:50%}.chart-legend__sep{width:1px;height:16px;background:var(--border)}.chart-tab-group{display:flex;gap:4px}.folder-icon{width:24px;height:24px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;flex-shrink:0}.folder-icon--inbox{background:var(--primary-light);color:var(--primary)}.folder-icon--outbox{background:var(--success-light);color:var(--success)}.folder-icon--compose{background:var(--warning-light);color:var(--warning)}.folder-icon--tasks{background:var(--info-light);color:var(--info)}.list-item__row{display:flex;align-items:center;gap:var(--space-xs)}.mail-row-unread{background:var(--primary-light);cursor:pointer}.mail-row-read{cursor:pointer}.mail-unread-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--primary)}.login-brand{text-align:center;margin-bottom:var(--space-xl)}.login-brand .logo-mark{width:48px;height:48px;margin:0 auto var(--space-sm);font-size:20px}.login-brand h2{font-size:var(--font-size-title);color:var(--text-primary);font-weight:600}.login-brand p{font-size:var(--font-size-body);color:var(--text-tertiary);margin-top:4px}.dns-status-ok{color:var(--success);font-size:var(--font-size-body)}.dns-status-no{color:var(--text-tertiary);font-size:var(--font-size-body)}.plan-badge{font-size:10px;color:var(--warning);background:var(--warning-light);padding:1px 6px;border-radius:var(--radius-sm);font-weight:500}.plan-badge--basic{color:var(--primary);background:var(--primary-light)}.plan-badge--advanced{color:var(--warning);background:var(--warning-light)}.tpl-thumb-label{font-size:var(--font-size-body);color:var(--text-tertiary);font-weight:500}.file-tag-label{font-size:var(--font-size-hint);color:var(--text-tertiary)}@media(max-width:1200px){.stats-row-5{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.stats-row-5,.mini-stat-grid{grid-template-columns:repeat(2,1fr)}}.mail-new-alert{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs);margin:var(--space-sm);padding:8px 10px;background:var(--primary-light);border:1px solid #d9ecff;border-radius:var(--radius-sm);font-size:12px;color:var(--primary);flex-shrink:0}.mail-new-alert__text{flex:1;min-width:0}.folder-badge--unread{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;margin-left:6px;border-radius:9px;background:var(--danger);color:#fff;font-size:11px;font-weight:600;line-height:1}.mail-compose-form{font-size:var(--font-size-body)}.mail-compose-row{display:flex;align-items:center;gap:var(--space-sm);min-height:40px;padding:0 var(--space-md);border-bottom:1px solid var(--border-light)}.mail-compose-row:last-child{border-bottom:none}.mail-compose-row__label{width:72px;flex-shrink:0;color:var(--text-tertiary);font-size:var(--font-size-body)}.mail-compose-row__field{flex:1;min-width:0;display:flex;align-items:center;gap:var(--space-xs);flex-wrap:wrap}.mail-compose-row__field .form-input,.mail-compose-row__field .form-select{flex:1;min-width:120px}.mail-compose-row__links{display:flex;align-items:center;gap:10px;flex-shrink:0}.mail-compose-row__links a{font-size:12px;color:var(--primary);text-decoration:none;cursor:pointer}.mail-compose-row__links a:hover{color:var(--primary-hover)}.mail-compose-row__links a.is-active{font-weight:600}.mail-compose-row__option{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-secondary);white-space:nowrap}.mail-compose-editor-wrap{padding:var(--space-sm) var(--space-md) var(--space-md)}.mail-rich-editor{border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-card)}.mail-rich-editor__toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:2px;padding:6px 8px;border-bottom:1px solid var(--border-light);background:var(--bg-page)}.mail-rich-editor__btn{min-width:28px;height:28px;padding:0 6px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font-size:12px;cursor:pointer}.mail-rich-editor__btn:hover{border-color:var(--border);background:var(--bg-card);color:var(--primary)}.mail-rich-editor__btn--text{min-width:auto;padding:0 8px}.mail-rich-editor__sep{width:1px;height:18px;margin:0 4px;background:var(--border)}.mail-rich-editor__body{min-height:280px;max-height:420px;overflow-y:auto;padding:12px 14px;font-size:var(--font-size-body);line-height:1.8;color:var(--text-secondary);outline:none}.mail-rich-editor__body:empty:before{content:attr(data-placeholder);color:var(--text-tertiary)}.mail-read-panel{margin-bottom:0}.mail-read-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:8px var(--space-md);border-bottom:1px solid var(--border-light);background:var(--bg-elevated);flex-wrap:wrap}.mail-read-toolbar__left,.mail-read-toolbar__right{display:flex;align-items:center;gap:var(--space-xs);flex-wrap:wrap}.mail-read-header{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-light)}.mail-read-subject{font-size:18px;font-weight:600;color:var(--text-primary);line-height:1.4;margin-bottom:var(--space-sm)}.mail-read-meta{display:grid;grid-template-columns:72px 1fr;gap:6px var(--space-md);font-size:var(--font-size-body)}.mail-read-meta__label{color:var(--text-tertiary);text-align:right}.mail-read-meta__value{color:var(--text-secondary);word-break:break-word}.mail-read-body{padding:var(--space-lg);min-height:200px;font-size:var(--font-size-body);line-height:1.8;color:var(--text-secondary);white-space:pre-wrap;word-break:break-word}.mail-read-translate{margin-top:var(--space-md)}