:root{--page-bg: #f3f5f7;--surface: #ffffff;--surface-muted: #f8f9fa;--text-primary: #17212b;--text-secondary: #5d6874;--border: #d8dee5;--border-soft: #e8ecf0;--primary: #1769aa;--primary-strong: #0f568f;--success: #2e7d5b;--warning: #b86b10;--danger: #c23b3b;--info: #52677a;--sidebar: #18232a;--sidebar-muted: #9fb0ba;--radius: 6px;--shadow-overlay: 0 18px 48px rgba(18, 31, 41, .18);--ease-out: cubic-bezier(.16, 1, .3, 1);color:var(--text-primary);font-family:Segoe UI,Microsoft YaHei,PingFang SC,Noto Sans SC,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#app{width:100%;min-width:320px;min-height:100%;margin:0}body{min-height:100vh;min-height:100dvh;background:var(--page-bg);color:var(--text-primary);font-size:14px;line-height:1.5}button,input,textarea,select{font:inherit}:focus-visible{outline:3px solid rgba(23,105,170,.28);outline-offset:2px}.page-header{display:flex;align-items:center;justify-content:space-between;min-height:48px;gap:20px;margin-bottom:16px}.page-header h1{margin:0;font-size:22px;font-weight:650;line-height:1.25;letter-spacing:0}.page-header__actions{display:flex;align-items:center;gap:8px}.filter-bar{display:grid;grid-template-columns:minmax(220px,360px) minmax(150px,200px) auto;align-items:center;gap:10px;padding:12px;border:1px solid var(--border);border-bottom:0;background:var(--surface)}.table-shell{height:clamp(420px,100dvh - 294px,720px);min-height:420px;border:1px solid var(--border);background:var(--surface)}.pagination-bar{display:flex;align-items:center;justify-content:space-between;min-height:56px;padding:8px 12px;border:1px solid var(--border);border-top:0;background:var(--surface);color:var(--text-secondary)}.el-button,.el-input__wrapper,.el-select__wrapper,.el-textarea__inner,.el-dialog,.el-drawer,.el-card,.el-tag{border-radius:var(--radius)!important}.el-button{min-height:36px;transition:background-color .15s var(--ease-out),border-color .15s var(--ease-out),color .15s var(--ease-out),opacity .15s var(--ease-out)}.el-button--primary{--el-button-bg-color: var(--primary);--el-button-border-color: var(--primary);--el-button-hover-bg-color: var(--primary-strong);--el-button-hover-border-color: var(--primary-strong)}.el-table{--el-table-header-bg-color: #f6f8fa;--el-table-row-hover-bg-color: #f3f8fc;--el-table-border-color: var(--border-soft);font-variant-numeric:tabular-nums}.el-table th.el-table__cell{color:#3e4b56;font-weight:650}.el-drawer{box-shadow:var(--shadow-overlay)!important}.el-drawer__header{margin-bottom:8px!important;padding-bottom:16px!important;border-bottom:1px solid var(--border-soft)}.el-form-item__label{color:#33414d!important;font-weight:550}.el-date-editor.el-input,.el-date-editor.el-input__wrapper,.el-select{width:100%}@media (max-width: 767px){body{font-size:14px}.page-header{align-items:flex-start;flex-direction:column;gap:12px}.page-header__actions{flex-wrap:wrap;width:100%}.page-header__actions .el-button{flex:1 1 calc(50% - 4px);min-width:0;margin-left:0!important}.filter-bar{grid-template-columns:1fr}.table-shell{height:520px}.pagination-bar{align-items:flex-start;flex-direction:column;gap:8px;overflow-x:auto}.el-input__inner{font-size:16px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
