:root{font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;color:#111827;background:#f9fafb;font-synthesis:none;--surface: #ffffff;--page: #f9fafb;--border: #e5e7eb;--muted: #6b7280;--blue: #2563eb;--blue-soft: #eff6ff;--green: #16a34a;--green-soft: #dcfce7;--orange: #ea580c;--orange-soft: #ffedd5;--red: #dc2626;--red-soft: #fee2e2;--radius: 10px}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%}body{background:var(--page)}.page{padding:32px;display:flex;flex-direction:column;gap:24px;min-width:0}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.page-title{margin:0;font-size:30px;line-height:1.3;font-weight:700;color:#111827}.page-subtitle{margin:4px 0 0;color:var(--muted);font-size:14px}.surface{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.toolbar{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.stat-card{padding:20px;min-height:132px;display:flex;flex-direction:column;justify-content:space-between}.stat-top{display:flex;justify-content:space-between;color:var(--muted);font-size:14px}.stat-value{font-size:26px;font-weight:700;color:#111827}.stat-note{color:var(--muted);font-size:12px}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:6px}.icon-box{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%}.chart-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}.card-title{margin:0;font-size:18px;font-weight:600}.chart-card{padding:20px;min-height:300px}.bar-list{margin-top:22px;display:flex;flex-direction:column;gap:14px}.bar-line{display:grid;grid-template-columns:110px 1fr 50px;align-items:center;gap:12px;font-size:13px}.bar-track{height:10px;background:#eef0f3;border-radius:99px;overflow:hidden}.bar-fill{height:100%;background:#3b82f6;border-radius:99px}.table-card{overflow:hidden}.table-card .n-data-table{border-radius:var(--radius)}.empty-block{padding:56px;text-align:center;color:var(--muted)}@media(max-width:1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}.chart-row{grid-template-columns:1fr}}@media(max-width:700px){.page{padding:20px}.stats-grid{grid-template-columns:1fr}.page-header{flex-direction:column}}