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}