:root{--dc-bg: #f4f6fc;--dc-sidebar: #ffffff;--dc-surface: #ffffff;--dc-primary: #2563eb;--dc-primary-soft: #4a8eff;--dc-accent: #d97706;--dc-ink: #152033;--dc-muted: #3d4a5c;--dc-border: #d8dee9;--dc-border-soft: #e8edf5;--font-display: "Sora", "Space Grotesk", "Be Vietnam Pro", sans-serif;--font-body: "Be Vietnam Pro", "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--shadow-sm: 0 1px 2px rgba(26, 35, 50, .04);--shadow-md: 0 8px 24px rgba(37, 99, 235, .08);--ease-out: cubic-bezier(.16, 1, .3, 1);--el-color-primary: #2563eb;--el-color-primary-light-3: #5b86f0;--el-color-primary-light-5: #8aabf5;--el-color-primary-light-7: #b8cff9;--el-color-primary-light-8: #cfe0fb;--el-color-primary-light-9: #ebf2fe;--el-color-primary-dark-2: #1d4ed8;--el-bg-color: #ffffff;--el-bg-color-page: #f4f6fc;--el-bg-color-overlay: #ffffff;--el-fill-color-blank: #ffffff;--el-text-color-primary: #152033;--el-text-color-regular: #243044;--el-text-color-secondary: #3d4a5c;--el-text-color-placeholder: #5a677a;--el-font-family: var(--font-body);--el-font-size-base: 14px;--el-border-color: #d8dee9;--el-border-color-light: #e2e8f0;--el-border-color-lighter: #e8edf5;--el-mask-color: rgba(26, 35, 50, .45)}*,*:before,*:after{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;font-family:var(--font-body);font-size:15px;font-weight:500;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;background:radial-gradient(ellipse 80% 50% at 100% -10%,rgba(74,142,255,.14),transparent 55%),radial-gradient(ellipse 60% 40% at -5% 20%,rgba(37,99,235,.06),transparent 50%),var(--dc-bg);color:var(--dc-ink)}h1,h2,h3,.brand-title{font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance}.app-shell{display:flex;min-height:100vh}.sidebar{width:250px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;background:var(--dc-sidebar);border-right:1px solid var(--dc-border-soft);box-shadow:var(--shadow-sm);z-index:30}.sidebar-brand{height:64px;display:flex;align-items:center;gap:12px;padding:0 18px;border-bottom:1px solid var(--dc-border-soft)}.brand-mark{width:34px;height:34px;border-radius:10px;object-fit:cover;background:#0a0a0a;box-shadow:0 6px 14px #0f172a2e;flex-shrink:0}.brand-title{font-size:16px;color:var(--dc-ink)}.brand-sub{font-size:11px;color:var(--dc-muted);text-transform:uppercase;letter-spacing:.06em;font-family:var(--font-mono)}.sidebar-menu{flex:1;border-right:none!important;background:transparent!important;overflow:auto;padding:8px 0}.sidebar-foot{padding:12px 14px;border-top:1px solid var(--dc-border-soft)}.main{margin-left:250px;flex:1;min-width:0}.topbar{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--dc-border-soft);background:#ffffffdb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:15}.topbar h1{margin:0;font-size:18px;color:var(--dc-ink)}.content{padding:18px 20px 32px}.page-card{background:var(--dc-surface);border:1px solid var(--dc-border-soft);border-radius:14px;padding:16px;box-shadow:var(--shadow-sm)}.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-bottom:14px}.toolbar-left,.toolbar-right{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:16px}.stat-item{position:relative;padding:16px 16px 14px;border-radius:14px;border:1px solid var(--dc-border-soft);background:var(--dc-surface);box-shadow:var(--shadow-sm);overflow:hidden;transition:transform .18s var(--ease-out),box-shadow .18s var(--ease-out)}.stat-item:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.stat-item--link{cursor:pointer}.stat-item--link:focus-visible{outline:2px solid var(--dc-primary);outline-offset:2px}.stat-item__icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;margin-bottom:10px;color:var(--dc-primary);background:#ebf2fe}.stat-item__label{color:var(--dc-muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em;font-family:var(--font-mono)}.stat-item__value{font-family:var(--font-display);font-size:26px;font-weight:600;margin-top:4px;color:var(--dc-ink);letter-spacing:-.02em}.stat-item--blue .stat-item__icon{background:#ebf2fe;color:#2563eb}.stat-item--cyan .stat-item__icon{background:#e6f7fb;color:#0891b2}.stat-item--amber .stat-item__icon{background:#fff7e8;color:#d97706}.stat-item--green .stat-item__icon{background:#e8f8f0;color:#059669}.stat-item--rose .stat-item__icon{background:#feeeef;color:#e11d48}.stat-item--indigo .stat-item__icon{background:#eef0ff;color:#4338ca}.stat-item--slate .stat-item__icon{background:#eef2f7;color:#475569}.dash-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.dash-panel{grid-column:span 6;background:var(--dc-surface);border:1px solid var(--dc-border-soft);border-radius:14px;padding:16px 16px 8px;box-shadow:var(--shadow-sm);min-height:320px;animation:dash-in .28s var(--ease-out) both}.dash-panel--full{grid-column:span 12}.dash-panel--third{grid-column:span 4}.dash-panel__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:4px;padding:0 4px}.dash-panel__title{margin:0;font-size:15px;font-weight:600;color:var(--dc-ink)}.dash-panel__sub{margin:0;font-size:12px;color:var(--dc-muted)}.chart-box{width:100%;height:260px}.el-table{--el-table-bg-color: transparent;--el-table-tr-bg-color: transparent;--el-table-header-bg-color: #f4f6fc;--el-table-row-hover-bg-color: #ebf2fe;--el-table-border-color: var(--dc-border-soft);--el-table-text-color: var(--dc-ink);--el-table-header-text-color: var(--dc-muted);font-family:var(--font-body);font-size:14px;font-weight:500}.el-table th.el-table__cell{font-weight:600;font-size:13px;letter-spacing:.01em}.el-table .cell{line-height:1.45}.el-button,.el-input__inner,.el-select,.el-menu,.el-dialog,.el-form,.el-pagination,.el-tag,.el-checkbox,.el-alert{font-family:var(--font-body)}.el-menu-item{font-weight:500;font-size:14px}.el-dialog{border-radius:14px!important}.el-menu-item.is-active{background:#ebf2fe!important;color:var(--dc-primary)!important;font-weight:600}.el-menu-item:hover{background:#f4f6fc!important}.table-scroll{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--dc-border-soft);border-radius:12px;background:var(--dc-surface)}.table-scroll .el-table{--el-table-border-color: transparent}.table-scroll .el-table:before,.table-scroll .el-table:after{display:none}.table-scroll .el-table .cell{word-break:break-word}.row-actions{display:inline-flex;flex-wrap:nowrap;align-items:center;gap:2px;white-space:nowrap}.row-actions .el-button{margin-left:0}.page-toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:16px}.page-toolbar .el-input{flex:1 1 180px;max-width:320px;min-width:0}.el-pagination{flex-wrap:wrap;row-gap:8px}@keyframes dash-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.stat-item,.dash-panel{transition:none;animation:none}.stat-item:hover{transform:none}}@media(max-width:1100px){.dash-panel,.dash-panel--third{grid-column:span 12}}@media(max-width:900px){.sidebar{transform:translate(-100%);transition:transform .2s var(--ease-out);box-shadow:none}.sidebar.sidebar--open{transform:translate(0);box-shadow:0 0 40px #1a23322e}.main{margin-left:0}.content{padding:12px 12px 28px}.topbar{padding:8px 12px;height:auto;min-height:64px}.topbar h1{font-size:16px}.topbar-name{max-width:96px;font-size:13px}.el-dialog{width:min(640px,calc(100vw - 24px))!important;margin:8vh auto!important}.el-pagination{justify-content:center!important}.el-pagination .el-pagination__sizes{margin-left:0}}@media(max-width:480px){.stat-item__value{font-size:22px}.chart-box{height:220px}}