:root{--app-bg: #f3f6f8;--app-surface: #ffffff;--app-surface-muted: #f8fafc;--app-surface-hover: #eef3f6;--app-border: #c8d4df;--app-border-soft: #e2e8ef;--app-text: #172536;--app-text-muted: #526273;--app-text-subtle: #8491a0;--app-primary: #1677a8;--app-primary-dark: #0e5276;--app-primary-soft: #e8f4f9;--app-primary-hover: #0c91d1;--app-focus-shadow: rgba(0, 129, 194, .14);--app-hero-gradient: linear-gradient(110deg, rgba(255, 255, 255, .94), rgba(232, 244, 249, .92));--app-hero-text: #0f2a3d;--app-login-gradient: linear-gradient(135deg, rgba(255, 255, 255, .94), rgba(232, 244, 249, .9));--app-login-text: #0f2a3d;--app-login-muted: #526273;--app-login-overlay: linear-gradient(180deg, rgba(255, 255, 255, .08), rgba(22, 119, 168, .08));--app-metric-blue-bg: #e4f2fb;--app-metric-green-bg: #e8f7f0;--app-metric-amber-bg: #fff5df;--app-metric-red-bg: #fff0f0;--app-footer-bg: #f8fafc;--app-accent: #2f8f6b;--app-warning: #b7791f;--app-danger: #d94f4f;--app-sidebar: #ffffff;--app-sidebar-strong: #f7fafc;--app-sidebar-hover: #eef5f8;--app-sidebar-text: #334155;--app-sidebar-text-active: #0f2a3d;--app-sidebar-border: #dde7ef;--app-sidebar-shadow: 8px 0 24px rgba(23, 37, 54, .08);--app-sidebar-active-bg: #e8f4f9;--app-sidebar-active-line: var(--app-primary);--app-sidebar-brand-text: #0f2a3d;--app-shadow: 0 14px 36px rgba(23, 37, 54, .1);--app-shadow-soft: 0 8px 22px rgba(23, 37, 54, .07);--app-radius: 6px}html[data-theme=dark]{--app-primary-hover: #1b8abc;--app-focus-shadow: rgba(0, 129, 194, .14);--app-hero-gradient: linear-gradient(110deg, rgba(16, 26, 39, .96), rgba(22, 119, 168, .86));--app-hero-text: #ffffff;--app-login-gradient: linear-gradient(135deg, rgba(16, 26, 39, .97), rgba(22, 119, 168, .88));--app-login-text: #ffffff;--app-login-muted: rgba(255, 255, 255, .74);--app-login-overlay: linear-gradient(180deg, rgba(255, 255, 255, .05), rgba(0, 0, 0, .14));--app-sidebar: #172536;--app-sidebar-strong: #101a27;--app-sidebar-hover: rgba(255, 255, 255, .09);--app-sidebar-text: rgba(255, 255, 255, .76);--app-sidebar-text-active: #ffffff;--app-sidebar-border: rgba(255, 255, 255, .08);--app-sidebar-shadow: 10px 0 34px rgba(16, 26, 39, .18);--app-sidebar-active-bg: rgba(255, 255, 255, .13);--app-sidebar-active-line: #5fc49b;--app-sidebar-brand-text: #ffffff}html[data-theme=blue]{--app-primary: #176fa5;--app-primary-dark: #0f4f78;--app-primary-soft: #e7f3fb;--app-primary-hover: #2188c2;--app-focus-shadow: rgba(23, 111, 165, .16);--app-hero-gradient: linear-gradient(110deg, rgba(15, 79, 120, .96), rgba(34, 139, 196, .86));--app-hero-text: #ffffff;--app-login-gradient: linear-gradient(135deg, rgba(15, 79, 120, .97), rgba(34, 139, 196, .88));--app-login-text: #ffffff;--app-login-muted: rgba(255, 255, 255, .76);--app-login-overlay: linear-gradient(180deg, rgba(255, 255, 255, .05), rgba(15, 79, 120, .16));--app-metric-blue-bg: #e7f3fb;--app-sidebar: #0f4f78;--app-sidebar-strong: #0b3755;--app-sidebar-hover: rgba(255, 255, 255, .11);--app-sidebar-text: rgba(255, 255, 255, .8);--app-sidebar-text-active: #ffffff;--app-sidebar-border: rgba(255, 255, 255, .1);--app-sidebar-shadow: 10px 0 34px rgba(15, 79, 120, .2);--app-sidebar-active-bg: rgba(255, 255, 255, .16);--app-sidebar-active-line: #7dd3fc;--app-sidebar-brand-text: #ffffff}html[data-theme=green]{--app-primary: #16835b;--app-primary-dark: #0f5f42;--app-primary-soft: #e8f7f0;--app-primary-hover: #1c9a6b;--app-focus-shadow: rgba(22, 131, 91, .16);--app-hero-gradient: linear-gradient(110deg, rgba(20, 84, 63, .96), rgba(47, 143, 107, .86));--app-hero-text: #ffffff;--app-login-gradient: linear-gradient(135deg, rgba(20, 84, 63, .97), rgba(47, 143, 107, .88));--app-login-text: #ffffff;--app-login-muted: rgba(255, 255, 255, .76);--app-login-overlay: linear-gradient(180deg, rgba(255, 255, 255, .05), rgba(20, 84, 63, .16));--app-metric-blue-bg: #e8f7f0;--app-sidebar: #14543f;--app-sidebar-strong: #0f3d30;--app-sidebar-hover: rgba(255, 255, 255, .11);--app-sidebar-text: rgba(255, 255, 255, .8);--app-sidebar-text-active: #ffffff;--app-sidebar-border: rgba(255, 255, 255, .1);--app-sidebar-shadow: 10px 0 34px rgba(20, 84, 63, .2);--app-sidebar-active-bg: rgba(255, 255, 255, .16);--app-sidebar-active-line: #86efac;--app-sidebar-brand-text: #ffffff}html,body,#app{min-width:320px;background:var(--app-bg);color:var(--app-text)}body{margin:0;font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{color:#fff;background:var(--app-primary)}button,input,textarea,select{font:inherit}button{letter-spacing:0}.el-button{min-height:32px;border-radius:var(--app-radius);font-weight:600}.el-button--small{min-height:28px}.el-button+.el-button{margin-left:8px}.el-button--primary{--el-button-bg-color: var(--app-primary);--el-button-border-color: var(--app-primary);--el-button-hover-bg-color: #0c91d1;--el-button-hover-border-color: #0c91d1;--el-button-active-bg-color: var(--app-primary-dark);--el-button-active-border-color: var(--app-primary-dark)}.el-button--danger{--el-button-bg-color: #ef6464;--el-button-border-color: #ef6464;--el-button-hover-bg-color: #f07878;--el-button-hover-border-color: #f07878}.el-card{border:1px solid var(--app-border-soft);border-radius:var(--app-radius);box-shadow:var(--app-shadow-soft)}.el-card__header{padding:14px 16px;border-bottom-color:var(--app-border-soft);font-weight:700}.el-card__body{padding:16px}.el-input__wrapper,.el-select__wrapper,.el-textarea__inner,.el-input-number .el-input__wrapper{border-radius:var(--app-radius);box-shadow:0 0 0 1px var(--app-border-soft) inset}.el-input__wrapper.is-focus,.el-select__wrapper.is-focused,.el-textarea__inner:focus{box-shadow:0 0 0 1px var(--app-primary) inset,0 0 0 3px #0081c224}.el-table{--el-table-border-color: var(--app-border-soft);--el-table-header-bg-color: #f4f7fa;border-radius:0;overflow:hidden;color:var(--app-text);box-shadow:none}.el-table th.el-table__cell{height:38px;background:#f4f7fa;color:#26384a;font-weight:700;border-bottom-color:var(--app-border-soft)}.el-table .el-table__cell{padding:5px 0}.el-table .cell{line-height:22px}.el-table .el-table__cell:first-child .cell{padding-left:14px}.el-table__row:hover>td.el-table__cell{background:#f5fafc!important}.el-table .el-button--small{min-width:52px;min-height:28px;padding:5px 10px}.el-pagination{justify-content:flex-end;color:var(--app-text-muted)}.el-pagination .el-pager li,.el-pagination button{border-radius:5px}.el-tag{border-radius:var(--app-radius);font-weight:600}.el-empty{--el-empty-padding: 26px 0}.el-dialog{border-radius:8px;overflow:hidden;box-shadow:0 26px 70px #17253633}.el-dialog__header{margin:0;padding:14px 16px 12px;border-bottom:1px solid var(--app-border-soft)}.el-dialog__title{color:var(--app-text);font-size:16px;font-weight:800}.el-dialog__body{padding:18px 16px}.el-dialog__footer{padding:12px 16px 14px;border-top:1px solid var(--app-border-soft);background:#fbfcfe}.el-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.el-form{max-width:720px}.el-form-item{margin-bottom:16px}.el-form-item__label{color:#475569;font-weight:600}.page-shell,.page-container,.user-list,.admin-list,.user-add,.config{width:100%;max-width:none;margin:0;padding:0}.table-actions{display:flex;flex-wrap:wrap;gap:8px}.page-kicker{color:var(--app-text-subtle);font-size:12px;font-weight:700;letter-spacing:0;text-transform:uppercase}@media screen and (max-width: 768px){.el-pagination{justify-content:center}}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{height:100%;font-family:Inter,Segoe UI,PingFang SC,Microsoft YaHei,Arial,sans-serif}