:root{font-family:Inter,system-ui,sans-serif;color:#18212b;background:#f5f7fa}
*{box-sizing:border-box}body{margin:0}header{height:68px;background:#17365d;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:3}
header strong{font-size:20px}header span{display:block;font-size:12px;opacity:.75;margin-top:2px}
nav{display:flex;gap:8px}button,select,input,textarea{font:inherit}button{border:0;border-radius:8px;padding:10px 14px;cursor:pointer}
nav button{background:transparent;color:#dbe7f4}nav button.active{background:#fff;color:#17365d}
main{padding:24px;max-width:1500px;margin:auto}.view{display:none}.view.active{display:block}
.stats{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:18px}.stat{background:#fff;border:1px solid #e1e6ec;border-radius:12px;padding:16px}.stat b{font-size:25px;display:block}.stat small{color:#607080}
.toolbar{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:10px;margin-bottom:14px}.toolbar>*{padding:11px;border:1px solid #d6dde5;border-radius:9px;background:#fff}
.table-wrap,.panel{background:#fff;border:1px solid #e1e6ec;border-radius:12px;overflow:auto}table{width:100%;border-collapse:collapse}th{background:#eef3f8;text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#536273}th,td{padding:13px 12px;border-bottom:1px solid #edf0f3;vertical-align:top}tbody tr{cursor:pointer}tbody tr:hover{background:#f7fbff}
.badge{display:inline-block;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:700}.A{background:#dff0d3;color:#315b22}.B{background:#fff0b8;color:#735b00}.C{background:#f5dddd;color:#8a2b2b}.muted{color:#6a7785;font-size:12px}.panel{padding:24px;max-width:1000px;margin:auto}.panel label{display:block;margin:16px 0}.panel input,.panel select,.panel textarea{width:100%;padding:11px;border:1px solid #ccd5df;border-radius:8px}.primary{background:#17365d;color:#fff}.form-grid{display:grid;gap:10px;margin-top:15px}
dialog{width:min(820px,94vw);height:100vh;max-height:100vh;margin:0 0 0 auto;border:0;padding:0;box-shadow:-10px 0 35px #0002}dialog::backdrop{background:#17202a66}.close{float:right;font-size:26px;background:transparent}.drawer-inner{padding:28px}.drawer-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.drawer-grid label{font-size:12px;color:#576677}.drawer-grid input,.drawer-grid select,.drawer-grid textarea{width:100%;padding:9px;margin-top:4px;border:1px solid #ccd5df;border-radius:7px}.full{grid-column:1/-1}.actions{display:flex;gap:9px;flex-wrap:wrap;margin:16px 0}.actions a{padding:9px 12px;border-radius:8px;background:#e9f2fb;color:#17365d;text-decoration:none}.history{border-top:1px solid #e7ebef;margin-top:20px;padding-top:16px}.contact{padding:10px 0;border-bottom:1px solid #edf0f3}.rule{padding:14px 0;border-bottom:1px solid #edf0f3}.rule b{display:block}
@media(max-width:850px){header{padding:0 12px}.stats{grid-template-columns:repeat(2,1fr)}.toolbar{grid-template-columns:1fr}.table-wrap{font-size:13px}.drawer-grid{grid-template-columns:1fr}.full{grid-column:auto}main{padding:12px}}