:root{color-scheme:light;font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;--app-bg: #f3f1eb;--app-bg-elevated: #f7f4ee;--surface-bg: #ffffff;--surface-muted: #faf7f2;--surface-strong: #f0ebe2;--sidebar-bg: #17202b;--sidebar-bg-elevated: #213041;--sidebar-border: rgba(255, 255, 255, .08);--text-primary: #1f2937;--text-secondary: #667085;--text-tertiary: #8d97a6;--text-on-dark: #f8fafc;--brand-primary: #b78a57;--brand-primary-pressed: #9d7344;--brand-primary-soft: rgba(183, 138, 87, .14);--success: #1f8f5f;--warning: #d08a1a;--danger: #c84b40;--border-soft: rgba(39, 51, 66, .08);--border-strong: rgba(39, 51, 66, .14);--shadow-soft: 0 20px 48px rgba(20, 27, 38, .08);--shadow-panel: 0 10px 30px rgba(20, 27, 38, .06);--radius-sm: 12px;--radius-md: 18px;--radius-lg: 26px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--el-color-primary: var(--brand-primary);--el-color-primary-light-3: #c8a06f;--el-color-primary-light-5: #d7b58d;--el-color-primary-light-7: #e8d2b8;--el-color-primary-light-8: #f0e1d0;--el-color-primary-light-9: #f7efe7;--el-color-primary-dark-2: var(--brand-primary-pressed);--el-bg-color: var(--surface-bg);--el-bg-color-page: var(--app-bg);--el-bg-color-overlay: var(--surface-bg);--el-fill-color: var(--surface-muted);--el-fill-color-light: #f7f3ed;--el-fill-color-lighter: #fbf8f3;--el-fill-color-dark: #ebe3d7;--el-text-color-primary: var(--text-primary);--el-text-color-regular: var(--text-secondary);--el-text-color-secondary: var(--text-tertiary);--el-border-color: #ddd4c7;--el-border-color-light: #e8e0d6;--el-border-color-lighter: #f1ebe3;--el-border-color-extra-light: #f7f3ed;--el-border-radius-base: var(--radius-sm);--el-border-radius-small: 10px;--el-border-radius-round: 999px;--el-box-shadow-light: var(--shadow-panel)}*{box-sizing:border-box}html,body,#app{min-height:100vh}body{margin:0;background:radial-gradient(circle at top left,rgba(183,138,87,.12),transparent 28%),radial-gradient(circle at top right,rgba(23,32,43,.06),transparent 22%),var(--app-bg);color:var(--text-primary)}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}#app{color:var(--text-primary)}.shell{display:grid;grid-template-columns:272px 1fr;min-height:100vh}.sidebar{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-8) var(--space-6);background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 18%),linear-gradient(180deg,var(--sidebar-bg-elevated),var(--sidebar-bg));color:var(--text-on-dark);border-right:1px solid var(--sidebar-border)}.sidebar-brand{display:flex;align-items:center;gap:14px}.sidebar-brand-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,#b78a57e6,#90683ae6);color:#fff;font-size:18px;font-weight:800;letter-spacing:.08em}.brand{font-size:18px;font-weight:700;letter-spacing:.01em}.sidebar-brand-text{margin:4px 0 0;color:#f8fafc99;font-size:13px}.menu-group-title{margin-top:var(--space-2);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#f8fafc9e}.sidebar-scrollbar{flex:1;min-height:0;margin:8px -4px}.menu-group{display:grid;gap:10px;margin-bottom:20px}.sidebar-menu{border-right:none;background:transparent}.sidebar-menu .el-menu-item{height:44px;margin-bottom:6px;border:1px solid transparent;border-radius:14px}.sidebar-menu .el-menu-item:hover,.sidebar-menu .el-menu-item.is-active{background:#ffffff14;border-color:#ffffff14}.menu-link{display:block;padding:12px 14px;border:1px solid transparent;border-radius:14px;background:#ffffff08;color:#f8fafceb;transition:background-color .18s ease,border-color .18s ease,transform .18s ease}.menu-link:hover{background:#ffffff14;border-color:#ffffff1a;transform:translate(2px)}.main{display:flex;flex-direction:column;min-width:0}.sidebar-account{display:grid;gap:14px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08)}.sidebar-account-meta{display:flex;align-items:center;gap:12px}.sidebar-account-meta strong{display:block;color:#fff}.sidebar-account-meta p{margin:4px 0 0;color:#f8fafc94;font-size:12px}.account-avatar{background:#ffffff1a;color:#fff}.sidebar-logout{width:100%;border-color:#ffffff24;background:#ffffff0a;color:#fff}.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:18px 28px;background:#ffffffc7;border-bottom:1px solid var(--border-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.topbar-heading{display:grid;gap:6px}.topbar-heading h1{margin:0;font-size:30px;line-height:1.15}.topbar-heading p{margin:0;color:var(--text-secondary)}.topbar-breadcrumb{color:var(--brand-primary);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.topbar-actions{display:flex;align-items:center;gap:14px}.topbar-search{display:flex;align-items:center;justify-content:space-between;gap:18px;min-width:180px;padding:12px 14px;border:1px solid var(--border-soft);border-radius:999px;background:#ffffffb8;color:var(--text-secondary);font-size:13px}.topbar-user-chip{display:flex;align-items:center;gap:10px;padding:8px 10px 8px 14px;border:1px solid var(--border-soft);border-radius:999px;background:#ffffffdb}.content{padding:28px}.content-shell,.card-stack{display:grid;gap:var(--space-5)}.panel{padding:26px;background:linear-gradient(180deg,#fffffff0,#fff);border:1px solid var(--border-soft);border-radius:var(--radius-md);box-shadow:var(--shadow-panel)}.login-page{display:grid;place-items:center;min-height:100vh;padding:28px;background:radial-gradient(circle at left top,rgba(183,138,87,.18),transparent 26%),radial-gradient(circle at right center,rgba(23,32,43,.08),transparent 22%),linear-gradient(180deg,#f8f5ef,#f1ece4)}.login-shell{display:grid;grid-template-columns:minmax(380px,1.1fr) minmax(360px,460px);width:min(1180px,100%);min-height:700px;background:#fff6;border:1px solid rgba(39,51,66,.08);border-radius:32px;box-shadow:var(--shadow-soft);overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-brand-panel{position:relative;display:flex;align-items:stretch;padding:44px;background:radial-gradient(circle at 0% 0%,rgba(183,138,87,.24),transparent 34%),linear-gradient(145deg,#1a2531,#101821 58%,#253242);color:var(--text-on-dark)}.login-brand-panel:after{position:absolute;top:24px;right:24px;bottom:24px;left:24px;border:1px solid rgba(255,255,255,.08);border-radius:24px;content:"";pointer-events:none}.login-brand-content{position:relative;z-index:1;display:flex;flex:1;flex-direction:column;justify-content:space-between;gap:var(--space-8)}.login-brand-badge{display:inline-flex;align-items:center;width:fit-content;padding:8px 14px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#ffffff0f;color:#f8fafce0;font-size:13px;letter-spacing:.08em;text-transform:uppercase}.login-brand-content h1{margin:0;max-width:440px;font-size:44px;line-height:1.15;letter-spacing:.01em}.login-brand-copy{margin:0;max-width:420px;color:#f8fafcc7;font-size:17px;line-height:1.75}.login-feature-list{display:flex;flex-wrap:wrap;gap:12px}.feature-pill{display:inline-flex;align-items:center;padding:10px 14px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.08);color:#f8fafceb;font-size:14px}.login-brand-panel-note{max-width:430px;padding-top:var(--space-6);border-top:1px solid rgba(255,255,255,.12);color:#f8fafca8;font-size:14px;line-height:1.8}.login-card{display:grid;align-content:center;gap:var(--space-6);padding:48px 40px;background:linear-gradient(180deg,#ffffffeb,#fffffffa),var(--surface-bg)}.login-card-header{display:grid;gap:10px}.login-card-header h2{margin:0;font-size:34px;line-height:1.15}.login-card-header p{margin:0;color:var(--text-secondary);line-height:1.7}.eyebrow{color:var(--brand-primary);font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.login-form{display:grid;gap:4px}.login-form .el-form-item{margin-bottom:18px}.login-form .el-form-item__label{color:var(--text-primary);font-weight:600}.login-form .el-input__wrapper{min-height:48px;background:#fffdfa;box-shadow:0 0 0 1px #e4dacd inset}.login-form .el-input__wrapper.is-focus{box-shadow:0 0 0 1px #b78a5799 inset}.captcha-row{display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:12px;align-items:center}.captcha-image{width:120px;height:40px;border-radius:10px;border:1px solid #e4dacd;background:#fff;cursor:pointer}.login-submit{margin-top:8px;min-height:48px;border:none;border-radius:14px;background:linear-gradient(135deg,var(--brand-primary),#c79d6d);font-weight:700}.login-alert{border-radius:14px}.login-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.login-meta-item{display:grid;gap:6px;padding:16px;border:1px solid var(--border-soft);border-radius:16px;background:var(--surface-muted)}.meta-label{color:var(--text-secondary);font-size:12px;letter-spacing:.08em;text-transform:uppercase}input,button{height:44px;border-radius:12px;border:1px solid #d9d1c4;padding:0 14px}input{background:#fffdf9}button{border:none;background:linear-gradient(135deg,var(--brand-primary),#c39a67);color:#fff;cursor:pointer}.ghost-button{width:auto;padding:0 18px;background:#17202b14;color:var(--text-primary)}.hint,.error{margin:0;font-size:13px}.hint{color:var(--text-secondary)}.error{color:var(--danger)}.page-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5)}.page-header h1,.page-header h2,.page-header p{margin:0}.page-header p{color:var(--text-secondary)}.master-grid{display:grid;grid-template-columns:minmax(300px,380px) 1fr;gap:var(--space-5)}.form-card{display:grid;gap:var(--space-3)}.field-group{display:grid;gap:6px}.field-group label{font-size:13px;color:var(--text-secondary)}.field-group textarea{min-height:110px;resize:vertical;padding:12px;border-radius:12px;border:1px solid #d9d1c4;background:#fffdf9}.button-row{display:flex;gap:10px}.secondary-button{background:#ece5da;color:var(--text-primary)}.table-card{overflow:hidden}.table-shell{width:100%;border-collapse:collapse}.table-shell th,.table-shell td{padding:14px 12px;border-bottom:1px solid #efe7dd;text-align:left;vertical-align:top}.table-shell th{font-size:13px;color:var(--text-secondary)}.table-actions{display:flex;gap:8px}.table-actions button{height:34px;padding:0 12px}.danger-button{background:var(--danger)}.empty-state{color:var(--text-secondary)}.dashboard-page{display:grid;gap:var(--space-5)}.dashboard-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-5)}.dashboard-main-grid,.dashboard-secondary-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.95fr);gap:var(--space-5)}.dashboard-card{border:1px solid var(--border-soft);border-radius:22px;background:linear-gradient(180deg,#fffffffa,#fffffff0),var(--surface-bg);box-shadow:var(--shadow-panel)}.dashboard-card .el-card__header{padding:22px 24px 0;border-bottom:none}.dashboard-card .el-card__body{padding:22px 24px 24px}.dashboard-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.dashboard-card-header h3{margin:0;font-size:20px}.dashboard-card-header p{margin:6px 0 0;color:var(--text-secondary)}.stat-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.stat-card-label{color:var(--text-secondary);font-size:13px;letter-spacing:.08em;text-transform:uppercase}.stat-card-value{margin-top:18px;font-size:40px;font-weight:800;line-height:1}.stat-card-foot{margin:16px 0 0;color:var(--text-secondary);line-height:1.7}.ops-highlight{display:grid;gap:14px;margin-bottom:22px}.ops-highlight-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px;border:1px solid #ede4d8;border-radius:18px;background:linear-gradient(180deg,#fffdf9,#f8f3ec)}.ops-highlight-item strong,.todo-item-main strong,.notice-item-head strong,.quick-action-item strong{font-size:16px}.ops-highlight-item p,.todo-item-main p,.notice-item p,.quick-action-item p{margin:6px 0 0;color:var(--text-secondary);line-height:1.7}.ops-highlight-values{display:grid;justify-items:end;gap:6px}.ops-highlight-values span{color:var(--text-secondary);font-size:13px}.ops-highlight-values strong{color:var(--brand-primary);font-size:20px}.trend-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.trend-card{padding:16px;border:1px solid #efe6db;border-radius:18px;background:var(--surface-muted)}.trend-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;color:var(--text-secondary)}.trend-card-head strong{color:var(--text-primary)}.todo-list,.notice-list{display:grid;gap:14px}.todo-item,.notice-item{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px;border:1px solid #efe7dd;border-radius:18px;background:var(--surface-muted)}.todo-item-main{flex:1}.todo-item-side{display:grid;justify-items:end;gap:10px}.todo-item-count{color:var(--text-primary);font-size:30px;font-weight:800;line-height:1}.quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.quick-action-item{display:grid;gap:10px;padding:18px;border:1px solid #ede4d8;border-radius:20px;background:linear-gradient(180deg,#fffdfa,#f7f2ea);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.quick-action-item:hover{transform:translateY(-2px);border-color:#b78a5742;box-shadow:0 16px 32px #141b2614}.quick-action-badge{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:var(--brand-primary-soft);color:var(--brand-primary);font-weight:800}.notice-item{display:grid}.notice-item-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.notice-item-head span{color:var(--text-tertiary);font-size:13px}@media(max-width:1080px){.shell{grid-template-columns:224px 1fr}.topbar{align-items:flex-start;flex-direction:column}.topbar-actions{width:100%;justify-content:space-between}.dashboard-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-main-grid,.dashboard-secondary-grid,.quick-grid,.trend-grid{grid-template-columns:1fr}}@media(max-width:960px){.shell{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--sidebar-border)}.master-grid{grid-template-columns:1fr}.topbar-actions{flex-direction:column;align-items:stretch}.topbar-search,.topbar-user-chip{width:100%}.dashboard-stats-grid{grid-template-columns:1fr}.login-shell{grid-template-columns:1fr;min-height:auto}.login-brand-panel{min-height:320px;padding:32px}.login-card{padding:32px 24px}.login-meta{grid-template-columns:1fr}}