:root{--c-primary: #3b5bdb;--c-primary-hover: #2f4bc0;--c-primary-pressed: #28409f;--c-success: #0ca678;--c-warning: #f08c00;--c-danger: #e03131;--bg-page: #f6f7f9;--bg-card: #ffffff;--bg-soft: #f1f3f5;--text-1: #1a1d21;--text-2: #5b6470;--text-3: #8b95a1;--line: #e9ecef;--radius: 8px}*{box-sizing:border-box}html,body,#app{height:100%;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;background:var(--bg-page);color:var(--text-1);font-size:14px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.page{display:flex;flex-direction:column;gap:16px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.page-title{font-size:18px;font-weight:600;margin:0}.page-sub{color:var(--text-2);font-size:13px;margin:4px 0 0}.panel{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.panel--flush{padding:0;overflow:hidden}.filter-bar{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.filter-bar .grow{flex:1 1 220px}.muted{color:var(--text-2)}.tiny{font-size:12px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.stat-card{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.stat-card__label{color:var(--text-2);font-size:13px}.stat-card__value{font-size:26px;font-weight:700;margin:6px 0 2px}.stat-card__hint{color:var(--text-3);font-size:12px}.stat-card--warning .stat-card__value{color:var(--c-warning)}.stat-card--danger .stat-card__value{color:var(--c-danger)}.stat-card--success .stat-card__value{color:var(--c-success)}