:root{
 --bg:#f4f7fb;--card:#fff;--ink:#172033;--muted:#667085;--line:#d9e1eb;
 --blue:#2457c5;--blue2:#163a7a;--gold:#c8962e;--teal:#147d77;--ok:#167a43;--warn:#9a6300;--bad:#a12638;--soft:#f8fafc;
}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:linear-gradient(180deg,#edf3fb 0,#f7f9fc 240px,#f4f7fb 100%);color:var(--ink)}
header{background:linear-gradient(115deg,#101827 0%,#173b75 58%,#2457c5 100%);color:#fff;padding:15px 18px;position:sticky;top:0;z-index:20;box-shadow:0 4px 18px #102a5638;border-bottom:3px solid var(--gold)}
header h1{margin:0;font-size:21px;letter-spacing:.04em}
header .sub{font-size:12px;color:#cfcfcf;margin-top:3px}
nav{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}
nav button{background:#ffffffed;color:#16233c;border:1px solid #ffffff55;box-shadow:0 1px 2px #0002}
main{max-width:1280px;margin:auto;padding:18px}
.screen{display:none}.screen.active{display:block}
.card{background:var(--card);border:1px solid var(--line);border-radius:15px;padding:17px;margin-bottom:14px;box-shadow:0 5px 18px #24364d0d}
h2,h3,h4{margin-top:0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}
.statgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.stat{background:linear-gradient(145deg,#fff,#f5f8fc);border:1px solid var(--line);border-radius:13px;padding:14px;box-shadow:0 3px 12px #1c35520d;transition:transform .15s ease,box-shadow .15s ease}
.stat .n{font-size:24px;font-weight:700}
label{display:block;font-size:13px;font-weight:700;margin-bottom:5px}
input,select,textarea{width:100%;padding:10px 11px;border:1px solid #b9c5d3;border-radius:9px;background:#fff;font:inherit;transition:border-color .15s,box-shadow .15s} input:focus,select:focus,textarea:focus{outline:none;border-color:#4d78d6;box-shadow:0 0 0 3px #2457c51a}
textarea{min-height:80px;resize:vertical}
button{border:0;border-radius:9px;padding:10px 14px;font-weight:750;cursor:pointer;transition:transform .12s ease,filter .12s ease,box-shadow .12s ease}button:hover{filter:brightness(.98);box-shadow:0 3px 10px #182b431c}button:active{transform:translateY(1px)}
.btn{background:#17233c;color:#fff}.secondary{background:#edf1f6;color:#172033;border:1px solid #d5dde8}.blue{background:linear-gradient(135deg,var(--blue),#1d479f);color:#fff}.danger{background:#9c2f40;color:#fff}
.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.muted{color:var(--muted);font-size:13px}.small{font-size:12px}
.badge{display:inline-block;padding:4px 8px;border-radius:999px;background:#eceff2;font-size:12px;font-weight:700;margin:2px}
.badge.ok{background:#eaf6ef;color:var(--ok)}.badge.warn{background:#fff3dd;color:var(--warn)}.badge.bad{background:#fdecef;color:var(--bad)}.badge.blue{background:#eaf1ff;color:#174ea6}
.notice{border-left:4px solid var(--blue);background:#f4f7fc;padding:11px 13px;border-radius:9px;margin:10px 0}
.result{border:1px solid var(--line);border-radius:12px;padding:11px 12px;margin:8px 0;display:flex;justify-content:space-between;gap:12px;align-items:center;background:#fff;box-shadow:0 2px 8px #1d35500a}
.meta{font-size:12px;color:var(--muted)}
.upload{border:3px dashed #bbc1ca;border-radius:15px;padding:22px;text-align:center;background:#fafbfc}
.upload .big{font-size:38px}
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin:12px 0 16px}
.step{padding:10px;border-radius:9px;background:#e8eaed;text-align:center;font-size:12px;font-weight:700}
.step.active{background:#111;color:#fff}.step.done{background:#e7f3eb;color:var(--ok)}
.intake-step{display:none}.intake-step.active{display:block}
.bond{border:1px solid var(--line);border-radius:10px;padding:12px;margin-top:10px;background:#fafbfc}
.charge{display:grid;grid-template-columns:2fr 1fr auto;gap:8px;margin-top:8px}
.tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}
.tab{background:#fff;border:1px solid var(--line);color:#111}.tab.active{background:#111;color:#fff;border-color:#111}
.tab-panel{display:none}.tab-panel.active{display:block}
.profile-head{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:start}
.kv{display:grid;grid-template-columns:150px 1fr;gap:6px 10px;font-size:13px}.kv div:nth-child(odd){font-weight:700;color:#444}
table{width:100%;border-collapse:collapse}th,td{border:1px solid var(--line);padding:8px;text-align:left;vertical-align:top;font-size:13px}th{background:#eaf0f8;color:#21324d}
.table-wrap{overflow:auto}
.hidden{display:none!important}
#toast{position:fixed;right:16px;bottom:16px;max-width:420px;background:#111;color:#fff;padding:12px 14px;border-radius:9px;display:none;z-index:40}
.modal-backdrop{position:fixed;inset:0;background:#0008;display:flex;align-items:center;justify-content:center;padding:18px;z-index:50}
.modal{background:#fff;border-radius:14px;width:min(620px,100%);max-height:90vh;overflow:auto;padding:18px;box-shadow:0 20px 60px #0005}
.modal-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:12px}
.modal-head h3{margin:0}
.iconbtn{background:#e8eaed;color:#111;padding:7px 10px}
.clickable{cursor:pointer}.clickable:hover{transform:translateY(-1px);box-shadow:0 7px 20px #1a355522}
.dashboard-stats .stat:nth-child(1){border-top:4px solid #2457c5}
.dashboard-stats .stat:nth-child(2){border-top:4px solid #147d77}
.dashboard-stats .stat:nth-child(3){border-top:4px solid #c8962e}
.dashboard-stats .stat:nth-child(4){border-top:4px solid #7a5bb5}
.dashboard-stats .stat:nth-child(5){border-top:4px solid #b64d68}
.section-title{display:flex;align-items:center;gap:9px}.section-title:before{content:'';width:5px;height:22px;border-radius:9px;background:linear-gradient(var(--blue),var(--gold))}
@media(max-width:760px){
 .steps{grid-template-columns:1fr 1fr}.step:last-child{grid-column:1/-1}
 .charge{grid-template-columns:1fr}.profile-head{grid-template-columns:1fr}.kv{grid-template-columns:1fr}
}