html,body,#root{min-height:100%;margin:0}body{min-width:1100px}body.client-portal-mode{min-width:0}.client-login-card{box-sizing:border-box;width:min(340px,100vw - 32px)}.client-portal-shell{max-width:960px;margin:0 auto;padding:24px}.client-portal-tabs{border-bottom:1px solid #e5e7eb;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:20px;display:grid}.client-passport-actions{flex-wrap:wrap;gap:8px;margin:14px 0 12px;display:flex}.passport-scan-guide{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:12px;margin:12px 0;padding:10px 12px;font-size:12px;line-height:1.6;display:grid}.passport-scan-guide svg{width:150px;height:92px}.passport-live-scanner{aspect-ratio:4/3;background:#020617;border-radius:12px;margin:12px 0;position:relative;overflow:hidden}.passport-live-scanner video{object-fit:cover;width:100%;height:100%}.passport-scan-frame{border:3px solid #4ade80;border-radius:8px;position:absolute;inset:14% 5%;box-shadow:0 0 0 999px #0206176b}.passport-scan-frame span{color:#fff;width:max-content;max-width:90vw;font-size:12px;font-weight:700;position:absolute;bottom:-34px;left:50%;transform:translate(-50%)}.passport-scanner-controls{grid-template-columns:1fr 2fr;gap:8px;display:grid;position:absolute;bottom:12px;left:12px;right:12px}.passport-scanner-controls button{color:#0f172a;background:#ffffffe6;border:0;border-radius:9px;min-height:44px;font-weight:800}.passport-scanner-controls button:last-child{color:#052e16;background:#22c55e}.client-passport-page{border-top:1px solid #e2e8f0;grid-template-columns:86px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 0;display:grid}@media (width<=640px){.client-portal-header{padding:12px 14px!important}.client-portal-shell{padding:12px}.client-portal-tabs{z-index:10;background:#fff;gap:0;margin:0 -12px 14px;position:sticky;top:0}.client-portal-tab{min-height:48px;padding:10px 4px!important;font-size:12px!important}.client-passport-actions{grid-template-columns:1fr;display:grid}.passport-scan-guide{grid-template-columns:104px minmax(0,1fr);padding:8px}.passport-scan-guide svg{width:104px;height:72px}.client-passport-actions button{width:100%;min-height:46px}.client-passport-page{grid-template-columns:76px minmax(0,1fr)}.client-passport-page-actions{grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.client-passport-page-actions button{min-height:40px}}button,input,textarea,select{font:inherit}.scanner-lab{color:#fff;background:#07111f;min-height:100vh;font-family:Outfit,sans-serif}.scanner-lab header{background:#0f172a;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.scanner-lab header b{font-size:16px;display:block}.scanner-lab header span{color:#94a3b8;margin-top:2px;font-size:11px;display:block}.scanner-lab header a{color:#bfdbfe;font-size:13px}.scanner-lab-start{text-align:center;max-width:520px;margin:auto;padding:58px 22px}.scanner-lab-start h1{margin:20px 0 8px;font-size:25px}.scanner-lab-start p{color:#cbd5e1;font-size:14px;line-height:1.65}.scanner-lab-start button,.scanner-lab-pages>button{color:#052e16;background:#22c55e;border:0;border-radius:12px;min-height:48px;padding:0 24px;font-size:15px;font-weight:800}.scanner-lab-start button:disabled{color:#cbd5e1;background:#475569}.scanner-lab-illustration{color:#4ade80;border:3px solid #4ade80;border-radius:12px;place-items:center;width:180px;height:120px;margin:auto;font-size:28px;display:grid}.scanner-lab-illustration span{color:#fff;font-size:18px;font-weight:800}.scanner-lab-camera{text-align:center;max-width:760px;margin:auto;padding:12px}.scanner-lab-view{background:#000;border-radius:14px;position:relative;overflow:hidden}.scanner-lab-view video{width:100%;height:auto;display:block}.scanner-lab-view canvas{width:100%;height:100%;position:absolute;inset:0}.scanner-lab-status{color:#bbf7d0;min-height:24px;padding:14px 8px 8px;font-weight:800}.scanner-lab-actions{justify-content:center;gap:12px;display:flex}.scanner-lab-shutter{color:#fff;background:#2563eb;border:0;border-radius:9px;min-height:46px;padding:0 24px;font-weight:800}.scanner-lab-stop{color:#fff;background:#1e293b;border:1px solid #64748b;border-radius:9px;min-height:42px;padding:0 20px;font-weight:700}.scanner-lab-pages{color:#0f172a;background:#f8fafc;max-width:900px;margin:auto;padding:18px}.scanner-lab-pages h2{font-size:17px}.scanner-lab-pages>div{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;display:grid}.scanner-lab-pages figure{background:#fff;border:1px solid #cbd5e1;border-radius:9px;margin:0;padding:8px}.scanner-lab-pages img{aspect-ratio:1.42;object-fit:contain;background:#e2e8f0;width:100%}.scanner-lab-pages figcaption{justify-content:space-between;align-items:center;margin-top:6px;font-size:12px;font-weight:700;display:flex}.scanner-lab-pages figcaption button{color:#dc2626;background:0 0;border:0}.scanner-lab-pages>button{margin-top:16px}@media (width<=640px){body:has(.scanner-lab){min-width:0}.scanner-lab header{padding:11px 12px}.scanner-lab-camera{padding:0}.scanner-lab-view{border-radius:0}.scanner-lab-start{padding-top:42px}}