*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f4f7f9;color:#243746}
.topbar{background:#245a73;color:#fff;padding:18px 28px;display:flex;justify-content:space-between;align-items:center;gap:20px}
.topbar h1{margin:0 0 5px;font-size:24px}.topbar p{margin:0;opacity:.88;font-size:14px}
.topbar nav{display:flex;gap:8px}.topbar nav a{color:#fff;text-decoration:none;padding:9px 14px;border-radius:5px}
.topbar nav a.active,.topbar nav a:hover{background:rgba(255,255,255,.18)}
.container{max-width:1100px;margin:25px auto;padding:0 18px}.container.wide{max-width:1400px}
.card{background:#fff;border:1px solid #dbe4e9;border-radius:8px;padding:22px;margin-bottom:20px;box-shadow:0 2px 7px rgba(0,0,0,.04)}
h2{margin:0 0 8px;font-size:20px}.hint{color:#687983;font-size:13px;margin:0 0 18px}
.grid{display:grid;gap:16px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
label{font-weight:600;font-size:14px}label span{color:#b3261e}
input,select,textarea{width:100%;padding:10px;border:1px solid #bccbd3;border-radius:5px;font:inherit;background:#fff;color:#243746}
textarea{resize:vertical}small{color:#6b7b84;font-size:12px}
.actions{display:flex;gap:10px;align-items:center;margin-top:12px;flex-wrap:wrap}
button{border:0;border-radius:5px;padding:10px 16px;font:inherit;cursor:pointer}
.primary{background:#245a73;color:#fff}.primary:hover{background:#1d4a5f}
.secondary{background:#e7eef2;color:#294554}.secondary:hover{background:#d9e4e9}
.danger{background:#fbe8e7;color:#a1261e}
.preview{display:flex;gap:25px;flex-wrap:wrap;background:#eef7fa;border-left:4px solid #2e6277;padding:13px 16px;margin:8px 0 15px}
.preview span{font-size:18px;color:#245a73}
.message{margin-top:12px;font-weight:600;min-height:20px}.message.ok{color:#237a4b}.message.error{color:#b3261e}
.hidden{display:none!important}
.section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:12px}
.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}
th,td{border-bottom:1px solid #e1e7ea;padding:10px 8px;text-align:left;vertical-align:top}
th{background:#f0f5f7;white-space:nowrap}tbody tr:hover{background:#fafcfd}
td.num{text-align:right;white-space:nowrap}.mini-btn{padding:6px 9px;font-size:12px;margin:2px}
.stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-bottom:20px}
.stat{background:#fff;border:1px solid #dbe4e9;border-radius:8px;padding:16px;text-align:center;box-shadow:0 2px 7px rgba(0,0,0,.04)}
.stat span{display:block;color:#657782;font-size:13px}.stat strong{display:block;font-size:27px;color:#245a73;margin:8px 0 2px}.stat small{display:block}.stat.highlight{border-top:4px solid #2e6277}
.filters{margin-bottom:5px}
.empty{text-align:center;color:#71808a;padding:25px}
@media(max-width:900px){.stats{grid-template-columns:repeat(3,1fr)}.grid.four{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.topbar{padding:15px;flex-direction:column;align-items:flex-start}.container{margin:15px auto}.grid.two,.grid.four,.stats{grid-template-columns:1fr}.card{padding:16px}.preview{display:block}.preview div{margin:7px 0}}