:root{--bg-page: #eef2f7;--bg-elevated: #ffffff;--bg-subtle: #f6f8fc;--bg-sidebar: #111b2f;--text-primary: #0f172a;--text-secondary: #4a5a72;--text-inverse: #e8edf9;--brand: #1f3f75;--brand-soft: #dfe9ff;--brand-strong: #17335f;--accent: #d0923f;--line: #d8e0ee;--danger: #c9373f;--success: #1f7a58;--warning: #b87a2e;--shadow-soft: 0 16px 36px -24px rgba(14, 24, 44, .38)}*{box-sizing:border-box}html,body,#app{width:100%;min-height:100%}body{margin:0;background:radial-gradient(circle at 8% 8%,rgba(190,141,73,.12),transparent 35%),radial-gradient(circle at 92% 10%,rgba(88,121,176,.16),transparent 34%),linear-gradient(180deg,#f8fafd 0%,var(--bg-page) 50%,#e9eef6 100%);color:var(--text-primary);font-family:Manrope,Noto Sans SC,Segoe UI,sans-serif}h1,h2,h3,h4,h5,h6{margin:0;font-family:Space Grotesk,Noto Sans SC,sans-serif}.page-enter-active,.page-leave-active{transition:all .24s ease}.page-enter-from,.page-leave-to{opacity:0;transform:translateY(8px)}.surface-card{background:var(--bg-elevated);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-soft)}.soft-tag{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;line-height:1;background:var(--brand-soft);color:var(--brand-strong)}.mono{font-family:JetBrains Mono,Cascadia Mono,Consolas,monospace}.page-wrapper{display:flex;flex-direction:column;gap:12px}.page-intro{padding:14px 16px}.page-intro h3{font-size:18px}.page-intro p{margin:7px 0 0;color:var(--text-secondary)}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.metric-item{border-radius:14px;border:1px solid var(--line);background:var(--bg-subtle);padding:11px 12px}.metric-item__value{font-size:22px;line-height:1.1;font-weight:700}.metric-item__label{margin-top:4px;color:var(--text-secondary);font-size:12px}.data-card{padding:14px}.toolbar-row{margin-bottom:12px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.toolbar-fields{display:grid;grid-template-columns:repeat(4,minmax(130px,auto));gap:10px}.table-footer{margin-top:14px;display:flex;justify-content:flex-end}.table-title{margin-bottom:10px;display:flex;align-items:center;justify-content:space-between;gap:8px}.table-title h4{font-size:16px}@media (max-width: 1100px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar-fields{grid-template-columns:repeat(2,minmax(130px,1fr));width:100%}}@media (max-width: 768px){body{background:radial-gradient(circle at 50% 0%,rgba(178,130,62,.12),transparent 45%),linear-gradient(180deg,#f9fbff,#eaf0f8)}.page-wrapper{gap:10px}.page-intro{padding:12px 13px}.metric-grid,.toolbar-fields{grid-template-columns:1fr}.table-footer{justify-content:flex-start}}