:root{color:#0d2d45;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#eef5f7;font-family:Inter,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{background:#eef5f7}body{background:linear-gradient(#eff7f8 0%,#f9fbfc 100%);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}#root{width:100%;min-height:100vh}.app-shell{width:min(100%,440px);min-height:100svh;padding:max(18px, env(safe-area-inset-top)) 20px max(26px, env(safe-area-inset-bottom));box-sizing:border-box;background:linear-gradient(#edf6f7 0%,#f6fafc 30%,#fff 100%);flex-direction:column;margin:0 auto;display:flex;position:relative}.topbar{justify-content:flex-start;align-items:center;min-height:42px;display:flex}.ghost-button,.back-link,.tab,.primary-button,.role-card{font:inherit}.ghost-button{color:#10314b;background:0 0;border:0;padding:0;font-size:.92rem;font-weight:700}.screen{flex-direction:column;flex:1;justify-content:center;display:flex}.landing-screen{text-align:center;align-items:center;padding-top:12px}.brand-mark{color:#fff;letter-spacing:.08em;background:linear-gradient(135deg,#0d2d45 0%,#1d8f8f 100%);border-radius:22px;place-items:center;width:74px;height:74px;margin-bottom:18px;font-weight:800;display:grid;box-shadow:0 18px 38px #0d2d452e}.eyebrow{color:#1d8f8f;text-transform:uppercase;letter-spacing:.12em;margin:0;font-size:.72rem;font-weight:700}h1{color:#0d2d45;letter-spacing:-.06em;margin:12px 0 10px;font-size:clamp(2.1rem,5vw,2.8rem);line-height:1.1}.subtitle{color:#456178;max-width:300px;margin:0 0 24px;font-size:1.02rem;line-height:1.6}.option-list{gap:14px;width:100%;display:grid}.role-card{color:#0d2d45;text-align:left;cursor:pointer;background:#fff;border:1px solid #0d2d4514;border-radius:20px;flex-direction:column;gap:10px;width:100%;padding:20px 18px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 12px 26px #0d2d4514}.role-card:hover,.role-card:focus-visible{transform:translateY(-1px);box-shadow:0 16px 30px #0d2d451f}.role-card strong{font-size:1.1rem}.role-card small{color:#58738b;line-height:1.5}.role-card.inspector{background:linear-gradient(135deg,#1d8f8f14 0%,#0d2d450a 100%)}.role-pill{color:#0d2d45;letter-spacing:.04em;background:#0d2d4514;border-radius:999px;width:fit-content;padding:6px 10px;font-size:.72rem;font-weight:700}.role-pill.accent{color:#0d6d6d;background:#1d8f8f1f}.auth-screen{padding-top:10px}.auth-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.back-link{color:#10314b;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600}.role-badge{color:#0d2d45;background:#0d2d4514;border-radius:999px;padding:7px 12px;font-size:.75rem;font-weight:700}.auth-switch{background:#94abba26;border-radius:14px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:18px;padding:5px;display:grid}.tab{color:#44607d;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:12px 14px;font-weight:700}.tab.active{color:#0d2d45;background:#fff;box-shadow:0 3px 8px #0d2d4514}.auth-card{background:#ffffffe6;border:1px solid #0d2d4514;border-radius:24px;padding:20px 18px 18px;box-shadow:0 12px 28px #0d2d4514}.auth-card h2{color:#0d2d45;margin:0 0 8px;font-size:1.7rem}.auth-card p{color:#58738b;margin:0 0 18px;line-height:1.6}.info-box,.notice,.status-message,.error-message{border-radius:12px;margin-bottom:12px;padding:10px 12px;font-size:.84rem;line-height:1.5}.notice,.status-message{color:#0d5f6a;background:#1d8f8f14}.info-box{color:#0d2d45;background:#0d2d450f;border:1px solid #0d2d4514}.error-message{color:#9f2b2b;background:#a9343414}.auth-form{flex-direction:column;gap:14px;display:flex}.auth-form label{color:#0d2d45;flex-direction:column;gap:8px;font-size:.9rem;font-weight:600;display:flex}.auth-form input{color:#12314d;font:inherit;background:#f9fbfc;border:1px solid #0d2d4526;border-radius:12px;outline:none;padding:14px}.auth-form input:focus{border-color:#1d8f8fb3;box-shadow:0 0 0 4px #1d8f8f1f}.primary-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0d2d45 0%,#1d8f8f 100%);border:0;border-radius:14px;margin-top:8px;padding:15px 18px;font-size:1rem;font-weight:700;box-shadow:0 12px 22px #0d2d4533}.primary-button:disabled{opacity:.6;cursor:not-allowed}.dashboard-screen{padding-top:18px}.dashboard-card{background:#ffffffe0;border:1px solid #0d2d4514;border-radius:24px;padding:24px 18px;box-shadow:0 12px 28px #0d2d4514}.dashboard-card h2{color:#0d2d45;margin:8px 0 10px;font-size:1.8rem}.dashboard-eyebrow{margin:0}.dashboard-text{color:#58738b;margin:0 0 12px;line-height:1.6}.dashboard-actions{margin-top:18px}#recaptcha-container{display:none}@media (width>=768px){.app-shell{width:min(100%,460px)}}