:root{--blue:#1769aa;--bg:#f4f7fb;--card:#fff;--line:#dfe6ee;--text:#1d2939;--muted:#667085;--green:#138a52;--gold:#a36b00;--red:#b42318}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}
header{background:#fff;border-bottom:1px solid var(--line);padding:14px 22px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:3}
.brand b{font-size:18px}.brand small{display:block;color:var(--muted);margin-top:3px}.wrap{max-width:1250px;margin:0 auto;padding:20px}
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.tabs button,.btn{border:1px solid var(--line);background:#fff;padding:10px 14px;border-radius:8px;cursor:pointer}
.tabs button.active,.btn.primary{background:var(--blue);color:#fff;border-color:var(--blue)}
.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px;margin-bottom:16px}.grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.stat{background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px}.stat .n{font-size:28px;font-weight:bold}.stat .l{font-size:12px;color:var(--muted);margin-top:5px}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:end}.field{min-width:180px;flex:1}.field label{display:block;font-size:12px;font-weight:bold;margin-bottom:5px}
.field input,.field select,.field textarea{width:100%;padding:9px;border:1px solid #cfd7e1;border-radius:7px}table{width:100%;border-collapse:collapse;font-size:13px}
th,td{padding:9px;border-bottom:1px solid #edf0f4;text-align:left}th{background:#f8fafc}.muted{color:var(--muted)}.ok{color:var(--green)}.warn{color:var(--gold)}.err{color:var(--red)}
.hide{display:none!important}.modal{position:fixed;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;padding:20px;z-index:10}.modal .box{background:#fff;width:min(640px,100%);border-radius:12px;padding:20px;max-height:90vh;overflow:auto}
pre{background:#111;color:#eee;padding:12px;border-radius:8px;overflow:auto;max-height:350px}
@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}}