:root{
  --navy:#0b2d4f;--blue:#145da0;--blue2:#1d75bd;--green:#0b7a53;--gold:#c69214;
  --bg:#f4f7fb;--card:#fff;--text:#162033;--muted:#697586;--line:#dbe3ee;
  --danger:#b42318;--warn:#b26a00;--success:#087443;--shadow:0 10px 30px rgba(16,35,60,.08)
}
*{box-sizing:border-box} body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}
button,input,select,textarea{font:inherit}
.hidden{display:none!important}.muted{color:var(--muted)}.small{font-size:12px}.nowrap{white-space:nowrap}
.topbar{background:linear-gradient(135deg,var(--navy),#123d68);color:#fff;padding:14px 22px;display:flex;align-items:center;gap:14px;box-shadow:var(--shadow);position:sticky;top:0;z-index:20}
.brandmark{width:44px;height:44px;border-radius:10px;background:#fff;color:var(--navy);display:grid;place-items:center;font-weight:900}
.brandtext h1{font-size:18px;margin:0}.brandtext p{margin:2px 0 0;font-size:12px;opacity:.82}
.top-actions{margin-left:auto;display:flex;gap:8px;align-items:center}
.pill{background:rgba(255,255,255,.12);padding:8px 10px;border-radius:999px;font-size:12px}
.layout{display:grid;grid-template-columns:250px 1fr;min-height:calc(100vh - 72px)}
.sidebar{background:#0e2239;color:#dbe8f4;padding:16px 12px;position:sticky;top:72px;height:calc(100vh - 72px);overflow:auto}
.menu-title{font-size:11px;text-transform:uppercase;letter-spacing:.09em;opacity:.58;padding:12px 10px 6px}
.navbtn{width:100%;border:0;background:transparent;color:inherit;text-align:left;padding:11px 12px;border-radius:9px;margin:2px 0;cursor:pointer}
.navbtn:hover,.navbtn.active{background:#183b5d;color:#fff}
.main{padding:22px;min-width:0}.page{display:none}.page.active{display:block}
.header-row{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:16px}.header-row h2{margin:0;font-size:24px}
.actions{display:flex;gap:8px;flex-wrap:wrap}
.btn{border:1px solid var(--line);background:#fff;color:var(--text);padding:9px 13px;border-radius:8px;cursor:pointer;font-weight:650}
.btn:hover{filter:brightness(.98)}.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}
.btn.success{background:var(--green);border-color:var(--green);color:#fff}.btn.approve{background:#0a7b53;border-color:#0a7b53;color:#fff}.btn.danger{background:#fff;color:var(--danger);border-color:#efc6c1}
.grid{display:grid;gap:14px}.grid.kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.two{grid-template-columns:1fr 1fr}.grid.three{grid-template-columns:repeat(3,1fr)}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:16px}
.kpi .n{font-size:28px;font-weight:800}.kpi .lbl{font-size:12px;color:var(--muted);margin-top:4px}
.kpi .trend{font-size:12px;margin-top:10px;color:var(--success)}
.section-title{font-size:16px;font-weight:800;margin:0 0 12px}
.tablewrap{overflow:auto;border:1px solid var(--line);border-radius:10px;background:#fff}
table{border-collapse:collapse;width:100%;min-width:920px}th,td{border-bottom:1px solid var(--line);padding:10px 9px;text-align:left;font-size:13px;vertical-align:top}
th{background:#f7f9fc;color:#3c4a5f;font-size:12px;position:sticky;top:0}.status{display:inline-block;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:800;background:#eef3f8}
.s-green{background:#e7f7ef;color:#087443}.s-blue{background:#e9f2ff;color:#145da0}.s-orange{background:#fff3df;color:#9c5b00}.s-red{background:#fdecea;color:#a92a20}
.formgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field.two{grid-column:span 2}
label{font-size:12px;font-weight:750;color:#3c4a5f}input,select,textarea{border:1px solid #cfd8e5;border-radius:8px;padding:9px 10px;background:#fff;outline:none}
input:focus,select:focus,textarea:focus{border-color:#3d88c7;box-shadow:0 0 0 3px rgba(61,136,199,.12)}
.notice{border-left:4px solid var(--blue);background:#eef6fd;padding:11px 12px;border-radius:8px;font-size:13px}
.notice.warn{border-color:var(--warn);background:#fff7e8}.notice.good{border-color:var(--success);background:#eaf8f1}.notice.bad{border-color:var(--danger);background:#fff0ee}
.timeline{display:flex;gap:0;overflow:auto;padding-bottom:4px}.step{min-width:160px;padding:10px 12px;background:#eef3f8;border-right:1px solid #d4dde8;font-size:12px}.step.done{background:#e6f6ee}.step.current{background:#e9f2ff;font-weight:800}
.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.toolbar input,.toolbar select{min-width:180px}
.login-screen{min-height:100vh;background:linear-gradient(135deg,#0d2947,#0e5d8a);display:grid;place-items:center;padding:20px}
.login-card{width:min(520px,100%);background:#fff;border-radius:18px;padding:28px;box-shadow:0 30px 70px rgba(0,0,0,.22)}
.login-card h1{font-size:22px;margin:0 0 6px}.login-card .gov{font-size:12px;color:var(--muted);margin-bottom:20px}
.footer-note{text-align:center;color:var(--muted);font-size:11px;margin:24px 0 4px}
.rule-table{display:grid;grid-template-columns:1fr 1fr;gap:10px}.rule-box{border:1px solid var(--line);border-radius:10px;padding:12px;background:#fbfcfe}.rule-box b{display:block;margin-bottom:4px}
.print-sheet{background:#fff;color:#000;width:297mm;min-height:210mm;margin:auto;padding:10mm;box-shadow:0 0 0 1px #ddd;font-family:Arial,sans-serif}
.print-sheet.a4p{width:210mm;min-height:297mm}
.form-title{text-align:center;font-weight:800;font-size:14px;line-height:1.3}.form-sub{text-align:center;font-size:12px;font-weight:700}.print-line{border-bottom:1px dotted #000;display:inline-block;min-width:150px}
.form-table{width:100%;min-width:0;border-collapse:collapse;margin-top:6px}.form-table th,.form-table td{border:1px solid #000;padding:4px;font-size:9px;text-align:center}.form-table th{background:#fff;color:#000;position:static}
.signrow{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:24px;font-size:10px;text-align:center}
@media(max-width:1100px){.grid.kpis{grid-template-columns:repeat(2,1fr)}.formgrid,.grid.three{grid-template-columns:1fr 1fr}}
@media(max-width:780px){.layout{grid-template-columns:1fr}.sidebar{position:static;height:auto;display:flex;overflow:auto;gap:6px}.menu-title{display:none}.navbtn{min-width:max-content}.grid.kpis,.grid.two,.grid.three,.formgrid{grid-template-columns:1fr}.field.two{grid-column:1}.main{padding:14px}.topbar{position:static}.sidebar{top:0}.brandtext h1{font-size:14px}.print-sheet{transform-origin:top left}}
@media print{
 body{background:#fff}.topbar,.sidebar,.no-print,.header-row,.footer-note{display:none!important}.layout{display:block}.main{padding:0}.page{display:none!important}.page.print-active{display:block!important}.card{box-shadow:none;border:0;padding:0}.print-sheet{box-shadow:none;margin:0;padding:8mm}
}

.stat-page{position:relative;margin:0 auto 14px;background-repeat:no-repeat;background-size:100% 100%;background-position:center top;page-break-after:always;overflow:hidden;color:#000}
.stat-a{width:210mm;height:266.7mm;background-image:url('statutory_form_a.jpg')}
.stat-b{width:297mm;height:225mm;background-image:url('statutory_form_b.jpg')}
.ov{position:absolute;font-family:Arial,sans-serif;font-size:7px;line-height:1.05;overflow:hidden;color:#000;text-align:center}
.ov.left{text-align:left}.ov.bold{font-weight:700}.ov.code{text-transform:uppercase}
.form-page-label{position:absolute;right:2%;bottom:.5%;font:7px Arial;background:#fff;padding:1px 3px}
@media print{
  .stat-a{width:210mm;height:266.7mm}
  .stat-b{width:297mm;height:225mm}
  .stat-page{box-shadow:none;margin:0}
}