.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}.confirm-modal{background:#0a1628f2;border:1px solid rgba(112,168,231,.28);border-radius:16px;padding:30px;width:320px;text-align:center;box-shadow:0 22px 60px #020a14b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.confirm-icon{font-size:48px;margin-bottom:16px}.confirm-title{font-size:18px;font-weight:600;color:#def4ff;margin-bottom:8px}.confirm-content{font-size:14px;color:#9eb7d1;margin-bottom:24px}.confirm-actions{display:flex;gap:12px;justify-content:center}.confirm-actions .btn{min-width:100px}.login-container[data-v-b838e0bd]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(900px 520px at 15% -10%,rgba(49,215,255,.2),transparent 60%),radial-gradient(780px 460px at 110% 110%,rgba(95,127,255,.22),transparent 60%),linear-gradient(160deg,#050b16,#0b1730 45%,#091224);position:relative;overflow:hidden}.bg-decoration .circle[data-v-b838e0bd]{position:absolute;border-radius:50%;opacity:.22;filter:blur(2px)}.circle-1[data-v-b838e0bd]{width:400px;height:400px;background:#31d7ff;top:-100px;right:-100px}.circle-2[data-v-b838e0bd]{width:300px;height:300px;background:#5f6bff;bottom:-50px;left:-50px}.circle-3[data-v-b838e0bd]{width:200px;height:200px;background:#73e8ff;top:50%;left:30%}.login-wrapper[data-v-b838e0bd]{display:flex;background:#0a1628db;border:1px solid rgba(112,168,231,.28);border-radius:24px;overflow:hidden;box-shadow:0 25px 80px #020a14b8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);max-width:900px;width:90%}.login-intro[data-v-b838e0bd]{width:380px;background:linear-gradient(135deg,#31d7ff47,#5f6bff47);padding:50px 40px;display:flex;align-items:center;color:#e8f3ff;border-right:1px solid rgba(112,168,231,.2)}.intro-content h2[data-v-b838e0bd]{font-size:28px;margin-bottom:12px;letter-spacing:1px}.intro-desc[data-v-b838e0bd]{opacity:.9;margin-bottom:30px;font-size:14px}.feature-list[data-v-b838e0bd]{list-style:none;padding:0}.feature-list li[data-v-b838e0bd]{padding:10px 0;font-size:14px;opacity:.95}.login-box[data-v-b838e0bd]{flex:1;padding:50px 45px}.login-header[data-v-b838e0bd]{margin-bottom:35px}.login-header h1[data-v-b838e0bd]{font-size:26px;color:#def4ff;margin-bottom:8px}.login-header p[data-v-b838e0bd]{color:#9eb7d1;font-size:14px}.form-group[data-v-b838e0bd]{margin-bottom:22px}.input-wrapper[data-v-b838e0bd]{position:relative;display:flex;align-items:center}.input-icon[data-v-b838e0bd]{position:absolute;left:16px;font-size:16px}.form-input[data-v-b838e0bd]{width:100%;padding:14px 45px;border:1px solid rgba(112,168,231,.28);background:#0b182bd9;color:#e4f2ff;border-radius:12px;font-size:14px;transition:all .3s;box-sizing:border-box}.form-input[data-v-b838e0bd]:focus{outline:none;border-color:#31d7ffb8;box-shadow:0 0 0 4px #31d7ff24}.form-input[data-v-b838e0bd]::placeholder{color:#6983a1}.toggle-password[data-v-b838e0bd]{position:absolute;right:16px;cursor:pointer;font-size:16px}.form-options[data-v-b838e0bd]{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.remember-me[data-v-b838e0bd]{display:flex;align-items:center;gap:8px;font-size:13px;color:#9eb7d1;cursor:pointer}.remember-me input[data-v-b838e0bd]{accent-color:#31d7ff}.login-btn[data-v-b838e0bd]{width:100%;padding:15px;font-size:16px;font-weight:600;border-radius:12px;background:linear-gradient(135deg,#30d7ff,#5f6bff);border:none;color:#f2fbff;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:8px}.login-btn[data-v-b838e0bd]:hover{transform:translateY(-2px);box-shadow:0 10px 30px #3188ff73}.login-btn[data-v-b838e0bd]:disabled{opacity:.7;cursor:not-allowed;transform:none}.loading-spinner[data-v-b838e0bd]{width:18px;height:18px;border:2px solid #fff;border-top-color:transparent;border-radius:50%;animation:spin-b838e0bd .8s linear infinite}@keyframes spin-b838e0bd{to{transform:rotate(360deg)}}.login-footer[data-v-b838e0bd]{margin-top:30px}.divider[data-v-b838e0bd]{text-align:center;position:relative;margin-bottom:15px}.divider[data-v-b838e0bd]:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#70a8e73d}.divider span[data-v-b838e0bd]{background:#0a1628f2;padding:0 15px;position:relative;color:#8ea8c2;font-size:12px}.demo-account[data-v-b838e0bd]{text-align:center;font-size:13px;color:#bcd1e6;background:#0b182bcc;border:1px solid rgba(112,168,231,.2);padding:12px;border-radius:8px}.error-toast[data-v-b838e0bd]{position:fixed;top:30px;left:50%;transform:translate(-50%);background:#ff5d7d24;border:1px solid rgba(255,93,125,.35);color:#ffb3c2;padding:12px 24px;border-radius:8px;font-size:14px;display:flex;align-items:center;gap:8px;box-shadow:0 4px 20px #00000026;animation:slideDown-b838e0bd .3s ease}@keyframes slideDown-b838e0bd{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media (max-width: 768px){.login-intro[data-v-b838e0bd]{display:none}.login-wrapper[data-v-b838e0bd]{max-width:400px}.login-box[data-v-b838e0bd]{padding:40px 30px}}.category-image[data-v-aa511689]{width:48px;height:48px;object-fit:cover;border-radius:8px}.preview-image[data-v-aa511689]{margin-top:8px;width:80px;height:80px;object-fit:cover;border-radius:8px}.loading-overlay[data-v-42e6610a]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999}.loading-spinner[data-v-42e6610a]{width:40px;height:40px;border:3px solid #fff;border-top-color:var(--primary);border-radius:50%;animation:spin-42e6610a .8s linear infinite}.loading-text[data-v-42e6610a]{margin-top:12px;color:#fff;font-size:14px}@keyframes spin-42e6610a{to{transform:rotate(360deg)}}.user-cell[data-v-445e9529]{display:flex;align-items:center;gap:10px;min-width:0}.user-avatar-img[data-v-445e9529]{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0;border:1px solid var(--border-color, #eee)}.user-avatar-emoji[data-v-445e9529]{font-size:28px;line-height:1;flex-shrink:0}.user-nickname[data-v-445e9529]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-detail-avatar[data-v-445e9529]{width:64px;height:64px;border-radius:50%;object-fit:cover;display:inline-block;vertical-align:middle;border:1px solid var(--border-color, #eee)}.loading-overlay[data-v-445e9529]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999}.loading-spinner[data-v-445e9529]{width:40px;height:40px;border:3px solid #fff;border-top-color:var(--primary);border-radius:50%;animation:spin-445e9529 .8s linear infinite}.loading-text[data-v-445e9529]{margin-top:12px;color:#fff;font-size:14px}@keyframes spin-445e9529{to{transform:rotate(360deg)}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #E4393C;--primary-light: #f56c6c;--primary-dark: #c9292c;--primary-bg: rgba(228, 57, 60, .08);--success: #52c41a;--warning: #faad14;--danger: #E4393C;--info: #1890ff;--text-primary: #333;--text-secondary: #666;--text-muted: #999;--text-light: #ccc;--bg-page: #f5f5f5;--bg-card: #fff;--bg-hover: #fafafa;--border-color: #eee;--border-light: #f0f0f0;--sidebar-width: 220px;--header-height: 56px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--spacing-xs: 8px;--spacing-sm: 12px;--spacing-md: 16px;--spacing-lg: 24px}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:var(--bg-page);color:var(--text-primary);font-size:14px;line-height:1.5}a,a:visited,a:hover,a:active{color:inherit;text-decoration:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ccc}.app-container{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:#fff;border-right:1px solid var(--border-color);position:fixed;top:0;left:0;bottom:0;z-index:100;display:flex;flex-direction:column}.logo{height:56px;display:flex;align-items:center;justify-content:flex-start;padding:0 16px;border-bottom:1px solid var(--border-color)}.logo-icon{font-size:28px;margin-right:8px}.logo-text{font-size:16px;font-weight:600;color:var(--primary)}.nav-menu{flex:1;padding:12px 8px;overflow-y:auto}.nav-menu{scrollbar-width:none;-ms-overflow-style:none}.nav-menu::-webkit-scrollbar{width:0;height:0;display:none}.nav-section{margin-bottom:16px}.nav-section-title{font-size:12px;color:var(--text-muted);padding:8px 12px 4px;font-weight:500}.nav-item{display:flex;align-items:center;padding:10px 12px;border-radius:var(--radius-md);cursor:pointer;margin-bottom:2px;transition:all .2s;color:var(--text-secondary);text-decoration:none}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-item.active{background:var(--primary-bg);color:var(--primary);font-weight:500}.nav-icon{font-size:16px;margin-right:10px;width:20px;text-align:center}.nav-text{font-size:14px}.sidebar-footer{padding:12px 16px;border-top:1px solid var(--border-color)}.version-info{font-size:12px;color:var(--text-light);text-align:center}.main-content{flex:1;margin-left:var(--sidebar-width);display:flex;flex-direction:column;min-height:100vh}.header{height:var(--header-height);background:#fff;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-lg);position:sticky;top:0;z-index:50}.header-left{display:flex;align-items:center;gap:12px}.menu-toggle{display:none;background:none;border:none;font-size:18px;cursor:pointer;padding:8px}.page-title{font-size:16px;font-weight:600;color:var(--text-primary)}.header-right{display:flex;align-items:center;gap:16px}.header-actions{display:flex;gap:4px}.header-btn{width:32px;height:32px;border:none;background:transparent;border-radius:var(--radius-sm);cursor:pointer;font-size:14px;color:#fff;transition:all .2s}.header-btn:hover{background:var(--bg-hover);color:#fff}.admin-info{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:var(--radius-md);cursor:pointer;transition:background .2s}.admin-info:hover{background:var(--bg-hover)}.admin-avatar{font-size:20px}.admin-name{font-size:14px;color:var(--text-primary)}.admin-role{font-size:12px;color:var(--primary);background:var(--primary-bg);padding:2px 6px;border-radius:var(--radius-sm)}.logout-btn{padding:6px 12px;background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;font-size:13px;color:var(--text-secondary);transition:all .2s}.logout-btn:hover{border-color:var(--primary);color:var(--primary)}.page-content{flex:1;padding:var(--spacing-lg)}.card{background:#fff;border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-md)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-light)}.card-title{font-size:15px;font-weight:600;color:var(--text-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:var(--radius-sm);font-size:14px;font-weight:500;cursor:pointer;border:none;transition:all .2s;gap:4px}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-outline{background:transparent;border:1px solid var(--primary);color:var(--primary)}.btn-outline:hover{background:var(--primary-bg)}.btn-danger{background:transparent;border:1px solid var(--danger);color:var(--danger)}.btn-danger:hover{background:#e4393c14}.btn-sm{padding:4px 10px;font-size:12px}.table td .btn+.btn{margin-left:8px}.table-container{overflow-x:auto}.table-container{scrollbar-width:none;-ms-overflow-style:none}.table-container::-webkit-scrollbar{width:0;height:0;display:none}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px;text-align:left;border-bottom:1px solid var(--border-light)}.table th{font-weight:500;color:var(--text-secondary);font-size:13px;background:var(--bg-page)}.table tbody tr:hover{background:var(--bg-hover)}.table td{color:var(--text-primary);font-size:14px}.status-tag{display:inline-block;padding:2px 8px;border-radius:var(--radius-sm);font-size:12px;font-weight:500}.status-pending{background:#fff7e6;color:#d46b08}.status-paid{background:#e6f7ff;color:#096dd9}.status-shipped{background:#f6ffed;color:#389e0d}.status-completed{background:#f9f0ff;color:#722ed1}.status-cancelled{background:#f5f5f5;color:#8c8c8c}.status-success{background:#f6ffed;color:#389e0d}.status-warning{background:#fff7e6;color:#d46b08}.status-danger{background:#fff1f0;color:#cf1322}.form-group{margin-bottom:var(--spacing-md)}.form-label{display:block;margin-bottom:6px;font-size:14px;font-weight:500;color:var(--text-primary)}.form-input,.form-select,.form-textarea{width:100%;padding:8px 12px;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:14px;transition:border-color .2s;background:#fff}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary)}.form-input::placeholder{color:var(--text-light)}.form-textarea{min-height:80px;resize:vertical}.search-bar{display:flex;gap:10px;flex-wrap:wrap}.search-input{flex:1;min-width:180px;max-width:260px}.pagination{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:var(--spacing-md)}.page-btn{min-width:32px;height:32px;padding:0 10px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#fff;cursor:pointer;font-size:14px;transition:all .2s}.page-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.page-btn:disabled{opacity:.5;cursor:not-allowed}.page-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;border-radius:var(--radius-md);width:90%;max-width:520px;max-height:85vh;overflow-y:auto}.modal{scrollbar-width:none;-ms-overflow-style:none}.modal::-webkit-scrollbar{width:0;height:0;display:none}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-light)}.modal-title{font-size:16px;font-weight:600}.modal-close{background:none;border:none;font-size:18px;cursor:pointer;color:var(--text-muted);padding:4px}.modal-close:hover{color:var(--text-primary)}.modal-body{padding:20px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:12px 20px;border-top:1px solid var(--border-light)}.toast{position:fixed;top:70px;right:24px;padding:10px 16px;border-radius:var(--radius-sm);color:#fff;z-index:2000;display:flex;align-items:center;gap:8px;font-size:14px}.toast-icon{font-size:16px}.toast-success{background:var(--success)}.toast-error{background:var(--danger)}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#0000004d;z-index:99}@media (max-width: 768px){.sidebar{transform:translate(-100%);transition:transform .25s}.sidebar.open{transform:translate(0)}.sidebar-overlay{display:block}.main-content{margin-left:0}.menu-toggle{display:block}.page-content,.card{padding:var(--spacing-md)}.header-actions{display:none}}:root{--primary: #31d7ff;--primary-light: #73e8ff;--primary-dark: #14b4db;--primary-bg: rgba(49, 215, 255, .14);--success: #36f3b3;--warning: #ffd166;--danger: #ff5d7d;--info: #48aaff;--text-primary: #e8f3ff;--text-secondary: #a9bfd7;--text-muted: #7e95ad;--text-light: #62758a;--bg-page: #070f1e;--bg-card: rgba(15, 28, 46, .72);--bg-hover: rgba(49, 215, 255, .1);--border-color: rgba(102, 150, 205, .26);--border-light: rgba(112, 168, 231, .2)}body{font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;background:radial-gradient(1000px 600px at 15% -10%,rgba(49,215,255,.2),transparent 60%),radial-gradient(900px 520px at 110% 110%,rgba(95,127,255,.22),transparent 60%),linear-gradient(160deg,#050b16,#0b1730 45%,#091224);color:var(--text-primary)}.sidebar{background:#081222db;border-right:1px solid var(--border-light);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 0 40px #0a162d8c}.logo{border-bottom:1px solid var(--border-light)}.logo-text{color:var(--primary-light);letter-spacing:1px;font-family:Orbitron,sans-serif}.nav-section-title{color:#5f7d9f;text-transform:uppercase;letter-spacing:1px}.nav-item{border:1px solid transparent}.nav-item:hover{background:#31d7ff14;border-color:#31d7ff3d;color:var(--text-primary)}.nav-item.active{background:linear-gradient(90deg,#31d7ff2e,#7e5cff2e);border-color:#31d7ff6b;color:#d7f6ff;box-shadow:inset 0 0 18px #31d7ff24}.header{background:#0a1426cc;border-bottom:1px solid var(--border-light);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.page-title{color:#dff6ff;font-family:Orbitron,sans-serif;letter-spacing:.8px}.admin-role{color:#b2f5ff;background:#31d7ff24}.logout-btn{border-color:var(--border-light);color:#c7d9ee}.logout-btn:hover{border-color:var(--primary);color:var(--primary-light);box-shadow:0 0 0 2px #31d7ff1f}.card{background:var(--bg-card);border:1px solid var(--border-light);box-shadow:0 12px 28px #0108126b,inset 0 1px #ffffff08;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.card-header{border-bottom:1px solid var(--border-light)}.btn{border-radius:10px}.btn-primary{background:linear-gradient(135deg,#30d7ff,#5f6bff);color:#f2fbff;box-shadow:0 8px 20px #3188ff59}.btn-primary:hover{background:linear-gradient(135deg,#56e0ff,#7f89ff);transform:translateY(-1px)}.btn-outline{border-color:#31d7ff7a;color:#b8f3ff}.btn-outline:hover{background:#31d7ff24}.btn-danger{border-color:#ff5d7da8;color:#ffc0cc}.btn-danger:hover{background:#ff5d7d24}.table th{background:#0f1f36e6;color:#9fc2e8}.table td{color:#d6e7fb}.table th,.table td{border-bottom:1px solid var(--border-light)}.table tbody tr:hover{background:#31d7ff14}.status-pending{background:#ffd16629;color:#ffd88b}.status-paid{background:#48aaff2e;color:#9ed2ff}.status-shipped{background:#36f3b329;color:#8ef5d0}.status-completed{background:#9d7cff2e;color:#d2beff}.status-cancelled{background:#8097b233;color:#b4c5d8}.status-success{background:#36f3b329;color:#8ef5d0}.status-warning{background:#ffd16629;color:#ffd88b}.status-danger{background:#ff5d7d29;color:#ffb3c2}.form-input,.form-select,.form-textarea{border:1px solid var(--border-light);background:#0b182bd9;color:#e4f2ff}.form-input::placeholder{color:#6983a1}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#31d7ffb8;box-shadow:0 0 0 3px #31d7ff24}input[type=date]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator,input[type=month]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator{filter:invert(1) brightness(1.2);opacity:1;cursor:pointer}.page-btn{border:1px solid var(--border-light);background:#0c182be0;color:#c7dbf1}.page-btn:hover:not(:disabled){border-color:#31d7ff9e;color:#baf5ff}.page-btn.active{background:linear-gradient(135deg,#31d7ff,#6a73ff);color:#f2fbff;border-color:transparent}.modal{background:#0b1729f2;border:1px solid var(--border-light);box-shadow:0 28px 60px #020a14b3}.modal-header,.modal-footer{border-color:var(--border-light)}.modal-title{color:#d8f3ff}.toast-success{background:linear-gradient(135deg,#00bd88,#2de3af)}.toast-error{background:linear-gradient(135deg,#ff4f73,#ff7d95)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.stat-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:20px;display:flex;align-items:center;gap:16px}.stat-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.stat-icon.sales{background:#e4393c1a}.stat-icon.orders{background:#1890ff1a}.stat-icon.users{background:#faad141a}.stat-icon.products{background:#722ed11a}.stat-icon.sales{background:#31d7ff1f}.stat-icon.orders{background:#5f6bff1f}.stat-icon.users{background:#ffd16624}.stat-icon.products{background:#9d7cff24}.stat-info{flex:1}.stat-value{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.stat-label{font-size:13px;color:var(--text-muted)}.stat-trend{font-size:12px;padding:2px 6px;border-radius:var(--radius-sm);margin-top:6px;display:inline-block}.stat-trend.up{background:#f6ffed;color:#389e0d}.stat-trend.down{background:#fff1f0;color:#cf1322}.stat-trend.up{background:#36f3b329;color:#8ef5d0}.stat-trend.down{background:#ff5d7d29;color:#ffb3c2}.charts-row{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-bottom:20px}.chart-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:20px}.chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.chart-title{font-size:15px;font-weight:600}.chart-tabs{display:flex;gap:4px;background:var(--bg-page);padding:3px;border-radius:var(--radius-sm)}.chart-tab{padding:6px 14px;border-radius:var(--radius-sm);font-size:13px;cursor:pointer;background:transparent;color:var(--text-secondary);border:none;transition:all .2s}.chart-tab.active{background:#ffffff0f;color:var(--primary);font-weight:500}.line-chart-container{position:relative;padding:16px 0;overflow-x:auto}.line-chart{width:100%;height:180px;min-width:300px}.data-point{cursor:pointer;transition:r .2s}.data-point:hover{r:6}.x-axis-labels{display:flex;justify-content:space-between;padding-top:8px;margin-top:4px;border-top:1px solid var(--border-light)}.x-label{font-size:11px;color:var(--text-muted)}.chart-tooltip{position:absolute;background:#333;color:#fff;padding:8px 12px;border-radius:6px;font-size:12px;pointer-events:none;z-index:10;white-space:nowrap}.chart-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#333}.tooltip-date{color:#aaa;font-size:11px;margin-bottom:2px}.tooltip-value{font-weight:600;color:#fff}.bar-label{font-size:12px;color:var(--text-muted)}.pie-chart{display:flex;flex-direction:column;align-items:center;padding:16px}.pie-placeholder{width:140px;height:140px;border-radius:50%;background:conic-gradient(var(--primary) 0% 35%,var(--info) 35% 55%,var(--warning) 55% 75%,#722ed1 75% 100%);margin-bottom:16px;position:relative}.pie-placeholder:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:#091224e6;border-radius:50%}.pie-legend{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary)}.legend-dot{width:8px;height:8px;border-radius:2px}.bottom-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.recent-orders,.hot-products{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:20px}.dash-empty{padding:18px 12px 10px;text-align:center;border:1px dashed var(--border-light);border-radius:14px;background:#31d7ff0f}.dash-empty.compact{margin-top:8px;padding:14px 12px}.dash-empty-title{font-weight:600;color:var(--text-primary);margin-bottom:6px}.dash-empty-desc{font-size:12px;color:var(--text-muted);margin-bottom:10px}.dash-skeleton{padding:8px 0}.sk-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border-light)}.sk-row:last-child{border-bottom:none}.sk-line{height:12px;border-radius:999px;background:linear-gradient(90deg,#ffffff0f,#31d7ff24,#ffffff0f);background-size:200% 100%;animation:sk 1.25s ease-in-out infinite}.sk-line.w25{width:25%}.sk-line.w40{width:40%}.sk-line.w55{width:55%}.sk-line.w70{width:70%}.sk-line.w80{width:80%}.sk-line.w90{width:90%}.sk-line.w95{width:95%}.sk-avatar{width:44px;height:44px;border-radius:10px;background:linear-gradient(90deg,#ffffff0f,#5f6bff29,#ffffff0f);background-size:200% 100%;animation:sk 1.25s ease-in-out infinite;flex-shrink:0}.sk-badge{width:22px;height:22px;border-radius:6px;background:linear-gradient(90deg,#ffffff0f,#31d7ff29,#ffffff0f);background-size:200% 100%;animation:sk 1.25s ease-in-out infinite;flex-shrink:0}@keyframes sk{0%{background-position:0% 50%;opacity:.85}50%{background-position:100% 50%;opacity:1}to{background-position:0% 50%;opacity:.85}}.order-item{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid var(--border-light)}.order-item:last-child{border-bottom:none}.order-info{flex:1}.order-no{font-weight:500;color:var(--text-primary);margin-bottom:2px;font-size:14px}.order-time{font-size:12px;color:var(--text-muted)}.order-amount{font-size:15px;font-weight:600;color:var(--primary);margin-right:12px}.product-rank-item{display:flex;align-items:center;padding:10px 0;gap:12px}.rank-num{width:22px;height:22px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;background:var(--bg-page);color:var(--text-muted);flex-shrink:0}.rank-num.top-1{background:#fff1b8;color:#d48806}.rank-num.top-2{background:#f0f0f0;color:#595959}.rank-num.top-3{background:#ffe7ba;color:#ad6800}.product-thumb{width:44px;height:44px;border-radius:var(--radius-sm);object-fit:cover;background:var(--bg-page);flex-shrink:0}.product-rank-info{flex:1}.product-rank-name{font-weight:500;color:var(--text-primary);margin-bottom:2px;font-size:14px}.product-rank-sales{font-size:12px;color:var(--text-muted)}@media (max-width: 1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}.charts-row,.bottom-row{grid-template-columns:1fr}}@media (max-width: 768px){.stats-grid{grid-template-columns:1fr}.stat-card{padding:16px}.stat-value{font-size:20px}.stat-icon{width:40px;height:40px;font-size:20px}.chart-card{padding:16px}.bar{width:28px}}