*{box-sizing:border-box}body{margin:0;font:15px/1.5 -apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:#1d1a17;background:#f6f3ee}
.pad{padding:24px}.muted{color:#756f66}.wrap{max-width:1180px;margin:0 auto;padding:20px 20px 60px}
header.top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;background:#1d1a17;color:#fff}
header.top b{font-size:17px}header.top span{color:#cfc7ba;font-size:12px;letter-spacing:.14em;text-transform:uppercase;margin-left:10px}
button,.btn{font:inherit;font-weight:600;font-size:13.5px;padding:8px 14px;border-radius:9px;border:1px solid #d9d2c5;background:#fff;color:#1d1a17;cursor:pointer}
button:hover{border-color:#1d1a17}button.primary{background:#1d1a17;border-color:#1d1a17;color:#fff}button.gold{background:#f2a31c;border-color:#f2a31c}
button.danger{color:#a3261c;border-color:#e3b9b4}button.ok{color:#1e7f4f;border-color:#b6dcc6}button.link{border:0;background:none;padding:0;color:#a0690f;text-decoration:underline}
button:disabled{opacity:.55;cursor:default}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:18px 0}
.card{background:#fff;border:1px solid #e9e2d6;border-radius:14px;padding:14px 16px}.card small{display:block;color:#756f66;font-size:12px}.card b{font-size:24px;font-variant-numeric:tabular-nums}
h2{font-size:16px;margin:26px 0 10px}table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #e9e2d6;border-radius:14px;overflow:hidden}
th,td{text-align:left;padding:11px 12px;border-bottom:1px solid #f0eae0;vertical-align:top;font-size:13.5px}th{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:#756f66;background:#fbf8f3}
tr:last-child td{border-bottom:0}td .n{font-weight:700;font-size:14.5px}td a{color:#a0690f}td small{display:block;color:#756f66}
.pill{display:inline-block;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:700}.pill.on{background:#dff1e7;color:#1e7f4f}.pill.off{background:#f6e3e1;color:#a3261c}
.bar{height:6px;border-radius:99px;background:#efe8dc;overflow:hidden;margin-top:4px;width:120px}.bar i{display:block;height:100%;background:#c8871a}.bar.w90 i{background:#a3261c}
.actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.actions input{width:104px}
form.box,.box{background:#fff;border:1px solid #e9e2d6;border-radius:14px;padding:16px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
label{display:grid;gap:4px;font-size:12.5px;font-weight:600}label small{font-weight:400;color:#756f66}
input,select{font:inherit;padding:9px 10px;border:1px solid #d9d2c5;border-radius:9px;background:#fff;width:100%}
.login{max-width:360px;margin:12vh auto;background:#fff;border:1px solid #e9e2d6;border-radius:16px;padding:26px;display:grid;gap:14px}
.login h1{margin:0;font-size:20px}.note{padding:10px 12px;border-radius:10px;font-size:13.5px}.note.ok{background:#dff1e7;color:#155c39}.note.bad{background:#f6e3e1;color:#8a1f17}.note.info{background:#fbeeda;color:#6b4708}
.full{grid-column:1/-1}pre{white-space:pre-wrap;font:12.5px/1.5 ui-monospace,Menlo,monospace;margin:0}
.w0{width:0}.w10{width:10%}.w20{width:20%}.w30{width:30%}.w40{width:40%}.w50{width:50%}.w60{width:60%}.w70{width:70%}.w80{width:80%}.w90{width:90%}.w100{width:100%}
@media(max-width:820px){table,thead,tbody,tr,td{display:block}thead{display:none}td{border:0;padding:6px 12px}tr{border-bottom:1px solid #f0eae0;padding:8px 0}}