: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-footer-bg: #f8fafc;--app-accent: #2f8f6b;--app-warning: #b7791f;--app-danger: #d94f4f;--app-sidebar: #172536;--app-sidebar-strong: #101a27;--app-sidebar-hover: rgba(255, 255, 255, .09);--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,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}