:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#172b3b;background:#f2f5f9;font-size:16px;line-height:1.5;--blue:#185ba7;--line:#d8e1eb}*{box-sizing:border-box}body{margin:0}h1,h2,h3{line-height:1.2;letter-spacing:-.025em}h1{font-size:2rem}h2{font-size:1.3rem}h3{font-size:1.1rem}button,.button{font:inherit;font-weight:600;background:var(--blue);color:white;border:1px solid transparent;border-radius:8px;padding:.7rem 1rem;cursor:pointer;text-decoration:none;display:inline-block}button:hover{background:#10477f}button:disabled{opacity:.5;cursor:wait}button.secondary{background:white;border-color:var(--line);color:#172b3b}button.danger{background:#a33130}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #f5b83c;outline-offset:3px}input,select{font:inherit;border:1px solid #aebdce;border-radius:6px;background:white;color:#172b3b;padding:.65rem;width:100%;min-width:0}input[type=checkbox]{width:auto;accent-color:var(--blue)}label{display:block;margin:.9rem 0;font-weight:500}label input,label select{margin-top:.35rem}form button{margin:.4rem .3rem .4rem 0}header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#102b42;color:white;gap:1rem}header>div:last-child{display:flex;gap:1rem;align-items:center}.brand{font-size:1.5rem;font-weight:800;white-space:nowrap}.brand span{font-size:.8rem;letter-spacing:.2em;margin-left:.65rem}.workspace{display:grid;grid-template-columns:290px minmax(0,1fr);max-width:1500px;margin:auto;min-height:calc(100vh - 80px)}aside{padding:1.6rem;border-right:1px solid var(--line);background:#eaf0f6}nav{display:grid;gap:.6rem;margin:1.4rem 0}nav button{text-align:left;background:white;color:#172b3b;border:1px solid var(--line);overflow-wrap:anywhere}nav button.selected{border-color:var(--blue);box-shadow:inset 4px 0 var(--blue)}#detail{padding:2rem;min-width:0}.empty{padding:3rem 0;max-width:620px}.auth{max-width:480px;margin:7vh auto;padding:2rem;background:white;border:1px solid var(--line);border-radius:16px}.auth>.brand{color:var(--blue)}.muted,small{color:#516477;font-size:.875rem}small{display:block}section.card{background:white;border:1px solid var(--line);border-radius:12px;padding:1.3rem;margin:1rem 0}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.metric{padding:1rem;background:#fff;border:1px solid var(--line);border-radius:10px}.metric strong{font-size:1.6rem;display:block}.heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}.badge{display:inline-block;padding:.25rem .55rem;font-size:.875rem;background:#e4edf8;color:#154778;border-radius:4px}.alert{border-left:4px solid #b54939!important}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{text-align:left;padding:.8rem .65rem;border-bottom:1px solid var(--line);vertical-align:top}th{color:#4a6075}td{overflow-wrap:anywhere}dialog{width:min(760px,94vw);max-height:90vh;overflow:auto;border:1px solid var(--line);border-radius:16px;padding:1.7rem;color:#172b3b}dialog::backdrop{background:#102b4299}.fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}fieldset{border:1px solid var(--line);border-radius:8px;margin:1rem 0;padding:1rem}.days{display:flex;gap:.8rem;flex-wrap:wrap}.app-options{max-height:250px;overflow:auto;margin-top:.5rem}.app-options label{font-weight:400;margin:.5rem 0}.secret{display:block;overflow-wrap:anywhere;padding:1rem;background:#eaf0f6;font-size:1rem}#message:not(:empty){position:fixed;z-index:20;bottom:1rem;left:50%;transform:translateX(-50%);background:#102b42;color:white;padding:1rem 1.4rem;border-radius:10px;max-width:90vw;box-shadow:0 4px 20px #0003}details{margin:.5rem 0}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.875rem}.bar{height:7px;background:#dae8f5;border-radius:4px;margin-top:.3rem}.bar span{display:block;height:100%;background:var(--blue);border-radius:4px}[hidden]{display:none!important}@media(max-width:850px){.workspace{grid-template-columns:1fr}aside{border-right:0;border-bottom:1px solid var(--line)}nav{grid-template-columns:repeat(2,minmax(0,1fr))}#detail{padding:1rem}.fields{grid-template-columns:1fr 1fr}.metrics{grid-template-columns:1fr}header{padding:1rem}.heading{align-items:flex-start;flex-wrap:wrap}.auth{margin:1rem}.brand span{letter-spacing:.08em}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s}}

.usage-filters{display:grid;grid-template-columns:minmax(160px,210px) minmax(0,1fr) auto;gap:1rem;align-items:end}.usage-filters label{margin:0}.usage-filters button{margin-bottom:0;min-height:46px}.usage-pagination{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem;flex-wrap:wrap}#usage-summary{font-weight:600;color:#154778}@media(max-width:650px){.usage-filters{grid-template-columns:minmax(0,1fr)}.usage-filters button{justify-self:start}.usage-pagination{gap:.5rem}}