*{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f7f8fa;--card: #ffffff;--text: #1f2933;--muted: #7b8794;--primary: #2680eb;--border: #e4e7eb;--danger: #d64545}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--text)}.page{max-width:1100px;margin:0 auto;padding:16px}.topbar{display:flex;align-items:center;gap:16px;padding:12px 0 20px}.topbar h1{font-size:20px;flex:1}.topbar-actions{display:flex;gap:8px}.range-switch{display:flex;gap:4px}.btn{padding:8px 14px;border:1px solid var(--border);border-radius:6px;background:var(--primary);color:#fff;cursor:pointer;font-size:14px}.btn.ghost{background:transparent;color:var(--text)}.btn.small{padding:5px 10px;font-size:12px;background:transparent;color:var(--muted);border-color:var(--border)}.btn.small.active{background:var(--primary);color:#fff;border-color:var(--primary)}.card{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:16px;margin-bottom:16px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.metric-card{text-align:center}.metric-label{color:var(--muted);font-size:13px}.metric-value{font-size:26px;font-weight:600;margin:6px 0 2px}.metric-sub{color:var(--muted);font-size:12px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}.grid .card{margin-bottom:0}.grid h3{font-size:15px;margin-bottom:12px}.table{width:100%;border-collapse:collapse;font-size:14px}.table th,.table td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border)}.table th{color:var(--muted);font-weight:500;font-size:13px}.link{color:var(--primary);text-decoration:none}.link:hover{text-decoration:underline}.muted{color:var(--muted)}.error{background:#fdecec;color:var(--danger);border:1px solid #f5c2c2;border-radius:6px;padding:10px 14px;margin-bottom:16px;font-size:14px}.add-form{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}input{padding:8px 12px;border:1px solid var(--border);border-radius:6px;font-size:14px;flex:1;min-width:160px}.metric-name{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.metric-count{width:60px;text-align:right;font-variant-numeric:tabular-nums}.metric-bar-cell{width:40%}.metric-bar{height:8px;background:var(--border);border-radius:4px;overflow:hidden}.metric-bar-fill{height:100%;background:var(--primary);border-radius:4px}.chart{width:100%}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center}.login-card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:32px;width:320px}.login-card h1{text-align:center;margin-bottom:4px}.login-sub{text-align:center;color:var(--muted);font-size:13px;margin-bottom:20px}.login-card form{display:flex;flex-direction:column;gap:12px}