.navbar[data-v-d2c72a43]{position:fixed;top:0;left:0;right:0;height:var(--nav-height);background:var(--color-bg-nav);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;padding:0 20px;z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.navbar-left[data-v-d2c72a43]{display:flex;align-items:center;gap:12px}.menu-toggle[data-v-d2c72a43]{width:36px;height:36px;background:transparent;border-radius:8px;display:flex;align-items:center;justify-content:center}.menu-toggle[data-v-d2c72a43]:hover{background:var(--color-bg)}.hamburger[data-v-d2c72a43]{display:flex;flex-direction:column;gap:4px}.hamburger i[data-v-d2c72a43]{display:block;width:18px;height:2px;background:var(--color-text);border-radius:2px;transition:all .2s}.logo[data-v-d2c72a43]{display:flex;align-items:center;gap:8px}.logo-icon[data-v-d2c72a43]{width:38px;height:38px;object-fit:contain}.logo-text[data-v-d2c72a43]{font-size:16px;font-weight:700;color:var(--color-text)}.navbar-center[data-v-d2c72a43]{display:flex;align-items:center}.mode-switch[data-v-d2c72a43]{display:flex;align-items:center;gap:2px;padding:3px;background:var(--color-bg);border-radius:100px;-webkit-user-select:none;user-select:none}.mode-btn[data-v-d2c72a43]{display:flex;align-items:center;gap:6px;padding:6px 16px;border-radius:100px;font-size:13px;font-weight:500;color:var(--color-text-light);background:transparent;border:none;cursor:pointer;transition:all .25s ease;white-space:nowrap}.mode-btn[data-v-d2c72a43]:hover{color:var(--color-text)}.mode-btn.active[data-v-d2c72a43]{color:#fff;background:var(--color-primary);box-shadow:0 2px 8px #7eb8da4d}.mode-btn.active[data-v-d2c72a43]:last-child{background:#5a5a5a;box-shadow:0 2px 8px #5a5a5a4d}.mode-dot[data-v-d2c72a43]{width:8px;height:8px;border-radius:50%;flex-shrink:0}.mode-dot.blue[data-v-d2c72a43]{background:#7eb8da}.mode-dot.dark[data-v-d2c72a43]{background:#5a5a5a}.mode-btn.active .mode-dot.blue[data-v-d2c72a43],.mode-btn.active .mode-dot.dark[data-v-d2c72a43]{background:#fffc}.mode-divider[data-v-d2c72a43]{color:var(--color-text-lighter);font-size:12px;padding:0 2px}.navbar-right[data-v-d2c72a43]{display:flex;align-items:center;gap:16px}.nav-link[data-v-d2c72a43]{font-size:13px;color:var(--color-text-light);background:transparent;padding:6px 12px;border-radius:6px;transition:all .2s}.nav-link[data-v-d2c72a43]:hover{background:var(--color-bg);color:var(--color-text)}.user-dropdown[data-v-d2c72a43]{position:relative}.user-info[data-v-d2c72a43]{display:flex;align-items:center;gap:6px;cursor:pointer;padding:4px 8px;border-radius:8px;transition:background .2s}.user-info[data-v-d2c72a43]:hover{background:var(--color-bg)}.avatar[data-v-d2c72a43]{font-size:24px}.username[data-v-d2c72a43]{font-size:14px;font-weight:500}.dropdown-arrow[data-v-d2c72a43]{font-size:10px;color:var(--color-text-lighter);transition:transform .2s}.dropdown-arrow.open[data-v-d2c72a43]{transform:rotate(180deg)}.dropdown-menu[data-v-d2c72a43]{position:absolute;top:calc(100% + 8px);right:0;width:200px;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:8px;z-index:200}.dropdown-header[data-v-d2c72a43]{display:flex;align-items:center;gap:10px;padding:8px 10px}.dropdown-avatar[data-v-d2c72a43]{font-size:28px}.dropdown-name[data-v-d2c72a43]{display:block;font-size:14px;font-weight:600}.dropdown-level[data-v-d2c72a43]{font-size:12px;color:var(--color-text-lighter)}.dropdown-divider[data-v-d2c72a43]{height:1px;background:var(--color-border);margin:6px 0}.dropdown-item[data-v-d2c72a43]{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border-radius:6px;font-size:13px;color:var(--color-text);background:transparent;border:none;cursor:pointer;transition:background .15s;text-align:left}.dropdown-item[data-v-d2c72a43]:hover{background:var(--color-bg)}.dropdown-item.logout[data-v-d2c72a43]:hover{background:#ffebee;color:#c62828}.dropdown-enter-active[data-v-d2c72a43],.dropdown-leave-active[data-v-d2c72a43]{transition:opacity .15s ease,transform .15s ease}.dropdown-enter-from[data-v-d2c72a43],.dropdown-leave-to[data-v-d2c72a43]{opacity:0;transform:translateY(-6px)}.help-overlay[data-v-d2c72a43]{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:500;overflow-y:auto;overscroll-behavior:contain}.help-card[data-v-d2c72a43]{width:520px;max-width:90vw;max-height:80vh;overflow-y:auto;padding:32px;position:relative}.help-close[data-v-d2c72a43]{position:absolute;top:14px;right:16px;width:32px;height:32px;border-radius:50%;background:var(--color-bg);font-size:18px;color:var(--color-text-light);display:flex;align-items:center;justify-content:center}.help-close[data-v-d2c72a43]:hover{background:#ffebee;color:#c62828}.help-header[data-v-d2c72a43]{text-align:center;margin-bottom:24px}.help-icon[data-v-d2c72a43]{font-size:48px;display:block;margin-bottom:8px}.help-header h3[data-v-d2c72a43]{font-size:18px}.help-section[data-v-d2c72a43]{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--color-border)}.help-section[data-v-d2c72a43]:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.help-section h4[data-v-d2c72a43]{font-size:15px;margin-bottom:6px}.help-section p[data-v-d2c72a43]{font-size:13px;color:var(--color-text-light);line-height:1.7;margin-bottom:6px}.help-section p[data-v-d2c72a43]:last-child{margin-bottom:0}.overlay-enter-active[data-v-d2c72a43],.overlay-leave-active[data-v-d2c72a43]{transition:opacity .2s ease}.overlay-enter-active .help-card[data-v-d2c72a43],.overlay-leave-active .help-card[data-v-d2c72a43]{transition:transform .2s ease}.overlay-enter-from[data-v-d2c72a43],.overlay-leave-to[data-v-d2c72a43]{opacity:0}.overlay-enter-from .help-card[data-v-d2c72a43],.overlay-leave-to .help-card[data-v-d2c72a43]{transform:scale(.95)}@media (max-width: 768px){.navbar[data-v-d2c72a43]{padding:0 10px}.logo-text[data-v-d2c72a43]{font-size:13px}.logo-icon[data-v-d2c72a43]{width:32px;height:32px}.navbar-center[data-v-d2c72a43]{position:absolute;left:50%;transform:translate(-50%)}.mode-btn[data-v-d2c72a43]{padding:5px 10px;font-size:11px}.mode-divider[data-v-d2c72a43],.username[data-v-d2c72a43]{display:none}.dropdown-menu[data-v-d2c72a43]{right:-10px;width:180px}.help-card[data-v-d2c72a43]{width:95vw;max-height:90vh;padding:20px}}.sidebar[data-v-0b8333af]{position:fixed;top:var(--nav-height);left:0;width:var(--sidebar-width);height:calc(100vh - var(--nav-height));background:var(--color-bg-sidebar);border-right:1px solid var(--color-border);overflow-y:auto;transition:all .3s ease;z-index:90}.sidebar.collapsed[data-v-0b8333af]{width:var(--sidebar-collapsed)}.sidebar-nav[data-v-0b8333af]{padding:12px 8px;display:flex;flex-direction:column;gap:4px}.menu-item[data-v-0b8333af]{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--radius-sm);font-size:14px;color:var(--color-text-light);transition:all .2s;white-space:nowrap;overflow:hidden}.menu-item[data-v-0b8333af]:hover{background:var(--color-bg);color:var(--color-text)}.menu-item.active[data-v-0b8333af]{background:var(--color-primary-light);color:var(--color-primary-dark);font-weight:600}.menu-icon[data-v-0b8333af]{font-size:18px;flex-shrink:0}.menu-label[data-v-0b8333af]{overflow:hidden;text-overflow:ellipsis}.sidebar.collapsed .menu-item[data-v-0b8333af]{justify-content:center;padding:10px 0}.sidebar-overlay[data-v-0b8333af]{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:95}.sidebar.mobile[data-v-0b8333af]{left:0;z-index:100;width:var(--sidebar-width);box-shadow:4px 0 24px #00000026;transform:translate(0)}.sidebar.mobile.hidden[data-v-0b8333af]{transform:translate(-100%)}.mobile-close[data-v-0b8333af]{display:flex;align-items:center;justify-content:flex-end;padding:12px 14px 8px;width:100%;background:transparent;font-size:14px;color:var(--color-text-light)}.mobile-close[data-v-0b8333af]:hover{color:var(--color-text)}@media (max-width: 768px){.sidebar-nav[data-v-0b8333af]{padding:4px 8px 12px}}.compliance-footer[data-v-60ccdb02]{position:fixed;bottom:0;left:0;right:0;background:#fff8e1;border-top:1px solid #f5d98e;z-index:100;padding:6px 20px}.compliance-inner[data-v-60ccdb02]{display:flex;align-items:center;justify-content:center;gap:8px;max-width:1200px;margin:0 auto}.compliance-icon[data-v-60ccdb02]{font-size:14px;flex-shrink:0}.compliance-text[data-v-60ccdb02]{font-size:12px;color:#8d6e00;line-height:1.4}@media (max-width: 768px){.compliance-footer[data-v-60ccdb02]{position:static;padding:8px 12px;border-top:1px solid #f5d98e}.compliance-text[data-v-60ccdb02]{font-size:11px;line-height:1.5}}.app-layout[data-v-009ff3da]{min-height:100vh;display:flex;flex-direction:column}.main-content[data-v-009ff3da]{margin-top:var(--nav-height);margin-left:var(--sidebar-width);margin-bottom:36px;min-height:calc(100vh - var(--nav-height) - 36px);transition:margin-left .3s ease}.main-content.sidebar-closed[data-v-009ff3da]{margin-left:var(--sidebar-collapsed)}.page-container[data-v-009ff3da]{padding:24px;max-width:1400px;margin:0 auto}@media (max-width: 768px){.main-content[data-v-009ff3da]{margin-left:0!important;margin-bottom:0;min-height:calc(100vh - var(--nav-height))}.page-container[data-v-009ff3da]{padding:12px}}:root{--color-primary: #7eb8da;--color-primary-light: #b5d8ed;--color-primary-dark: #5a9bc7;--color-secondary: #f0c5a8;--color-accent: #a8d8b9;--color-warning: #f5d98e;--color-danger: #e8a8a8;--color-bg: #f7f3ee;--color-bg-card: #ffffff;--color-bg-sidebar: #fefcf9;--color-bg-nav: #ffffff;--color-text: #3d3d3d;--color-text-light: #8a8a8a;--color-text-lighter: #b5b5b5;--color-border: #ece5dd;--shadow-sm: 0 1px 3px rgba(0,0,0,.06);--shadow-md: 0 4px 12px rgba(0,0,0,.08);--shadow-lg: 0 8px 24px rgba(0,0,0,.1);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--nav-height: 60px;--sidebar-width: 220px;--sidebar-collapsed: 60px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:PingFang SC,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;background:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;outline:none;font-family:inherit}input,select,textarea{font-family:inherit;outline:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;border-radius:var(--radius-sm);font-size:14px;font-weight:500;transition:all .2s}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff}.btn-primary:hover{box-shadow:0 4px 12px #7eb8da66;transform:translateY(-1px)}.btn-secondary{background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-primary-light);border-color:var(--color-primary)}.btn-large{padding:14px 32px;font-size:16px;border-radius:var(--radius-md)}.btn-block{width:100%}.card{background:var(--color-bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:20px;border:1px solid var(--color-border)}.card-hover:hover{box-shadow:var(--shadow-md);transition:box-shadow .2s}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:100px;font-size:12px;font-weight:500}.badge-green{background:#e8f5e9;color:#2e7d32}.badge-yellow{background:#fff8e1;color:#f57f17}.badge-orange{background:#fff3e0;color:#e65100}.badge-red{background:#ffebee;color:#c62828}.badge-blue{background:#e3f2fd;color:#1565c0}.fade-enter-active,.fade-leave-active{transition:opacity .25s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-enter-active,.slide-leave-active{transition:transform .3s ease,opacity .3s ease}.slide-enter-from{transform:translate(-20px);opacity:0}.slide-leave-to{transform:translate(20px);opacity:0}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-lighter)}@media (max-width: 768px){:root{--nav-height: 50px;--sidebar-width: 260px;--sidebar-collapsed: 0px;--radius-lg: 14px}.btn{padding:8px 16px;font-size:13px}.btn-large{padding:12px 24px;font-size:15px}.card{padding:14px}.hide-mobile{display:none!important}}@media (min-width: 769px){.show-mobile{display:none!important}}