:root{--teal: #0F6E56;--teal-bg: #E1F5EE;--blue: #185FA5;--blue-bg: #E6F1FB;--purple: #534AB7;--purple-bg: #EEEDFE;--amber: #854F0B;--amber-bg: #FAEEDA;--red: #A32D2D;--red-bg: #FCEBEB;--bg: #ece9e1;--surface: #ffffff;--surface-2: #f4f3ee;--surface-3: #eceae3;--tx: #1f1e1c;--tx2: #5f5e5a;--tx3: #908f88;--bd: rgba(0,0,0,.12);--radius: 12px}*{box-sizing:border-box}html,body{margin:0;height:100%}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--tx);font-size:14px}a{color:inherit;text-decoration:none}h1{font-size:20px;font-weight:600;margin:0}h2{font-size:16px;font-weight:600;margin:0}.card{background:var(--surface);border:.5px solid var(--bd);border-radius:var(--radius);overflow:hidden}.card-hd{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:.5px solid var(--bd)}.card-hd .t{font-weight:600}.metric{background:var(--surface-2);border-radius:8px;padding:12px 14px}.metric .l{font-size:12px;color:var(--tx2)}.metric .v{font-size:24px;font-weight:600}.grid{display:grid;gap:12px}.grid-metrics{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;padding:8px 14px;font-weight:400;color:var(--tx2)}td{padding:9px 14px;border-top:.5px solid var(--bd)}tbody tr:hover{background:var(--surface-2)}.chip{font-size:11px;border-radius:999px;padding:2px 8px;display:inline-flex;align-items:center;gap:4px}.chip.teal{color:var(--teal);background:var(--teal-bg)}.chip.blue{color:var(--blue);background:var(--blue-bg)}.chip.purple{color:var(--purple);background:var(--purple-bg)}.chip.amber{color:var(--amber);background:var(--amber-bg)}.chip.gray{color:var(--tx2);background:var(--surface-3)}.btn{font-size:13px;font-weight:500;border-radius:8px;padding:8px 12px;border:.5px solid var(--bd);background:transparent;color:var(--tx);cursor:pointer;display:inline-flex;align-items:center;gap:6px}.btn:hover{background:var(--surface-2)}.btn.primary{background:var(--teal);color:#fff;border:none}.btn.danger{color:var(--red);border-color:var(--red)}.btn:disabled{opacity:.5;cursor:default}input,select{width:100%;font-size:14px;padding:9px 11px;border:.5px solid var(--bd);border-radius:8px;background:var(--surface);color:var(--tx)}input:focus,select:focus{outline:none;border-color:var(--teal)}.muted{color:var(--tx2)}.right{text-align:right}.spacer{flex:1}.dot{font-size:8px}