*{box-sizing:border-box}
:root{--navy:#102a43;--blue:#1976d2;--cyan:#00a8cc;--bg:#eef4f9;--line:#dce6ef;--text:#17212b;--muted:#718096}
body{margin:0;background:radial-gradient(circle at top,#f8fbff 0,#eef4f9 45%,#e7eef6 100%);color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 0 48%,rgba(25,118,210,.025) 50%,transparent 52%)}
.appbar{height:72px;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:5;box-shadow:0 5px 25px rgba(16,42,67,.06)}
.brand{display:flex;gap:12px;align-items:center}.mark{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#102a43,#1976d2);color:#fff;display:grid;place-items:center;font-weight:900;box-shadow:0 7px 18px rgba(25,118,210,.25)}
.brand b{display:block}.brand small{display:block;color:#8a95a4;font-size:11px;margin-top:2px}.actions{display:flex;gap:9px;align-items:center}.status{font-size:11px;color:#2f7d58;margin-right:4px;font-weight:700}
.btn{height:40px;padding:0 15px;border-radius:10px;border:1px solid #d7dfe8;background:#fff;font-weight:750;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-1px);box-shadow:0 7px 18px rgba(16,42,67,.08)}.btn.primary{background:linear-gradient(135deg,#102a43,#1976d2);color:#fff;border-color:#1976d2}
.shell{max-width:1500px;margin:auto;padding:28px}.hero{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.kicker{font-size:10px;letter-spacing:1.5px;color:#1976d2;font-weight:900}.hero h1{margin:3px 0 4px;font-size:28px}.hero p{margin:0;color:#788596;font-size:12px}.legend{background:#fff;border:1px solid var(--line);padding:9px 12px;border-radius:10px;font-size:11px;box-shadow:0 6px 18px rgba(16,42,67,.05)}.dot{display:inline-block;width:7px;height:7px;background:#2e9b66;border-radius:50%;margin-right:7px}
.layout{display:grid;grid-template-columns:370px minmax(0,1fr);gap:20px;align-items:start}.card{background:rgba(255,255,255,.94);border:1px solid var(--line);border-radius:16px;box-shadow:0 15px 40px rgba(35,53,74,.08)}.form-card{position:sticky;top:92px;max-height:calc(100vh - 115px);overflow:auto}
.card-head{padding:17px;border-bottom:1px solid #e9edf2;display:flex;justify-content:space-between}.card-head h2{font-size:15px;margin:0}.card-head p{font-size:10px;color:#8a95a4;margin:4px 0 0;line-height:1.4}.card-head strong{font-size:11px;color:#47709b}.field{padding:7px 17px}.field label{display:flex;justify-content:space-between;font-size:10px;font-weight:750;color:#556273;margin-bottom:5px}.field em{font-style:normal;font-weight:500;color:#a0a9b4;font-size:9px}.field input{width:100%;height:37px;border:1px solid #d9e1e9;border-radius:9px;padding:0 10px;outline:none;background:#fbfcfd;transition:.2s}.field input:focus{border-color:#4d75a0;background:#fff;box-shadow:0 0 0 4px rgba(25,118,210,.08)}
.note{margin:12px 17px 17px;padding:10px;background:linear-gradient(135deg,#f5f9fd,#eef7ff);border:1px solid #e1ebf4;border-radius:9px;font-size:10px;line-height:1.5;color:#718093}
.preview-wrap{min-width:0}.preview-head{height:51px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:0 14px;display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;box-shadow:0 7px 20px rgba(16,42,67,.05)}.preview-head b{font-size:13px}.preview-head span:not(.paper-tag){display:block;color:#8a95a4;font-size:10px;margin-top:2px}.paper-tag{background:#edf4fb;color:#426b95;padding:6px 9px;border-radius:7px;font-size:10px;font-weight:800}
.pages{display:flex;flex-direction:column;align-items:center;gap:18px}.paper{width:210mm;min-height:297mm;background:#fff;box-shadow:0 12px 38px rgba(38,56,77,.15);padding:18mm 17mm;color:#111;font-family:"Noto Sans Devanagari",Mangal,"Times New Roman",serif;font-size:13.5px;line-height:1.45}.paper p{margin:0 0 10px}.center{text-align:center}.title{font-weight:800;font-size:18px;text-decoration:underline;margin-bottom:17px!important}.bold{font-weight:800}.small{font-size:11px}.gap{margin-top:15px!important}.gap2{margin-top:32px!important}.details p{margin-bottom:9px}.details span,.paper [data-key]{font-weight:600}.long{line-height:1.65}.right{text-align:right}.sign{margin-top:25px!important;margin-right:30px}.aff{margin-top:16px!important}.signrow{display:flex;justify-content:space-between;margin-top:52px;font-size:12px}.signbottom{display:flex;justify-content:space-between;margin-top:65px;font-weight:700}.signbottom span:last-child{margin-right:18px}.sub{margin-top:22px!important}.thumb{border:1px dashed #777;width:190px;height:62px;margin:28px 0 18px auto;text-align:center;padding:9px;font-size:10px}.notes{border-top:1px solid #999;padding-top:9px;font-size:10.5px;line-height:1.6;margin-top:18px}.page3 p{margin-bottom:12px}

/* LOCK SCREEN */
.lock-screen{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,#1c4d78 0,#0b1e31 45%,#050c14 100%);padding:20px}
.lock-screen.hidden{display:none}.lock-card{width:min(430px,100%);background:rgba(255,255,255,.97);border:1px solid rgba(255,255,255,.35);border-radius:24px;padding:34px;box-shadow:0 35px 90px rgba(0,0,0,.45);text-align:center}.lock-icon{width:72px;height:72px;border-radius:22px;margin:0 auto 15px;display:grid;place-items:center;font-size:32px;background:linear-gradient(135deg,#eaf6ff,#dbeeff);box-shadow:inset 0 0 0 1px #cfe5f7}.lock-badge{display:inline-block;font-size:9px;letter-spacing:2px;font-weight:900;color:#1976d2;background:#edf7ff;padding:7px 10px;border-radius:99px}.lock-card h2{margin:13px 0 6px;color:#102a43}.lock-card p{margin:0 0 20px;color:#718096;font-size:12px}.lock-card input{display:block;width:100%;height:46px;border:1px solid #d6e0e8;border-radius:11px;margin:9px 0;padding:0 13px;font-size:14px;outline:none}.lock-card input:focus{border-color:#1976d2;box-shadow:0 0 0 4px rgba(25,118,210,.09)}.lock-btn{width:100%;height:46px;border:0;border-radius:11px;margin-top:8px;background:linear-gradient(135deg,#102a43,#1976d2);color:white;font-weight:800;cursor:pointer}.lock-hint{min-height:20px;margin-top:12px;color:#c0392b;font-size:11px}.security-note{margin-top:15px;padding-top:13px;border-top:1px solid #e7edf2;color:#7a8795;font-size:10px}.hidden{display:none!important}.toast{position:fixed;right:22px;bottom:22px;z-index:10000;background:#102a43;color:#fff;padding:12px 16px;border-radius:10px;font-size:12px;box-shadow:0 12px 30px rgba(0,0,0,.2);opacity:0;transform:translateY(10px);pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translateY(0)}
@media(max-width:1050px){.layout{grid-template-columns:330px 1fr}.paper{transform-origin:top left}}
@media(max-width:800px){.appbar{padding:0 13px}.status{display:none}.shell{padding:18px 10px}.hero{display:block}.legend{display:inline-block;margin-top:10px}.layout{display:block}.form-card{position:relative;top:auto;max-height:none;margin-bottom:18px}.preview-wrap{overflow:auto}.paper{flex:none}.preview-head{position:sticky;left:0}.pages{align-items:flex-start}.actions .ghost{display:none}}
@media print{body{background:#fff}.no-print{display:none!important}.shell{padding:0}.layout{display:block}.preview-wrap{overflow:visible}.pages{display:block}.paper{width:210mm;height:297mm;min-height:297mm;box-shadow:none;margin:0;padding:18mm 17mm;page-break-after:always;break-after:page}.paper:last-child{page-break-after:auto;break-after:auto}@page{size:A4;margin:0}}