:root{--navy:#1B2C6B;--navy900:#121d49;--navy700:#23368a;--orange:#F5820A;--orange600:#e07406;--ice:#eef3fb;--ice2:#dde6f4;--ink:#0e1430;--muted:#5a6480;--line:#dce3f0;--green:#16a34a;--greenbg:#e7f7ed;--red:#dc2626;--redbg:#fdeaea;--shadow:0 14px 34px -16px rgba(18,29,73,.4);--shadowsm:0 6px 18px -10px rgba(18,29,73,.4)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Hanken Grotesk,system-ui,sans-serif;color:var(--ink);line-height:1.5;background:radial-gradient(1000px 600px at 70% -10%,#28387f,transparent 60%),linear-gradient(160deg,#0f1a3e,#0b1130);min-height:100vh;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}button{font-family:inherit;cursor:pointer}.anton{font-family:Anton,sans-serif;letter-spacing:.5px}.page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:22px 14px 40px;gap:16px}.ttl{text-align:center;color:#fff}.ttl .b{font-family:Anton;font-size:26px;letter-spacing:2px}.ttl .b span{color:var(--orange)}.ttl .s{color:#ffffff80;font-size:12px}.device{width:100%;max-width:412px;height:860px;background:var(--ice);border-radius:34px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 40px 90px -30px #000000b3,0 0 0 9px #0a1130,0 0 0 11px var(--orange);position:relative}.appbar{background:var(--navy);color:#fff;padding:14px 16px;display:flex;align-items:center;gap:11px;flex:none}.appbar .iso{width:38px;height:38px;border-radius:11px;background:#fff;display:grid;place-items:center;overflow:hidden;flex:none}.appbar .iso img{width:32px;height:32px;object-fit:contain}.appbar .tt b{font-weight:800;font-size:15px;letter-spacing:.3px;display:block}.appbar .tt span{font-size:11px;color:#aeb9d8;text-transform:uppercase;letter-spacing:.5px}.appbar .right{margin-left:auto;display:flex;align-items:center;gap:8px}.bell{position:relative;background:#ffffff1a;border:0;color:#fff;width:36px;height:36px;border-radius:10px;font-size:16px}.bell .bdg{position:absolute;top:-5px;right:-5px;background:var(--orange);color:#fff;font-size:10px;font-weight:800;min-width:18px;height:18px;border-radius:9px;display:grid;place-items:center;border:2px solid var(--navy)}.idp{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;background:#f5820a2e;color:#ffc888;border:1px solid rgba(245,130,10,.4);padding:6px 10px;border-radius:99px}.back{background:#ffffff1a;border:0;color:#fff;width:36px;height:36px;border-radius:10px;font-size:18px}.scroll{flex:1;overflow-y:auto;overflow-x:hidden}.pad{padding:16px}.bottom{background:var(--navy900);border-top:1px solid rgba(255,255,255,.08);padding:9px 8px;flex:none}.bottom .hint{color:#6f7ba3;font-size:10px;text-align:center;margin-bottom:6px}.bottom .sc{display:flex;gap:6px;overflow-x:auto}.bottom .sc::-webkit-scrollbar{display:none}.dn{flex:none;background:#ffffff0f;color:#c3cbe6;border:0;border-radius:10px;padding:8px 11px;font-size:12px;font-weight:700;white-space:nowrap}.dn.on{background:var(--orange);color:#fff}.card{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadowsm)}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--orange)}.h1{font-size:23px;font-weight:800;color:var(--navy);line-height:1.1}.sub{color:var(--muted);font-size:13px}.sect{font-weight:800;color:var(--navy);font-size:15px;margin:18px 2px 10px}.chip{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:800;padding:3px 9px;border-radius:99px;white-space:nowrap}.c-ruta{background:#f5820a24;color:var(--orange600)}.c-ent{background:var(--greenbg);color:var(--green)}.c-rech{background:var(--redbg);color:var(--red)}.c-pend{background:var(--ice);color:var(--muted)}.c-temp{background:#e8f1ff;color:#1d4ed8}.btn{display:flex;align-items:center;justify-content:center;gap:7px;font-weight:800;border:0;border-radius:12px;padding:13px 16px;font-size:15px;width:100%;transition:.15s}.btn:active{transform:scale(.98)}.b-o{background:var(--orange);color:#fff;box-shadow:0 10px 22px -10px #f5820ab3}.b-o:active{background:var(--orange600)}.b-n{background:var(--navy);color:#fff}.b-g{background:#fff;color:var(--navy);border:1.5px solid var(--line)}.b-wa{background:#25d366;color:#fff}.b-green{background:var(--green);color:#fff}.b-red{background:var(--red);color:#fff}.row{display:flex;gap:10px}.spread{display:flex;align-items:center;justify-content:space-between;gap:10px}.kv{display:flex;justify-content:space-between;gap:10px;padding:6px 0;font-size:13px}.kv span{color:var(--muted)}.kv b{color:var(--navy);text-align:right}.inp{width:100%;border:1.5px solid var(--line);border-radius:11px;padding:11px 12px;font-size:14px;font-family:inherit;color:var(--ink);background:#fff}.inp:focus{outline:0;border-color:var(--orange)}.lbl{font-weight:700;color:var(--navy);font-size:13px;margin-bottom:5px;display:block}.tabs{display:flex;gap:7px;overflow-x:auto;padding-bottom:3px}.tabs::-webkit-scrollbar{display:none}.tab{flex:none;border:1.5px solid var(--line);background:#fff;color:var(--muted);font-weight:700;font-size:13px;padding:7px 13px;border-radius:99px}.tab.on{background:var(--navy);color:#fff;border-color:var(--navy)}.toast{position:absolute;left:50%;bottom:80px;transform:translate(-50%);background:var(--navy);color:#fff;padding:12px 18px;border-radius:12px;font-weight:700;font-size:13px;box-shadow:var(--shadow);z-index:50;max-width:88%;text-align:center}.fadein{animation:fi .3s ease}@keyframes fi{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.photo{border:2px dashed var(--line);border-radius:14px;padding:24px;text-align:center;color:var(--muted);background:#fff;font-size:13px}.photo.has{border-style:solid;border-color:var(--green);color:var(--green);font-weight:700}.spin{width:26px;height:26px;border:3px solid var(--ice2);border-top-color:var(--orange);border-radius:50%;animation:sp .7s linear infinite;margin:0 auto}@keyframes sp{to{transform:rotate(360deg)}}.sigpad{width:100%;height:150px;border:1.5px solid var(--line);border-radius:12px;background:#fff;touch-action:none}@media (max-width:440px){.device{height:100vh;height:100dvh;border-radius:0;box-shadow:none}.page{padding:0;gap:0}.ttl{display:none}}