:root{--color-primary:#2563eb;--color-primary-light:#4f86f7;--color-primary-dark:#1d4ed8;--color-accent:#22d3ee;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--color-info:#64748b;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--bg-page:#f4f6fb;--bg-card:#fff;--bg-subtle:#f8fafc;--header-bg:#fff;--sidebar-bg:#fff;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-placeholder:#cbd5e1;--text-on-accent:#fff;--border-color:#e8edf5;--border-strong:#dbe3ee;--color-success-soft:#10b9811a;--color-warning-soft:#f59e0b1a;--color-danger-soft:#ef44441a;--color-info-soft:#94a3b81f;--mask-bg:#0f172a66;--text-xs:12px;--text-sm:13px;--text-base:14px;--text-md:16px;--text-lg:18px;--text-xl:20px;--text-2xl:22px;--text-3xl:28px;--text-4xl:32px;--text-display:44px;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.75;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:16px;--radius-pill:999px;--shadow-sm:0 1px 2px #0f172a0a;--shadow-card:0 1px 2px #0f172a0a, 0 6px 20px #0f172a0f;--shadow-card-hover:0 10px 32px #2563eb24;--shadow-overlay:0 20px 60px #0f172a38;--el-color-primary:#2563eb;--el-color-primary-light-3:#4f86f7;--el-color-primary-light-5:#7aa6fa;--el-color-primary-light-7:#a9c5fc;--el-color-primary-light-8:#cddbfd;--el-color-primary-light-9:#eaf1fe;--el-color-primary-dark-2:#1d4ed8;--el-color-success:var(--color-success);--el-color-warning:var(--color-warning);--el-color-danger:var(--color-danger);--el-color-error:var(--color-danger);--el-color-info:var(--color-info);--el-border-radius-base:var(--radius-md);--el-border-radius-small:var(--radius-sm);--el-border-radius-round:var(--radius-pill)}:root.dark{--bg-page:#141414;--bg-card:#262626;--bg-subtle:#333;--header-bg:#1f1f1f;--sidebar-bg:#1f1f1f;--text-primary:#e8e8e8;--text-secondary:#a8a8a8;--text-muted:#737373;--text-placeholder:#565656;--text-on-accent:#fff;--border-color:#333;--border-strong:#454545;--mask-bg:#0000008c;--shadow-sm:0 1px 2px #0006;--shadow-card:0 1px 2px #0006, 0 6px 20px #00000059;--shadow-card-hover:0 10px 32px #00000080;--shadow-overlay:0 20px 60px #0000008c;--color-success-soft:#10b9812e;--color-warning-soft:#f59e0b2e;--color-danger-soft:#ef44442e;--color-info-soft:#94a3b833;--el-color-primary:#4f86f7;--el-color-primary-light-3:#375ead;--el-color-primary-light-5:#28437c;--el-color-primary-light-7:#18284a;--el-color-primary-light-8:#101b31;--el-color-primary-light-9:#0c1426;--el-color-primary-dark-2:#729ef9;--el-color-success:#10b981;--el-color-success-light-3:#0b825a;--el-color-success-light-5:#085c40;--el-color-success-light-7:#053827;--el-color-success-light-8:#03251a;--el-color-success-light-9:#02130d;--el-color-success-dark-2:#40c79a;--el-color-warning:#f59e0b;--el-color-warning-light-3:#ac6f06;--el-color-warning-light-5:#7b4f03;--el-color-warning-light-7:#4a2f02;--el-color-warning-light-8:#312001;--el-color-warning-light-9:#191001;--el-color-warning-dark-2:#f7b13c;--el-color-danger:#ef4444;--el-color-danger-light-3:#a73030;--el-color-danger-light-5:#782222;--el-color-danger-light-7:#481414;--el-color-danger-light-8:#300f0f;--el-color-danger-light-9:#180808;--el-color-danger-dark-2:#f26969;--el-color-error:#ef4444;--el-color-error-light-3:#a73030;--el-color-error-light-5:#782222;--el-color-error-light-7:#481414;--el-color-error-light-8:#300f0f;--el-color-error-light-9:#180808;--el-color-error-dark-2:#f26969;--el-color-info:#64748b;--el-color-info-light-3:#455162;--el-color-info-light-5:#323a46;--el-color-info-light-7:#1e232a;--el-color-info-light-8:#14171c;--el-color-info-light-9:#0a0c0e;--el-color-info-dark-2:#8390a2;--el-bg-color-page:#141414;--el-bg-color:#262626;--el-bg-color-overlay:#2e2e2e;--el-border-color-darker:#555;--el-border-color-dark:#484848;--el-border-color:#3a3a3a;--el-border-color-light:#333;--el-border-color-lighter:#2d2d2d;--el-border-color-extra-light:#292929;--el-fill-color-darker:#4a4a4a;--el-fill-color-dark:#424242;--el-fill-color:#3a3a3a;--el-fill-color-light:#333;--el-fill-color-lighter:#2d2d2d;--el-fill-color-extra-light:#2a2a2a;--el-fill-color-blank:#262626}html.dark .sidebar-menu{background:var(--bg-card);border-right-color:var(--border-color)}html.dark .sidebar-menu .el-menu-item,html.dark .sidebar-menu .el-sub-menu__title{color:var(--text-secondary)}html.dark .sidebar-menu .el-menu-item .el-icon,html.dark .sidebar-menu .el-sub-menu__title .el-icon{color:var(--text-muted)}html.dark .sidebar-menu .el-menu-item:hover,html.dark .sidebar-menu .el-sub-menu__title:hover{background:var(--bg-subtle);color:var(--text-primary)}html.dark .sidebar-menu .el-menu-item.is-active,html.dark .sidebar-menu .el-sub-menu.is-active>.el-sub-menu__title{background:var(--bg-subtle);color:var(--el-color-primary)}.table-scroll{width:100%;overflow-x:auto}.sidebar-drawer .el-drawer__body{padding:0}.sidebar-drawer .drawer-switcher{border-bottom:1px solid var(--border-color);justify-content:center;padding:12px;display:flex}.sidebar-drawer .drawer-switcher .system-switcher{flex-direction:column;align-items:stretch;gap:8px}:root{--header-height:56px;--sidebar-width:220px;--sidebar-collapsed-width:64px;--font-sans:"Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;--font-display:"Outfit", var(--font-sans);--font-mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-extrabold:800;--accent-cyan:#22d3ee;--accent-cyan-soft:#22d3ee29;--accent-gradient:linear-gradient(135deg, #2563eb 0%, #22d3ee 100%);--text-on-dark:#ffffffeb;--text-on-dark-muted:#ffffff9e;--dark-bg:#0b1220;--dark-bg-alt:#0b1120;--dark-panel-top:#0f172af2;--dark-panel-bottom:#0b1220fa;--dark-terminal:#080c18b3;--dark-border:#ffffff1a;--dark-border-strong:#ffffff2e;--auth-page-gradient:linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #334155 100%);--sidebar-bg-top:#0f172a;--sidebar-bg-bottom:#111c33;--sidebar-text-active:#fff;--page-padding:20px;--space-section:100px;--container-max:1400px;--container-narrow:1200px;--content-max:800px;--card-radius:var(--radius-lg);--shadow-primary:0 4px 14px #2563eb47;--shadow-primary-hover:0 6px 18px #2563eb5c;--shadow-dark:0 24px 60px #00000073, inset 0 1px 0 #ffffff0f;--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s;--ease-out:cubic-bezier(.16, 1, .3, 1);--el-font-family:var(--font-sans)}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-page);height:100%;color:var(--text-primary);margin:0;padding:0}#app{text-align:left;box-sizing:border-box;width:100%;height:100%;min-height:100vh;font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-primary);background:var(--bg-page);margin:0;padding:0;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-xs)}::-webkit-scrollbar-thumb:hover{background:var(--el-color-primary-light-3)}.el-button{border-radius:var(--radius-md);font-weight:500}.el-button--primary{background:var(--accent-gradient);box-shadow:var(--shadow-primary);border:none}.el-button--primary:hover{filter:brightness(1.06);box-shadow:var(--shadow-primary-hover)}.nav-chip{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);height:44px;box-shadow:var(--shadow-sm);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:0 12px;transition:background .2s,border-color .2s,box-shadow .2s;display:inline-flex}.nav-chip:hover{background:var(--bg-subtle);border-color:var(--border-strong)}.nav-chip:focus-visible{outline:2px solid var(--el-color-primary);outline-offset:1px}.nav-chip.active{background:var(--el-color-primary-light-9);border-color:var(--el-color-primary)}.nav-chip.active .nav-chip-title{color:var(--el-color-primary)}.nav-chip.locked{opacity:.55;cursor:not-allowed}.nav-chip.locked:hover{background:var(--bg-card);border-color:var(--border-color)}.nav-chip-ic{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:16px;display:flex}.nav-chip-ic.erp{color:var(--el-color-primary);background:var(--el-color-primary-light-9)}.nav-chip-ic.oa{color:var(--color-success);background:var(--color-success-soft)}.nav-chip-ic.crm{color:var(--color-accent);background:var(--accent-cyan-soft)}.nav-chip-ic.usage{color:var(--color-info);background:var(--color-info-soft)}.nav-chip-ic.todo{color:var(--color-warning);background:var(--color-warning-soft)}.nav-chip-text{flex-direction:column;min-width:0;line-height:1.25;display:flex}.nav-chip-title{font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap;font-weight:600}.nav-chip-desc{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap}@media (width<=1100px){.nav-chip-desc{display:none}}@media (width<=768px){.nav-chip{gap:6px;height:40px;padding:0 8px}.nav-chip-text{display:none}}.el-card{border-radius:var(--card-radius);border:1px solid var(--border-color);box-shadow:var(--shadow-card);transition:box-shadow .25s,transform .25s}.el-card.is-hover-shadow:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.el-table{--el-table-header-bg-color:var(--bg-subtle);--el-table-header-text-color:var(--text-secondary);--el-table-row-hover-bg-color:var(--el-color-primary-light-9);font-size:14px}.el-table th{letter-spacing:.02em;font-weight:600}.el-input__wrapper,.el-textarea__inner{border-radius:var(--radius-md)}.el-dialog{border-radius:var(--card-radius);overflow:hidden}.el-dialog__header{border-bottom:1px solid var(--border-color);padding-bottom:var(--space-4);margin-right:0}.el-menu{border-right:none}.el-tag{border-radius:var(--radius-sm)}.status-active,.status-approved{color:var(--color-success);background-color:var(--color-success-soft)}.status-inactive{color:var(--text-muted);background-color:var(--color-info-soft)}.status-pending{color:var(--color-warning);background-color:var(--color-warning-soft)}.status-rejected{color:var(--color-danger);background-color:var(--color-danger-soft)}@media (width<=768px){.el-dialog{max-width:560px;width:92vw!important;margin-top:5vh!important}.el-message-box{width:92vw;max-width:420px}.el-message{width:92vw;min-width:0}.el-form--inline .el-form-item{margin-right:0}.filter-bar,.toolbar,.page-toolbar,.table-toolbar,.search-bar,.el-pagination{flex-wrap:wrap;row-gap:8px}.app-main .el-card__body,.app-main .table-card{overflow-x:auto}}.pagination-wrapper{justify-content:flex-end;margin-top:16px;display:flex}