.modal-overlay[data-v-1721bdbc]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:9999}.modal-container[data-v-1721bdbc]{background:var(--theme-gradient-surface);border:2px solid var(--theme-border);border-radius:12px;padding:30px;width:90%;max-width:400px;box-shadow:0 10px 40px var(--theme-shadow)}.modal-body[data-v-1721bdbc]{text-align:center;margin-bottom:25px}.modal-icon[data-v-1721bdbc]{font-size:48px;margin-bottom:15px}.modal-title[data-v-1721bdbc]{font-size:18px;font-weight:700;color:var(--theme-text);margin-bottom:10px}.modal-message[data-v-1721bdbc]{font-size:14px;color:var(--theme-text-secondary);line-height:1.6}.modal-footer[data-v-1721bdbc]{display:flex;justify-content:center;gap:20px;padding-top:20px;border-top:1px solid var(--theme-active-bg)}.btn[data-v-1721bdbc]{padding:12px 35px;border:none;border-radius:8px;cursor:pointer;font-size:15px;font-weight:700;transition:all .3s ease;min-width:100px}.btn-primary[data-v-1721bdbc]{background:var(--theme-gradient-primary);color:var(--theme-text-on-primary)}.btn-primary[data-v-1721bdbc]:hover{transform:translateY(-2px);box-shadow:0 5px 20px var(--theme-shadow-strong)}.btn-primary[data-v-1721bdbc]:active{transform:translateY(0);box-shadow:0 2px 10px var(--theme-shadow)}.btn-cancel[data-v-1721bdbc]{background:transparent;color:var(--theme-text);border:1px solid var(--theme-border)}.btn-cancel[data-v-1721bdbc]:hover{background:var(--theme-hover-bg);transform:translateY(-2px)}.btn-cancel[data-v-1721bdbc]:active{transform:translateY(0)}.logout-overlay[data-v-ef34797a]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:10000}.logout-container[data-v-ef34797a]{background:var(--theme-gradient-surface);border:2px solid var(--theme-border);border-radius:16px;padding:35px;width:90%;max-width:480px;box-shadow:0 15px 50px var(--theme-shadow-strong)}.logout-header[data-v-ef34797a]{text-align:center;margin-bottom:25px}.logout-icon[data-v-ef34797a]{font-size:64px;margin-bottom:15px}.logout-header h2[data-v-ef34797a]{font-size:24px;color:var(--theme-text);margin:0}.logout-body[data-v-ef34797a]{text-align:center;margin-bottom:25px}.logout-body p[data-v-ef34797a]{color:var(--theme-text-secondary);font-size:15px;line-height:1.6;margin:10px 0}.warning-text[data-v-ef34797a]{color:#ff6b6b!important;font-weight:700}.processing-info[data-v-ef34797a]{background:var(--theme-hover-bg);border:1px solid var(--theme-shadow);border-radius:10px;padding:15px;margin-top:15px;display:flex;align-items:center;justify-content:center;gap:10px}.processing-icon[data-v-ef34797a]{font-size:24px}.logout-footer[data-v-ef34797a]{border-top:1px solid var(--theme-active-bg);padding-top:20px}.countdown[data-v-ef34797a]{text-align:center;margin-bottom:20px}.countdown-label[data-v-ef34797a]{color:var(--theme-text-muted);font-size:14px}.countdown-number[data-v-ef34797a]{color:#ff6b6b;font-size:36px;font-weight:700;margin:0 8px}.countdown-unit[data-v-ef34797a]{color:var(--theme-text-muted);font-size:14px}.logout-actions[data-v-ef34797a]{display:flex;justify-content:center;gap:15px}.btn[data-v-ef34797a]{padding:12px 30px;border:none;border-radius:8px;cursor:pointer;font-size:15px;font-weight:700;transition:all .3s ease}.btn-primary[data-v-ef34797a]{background:var(--theme-gradient-primary);color:var(--theme-text-on-primary)}.btn-primary[data-v-ef34797a]:hover{transform:translateY(-2px);box-shadow:0 5px 20px var(--theme-shadow-strong)}.btn-delay[data-v-ef34797a]{background:transparent;color:var(--theme-text);border:1px solid var(--theme-border)}.btn-delay[data-v-ef34797a]:hover:not(:disabled){background:var(--theme-hover-bg)}.btn-delay[data-v-ef34797a]:disabled{background:transparent;color:var(--theme-text-muted);border:1px solid var(--theme-border-muted);cursor:not-allowed}.btn-save[data-v-ef34797a]{background:var(--theme-gradient-primary);color:var(--theme-text-on-primary);margin-left:10px}.btn-save[data-v-ef34797a]:hover{transform:translateY(-2px);box-shadow:0 5px 20px #4ecdc480}.theme-picker-overlay[data-v-5c4cdf51]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--theme-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.theme-picker-dialog[data-v-5c4cdf51]{width:min(980px,100%);max-height:calc(100vh - 48px);overflow:auto;border-radius:20px;background:var(--theme-surface);border:1px solid var(--theme-border-muted);box-shadow:0 24px 60px #00000040}.theme-picker-header[data-v-5c4cdf51]{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:24px 24px 12px}.theme-picker-header h2[data-v-5c4cdf51]{margin:0 0 8px;color:var(--theme-text);font-size:24px}.theme-picker-header p[data-v-5c4cdf51]{margin:0;color:var(--theme-text-secondary);font-size:14px}.theme-picker-close[data-v-5c4cdf51]{width:36px;height:36px;border:none;border-radius:50%;background:var(--theme-hover-bg);color:var(--theme-text);font-size:24px;line-height:1;cursor:pointer}.theme-picker-grid[data-v-5c4cdf51]{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;padding:12px 24px 8px}.theme-card[data-v-5c4cdf51]{display:flex;flex-direction:column;gap:12px;padding:12px;border:2px solid var(--theme-border-muted);border-radius:18px;background:var(--theme-surface-alt);cursor:pointer;text-align:left;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.theme-card[data-v-5c4cdf51]:hover{transform:translateY(-2px);box-shadow:0 10px 24px var(--theme-shadow)}.theme-card.active[data-v-5c4cdf51]{border-color:var(--theme-primary);box-shadow:0 0 0 3px var(--theme-active-bg)}.theme-card-preview[data-v-5c4cdf51]{position:relative;min-height:148px;padding:18px;border-radius:14px;overflow:hidden}.theme-card-copy[data-v-5c4cdf51]{position:relative;z-index:1;color:#fffffff5;text-shadow:0 1px 8px rgba(0,0,0,.18)}.theme-card-copy strong[data-v-5c4cdf51]{display:block;font-size:18px;margin-bottom:10px}.theme-card-copy p[data-v-5c4cdf51]{margin:0 0 12px;font-size:13px;line-height:1.6}.theme-card-copy span[data-v-5c4cdf51]{font-size:12px;opacity:.92}.theme-card-light .theme-card-copy[data-v-5c4cdf51]{color:#2a5054eb;text-shadow:none}.theme-card-strip[data-v-5c4cdf51]{position:absolute;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,1fr);height:10px}.theme-card-strip span[data-v-5c4cdf51]{display:block;height:100%}.theme-card-meta[data-v-5c4cdf51]{display:flex;flex-direction:column;gap:10px}.theme-card-title-row[data-v-5c4cdf51]{display:flex;align-items:center;justify-content:space-between;gap:8px}.theme-card-label[data-v-5c4cdf51]{color:var(--theme-text);font-size:16px;font-weight:700}.theme-current-tag[data-v-5c4cdf51]{padding:2px 8px;border-radius:999px;background:var(--theme-active-bg);color:var(--theme-primary);font-size:12px}.theme-card-swatches[data-v-5c4cdf51]{display:flex;gap:8px}.theme-swatch[data-v-5c4cdf51]{width:28px;height:28px;border-radius:8px;border:1px solid rgba(0,0,0,.08);box-shadow:inset 0 0 0 1px #ffffff40}.custom-theme-panel[data-v-5c4cdf51]{margin:8px 24px 0;padding:18px 20px;border:1px solid var(--theme-border-muted);border-radius:16px;background:var(--theme-surface-alt)}.custom-theme-panel-header[data-v-5c4cdf51]{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.custom-theme-panel-header h3[data-v-5c4cdf51]{margin:0;color:var(--theme-text);font-size:16px}.custom-reset-btn[data-v-5c4cdf51]{border:1px solid var(--theme-border-muted);background:transparent;color:var(--theme-text-secondary);border-radius:8px;padding:6px 12px;font-size:13px;cursor:pointer}.custom-reset-btn[data-v-5c4cdf51]:hover{border-color:var(--theme-border);color:var(--theme-text)}.custom-color-grid[data-v-5c4cdf51]{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.custom-color-item[data-v-5c4cdf51]{display:flex;flex-direction:column;gap:8px}.custom-color-label[data-v-5c4cdf51]{color:var(--theme-text);font-size:14px;font-weight:600}.custom-color-input-row[data-v-5c4cdf51]{display:flex;align-items:center;gap:10px}.custom-color-input[data-v-5c4cdf51]{width:48px;height:36px;padding:0;border:1px solid var(--theme-border-muted);border-radius:8px;background:transparent;cursor:pointer}.custom-color-text[data-v-5c4cdf51]{flex:1;min-width:0;height:36px;padding:0 12px;border:1px solid var(--theme-border-muted);border-radius:8px;background:var(--theme-input-bg);color:var(--theme-text);font-size:13px;font-family:Consolas,Monaco,monospace}.custom-color-text[data-v-5c4cdf51]:focus{outline:none;border-color:var(--theme-primary);box-shadow:0 0 0 3px var(--theme-active-bg)}.theme-picker-footer[data-v-5c4cdf51]{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px 24px;border-top:1px solid var(--theme-border-muted)}.theme-preview-note[data-v-5c4cdf51]{color:var(--theme-text-secondary);font-size:14px}.theme-preview-note strong[data-v-5c4cdf51]{color:var(--theme-text)}.theme-picker-actions[data-v-5c4cdf51]{display:flex;gap:12px}.btn-secondary[data-v-5c4cdf51],.btn-primary[data-v-5c4cdf51]{min-width:96px;padding:10px 18px;border-radius:10px;font-size:14px;cursor:pointer}.btn-secondary[data-v-5c4cdf51]{border:1px solid var(--theme-border);background:transparent;color:var(--theme-text)}.btn-primary[data-v-5c4cdf51]{border:none;background:var(--theme-gradient-primary);color:var(--theme-text-on-primary);box-shadow:0 8px 18px var(--theme-shadow)}@media (max-width: 640px){.theme-picker-footer[data-v-5c4cdf51]{flex-direction:column;align-items:stretch}.theme-picker-actions[data-v-5c4cdf51]{width:100%}.btn-secondary[data-v-5c4cdf51],.btn-primary[data-v-5c4cdf51]{flex:1}}:root,[data-theme=gold]{--theme-bg-start: #0a0a0a;--theme-bg-end: #1a1a1a;--theme-surface: #1a1a1a;--theme-surface-alt: #2a2a2a;--theme-surface-muted: #2c2c2c;--theme-primary: #d4af37;--theme-primary-dark: #b8941f;--theme-primary-light: #f4c430;--theme-text: #d4af37;--theme-text-muted: #b8941f;--theme-text-secondary: #cccccc;--theme-text-heavy: #333333;--theme-text-heavy-muted: #666666;--theme-text-on-primary: #2c2c2c;--theme-border: #d4af37;--theme-border-muted: #444444;--theme-hover-bg: rgba(212, 175, 55, .1);--theme-active-bg: rgba(212, 175, 55, .2);--theme-header-bg: rgba(212, 175, 55, .1);--theme-shadow: rgba(212, 175, 55, .3);--theme-shadow-strong: rgba(212, 175, 55, .5);--theme-input-bg: #0a0a0a;--theme-overlay: rgba(0, 0, 0, .7);--theme-gradient-primary: linear-gradient(135deg, #d4af37 0%, #b8941f 100%);--theme-gradient-bg: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);--theme-gradient-surface: linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%);--theme-gradient-card: linear-gradient(135deg, #2c2c2c 0%, #1a1a1a 100%);--theme-gradient-tab-active: linear-gradient(135deg, #d4af37 0%, #f4c430 100%);--theme-gradient-page: linear-gradient(135deg, #0d0d0d 0%, #141414 50%, #1a1a1a 100%);--theme-scrollbar-track: #0a0a0a;--theme-scrollbar-thumb: linear-gradient(135deg, #d4af37 0%, #b8941f 100%);--theme-select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23d4af37' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--theme-warning: #ff9800;--theme-warning-strong: #ff5722;--theme-warning-bg: rgba(255, 152, 0, .12);--theme-warning-border: #f7931e;--theme-notice-bg: rgba(244, 196, 48, .12);--theme-panel-inner: #2a2a2a;--theme-content-surface: #faf8f4;--theme-content-surface-alt: #f3efe8;--theme-text-inverse: #ffffff;--theme-fill-secondary: linear-gradient(135deg, var(--theme-surface-muted) 0%, var(--theme-surface-alt) 100%);--theme-fill-glass: linear-gradient(145deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .02));--theme-fill-accent: linear-gradient(135deg, var(--theme-warning-strong) 0%, var(--theme-warning-border) 100%);--theme-fill-highlight: linear-gradient(135deg, rgba(255, 140, 0, .08), rgba(255, 100, 0, .05));--theme-fill-highlight-strong: linear-gradient(135deg, rgba(255, 140, 0, .15), rgba(255, 100, 0, .1));--theme-fill-success: linear-gradient(135deg, #10b981 0%, #059669 100%);--theme-fill-danger: linear-gradient(135deg, #dc3545 0%, #c82333 100%);--theme-divider: linear-gradient(90deg, transparent, var(--theme-shadow), transparent)}[data-theme=blue]{--theme-bg-start: #eef4fb;--theme-bg-end: #eef4fb;--theme-surface: #ffffff;--theme-surface-alt: #f5f9fd;--theme-surface-muted: #e8f2fc;--theme-primary: #4f9bfa;--theme-primary-dark: #3d8ae8;--theme-primary-light: #93c0f2;--theme-text: #1e3a5f;--theme-text-muted: #2d5a8a;--theme-text-secondary: #5a7a9a;--theme-text-heavy: #1e3a5f;--theme-text-heavy-muted: #2d5a8a;--theme-text-on-primary: #ffffff;--theme-border: #65a3f0;--theme-border-muted: #c5daf0;--theme-hover-bg: #e8f2fc;--theme-active-bg: #ddeaf8;--theme-header-bg: #f0f6fc;--theme-shadow: rgba(79, 155, 250, .1);--theme-shadow-strong: rgba(79, 155, 250, .18);--theme-input-bg: #ffffff;--theme-overlay: rgba(30, 58, 95, .35);--theme-gradient-primary: #4f9bfa;--theme-gradient-bg: #eef4fb;--theme-gradient-surface: #ffffff;--theme-gradient-card: #ffffff;--theme-gradient-tab-active: #4f9bfa;--theme-gradient-page: #eef4fb;--theme-scrollbar-track: #eef4fb;--theme-scrollbar-thumb: #4f9bfa;--theme-select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%234f9bfa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--theme-warning: #e65100;--theme-warning-strong: #bf360c;--theme-warning-bg: rgba(230, 81, 0, .08);--theme-warning-border: #ff9800;--theme-notice-bg: #e8f2fc;--theme-panel-inner: #f5f9fd;--theme-content-surface: #ffffff;--theme-content-surface-alt: #f5f9fd;--theme-text-inverse: #1e3a5f;--theme-fill-secondary: #f5f9fd;--theme-fill-glass: #ffffff;--theme-fill-accent: #ff9800;--theme-fill-highlight: rgba(255, 152, 0, .08);--theme-fill-highlight-strong: rgba(255, 152, 0, .14);--theme-fill-success: #10b981;--theme-fill-danger: #dc3545;--theme-divider: var(--theme-border-muted)}[data-theme=iris]{--theme-bg-start: #d8ebe8;--theme-bg-end: #d8ebe8;--theme-surface: #ffffff;--theme-surface-alt: #ffffff;--theme-surface-muted: #bfd6d4;--theme-primary: #43868f;--theme-primary-dark: #719190;--theme-primary-light: #95bab2;--theme-text: #2a5054;--theme-text-muted: #43868f;--theme-text-secondary: #719190;--theme-text-heavy: #234548;--theme-text-heavy-muted: #5f8588;--theme-text-on-primary: #ffffff;--theme-border: #95bab2;--theme-border-muted: #bfd6d4;--theme-hover-bg: #bfd6d4;--theme-active-bg: #bfd6d4;--theme-header-bg: #d8ebe8;--theme-shadow: rgba(67, 134, 143, .1);--theme-shadow-strong: rgba(67, 134, 143, .18);--theme-input-bg: #ffffff;--theme-overlay: rgba(42, 80, 84, .35);--theme-gradient-primary: #43868f;--theme-gradient-bg: #d8ebe8;--theme-gradient-surface: #ffffff;--theme-gradient-card: #ffffff;--theme-gradient-tab-active: #43868f;--theme-gradient-page: #d8ebe8;--theme-scrollbar-track: #d8ebe8;--theme-scrollbar-thumb: #43868f;--theme-select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2343868f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--theme-warning: #c77700;--theme-warning-strong: #a85f00;--theme-warning-bg: rgba(199, 119, 0, .08);--theme-warning-border: #d9922b;--theme-notice-bg: #ededd8;--theme-panel-inner: #ffffff;--theme-content-surface: #ffffff;--theme-content-surface-alt: #ededd8;--theme-text-inverse: #2a5054;--theme-fill-secondary: #ffffff;--theme-fill-glass: #ffffff;--theme-fill-accent: #43868f;--theme-fill-highlight: rgba(67, 134, 143, .08);--theme-fill-highlight-strong: rgba(67, 134, 143, .14);--theme-fill-success: #3d9a78;--theme-fill-danger: #d9534f;--theme-divider: var(--theme-border-muted);--theme-sidebar-bg: #d8ebe8;--theme-sidebar-header-bg: #d8ebe8;--theme-sidebar-active-bg: #bfd6d4;--theme-sidebar-active-border: #43868f;--theme-tabs-bar-bg: #d8ebe8;--theme-tab-bg: #ffffff;--theme-tab-active-bg: #43868f;--theme-content-bg: #d8ebe8}[data-theme=spring]{--theme-bg-start: #e0eddd;--theme-bg-end: #e0eddd;--theme-surface: #fffff2;--theme-surface-alt: #fffff2;--theme-surface-muted: #cbdeca;--theme-primary: #a1c297;--theme-primary-dark: #97b3c9;--theme-primary-light: #cbdeca;--theme-text: #3d4f3a;--theme-text-muted: #a1c297;--theme-text-secondary: #6b8568;--theme-text-heavy: #2f3f2d;--theme-text-heavy-muted: #5a7358;--theme-text-on-primary: #ffffff;--theme-border: #a1c297;--theme-border-muted: #cbdeca;--theme-hover-bg: #cbdeca;--theme-active-bg: #cbdeca;--theme-header-bg: #e0eddd;--theme-shadow: rgba(161, 194, 151, .12);--theme-shadow-strong: rgba(161, 194, 151, .2);--theme-input-bg: #fffff2;--theme-overlay: rgba(47, 63, 45, .35);--theme-gradient-primary: #a1c297;--theme-gradient-bg: #e0eddd;--theme-gradient-surface: #fffff2;--theme-gradient-card: #fffff2;--theme-gradient-tab-active: #a1c297;--theme-gradient-page: #e0eddd;--theme-scrollbar-track: #e0eddd;--theme-scrollbar-thumb: #a1c297;--theme-select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23a1c297' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--theme-warning: #c77700;--theme-warning-strong: #a85f00;--theme-warning-bg: rgba(199, 119, 0, .08);--theme-warning-border: #d9922b;--theme-notice-bg: #fffff2;--theme-panel-inner: #fffff2;--theme-content-surface: #fffff2;--theme-content-surface-alt: #e0eddd;--theme-text-inverse: #3d4f3a;--theme-fill-secondary: #fffff2;--theme-fill-glass: #fffff2;--theme-fill-accent: #a1c297;--theme-fill-highlight: rgba(161, 194, 151, .08);--theme-fill-highlight-strong: rgba(161, 194, 151, .14);--theme-fill-success: #3d9a78;--theme-fill-danger: #d9534f;--theme-divider: var(--theme-border-muted);--theme-sidebar-bg: #e0eddd;--theme-sidebar-header-bg: #e0eddd;--theme-sidebar-active-bg: #cbdeca;--theme-sidebar-active-border: #a1c297;--theme-tabs-bar-bg: #e0eddd;--theme-tab-bg: #fffff2;--theme-tab-active-bg: #a1c297;--theme-content-bg: #e0eddd}[data-theme=lotus]{--theme-bg-start: #edf1ff;--theme-bg-end: #edf1ff;--theme-surface: #ffffff;--theme-surface-alt: #ffffff;--theme-surface-muted: #c7c1e6;--theme-primary: #8a97c2;--theme-primary-dark: #9b93c2;--theme-primary-light: #adb3d9;--theme-text: #3a3d5c;--theme-text-muted: #8a97c2;--theme-text-secondary: #6b7090;--theme-text-heavy: #2e3148;--theme-text-heavy-muted: #5a5f7a;--theme-text-on-primary: #ffffff;--theme-border: #adb3d9;--theme-border-muted: #c7c1e6;--theme-hover-bg: #c7c1e6;--theme-active-bg: #c7c1e6;--theme-header-bg: #edf1ff;--theme-shadow: rgba(138, 151, 194, .12);--theme-shadow-strong: rgba(138, 151, 194, .2);--theme-input-bg: #ffffff;--theme-overlay: rgba(46, 49, 72, .35);--theme-gradient-primary: #8a97c2;--theme-gradient-bg: #edf1ff;--theme-gradient-surface: #ffffff;--theme-gradient-card: #ffffff;--theme-gradient-tab-active: #8a97c2;--theme-gradient-page: #edf1ff;--theme-scrollbar-track: #edf1ff;--theme-scrollbar-thumb: #8a97c2;--theme-select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%238a97c2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--theme-warning: #c77700;--theme-warning-strong: #a85f00;--theme-warning-bg: rgba(199, 119, 0, .08);--theme-warning-border: #d9922b;--theme-notice-bg: #c7c1e6;--theme-panel-inner: #ffffff;--theme-content-surface: #ffffff;--theme-content-surface-alt: #c7c1e6;--theme-text-inverse: #3a3d5c;--theme-fill-secondary: #ffffff;--theme-fill-glass: #ffffff;--theme-fill-accent: #8a97c2;--theme-fill-highlight: rgba(138, 151, 194, .08);--theme-fill-highlight-strong: rgba(138, 151, 194, .14);--theme-fill-success: #3d9a78;--theme-fill-danger: #d9534f;--theme-divider: var(--theme-border-muted);--theme-sidebar-bg: #edf1ff;--theme-sidebar-header-bg: #edf1ff;--theme-sidebar-active-bg: #c7c1e6;--theme-sidebar-active-border: #8a97c2;--theme-tabs-bar-bg: #edf1ff;--theme-tab-bg: #ffffff;--theme-tab-active-bg: #8a97c2;--theme-content-bg: #edf1ff}[data-theme=custom]{color-scheme:light}.page-shell{min-height:100vh;background:var(--theme-gradient-page);color:var(--theme-text);transition:background .35s ease,color .35s ease}.page-header,.panel,.card,.table-wrapper,.filter-section,.modal-panel{background:var(--theme-gradient-surface);border:1px solid var(--theme-border);color:var(--theme-text)}.page-title,.section-title{color:var(--theme-text);border-bottom-color:var(--theme-border)}.page-subtitle,.hint-text,.muted-text{color:var(--theme-text-muted)}.btn-theme,.btn-primary-theme{background:var(--theme-gradient-primary);color:var(--theme-text-on-primary);border:1px solid var(--theme-border)}.btn-outline-theme{background:var(--theme-gradient-card);color:var(--theme-text);border:1px solid var(--theme-border)}.btn-outline-theme:hover,.btn-theme:hover,.btn-primary-theme:hover{background:var(--theme-gradient-primary);color:var(--theme-text-on-primary)}.input-theme,.select-theme,.textarea-theme{background:var(--theme-input-bg);border:1px solid var(--theme-border);color:var(--theme-text)}.input-theme:focus,.select-theme:focus,.textarea-theme:focus{outline:none;border-color:var(--theme-primary-dark);box-shadow:0 0 5px var(--theme-shadow)}.stat-card-theme{background:var(--theme-gradient-surface);border:1px solid var(--theme-border);box-shadow:0 2px 8px var(--theme-shadow)}.stat-card-theme:hover{box-shadow:0 5px 15px var(--theme-shadow)}.table-theme th{background:var(--theme-header-bg);color:var(--theme-text);border-bottom:1px solid var(--theme-border)}.table-theme td{color:var(--theme-text);border-bottom:1px solid var(--theme-border-muted)}.table-theme tr:hover{background:var(--theme-hover-bg)}.badge-theme{background:var(--theme-active-bg);color:var(--theme-text);border:1px solid var(--theme-border)}.select-chevron{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:var(--theme-select-chevron);background-repeat:no-repeat;background-position:right 10px center;padding-right:35px}.theme-warning-title{margin-bottom:15px;color:var(--theme-warning)}.theme-warning-box{margin-bottom:20px;padding:15px;background:var(--theme-warning-bg);border-radius:8px}.theme-warning-label{color:var(--theme-warning)}.theme-warning-text{color:var(--theme-warning-strong);margin-bottom:10px}.smart-paste-section{margin-bottom:20px;padding:15px;background:var(--theme-panel-inner);border-radius:8px;border:2px dashed var(--theme-border)}.btn-secondary-theme{background:var(--theme-surface-muted);color:var(--theme-text);border:1px solid var(--theme-border-muted)}.loading{color:var(--theme-text)}.filter-section,.action-panel{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;padding:16px 20px;border-radius:10px;flex-wrap:wrap;background:var(--theme-content-surface, transparent);border:1px solid rgba(212,175,55,.28)}[data-theme=blue] .filter-section,[data-theme=blue] .action-panel{border-color:var(--theme-border-muted)}.toolbar-fields,.filter-fields{display:flex;align-items:center;gap:12px;flex:1;min-width:min(100%,280px);flex-wrap:wrap}.toolbar-actions,.filter-actions{display:flex;align-items:center;gap:10px;flex-shrink:0;margin-left:auto;flex-wrap:wrap}.toolbar-actions .action-buttons{display:flex;align-items:center;gap:10px;margin-left:4px;padding-left:12px;border-left:1px solid var(--theme-border-muted)}.search-group,.filter-group{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.search-group{flex:1;min-width:min(100%,240px)}.filter-section .search-input,.action-panel .search-input,.toolbar-fields .search-input{flex:1;min-width:180px;max-width:520px;width:auto;padding:10px 15px;border:1px solid var(--theme-border);border-radius:8px;background:var(--theme-input-bg);color:var(--theme-text-heavy, var(--theme-text));font-size:14px}.filter-section .search-field,.filter-section .time-filter,.filter-section .status-filter,.filter-section .toolbar-select,.action-panel .search-field,.action-panel .filter-select,.action-panel .filter-input,.toolbar-fields .search-field,.toolbar-fields .time-filter,.toolbar-fields .status-filter,.toolbar-fields .toolbar-select,.toolbar-fields .filter-select,.toolbar-fields .filter-input{flex-shrink:0;padding:10px 15px;border:1px solid var(--theme-border);border-radius:8px;background:var(--theme-input-bg);color:var(--theme-text-heavy, var(--theme-text));font-size:14px}.filter-section .time-filter,.filter-section .status-filter,.filter-section .toolbar-select,.toolbar-fields .time-filter,.toolbar-fields .status-filter,.toolbar-fields .toolbar-select{width:148px}.action-panel .filter-input{width:160px}.action-panel .filter-select,.action-panel .search-field{min-width:120px}.filter-section .search-input:focus,.action-panel .search-input:focus,.filter-section .search-field:focus,.action-panel .search-field:focus,.filter-section .time-filter:focus,.filter-section .status-filter:focus{outline:none;border-color:var(--theme-primary-dark);box-shadow:0 0 0 3px var(--theme-hover-bg)}.filter-section .btn,.action-panel .btn,.toolbar-actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:88px}.btn-search{background:#17a2b824;color:var(--theme-text-heavy, #333333);border:1px solid #17a2b8}.btn-search:hover{background:#17a2b83d;transform:translateY(-1px)}.btn-reset,.btn-reset-filter{background:#6c757d1f;color:var(--theme-text-heavy, #333333);border:1px solid #6c757d}.btn-reset:hover,.btn-reset-filter:hover{background:#6c757d38;transform:translateY(-1px)}[data-theme=gold] .filter-section,[data-theme=gold] .temp-cache-management .filter-section,[data-theme=gold] .user-management .filter-section,[data-theme=gold] .role-management .filter-section,[data-theme=gold] .permission-management .filter-section{background:var(--theme-content-surface);border-color:#d4af3747}[data-theme=gold] .filter-section .search-input,[data-theme=gold] .filter-section .time-filter,[data-theme=gold] .filter-section .status-filter,[data-theme=gold] .user-management .search-input,[data-theme=gold] .user-management .status-filter{background:#fff;border-color:#d4af3759;color:var(--theme-text-heavy)}@media (max-width: 768px){.filter-section,.action-panel{flex-direction:column;align-items:stretch}.toolbar-fields,.filter-fields,.search-group{flex-direction:column;align-items:stretch;min-width:100%}.filter-section .search-input,.action-panel .search-input{max-width:none;width:100%}.filter-section .time-filter,.filter-section .status-filter,.toolbar-fields .time-filter,.toolbar-fields .status-filter{width:100%}.toolbar-actions,.filter-actions{width:100%;margin-left:0;justify-content:flex-end}.toolbar-actions .action-buttons{border-left:none;padding-left:0;width:100%;justify-content:flex-end}}.data-table td,.data-table th,.database-management,.currency-management,.logistics-company-management,.m-and-s-enterprise-management,.port-management,.company-name-management,.customer-management{color:var(--theme-text-heavy, var(--theme-text))}.database-management .subtitle,.currency-management .subtitle,.logistics-company-management .subtitle,.m-and-s-enterprise-management .subtitle,.port-management .subtitle,.company-name-management .subtitle,.customer-management .subtitle,.database-management .stat-label,.currency-management .stat-label,.logistics-company-management .stat-label,.m-and-s-enterprise-management .stat-label,.port-management .stat-label,.company-name-management .stat-label,.customer-management .stat-label,.database-management .table-count,.currency-management .table-count,.logistics-company-management .table-count,.m-and-s-enterprise-management .table-count,.port-management .table-count,.company-name-management .table-count,.customer-management .table-count,.database-management .tab-btn,.database-management .filter-select option{color:var(--theme-text-heavy-muted, var(--theme-text-muted))}.database-management .tab-btn:hover,.database-management .tab-btn.active{color:var(--theme-text-on-primary)}.database-management .table-title,.currency-management .table-title,.logistics-company-management .table-title,.m-and-s-enterprise-management .table-title,.port-management .table-title,.company-name-management .table-title,.customer-management .table-title,.database-management .stat-value,.currency-management .stat-value,.logistics-company-management .stat-value,.m-and-s-enterprise-management .stat-value,.port-management .stat-value,.company-name-management .stat-value,.customer-management .stat-value,.database-management .search-input,.currency-management .search-input,.logistics-company-management .search-input,.m-and-s-enterprise-management .search-input,.port-management .search-input,.company-name-management .search-input,.customer-management .search-input,.database-management .search-field,.currency-management .search-field,.logistics-company-management .search-field,.m-and-s-enterprise-management .search-field,.port-management .search-field,.company-name-management .search-field,.customer-management .search-field,.database-management .filter-select,.currency-management .filter-select,.logistics-company-management .filter-select,.m-and-s-enterprise-management .filter-select,.port-management .filter-select,.company-name-management .filter-select,.customer-management .filter-select,.database-management .filter-input,.database-management .form-label,.currency-management .form-label,.logistics-company-management .form-label,.m-and-s-enterprise-management .form-label,.port-management .form-label,.company-name-management .form-label,.customer-management .form-label{color:var(--theme-text-heavy, var(--theme-text))}[data-theme=gold] .database-management .table-wrapper,[data-theme=gold] .currency-management .table-wrapper,[data-theme=gold] .logistics-company-management .table-wrapper,[data-theme=gold] .m-and-s-enterprise-management .table-wrapper,[data-theme=gold] .port-management .table-wrapper,[data-theme=gold] .company-name-management .table-wrapper,[data-theme=gold] .customer-management .table-wrapper,[data-theme=gold] .database-management .action-panel,[data-theme=gold] .currency-management .action-panel,[data-theme=gold] .logistics-company-management .action-panel,[data-theme=gold] .m-and-s-enterprise-management .action-panel,[data-theme=gold] .port-management .action-panel,[data-theme=gold] .company-name-management .action-panel,[data-theme=gold] .customer-management .action-panel,[data-theme=gold] .database-management .stat-card,[data-theme=gold] .currency-management .stat-card,[data-theme=gold] .logistics-company-management .stat-card,[data-theme=gold] .m-and-s-enterprise-management .stat-card,[data-theme=gold] .port-management .stat-card,[data-theme=gold] .company-name-management .stat-card,[data-theme=gold] .customer-management .stat-card,[data-theme=gold] .database-management .tabs-wrapper,[data-theme=gold] .database-management .modal-container,[data-theme=gold] .currency-management .modal-container,[data-theme=gold] .logistics-company-management .modal-container,[data-theme=gold] .m-and-s-enterprise-management .modal-container,[data-theme=gold] .port-management .modal-container,[data-theme=gold] .company-name-management .modal-container,[data-theme=gold] .customer-management .modal-container{background:var(--theme-content-surface);border-color:#d4af3747}[data-theme=gold] .database-management .data-table thead tr,[data-theme=gold] .currency-management .data-table thead tr,[data-theme=gold] .logistics-company-management .data-table thead tr,[data-theme=gold] .m-and-s-enterprise-management .data-table thead tr,[data-theme=gold] .port-management .data-table thead tr,[data-theme=gold] .company-name-management .data-table thead tr,[data-theme=gold] .customer-management .data-table thead tr{background:var(--theme-content-surface-alt)}[data-theme=gold] .database-management .search-input,[data-theme=gold] .database-management .search-field,[data-theme=gold] .database-management .filter-select,[data-theme=gold] .database-management .filter-input,[data-theme=gold] .currency-management .search-input,[data-theme=gold] .currency-management .search-field,[data-theme=gold] .currency-management .filter-select,[data-theme=gold] .logistics-company-management .search-input,[data-theme=gold] .logistics-company-management .search-field,[data-theme=gold] .logistics-company-management .filter-select,[data-theme=gold] .m-and-s-enterprise-management .search-input,[data-theme=gold] .m-and-s-enterprise-management .search-field,[data-theme=gold] .m-and-s-enterprise-management .filter-select,[data-theme=gold] .port-management .search-input,[data-theme=gold] .port-management .search-field,[data-theme=gold] .port-management .filter-select,[data-theme=gold] .company-name-management .search-input,[data-theme=gold] .company-name-management .search-field,[data-theme=gold] .company-name-management .filter-select,[data-theme=gold] .customer-management .search-input,[data-theme=gold] .customer-management .search-field,[data-theme=gold] .customer-management .filter-select{background:#fff;border-color:#d4af3759;color:var(--theme-text-heavy)}[data-theme=gold] .database-management .data-table td,[data-theme=gold] .currency-management .data-table td,[data-theme=gold] .logistics-company-management .data-table td,[data-theme=gold] .m-and-s-enterprise-management .data-table td,[data-theme=gold] .port-management .data-table td,[data-theme=gold] .company-name-management .data-table td,[data-theme=gold] .customer-management .data-table td,[data-theme=gold] .database-management .data-table th,[data-theme=gold] .currency-management .data-table th,[data-theme=gold] .logistics-company-management .data-table th,[data-theme=gold] .m-and-s-enterprise-management .data-table th,[data-theme=gold] .port-management .data-table th,[data-theme=gold] .company-name-management .data-table th,[data-theme=gold] .customer-management .data-table th,[data-theme=gold] .database-management .stat-value,[data-theme=gold] .currency-management .stat-value,[data-theme=gold] .logistics-company-management .stat-value,[data-theme=gold] .m-and-s-enterprise-management .stat-value,[data-theme=gold] .port-management .stat-value,[data-theme=gold] .company-name-management .stat-value,[data-theme=gold] .customer-management .stat-value{color:var(--theme-text-heavy)}[data-theme=gold] .temp-cache-management .stat-card,[data-theme=gold] .temp-cache-management .filter-section,[data-theme=gold] .temp-cache-management .table-container{background:var(--theme-content-surface);border-color:#d4af3747}[data-theme=gold] .temp-cache-management .search-input,[data-theme=gold] .temp-cache-management .time-filter{background:#fff;border-color:#d4af3759;color:var(--theme-text-heavy)}[data-theme=gold] .temp-cache-management th{background:var(--theme-content-surface-alt);color:var(--theme-text-heavy)}[data-theme=gold] .temp-cache-management td,[data-theme=gold] .temp-cache-management .filename-cell{color:var(--theme-text-heavy)}[data-theme=gold] .temp-cache-management .index-cell,[data-theme=gold] .temp-cache-management .size-cell,[data-theme=gold] .temp-cache-management .time-cell,[data-theme=gold] .temp-cache-management .stat-label{color:var(--theme-text-heavy-muted)}[data-theme=gold] .temp-cache-management .stat-value{color:var(--theme-text-heavy)}.btn-secondary-theme:hover{background:var(--theme-surface-alt);border-color:var(--theme-text-muted)}[data-theme=blue] .stat-card-theme:hover,[data-theme=blue] .stat-card:hover{transform:none;box-shadow:0 1px 4px var(--theme-shadow)}[data-theme=blue] .gold-dashed-hr{background:none;border-top:2px dashed var(--theme-border-muted);height:0}[data-theme=blue] .btn-login:hover{transform:none}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Microsoft YaHei,Arial,sans-serif;background:var(--theme-gradient-bg);min-height:100vh;color:var(--theme-text);transition:background .35s ease,color .35s ease}#app{font-family:Microsoft YaHei,Arial,sans-serif}.btn{padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:14px;transition:all .3s}.btn-primary{background:var(--theme-gradient-primary);color:var(--theme-text-on-primary)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 15px var(--theme-shadow)}.btn-success{background:#28a745;color:#fff}.btn-danger{background:#dc3545;color:#fff}.btn-warning{background:#ffc107;color:#000}.btn-info{background:#17a2b8;color:#fff}.btn-cancel{background:transparent;color:var(--theme-text);border:1px solid var(--theme-border)}.btn-cancel:hover{background:var(--theme-hover-bg)}.modal{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;background-color:var(--theme-overlay)}.modal.show{display:flex;justify-content:center;align-items:center}.modal-content{background:var(--theme-gradient-surface);border:2px solid var(--theme-border);border-radius:10px;padding:30px;width:90%;max-width:500px;box-shadow:0 10px 30px var(--theme-shadow)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid var(--theme-border)}.modal-header h2{color:var(--theme-text);font-size:20px}.close-btn{color:var(--theme-text);font-size:28px;font-weight:700;cursor:pointer;transition:all .3s ease}.close-btn:hover{color:var(--theme-primary-dark)}.form-group{margin-bottom:15px}.form-group label{display:block;color:var(--theme-text);margin-bottom:8px;font-size:14px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px;background:var(--theme-input-bg);border:1px solid var(--theme-border);border-radius:5px;color:var(--theme-text);font-size:14px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--theme-primary-dark);box-shadow:0 0 5px var(--theme-shadow)}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.message{padding:10px;border-radius:5px;margin-bottom:15px;display:none}.message.success{background:#4caf5033;border:1px solid #4CAF50;color:#4caf50;display:block}.message.error{background:#f4433633;border:1px solid #f44336;color:#f44336;display:block}.message.info{background:var(--theme-hover-bg);border:1px solid var(--theme-border);color:var(--theme-text);display:block}.table-container{background:#fff;border-radius:10px;padding:20px;box-shadow:0 2px 10px #0000001a;overflow-x:auto}.action-bar{margin-bottom:20px;display:flex;gap:10px}table{width:100%;border-collapse:collapse}th,td{padding:12px;text-align:left;border-bottom:1px solid #ddd}th{background:#f8f9fa;color:#333;font-weight:600}tr:hover{background:#f8f9fa}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--theme-scrollbar-track);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--theme-scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-corner{background:var(--theme-scrollbar-track)}*{scrollbar-width:thin;scrollbar-color:var(--theme-primary) var(--theme-scrollbar-track)}.gold-dashed-line{border:none;border-top:2px dashed var(--theme-border);margin:20px 0;opacity:.6}.gold-dashed-border{border:2px dashed var(--theme-border);border-radius:8px;padding:15px;background:var(--theme-hover-bg)}.gold-dashed-hr{height:2px;background:repeating-linear-gradient(to right,var(--theme-border),var(--theme-border) 8px,transparent 8px,transparent 16px);border:none;margin:20px 0}