:root{--bg:#f5f6f8;--card:#fff;--text:#1c1f24;--muted:#68717c;--line:#e1e5e9}*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font-family:Arial, sans-serif}
.top{background:#17191d;color:#fff;padding:16px max(16px,calc((100% - 1100px)/2));display:flex;justify-content:space-between;align-items:center;gap:15px}
.top b{display:block;letter-spacing:2px;font-size:20px}.top small{display:block;color:#c5c9cf;margin-top:3px}.wrap{max-width:1100px;margin:auto;padding:20px}
.card{background:var(--card);border:1px solid var(--line);border-radius:15px;padding:20px;margin-bottom:18px}.title{font-size:18px;font-weight:700}
.row{display:flex;justify-content:space-between;align-items:center;gap:15px}.search{display:flex;gap:10px;margin-top:14px}input,select,
textarea{width:100%;padding:11px;border:1px solid #ccd1d6;border-radius:9px;font-size:15px;margin-top:7px}label{display:block;font-weight:600;margin:12px 0}
.btn{display:inline-block;border:0;border-radius:9px;padding:10px 15px;background:#17191d;color:#fff;text-decoration:none;cursor:pointer;font-weight:700}
.btn.light{background:#edf0f2;color:#20242a}.btn.danger{background:#fff0ef;color:#a51c16}.hint,.muted{color:var(--muted);font-size:13px}.pill,
.bill{display:inline-block;background:#eef0f2;padding:6px 9px;border-radius:999px;font-size:12px}.bill{font-weight:700}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.measure-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.record{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:14px 0;border-bottom:1px solid var(--line)}.record:last-child{border:0}
.actions{display:flex;gap:7px;align-items:center}.actions form{margin:0}.empty{text-align:center;color:var(--muted);padding:35px}
.success{background:#eaf8f0;border:1px solid #b8e3ca;padding:12px;border-radius:10px;margin-bottom:18px}.err{color:#a51c16;font-size:12px}
@media(max-width:700px){.wrap{padding:12px}.grid,.measure-grid{grid-template-columns:1fr}.search{flex-direction:column}
.record{align-items:flex-start;flex-direction:column}.actions{width:100%}.actions .btn{flex:1;text-align:center}.top{padding:14px}.top .btn{font-size:12px}}