:root{font-family:Inter,system-ui,"Segoe UI",sans-serif;color:#27272a;background:#f5f5f6}*{box-sizing:border-box}body{margin:0}nav{display:flex;align-items:center;gap:18px;padding:15px 28px;background:#18181b;color:#fff}nav b{font-size:18px}nav a{color:#ddd;text-decoration:none}nav form{margin-left:auto}button,.button{border:0;border-radius:8px;padding:9px 13px;background:#ff5a00;color:#fff;font-weight:800;cursor:pointer;text-decoration:none}main{max-width:1400px;margin:auto;padding:24px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.card,.panel{background:#fff;border:1px solid #e4e4e7;border-radius:12px;padding:17px}.card span{color:#71717a}.card b{display:block;font-size:27px;margin-top:5px}.panel{margin-top:14px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px;border-bottom:1px solid #eee}th{font-size:12px;color:#71717a}.error,.down{color:#b42318}.up{color:#067647}.muted{color:#71717a}.toolbar{display:flex;gap:8px;align-items:center;margin-bottom:14px}.toolbar input,.toolbar select,input,select,textarea{padding:9px;border:1px solid #ccc;border-radius:8px}textarea{width:100%;min-height:90px}.login{max-width:400px;margin:12vh auto}.login input{width:100%;margin:10px 0}.chart{display:flex;align-items:end;height:180px;gap:3px}.bar{flex:1;background:#ff5a00;min-height:2px;position:relative}.bar:hover:after{content:attr(data-tip);position:absolute;bottom:100%;background:#111;color:#fff;padding:5px;white-space:nowrap}@media(max-width:800px){.cards{grid-template-columns:1fr 1fr}main{padding:12px}}