*{box-sizing:border-box}
html,body{max-width:100%;overflow-x:hidden}
body{margin:0;background:#f3f5f8;font-family:Arial,sans-serif;color:#172b46}
.wrap{width:100%;max-width:1440px;margin:auto;padding:20px}
.head{display:flex;justify-content:space-between;gap:15px;align-items:center}
h1{margin:0;color:#173a68;font-size:27px}.sub{color:#63758c;margin:3px 0 18px}
.card{background:#fff;border:1px solid #d9e0e8;border-radius:11px;padding:14px;margin-bottom:14px;min-width:0}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.stat{border:1px solid #d9e0e8;border-radius:9px;padding:10px 5px;text-align:center;min-width:0}
.stat small{display:block;color:#65758b;font-weight:bold;font-size:11px}.stat b{font-size:27px;color:#10315e}
h3{margin:0 0 12px;color:#12345f}.ok,.low{display:inline-block;color:white;font-weight:bold;padding:6px 12px;border-radius:6px}.ok{background:#238326}.low{background:#d62828}
.barrow{display:grid;grid-template-columns:minmax(90px,145px) minmax(40px,1fr) auto;gap:8px;align-items:center;margin:7px 0;font-size:14px}
.bar{height:13px;background:#e5eaf0;border-radius:3px;overflow:hidden}.bar i{display:block;height:100%;background:#244b7b}
table{width:100%;border-collapse:collapse;font-size:14px}th{background:#244b7b;color:#fff;text-align:left;padding:10px}td{padding:9px;border-bottom:1px solid #d9e0e8}
.in{color:green;font-weight:bold}.out{color:#d62828;font-weight:bold}
a.btn,button{background:#244b7b;color:#fff;border:0;border-radius:6px;padding:10px 14px;text-decoration:none;font-weight:bold;cursor:pointer}
input,select{width:100%;padding:10px;border:1px solid #d9e0e8;border-radius:6px;background:#fff}
.form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}label{font-size:12px;color:#52657d}
.danger{background:#d62828!important}.section-title{margin-top:4px}
@media(max-width:1050px){.grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(4,1fr)}}
@media(max-width:700px){.stats{grid-template-columns:repeat(2,1fr)}.form{grid-template-columns:1fr 1fr}.table{overflow:auto}.wrap{padding:10px}.head{align-items:flex-start;flex-direction:column}}