:root{color:#f4f4f5;background:#09090b;font-family:Inter,system-ui}*{box-sizing:border-box}body{margin:0}main{max-width:1250px;margin:auto;padding:24px}header{border-bottom:1px solid #27272a;justify-content:space-between;align-items:center;padding-bottom:18px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand b{font-size:22px}.brand small,.list span{color:#a1a1aa;display:block}.user{align-items:center;gap:10px;display:flex}button,.oidc,select,input,textarea{color:#fff;background:#18181b;border:1px solid #3f3f46;border-radius:9px;padding:10px 13px}button,.oidc{cursor:pointer;align-items:center;gap:7px;text-decoration:none;display:inline-flex}nav{gap:8px;margin:20px 0;display:flex}nav button.active,.orange,.oidc{background:#f97316;border-color:#f97316}.cards{grid-template-columns:repeat(4,1fr);gap:14px;margin:16px 0;display:grid}.card,.panel{background:#18181b;border:1px solid #2f2f33;border-radius:14px;padding:20px}.card strong{font-size:27px;display:block}.grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.list{border-bottom:1px solid #2f2f33;align-items:center;gap:8px;padding:9px 0;display:flex}.list .grow{text-align:left;border:0;flex:1;justify-content:flex-start}.danger{color:#f87171}.formgrid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.form label{flex-direction:column;gap:6px;margin:8px 0;display:flex}textarea{min-height:90px}.notice{background:#7f1d1d;border-radius:8px;margin:10px 0;padding:12px}.ok{background:#14532d}.tag{background:#7c2d12;border-radius:99px;padding:3px 7px}.login{place-items:center;min-height:100vh;display:grid}.loginbox{text-align:center;background:#18181b;border-radius:18px;width:min(440px,95vw);padding:36px}.loginbox input,.loginbox button,.loginbox .oidc{justify-content:center;width:100%;margin:7px 0}details{margin-top:22px}.chart{margin-top:16px}@media (width<=750px){header{flex-direction:column;align-items:flex-start;gap:15px}.cards,.grid,.formgrid{grid-template-columns:1fr}nav{overflow:auto}.user{flex-wrap:wrap}}