:root{--bg:#f4f7fb;--panel:#fff;--text:#17212b;--muted:#6b7785;--primary:#17365D;--border:#dfe5ec;--warn:#fff3cd;--danger:#fde2e2;--ok:#e4f4e8}
*{box-sizing:border-box}body{margin:0;font-family:Tahoma,Arial,sans-serif;background:var(--bg);color:var(--text)}
.topbar{position:sticky;top:0;z-index:10;background:var(--primary);color:#fff;padding:14px 18px;display:flex;justify-content:space-between;align-items:center}
h1{font-size:20px;margin:0 0 4px}.topmuted{color:#d8e3ef;font-size:13px}.muted{color:var(--muted);font-size:13px}
.tabs{display:flex;gap:8px;padding:10px;background:#fff;border-bottom:1px solid var(--border);overflow:auto;position:sticky;top:70px;z-index:9}
.tab{border:0;background:#eef2f7;padding:10px 14px;border-radius:10px;white-space:nowrap}.tab.active{background:var(--primary);color:#fff}
main{max-width:1200px;margin:auto;padding:16px}.view{display:none}.view.active{display:block}
.grid{display:grid;gap:12px}.cards{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:16px}.card strong{display:block;font-size:25px;margin-top:7px}
.card.warn{background:var(--warn)}.card.danger{background:var(--danger)}.panel{background:#fff;border:1px solid var(--border);border-radius:14px;padding:16px;margin-top:14px}
.panel-head,.toolbar,.row{display:flex;gap:10px;align-items:center}.panel-head{justify-content:space-between}.row.end{justify-content:flex-end}.row.wrap,.toolbar{flex-wrap:wrap}.toolbar{margin-bottom:12px}.toolbar input{min-width:240px;flex:1}
input,select,textarea{width:100%;padding:10px;border:1px solid var(--border);border-radius:9px;background:#fff;font:inherit}label{display:block;margin:10px 0}
button,.filebtn{cursor:pointer;border:1px solid var(--border);border-radius:9px;padding:9px 13px;font:inherit}.primary{background:var(--primary);color:#fff;border-color:var(--primary)}.secondary{background:#fff}
.danger-btn{background:#fff0f0;color:#9b1c1c;border-color:#efb9b9}.hidden{display:none}.item{display:grid;grid-template-columns:1.4fr 1fr 1.2fr auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--border)}
.badge{display:inline-block;padding:4px 8px;border-radius:999px;background:#eef2f7;font-size:12px}.badge.warn{background:var(--warn)}.badge.danger{background:var(--danger)}.badge.ok{background:var(--ok)}
.amount{font-weight:bold}.actions{display:flex;gap:6px;flex-wrap:wrap}.small-btn{padding:6px 9px;font-size:12px}.filebtn{display:inline-block}.filebtn input{display:none}
.banner{background:#e8f1fb;border:1px solid #bad2ec;border-radius:12px;padding:14px;margin-bottom:14px;display:flex;gap:8px;flex-direction:column}.notice{margin:14px 0;padding:12px;border-radius:10px;background:#f5f7fa}
.empty{text-align:center;padding:30px;color:var(--muted)}dialog{width:min(650px,94vw);border:0;border-radius:16px;padding:0}dialog::backdrop{background:#0007}#modalForm{padding:18px}.icon-btn{font-size:24px;background:none;border:0}
@media(max-width:700px){.item{grid-template-columns:1fr}.topbar{align-items:flex-start}.tabs{top:76px}.actions{justify-content:flex-start}}