*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh}#app{min-height:100vh}.login-container[data-v-bb0f89a9]{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--login-bg, var(--primary-gradient));position:relative}.dark .login-container[data-v-bb0f89a9]{--login-bg: linear-gradient(135deg, #1a1a3a 0%, #2d1f4f 100%)}.theme-toggle[data-v-bb0f89a9]{position:absolute;top:20px;right:20px;width:44px;height:44px;border-radius:50%;border:none;background:var(--bg-card);box-shadow:var(--shadow-md);cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center;transition:transform .2s,box-shadow .2s}.theme-toggle[data-v-bb0f89a9]:hover{transform:scale(1.1);box-shadow:var(--shadow-lg)}.login-card[data-v-bb0f89a9]{width:100%;max-width:420px;background:var(--bg-card);border-radius:12px;padding:40px 32px;box-shadow:0 20px 60px #0000004d}.login-header[data-v-bb0f89a9]{text-align:center;margin-bottom:32px}.login-header h1[data-v-bb0f89a9]{font-size:28px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.login-header p[data-v-bb0f89a9]{font-size:14px;color:var(--text-secondary)}.login-form[data-v-bb0f89a9]{display:flex;flex-direction:column;gap:20px}.form-group[data-v-bb0f89a9]{display:flex;flex-direction:column;gap:8px}.form-group label[data-v-bb0f89a9]{font-size:14px;font-weight:500;color:var(--text-primary)}.form-group input[data-v-bb0f89a9]{height:44px;padding:0 16px;border:1px solid var(--border-color);border-radius:8px;font-size:15px;background:var(--bg-input);color:var(--text-primary);transition:border-color .2s,box-shadow .2s}.form-group input[data-v-bb0f89a9]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a}.form-group input[data-v-bb0f89a9]:disabled{background-color:var(--bg-hover);cursor:not-allowed}.form-group input[data-v-bb0f89a9]::placeholder{color:var(--text-muted)}.error-message[data-v-bb0f89a9]{padding:12px 16px;background-color:var(--error-bg);border:1px solid var(--error-border);border-radius:8px;color:var(--error-color);font-size:14px}.login-btn[data-v-bb0f89a9]{height:48px;background:var(--primary-gradient);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:opacity .2s,transform .1s,box-shadow .2s}.login-btn[data-v-bb0f89a9]:hover:not(:disabled){opacity:.9;box-shadow:var(--shadow-md)}.login-btn[data-v-bb0f89a9]:active:not(:disabled){transform:scale(.98)}.login-btn[data-v-bb0f89a9]:disabled{opacity:.6;cursor:not-allowed}.login-footer[data-v-bb0f89a9]{margin-top:24px;text-align:center}.login-footer p[data-v-bb0f89a9]{font-size:13px;color:var(--text-tertiary)}@media (max-width: 480px){.login-card[data-v-bb0f89a9]{padding:32px 24px}.login-header h1[data-v-bb0f89a9]{font-size:24px}.theme-toggle[data-v-bb0f89a9]{top:10px;right:10px;width:40px;height:40px;font-size:18px}}.summary-section[data-v-08868ee8]{margin-bottom:24px}.summary-grid[data-v-08868ee8]{display:grid;grid-template-columns:1fr 2fr;gap:24px}.info-card[data-v-08868ee8],.stats-card[data-v-08868ee8]{background:var(--bg-card);border-radius:12px;box-shadow:var(--shadow-sm);overflow:hidden}.card-header[data-v-08868ee8]{padding:16px 20px;border-bottom:1px solid var(--border-light)}.card-header h3[data-v-08868ee8]{font-size:16px;font-weight:600;color:var(--text-primary);margin:0}.card-body[data-v-08868ee8]{padding:20px}.info-row[data-v-08868ee8]{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border-light)}.info-row[data-v-08868ee8]:last-child{border-bottom:none}.info-row .label[data-v-08868ee8]{font-size:14px;color:var(--text-secondary)}.info-row .value[data-v-08868ee8]{font-size:14px;font-weight:500;color:var(--text-primary)}.info-row .value.code[data-v-08868ee8]{font-family:monospace;background:var(--bg-hover);padding:4px 8px;border-radius:4px;font-size:13px}.info-row.remark-row[data-v-08868ee8]{flex-direction:column;align-items:flex-start;gap:8px}.info-row.remark-row .label[data-v-08868ee8]{color:var(--text-tertiary);font-size:12px}.info-row.remark-row .value.remark[data-v-08868ee8]{font-weight:400;color:var(--text-secondary);background:var(--bg-hover);padding:12px;border-radius:8px;width:100%;line-height:1.6;white-space:pre-wrap;word-break:break-all}.stats-grid[data-v-08868ee8]{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.stat-item[data-v-08868ee8]{text-align:center;padding:16px;border-radius:8px;background:var(--bg-hover)}.stat-value[data-v-08868ee8]{font-size:28px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.stat-value.highlight[data-v-08868ee8]{color:var(--success-color)}.stat-value.rate[data-v-08868ee8]{color:var(--primary-color)}.stat-value.revenue[data-v-08868ee8]{color:var(--warning-color);font-size:22px}.stat-value.valid[data-v-08868ee8]{color:#a855f7}.stat-value.valid-rate[data-v-08868ee8]{color:#06b6d4}.stat-label[data-v-08868ee8]{font-size:13px;color:var(--text-tertiary);position:relative;display:inline-flex;align-items:center;gap:4px}.help-icon[data-v-08868ee8]{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;background:var(--text-muted);color:var(--bg-card);font-size:10px;cursor:pointer;transition:background .2s}.help-icon[data-v-08868ee8]:hover{background:var(--primary-color)}.tooltip-popup[data-v-08868ee8]{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px;padding:8px 12px;background:var(--bg-secondary);color:var(--text-primary);font-size:12px;border-radius:6px;white-space:nowrap;z-index:100;box-shadow:var(--shadow-md);border:1px solid var(--border-color)}.tooltip-popup[data-v-08868ee8]:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--border-color)}@media (max-width: 1024px){.summary-grid[data-v-08868ee8]{grid-template-columns:1fr}.stats-grid[data-v-08868ee8]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.stats-grid[data-v-08868ee8]{grid-template-columns:repeat(2,1fr);gap:12px}.stat-item[data-v-08868ee8]{padding:12px 8px}.stat-value[data-v-08868ee8]{font-size:22px}.stat-value.revenue[data-v-08868ee8]{font-size:18px}.card-body[data-v-08868ee8]{padding:16px}}.filter-bar[data-v-de05242e]{background:var(--bg-card);border-radius:12px;padding:20px;margin-bottom:24px;box-shadow:var(--shadow-sm)}.filter-content[data-v-de05242e]{display:flex;align-items:flex-end;gap:20px;flex-wrap:wrap}.filter-group[data-v-de05242e]{display:flex;flex-direction:column;gap:8px}.filter-group label[data-v-de05242e]{font-size:13px;color:var(--text-secondary);font-weight:500}.date-range[data-v-de05242e]{display:flex;align-items:center;gap:8px}.date-range input[data-v-de05242e],.filter-group select[data-v-de05242e]{height:36px;padding:0 12px;border:1px solid var(--border-color);border-radius:6px;font-size:14px;background:var(--bg-input);color:var(--text-primary)}.date-range input[data-v-de05242e]{width:140px}.filter-group select[data-v-de05242e]{width:120px}.separator[data-v-de05242e]{color:var(--text-tertiary);font-size:14px}.filter-actions[data-v-de05242e]{display:flex;gap:12px;margin-left:auto}.btn-search[data-v-de05242e],.btn-export[data-v-de05242e]{height:36px;padding:0 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-search[data-v-de05242e]{background:var(--primary-gradient);color:#fff}.btn-search[data-v-de05242e]:hover{opacity:.9}.btn-export[data-v-de05242e]{background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-secondary)}.btn-export[data-v-de05242e]:hover{border-color:var(--primary-color);color:var(--primary-color)}@media (max-width: 768px){.filter-content[data-v-de05242e]{flex-direction:column;align-items:stretch}.filter-group[data-v-de05242e],.date-range[data-v-de05242e]{width:100%}.date-range input[data-v-de05242e]{flex:1;width:auto}.filter-group select[data-v-de05242e]{width:100%}.filter-actions[data-v-de05242e]{margin-left:0;width:100%}.btn-search[data-v-de05242e],.btn-export[data-v-de05242e]{flex:1}}.table-section[data-v-27c18796]{background:var(--bg-card);border-radius:12px;box-shadow:var(--shadow-sm);overflow:hidden}.table-wrapper[data-v-27c18796]{overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table[data-v-27c18796]{width:100%;min-width:1200px;border-collapse:collapse;white-space:nowrap}.data-table th[data-v-27c18796],.data-table td[data-v-27c18796]{padding:14px 16px;text-align:left;font-size:14px;border-bottom:1px solid var(--border-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary)}.data-table th[data-v-27c18796]{background:var(--table-header-bg);font-weight:600;color:var(--text-primary);position:sticky;top:0;z-index:10}.data-table tbody tr[data-v-27c18796]:hover{background:var(--table-row-hover)}.data-table tbody tr:last-child td[data-v-27c18796]{border-bottom:none}.loading-cell[data-v-27c18796],.empty-cell[data-v-27c18796]{text-align:center;padding:60px 20px}.loading[data-v-27c18796],.empty[data-v-27c18796]{color:var(--text-tertiary);font-size:14px}.tag[data-v-27c18796]{display:inline-block;padding:4px 10px;border-radius:4px;font-size:12px;font-weight:500}.tag-success[data-v-27c18796]{background:#10b98126;color:var(--success-color)}.tag-warning[data-v-27c18796]{background:#f59e0b26;color:var(--warning-color)}.tag-default[data-v-27c18796]{background:var(--bg-hover);color:var(--text-tertiary)}.pagination[data-v-27c18796]{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-top:1px solid var(--border-light);flex-wrap:wrap;gap:12px}.pagination-info[data-v-27c18796]{font-size:14px;color:var(--text-secondary)}.pagination-controls[data-v-27c18796]{display:flex;align-items:center;gap:12px}.page-btn[data-v-27c18796]{padding:6px 14px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:6px;font-size:14px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.page-btn[data-v-27c18796]:hover:not(:disabled){border-color:var(--primary-color);color:var(--primary-color)}.page-btn[data-v-27c18796]:disabled{opacity:.5;cursor:not-allowed}.page-info[data-v-27c18796]{font-size:14px;color:var(--text-secondary)}.page-size select[data-v-27c18796]{height:32px;padding:0 8px;border:1px solid var(--border-color);border-radius:6px;font-size:14px;background:var(--bg-input);color:var(--text-primary)}@media (max-width: 768px){.pagination[data-v-27c18796]{flex-direction:column;align-items:stretch}.pagination-controls[data-v-27c18796]{justify-content:center}.page-size[data-v-27c18796]{text-align:center}}.modal-overlay[data-v-7d6c52fa]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content[data-v-7d6c52fa]{background:var(--bg-card);border-radius:12px;width:100%;max-width:400px;box-shadow:0 20px 60px #0006;animation:modalSlideIn-7d6c52fa .2s ease-out}@keyframes modalSlideIn-7d6c52fa{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header[data-v-7d6c52fa]{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--border-light)}.modal-header h3[data-v-7d6c52fa]{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.close-btn[data-v-7d6c52fa]{background:none;border:none;font-size:24px;color:var(--text-tertiary);cursor:pointer;line-height:1;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.close-btn[data-v-7d6c52fa]:hover{background:var(--bg-hover);color:var(--text-secondary)}.modal-body[data-v-7d6c52fa]{padding:24px}.form-group[data-v-7d6c52fa]{margin-bottom:20px}.form-group label[data-v-7d6c52fa]{display:block;font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:8px}.form-group input[data-v-7d6c52fa]{width:100%;height:44px;padding:0 16px;border:1px solid var(--border-color);border-radius:8px;font-size:15px;background:var(--bg-input);color:var(--text-primary);transition:border-color .2s,box-shadow .2s}.form-group input[data-v-7d6c52fa]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a}.form-group input[data-v-7d6c52fa]::placeholder{color:var(--text-muted)}.error-message[data-v-7d6c52fa]{padding:12px 16px;background-color:var(--error-bg);border:1px solid var(--error-border);border-radius:8px;color:var(--error-color);font-size:14px;margin-bottom:20px}.modal-footer[data-v-7d6c52fa]{display:flex;gap:12px;justify-content:flex-end}.btn-cancel[data-v-7d6c52fa],.btn-submit[data-v-7d6c52fa]{height:44px;padding:0 24px;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s}.btn-cancel[data-v-7d6c52fa]{background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-secondary)}.btn-cancel[data-v-7d6c52fa]:hover{border-color:var(--text-tertiary);color:var(--text-primary)}.btn-submit[data-v-7d6c52fa]{background:var(--primary-gradient);border:none;color:#fff}.btn-submit[data-v-7d6c52fa]:hover:not(:disabled){opacity:.9}.btn-submit[data-v-7d6c52fa]:disabled{opacity:.6;cursor:not-allowed}.dashboard[data-v-268e0443]{min-height:100vh;background-color:var(--bg-primary)}.header[data-v-268e0443]{background:var(--bg-card);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:100}.header-content[data-v-268e0443]{max-width:1400px;margin:0 auto;padding:0 24px;height:64px;display:flex;align-items:center;justify-content:space-between}.logo h1[data-v-268e0443]{font-size:20px;font-weight:600;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.user-info[data-v-268e0443]{display:flex;align-items:center;gap:16px}.theme-toggle[data-v-268e0443]{width:36px;height:36px;border-radius:50%;border:1px solid var(--border-color);background:var(--bg-input);cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:all .2s}.theme-toggle[data-v-268e0443]:hover{border-color:var(--primary-color);transform:scale(1.1)}.kol-name[data-v-268e0443]{font-size:14px;color:var(--text-secondary)}.password-btn[data-v-268e0443]{padding:8px 16px;background:transparent;border:1px solid var(--border-color);border-radius:6px;font-size:14px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.password-btn[data-v-268e0443]:hover{border-color:var(--primary-color);color:var(--primary-color)}.logout-btn[data-v-268e0443]{padding:8px 16px;background:transparent;border:1px solid var(--border-color);border-radius:6px;font-size:14px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.logout-btn[data-v-268e0443]:hover{border-color:var(--error-color);color:var(--error-color)}.main-content[data-v-268e0443]{max-width:1400px;margin:0 auto;padding:24px}@media (max-width: 768px){.header-content[data-v-268e0443]{padding:0 16px}.main-content[data-v-268e0443]{padding:16px}.kol-name[data-v-268e0443]{display:none}}:root{--bg-primary: #f5f7fa;--bg-secondary: #ffffff;--bg-card: #ffffff;--bg-input: #ffffff;--bg-hover: #f0f2f5;--text-primary: #1a1a2e;--text-secondary: #666666;--text-tertiary: #999999;--text-muted: #aaaaaa;--border-color: #e0e0e0;--border-light: #eeeeee;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .16);--primary-color: #667eea;--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--primary-hover: #5a6fd6;--success-color: #10b981;--warning-color: #f59e0b;--error-color: #ef4444;--error-bg: #fef2f2;--error-border: #fecaca;--table-header-bg: #f8f9fa;--table-row-hover: #f5f7fa;--table-border: #e8e8e8}.dark{--bg-primary: #0a0a12;--bg-secondary: #12121f;--bg-card: #1a1a2e;--bg-input: #252542;--bg-hover: #2d2d4a;--text-primary: #e0e0e8;--text-secondary: #a0a0b0;--text-tertiary: #707080;--text-muted: #505060;--border-color: #2d2d45;--border-light: #252538;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .6);--primary-color: #7c8de8;--primary-gradient: linear-gradient(135deg, #6b7fd9 0%, #8b7bc8 100%);--primary-hover: #8a9bf0;--success-color: #2dd48a;--warning-color: #f5b840;--error-color: #f06565;--error-bg: rgba(220, 60, 60, .12);--error-border: rgba(220, 60, 60, .25);--table-header-bg: #161625;--table-row-hover: #222236;--table-border: #2d2d45}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}