:root{--navy:#0b2538;--blue:#0e6d88;--cyan:#28b5ca;--ink:#153247;--muted:#718390;--bg:#f4f7fa}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Arial,sans-serif;background:var(--bg);color:var(--ink)}.top{background:linear-gradient(135deg,#0b2538,#0e6d88);color:white;padding:12px 28px;display:flex;justify-content:space-between;align-items:center}.top-brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}.top-brand>span:last-child{display:flex;flex-direction:column}.top-brand small{color:#bfe9ef;margin:0}.logo-mark{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#29b7cb;color:white;font-weight:800}.logo-mark.big{width:50px;height:50px;font-size:24px;border-radius:14px}.top nav a{color:#fff;text-decoration:none;margin-left:12px}.wrap{max-width:1180px;margin:auto;padding:28px}.wrap-login{max-width:none;padding:0}.login-page{overflow:hidden;background:#071e2d}.login-scene{min-height:100vh;background-size:cover;background-position:center;transition:background-image 1.1s ease;display:flex;justify-content:flex-end;position:relative}.login-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,20,31,.5),transparent 55%);pointer-events:none}.city-meta{position:absolute;z-index:2;left:42px;bottom:32px;color:#fff;text-shadow:0 2px 12px #0009}.city-meta span{font-size:28px;font-weight:800}.city-meta small{color:#e7f5f7}.login-panel{position:relative;z-index:3;width:min(520px,100%);min-height:100vh;background:rgba(255,255,255,.95);backdrop-filter:blur(18px);padding:68px 58px 36px;box-shadow:-20px 0 60px #00152235}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:55px}.login-brand>div{display:flex;flex-direction:column}.login-brand b{font-size:23px;color:#0d536d;letter-spacing:.05em}.login-brand small{font-size:10px;letter-spacing:.18em;margin:2px 0}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.18em;color:#1693aa}.login-panel h1{font-size:38px;line-height:1.12;margin:10px 0 14px}.login-sub{color:#6f8590;line-height:1.6;font-size:14px;margin-bottom:32px}.modern-form label{font-size:12px;font-weight:700}.input-wrap{display:flex;align-items:center;border:1px solid #d8e2e7;background:#fff;border-radius:12px;margin:7px 0 18px;padding:0 14px}.input-wrap span{color:#58aabb}.input-wrap input{width:100%;border:0;outline:0;padding:14px 12px;font-size:14px;background:transparent}.login-btn{width:100%;display:flex;justify-content:space-between;align-items:center;padding:15px 18px;border:0;border-radius:12px;background:linear-gradient(135deg,#117d95,#0d5872);color:#fff;font-weight:800}.demo-hint{margin-top:18px;padding:11px 13px;border-radius:10px;background:#edf8fa;color:#386470;font-size:12px}.login-foot{position:absolute;bottom:24px;color:#93a4aa;font-size:10px}.hero,.pagehead{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.hero h1,.pagehead h1{font-size:32px}.pill{background:#d8eef4;color:#0e4d64;padding:7px 12px;border-radius:30px;font-weight:bold}.btn,button{background:#147d92;color:#fff;border:0;padding:12px 18px;border-radius:10px;text-decoration:none;font-weight:bold;cursor:pointer}.btn.alt{background:#fff;color:#147d92;border:1px solid #147d92}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0}.kpis>div,.card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 4px 18px #10324a10}.kpis b{display:block;font-size:30px;color:#147d92}.kpis span,small{display:block;color:#718390;margin-top:5px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.row{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid #e8eef2;text-decoration:none;color:inherit}.status{font-style:normal;background:#e8f3f6;color:#0e4d64;padding:6px 10px;border-radius:20px;font-size:12px}.warn{background:#fff2cc;color:#8a6500}.formcard input,.formcard select,.formcard textarea,.search input,.approval input{width:100%;padding:12px;border:1px solid #ccd8df;border-radius:9px;margin:6px 0 14px}.search{display:flex;gap:10px;margin-bottom:16px}.search input{margin:0}.ocr{white-space:pre-wrap;background:#f6f9fb;padding:14px;border-radius:10px;min-height:180px}.actions{display:flex;gap:10px;flex-wrap:wrap}.approval{border-bottom:1px solid #e6edf1;padding:16px 0}.approval form{display:flex;gap:8px;margin-top:8px}.ok{background:#23845d}.bad{background:#b74343}.msg{background:#dff5e9;padding:12px 16px;border-radius:10px;margin-bottom:14px}.signature-canvas{display:block;width:100%;height:320px;border:2px dashed #91aab5;border-radius:14px;background:#fff;touch-action:none}.camera{width:100%;max-width:720px;margin:auto;border-radius:16px;background:#111}.hash{display:block;word-break:break-all;padding:12px;background:#eef4f6;border-radius:10px}@media(max-width:760px){.wrap{padding:16px}.top{display:block;padding:12px 16px}.top nav{margin-top:10px}.grid2,.kpis{grid-template-columns:1fr}.login-scene{justify-content:center}.login-panel{width:100%;padding:42px 26px}.city-meta{display:none}.login-brand{margin-bottom:38px}.login-panel h1{font-size:30px}.login-foot{position:static;margin-top:34px}}