@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
.driver-popover{all:unset;font-family:var(--driver-popover-font-family,"Helvetica Neue", Inter, ui-sans-serif, "Apple Color Emoji", Helvetica, Arial, sans-serif);box-sizing:border-box;color:#2d2d2d;z-index:1000000000;background-color:#fff;border-radius:5px;min-width:250px;max-width:300px;margin:0;padding:15px;position:fixed;top:0;right:0;box-shadow:0 1px 10px #0006}.driver-popover-title{zoom:1;margin:0;font-size:19px;font-weight:700;line-height:1.5;display:block;position:relative}.driver-popover-close-btn{all:unset;cursor:pointer;color:#d2d2d2;z-index:1;text-align:center;width:32px;height:28px;font-size:18px;font-weight:500;transition:color .2s;position:absolute;top:0;right:0}.driver-popover-close-btn:hover,.driver-popover-close-btn:focus{color:#2d2d2d}.driver-popover-title[style*=block]+.driver-popover-description{margin-top:5px}.driver-popover-description{zoom:1;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.5}.driver-popover-footer{text-align:right;zoom:1;justify-content:space-between;align-items:center;margin-top:15px;display:flex}.driver-popover-progress-text{color:#727272;zoom:1;font-size:13px;font-weight:400}.driver-popover-footer-btn{all:unset;box-sizing:border-box;color:#2d2d2d;cursor:pointer;zoom:1;background-color:#fff;border:1px solid #ccc;border-radius:3px;outline:0;padding:3px 7px;font-size:12px;line-height:1.3;text-decoration:none;display:inline-block}.driver-popover-footer .driver-popover-btn-disabled{opacity:.5;pointer-events:none}.driver-popover-footer-btn:hover,.driver-popover-footer-btn:focus{background-color:#f7f7f7}.driver-popover-navigation-btns{flex-grow:1;justify-content:flex-end;display:flex}.driver-popover-navigation-btns button+button{margin-left:4px}.driver-popover-arrow{content:"";border:5px solid #fff;position:absolute}.driver-popover-arrow-side-over{display:none}.driver-popover-arrow-side-left{border-top-color:#0000;border-bottom-color:#0000;border-right-color:#0000;left:100%}.driver-popover-arrow-side-right{border-top-color:#0000;border-bottom-color:#0000;border-left-color:#0000;right:100%}.driver-popover-arrow-side-top{border-bottom-color:#0000;border-left-color:#0000;border-right-color:#0000;top:100%}.driver-popover-arrow-side-bottom{border-top-color:#0000;border-left-color:#0000;border-right-color:#0000;bottom:100%}.driver-popover-arrow-side-center,.driver-popover-arrow-none{display:none}.driver-active .driver-overlay{pointer-events:none}.driver-active.driver-no-scroll{overflow:hidden}.driver-active *{pointer-events:none}.driver-active .driver-active-element,.driver-active .driver-active-element *,.driver-popover,.driver-popover *{pointer-events:auto}@keyframes animate-fade-in{0%{opacity:0}to{opacity:1}}.driver-fade .driver-overlay{animation:animate-fade-in var(--driver-animation-duration,.4s) ease-in-out}.driver-fade .driver-popover{animation:animate-fade-in var(--driver-animation-duration,.4s)}.driver-active-element-parent-no-scroll{overflow:hidden!important}.driver-no-interaction,.driver-no-interaction *{pointer-events:none!important}
:root{--color-bg:#fff;--color-surface:#fff;--color-surface-sunken:#e7ecf2;--color-ink:#111c2e;--color-ink-muted:#5a6b82;--color-ink-inverse:#f7f9fb;--color-ink-inverse-muted:#afc2da;--color-border:#e2e7ed;--color-border-strong:#c3ccd8;--color-primary:#294771;--color-primary-strong:#1e3554;--color-primary-soft:#e3eaf4;--color-accent:#e18216;--color-accent-soft:#fdf1e1;--color-on-accent:#111c2e;--color-info:#47586b;--color-info-soft:#edf0f4;--color-danger:#a33b2a;--color-danger-soft:#fceae7;--color-placeholder-bg:#e7ecf2;--color-placeholder-fg:#b9c5d4;--color-divider-inverse:#3f6094;--font-sans:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-label:11px;--text-xs:12px;--text-sm:14px;--text-base:16px;--text-lg:18px;--text-xl:22px;--text-2xl:28px;--text-3xl:34px;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.02em;--tracking-wide:.08em;--leading-xs:16px;--leading-sm:20px;--leading-base:24px;--leading-xl:28px;--leading-2xl:32px;--leading-3xl:38px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:999px}*{box-sizing:border-box}html,body{min-height:100%;color:var(--color-ink);font-family:var(--font-sans);font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#dfe5ec;margin:0}button,input,select{color:inherit;font:inherit}button{cursor:pointer;border:0}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #29477140}.phone h1:focus{outline:none}.prototype-shell{height:100vh;min-height:100vh;display:flex;overflow:hidden}.prototype-panel{z-index:5;width:296px;height:100vh;color:var(--color-ink-inverse);background:#101a29;border-right:1px solid #314157;flex-direction:column;flex:0 0 296px;display:flex;position:sticky;top:0;overflow:hidden}.prototype-brand{border-bottom:1px solid #2a3a50;align-items:center;gap:12px;padding:24px 22px 18px;display:flex}.prototype-brand img{object-fit:cover;border-radius:10px;width:42px;height:42px}.prototype-brand-copy{min-width:0}.prototype-brand-copy strong,.prototype-brand-copy span{display:block}.prototype-brand-copy strong{font-size:15px;line-height:20px}.prototype-brand-copy span{color:var(--color-ink-inverse-muted);margin-top:2px;font-size:12px;line-height:16px}.prototype-note{color:#c3d1e1;background:#17253a;border:1px solid #365071;border-radius:12px;margin:16px;padding:12px 13px;font-size:12px;line-height:17px}.prototype-nav{flex-direction:column;flex:1;gap:18px;padding:2px 14px 24px;display:flex;overflow-y:auto}.prototype-nav-group{flex-direction:column;gap:4px;display:flex}.prototype-nav-label{color:#8297b3;letter-spacing:.1em;text-transform:uppercase;padding:0 8px 5px;font-size:10px;font-weight:700;line-height:14px}.prototype-nav button{color:#b9c7d9;text-align:left;background:0 0;border-radius:9px;align-items:center;gap:10px;width:100%;padding:9px 10px;font-size:13px;line-height:18px;transition:background .15s,color .15s;display:flex}.prototype-nav button:hover{color:#fff;background:#1b2b42}.prototype-nav button[aria-current=page]{background:var(--color-primary);color:#fff}.prototype-nav-index{opacity:.72;border:1px solid;border-radius:7px;flex:0 0 24px;place-items:center;width:24px;height:24px;font-size:10px;font-weight:700;display:grid}.device-stage{background:radial-gradient(circle at 20% 20%,#ffffffb3 0,#0000 32%),#dfe5ec;flex:1;justify-content:center;align-items:flex-start;min-width:0;height:100vh;padding:32px;display:flex;overflow:auto}.device-frame{background:#111820;border:1px solid #bac4d0;border-radius:38px;margin:auto;padding:10px;box-shadow:0 24px 60px #111c2e38}.phone{background:var(--color-bg);width:390px;height:844px;color:var(--color-ink);border-radius:29px;flex-direction:column;display:flex;position:relative;overflow:hidden}.screen-header{flex:none;justify-content:space-between;align-items:center;gap:12px;min-height:64px;padding:4px 16px 20px;display:flex}.screen-title{color:var(--color-ink);font-size:var(--text-2xl);font-weight:var(--font-weight-bold);line-height:var(--leading-2xl);letter-spacing:var(--tracking-tight);margin:0}.screen-subtitle{color:var(--color-ink-muted);margin:3px 0 0;font-size:13px;font-weight:500;line-height:18px}.avatar,.icon-button{border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);width:40px;height:40px;color:var(--color-ink);flex:0 0 40px;place-items:center;display:grid}.avatar{background:var(--color-surface-sunken);color:var(--color-ink-muted);font-size:var(--text-sm);font-weight:600}.header-actions{gap:10px;display:flex}.screen-scroll{overscroll-behavior:contain;scrollbar-width:none;touch-action:pan-y;-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow:hidden auto}.screen-scroll::-webkit-scrollbar{display:none}.tab-screen-scroll{padding-bottom:calc(109px + env(safe-area-inset-bottom));scroll-padding-bottom:calc(109px + env(safe-area-inset-bottom))}.tab-screen-scroll .badge-layout{min-height:calc(100% - 64px)}.app-bar{flex:0 0 56px;align-items:center;gap:12px;min-height:56px;padding:4px 16px 12px;display:flex}.app-bar .app-bar-label{color:var(--color-ink-muted);font-size:var(--text-sm);font-weight:600;line-height:var(--leading-sm);flex:1}.progress{flex:0 0 18px;align-items:start;gap:6px;height:18px;padding:0 16px 14px;display:flex}.progress i{border-radius:var(--radius-full);background:var(--color-border);flex:1;height:4px}.progress i.done{background:var(--color-primary)}.flow-content{scrollbar-width:none;flex-direction:column;flex:1;gap:18px;min-height:0;padding:0 16px 16px;display:flex;overflow-y:auto}.flow-content::-webkit-scrollbar{display:none}.flow-heading{flex-direction:column;gap:8px;display:flex}.flow-heading h1,.flow-heading h2{font-size:var(--text-2xl);line-height:var(--leading-2xl);letter-spacing:var(--tracking-tight);margin:0}.flow-heading p{color:var(--color-ink-muted);font-size:var(--text-sm);line-height:var(--leading-sm);margin:0}.action-bar{border-top:1px solid var(--color-border);background:var(--color-surface);flex-direction:column;flex:none;min-height:97px;padding:14px 16px 26px;display:flex}.primary-button,.secondary-button,.text-button{border-radius:var(--radius-md);min-height:56px;font-size:var(--text-base);font-weight:600;line-height:var(--leading-base);justify-content:center;align-items:center;padding:15px 20px;display:flex}.primary-button{background:var(--color-primary);color:var(--color-ink-inverse)}.primary-button:disabled{cursor:not-allowed;opacity:.45}.secondary-button{border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-ink)}.text-button{min-height:40px;color:var(--color-primary);font-size:var(--text-sm);background:0 0}.field-list{flex-direction:column;gap:14px;display:flex}.field{flex-direction:column;gap:7px;display:flex}.field label{color:var(--color-ink);font-size:var(--text-sm);font-weight:600;line-height:var(--leading-sm)}.field input,.field select{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);appearance:none;background:var(--color-surface);width:100%;height:53px;color:var(--color-ink);font-size:var(--text-base);line-height:var(--leading-base);padding:14px}.select-wrap{position:relative}.select-wrap svg{pointer-events:none;color:var(--color-ink-muted);position:absolute;top:18px;right:14px}.field-help{color:var(--color-ink-muted);margin:0;font-size:13px;line-height:18px}.privacy-points{flex-direction:column;gap:20px;display:flex}.privacy-point{align-items:flex-start;gap:13px;display:flex}.privacy-point>svg{color:var(--color-primary);flex:0 0 26px}.privacy-point strong,.privacy-point span{display:block}.privacy-point strong{font-size:var(--text-base);line-height:21px}.privacy-point span{color:var(--color-ink-muted);font-size:var(--text-sm);line-height:var(--leading-sm);margin-top:3px}.external-link{color:var(--color-primary);font-size:var(--text-sm);font-weight:600;line-height:var(--leading-sm);align-items:center;gap:7px;text-decoration:none;display:inline-flex}.consent-card{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);align-items:flex-start;gap:12px;padding:15px 16px;display:flex}.consent-card input{opacity:0;position:absolute}.custom-check{border:1px solid var(--color-border-strong);color:#0000;background:#fff;border-radius:6px;flex:0 0 22px;place-items:center;width:22px;height:22px;display:grid}.consent-card input:checked+.custom-check{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-ink-inverse)}.consent-copy{color:var(--color-ink);font-size:var(--text-sm);font-weight:500;line-height:var(--leading-sm)}.camera-heading{flex-direction:column;gap:8px;padding:0 20px 20px;display:flex}.camera-heading h1{font-size:var(--text-2xl);line-height:var(--leading-2xl);letter-spacing:var(--tracking-tight);margin:0}.camera-heading p{color:var(--color-ink-muted);font-size:var(--text-sm);line-height:var(--leading-sm);margin:0}.camera-viewport{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);flex:1;place-items:center;min-height:0;margin:0 20px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #111c2e05}.face-guide{border:2.5px dashed var(--color-accent);width:172px;height:236px;color:var(--color-placeholder-fg);background:var(--color-surface-sunken);border-radius:50%;place-items:center;display:grid}.camera-controls{grid-template-columns:84px 1fr 84px;align-items:center;min-height:136px;padding:26px 24px 34px;display:grid}.camera-controls button:not(.shutter){color:var(--color-primary);font-size:var(--text-sm);text-align:left;background:0 0;padding:0;font-weight:600}.shutter{border:3px solid var(--color-primary);border-radius:var(--radius-full);background:0 0;place-self:center;place-items:center;width:76px;height:76px;display:grid}.shutter:after{content:"";border-radius:var(--radius-full);background:var(--color-primary);width:58px;height:58px}.summary-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);flex-direction:column;gap:14px;padding:16px;display:flex}.summary-card-header{justify-content:space-between;align-items:center;gap:12px;min-height:24px;display:flex}.summary-card-header h2{font-size:var(--text-base);line-height:var(--leading-base);margin:0}.summary-card-header button{color:var(--color-primary);font-size:var(--text-sm);background:0 0;padding:0;font-weight:600}.photo-preview{align-items:center;gap:14px;display:flex}.person-placeholder{border-radius:var(--radius-sm);background:var(--color-placeholder-bg);flex:0 0 72px;justify-content:center;align-items:flex-end;width:72px;height:90px;display:flex;position:relative;overflow:hidden}.person-placeholder.large{border-radius:var(--radius-md);flex-basis:104px;width:104px;height:132px}.person-placeholder:before{content:"";background:var(--color-placeholder-fg);border-radius:50%;width:36px;height:36px;position:absolute;top:14px}.person-placeholder:after{content:"";background:var(--color-placeholder-fg);border-radius:50% 50% 0 0;width:84px;height:54px;position:absolute;bottom:-10px}.person-placeholder.large:before{width:52px;height:52px;top:14px}.person-placeholder.large:after{width:96px;height:72px;bottom:-14px}.photo-preview p{color:var(--color-ink-muted);font-size:var(--text-sm);line-height:var(--leading-sm);margin:0}.summary-rows{flex-direction:column;gap:11px;display:flex}.summary-row{align-items:flex-start;gap:14px;font-size:13px;line-height:20px;display:flex}.summary-row span{width:100px;color:var(--color-ink-muted);flex:0 0 100px}.summary-row strong{min-width:0;color:var(--color-ink);font-size:15px;font-weight:500}.inline-note{color:var(--color-ink-muted);align-items:flex-start;gap:10px;padding:2px 4px;font-size:13px;line-height:18px;display:flex}.inline-note svg{flex:0 0 17px}.welcome{background:var(--color-primary-strong)}.welcome-hero{isolation:isolate;flex-direction:column;flex:1;justify-content:space-between;gap:32px;min-height:309px;padding:28px 28px 40px;display:flex;position:relative;overflow:hidden}.welcome-worker-photo{z-index:-2;object-fit:cover;object-position:center}.welcome-hero:after{z-index:-1;content:"";background:linear-gradient(#153152b8 0%,#15315261 42%,#153152f0 100%),linear-gradient(90deg,#15315270 0%,#0000 78%);position:absolute;inset:0}.welcome-logo{align-items:center;gap:11px;display:flex}.welcome-logo img{object-fit:cover;width:57px;height:57px}.welcome-logo strong{color:var(--color-ink-inverse);font-size:var(--text-xl);line-height:var(--leading-xl);letter-spacing:.04em}.welcome-headline{flex-direction:column;gap:14px;display:flex}.welcome-headline h1{color:var(--color-ink-inverse);font-size:var(--text-3xl);line-height:var(--leading-3xl);letter-spacing:var(--tracking-tight);margin:0}.welcome-headline p{color:var(--color-ink-inverse-muted);font-size:var(--text-base);line-height:var(--leading-base);margin:0}.welcome-sheet{background:var(--color-bg);border-radius:24px 24px 0 0;flex-direction:column;flex:0 0 490px;gap:26px;padding:28px 24px 34px;display:flex}.benefit-list{flex-direction:column;gap:20px;display:flex}.benefit{align-items:flex-start;gap:14px;display:flex}.benefit-icon{border-radius:var(--radius-md);background:var(--color-primary-soft);width:40px;height:40px;color:var(--color-primary-strong);flex:0 0 40px;place-items:center;display:grid}.benefit>div>strong,.benefit>div>span{display:block}.benefit>div>strong{font-size:var(--text-base);padding-top:2px;line-height:21px}.benefit>div>span{color:var(--color-ink-muted);font-size:var(--text-sm);line-height:var(--leading-sm);margin-top:3px}.welcome-actions{flex-direction:column;gap:12px;display:flex}.install-link{min-height:34px;color:var(--color-primary);font-size:var(--text-sm);background:0 0;justify-content:center;align-items:center;gap:7px;padding:6px 8px 0;font-weight:600;display:inline-flex}.install-link svg{flex:none;display:block}.install-complete{min-height:34px;color:var(--color-primary);font-size:var(--text-sm);font-weight:600;line-height:var(--leading-sm);justify-content:center;align-items:center;gap:7px;display:inline-flex}.install-guide-backdrop{z-index:30;background:#111c2ead;border:0;align-items:flex-end;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;display:flex;position:absolute;inset:0}.install-guide-sheet{background:var(--color-surface);width:100%;max-height:91%;color:var(--color-ink);scrollbar-width:none;border-radius:24px 24px 0 0;flex-direction:column;gap:18px;padding:26px 20px 30px;display:flex;position:relative;overflow-y:auto}.install-guide-sheet::-webkit-scrollbar{display:none}.install-guide-skip{border-radius:var(--radius-full);background:var(--color-surface-sunken);min-height:34px;color:var(--color-primary);font-size:var(--text-xs);font-weight:700;line-height:var(--leading-xs);padding:7px 12px;position:absolute;top:14px;right:16px}.install-guide-header{flex-direction:column;gap:8px;padding-right:64px;display:flex}.install-platform-pill{border-radius:var(--radius-full);background:var(--color-primary-soft);color:var(--color-primary-strong);font-size:var(--text-xs);font-weight:700;line-height:var(--leading-xs);align-self:flex-start;padding:5px 10px;display:inline-flex}.install-guide-header h2{font-size:var(--text-xl);line-height:var(--leading-xl);letter-spacing:var(--tracking-tight);margin:0}.install-guide-header p{color:var(--color-ink-muted);font-size:var(--text-sm);line-height:var(--leading-sm);margin:0}.install-guide-steps{flex-direction:column;gap:10px;display:flex}.install-guide-step{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);grid-template-columns:38px 1fr;gap:11px;padding:14px;display:grid;position:relative}.install-step-number{border:2px solid var(--color-surface);border-radius:var(--radius-full);background:var(--color-accent);width:22px;height:22px;color:var(--color-on-accent);place-items:center;font-size:11px;font-weight:700;display:grid;position:absolute;top:-7px;left:-7px}.install-step-icon{background:var(--color-primary-soft);width:38px;height:38px;color:var(--color-primary-strong);border-radius:10px;grid-row:1;place-items:center;display:grid}.install-guide-step>div{grid-column:2}.install-guide-step strong{font-size:var(--text-sm);line-height:var(--leading-sm);display:block}.install-guide-step p{color:var(--color-ink-muted);margin:3px 0 0;font-size:12px;line-height:17px}.install-now-button{flex:none;width:100%}.install-feedback{border-radius:var(--radius-sm);background:var(--color-info-soft);color:var(--color-ink-muted);margin:-6px 0 0;padding:11px 13px;font-size:12px;line-height:17px}.badge-layout{flex-direction:column;flex:1;min-height:0;display:flex}.badge-card{border:1px solid var(--color-border);background:var(--color-surface);border-radius:24px;flex-direction:column;margin:0 16px;display:flex;overflow:hidden;box-shadow:0 14px 32px #111c2e1a}.badge-card.active{border-color:#294d78;box-shadow:0 18px 38px #111c2e2e}.badge-identity{background:var(--color-surface);flex-direction:column;gap:14px;padding:16px 16px 18px;display:flex;position:relative}.badge-card.active .badge-identity{background:radial-gradient(circle at 106% -8%, #6697cd57 0 96px, transparent 97px), radial-gradient(circle at -9% 116%, #e1821626 0 104px, transparent 105px), linear-gradient(145deg, #244a78 0%, var(--color-primary-strong) 56%, #152c48 100%);color:var(--color-ink-inverse)}.credential-brand{justify-content:space-between;align-items:center;gap:12px;min-height:38px;display:flex}.credential-brand-lockup{align-items:center;gap:9px;min-width:0;display:flex}.credential-brand img{object-fit:contain;width:42px;height:38px}.credential-brand-copy{flex-direction:column;min-width:0;display:flex}.credential-brand-copy strong{letter-spacing:.04em;font-size:13px;line-height:16px}.credential-brand-copy small{color:var(--color-ink-muted);margin-top:1px;font-size:10px;font-weight:500;line-height:13px}.badge-card.active .credential-brand-copy small{color:var(--color-ink-inverse-muted)}.credential-mark-fallback{background:var(--color-primary-soft);width:38px;height:38px;color:var(--color-ink);border-radius:11px;place-items:center;display:grid}.credential-label,.meta-label{color:var(--color-ink-muted);font-size:var(--text-label);font-weight:600;line-height:var(--leading-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase}.badge-card.active .credential-label,.badge-card.active .meta-label{color:var(--color-ink-inverse-muted)}.credential-main{align-items:center;gap:14px;display:flex}.credential-photo{object-fit:cover;object-position:65% center;border:3px solid #ffffffe0;border-radius:16px;flex:0 0 90px;width:90px;height:112px;box-shadow:0 7px 18px #08182b47}.credential-copy{flex-direction:column;flex:1;gap:12px;min-width:0;display:flex}.credential-name{letter-spacing:var(--tracking-tight);margin:0;font-size:18px;line-height:22px}.credential-number{letter-spacing:.04em;margin-top:3px;font-size:15px;font-weight:600;line-height:20px}.credential-meta{border-top:1px solid var(--color-border);align-items:flex-start;gap:12px;padding-top:13px;display:flex}.badge-card.active .credential-meta{border-top-color:var(--color-divider-inverse)}.credential-meta>div:first-child{flex:1;min-width:0}.credential-meta>div:last-child{flex:0 0 108px;width:108px}.meta-value{margin-top:3px;font-size:14px;font-weight:500;line-height:19px}.badge-validation{background:var(--color-surface);align-items:center;gap:14px;min-height:108px;padding:14px 16px;display:flex}.qr{width:78px;height:78px;color:var(--color-ink);flex:0 0 78px;order:2;place-items:center;display:grid}.qr svg{width:78px;height:78px}.validation-copy{flex-direction:column;flex:1;order:1;gap:9px;min-width:0;display:flex}.status-pill{border-radius:var(--radius-full);color:var(--color-ink-inverse);letter-spacing:.02em;background:#ffffff1f;align-items:center;gap:7px;padding:5px 10px;font-size:11px;font-weight:700;line-height:14px;display:inline-flex}.status-dot{background:var(--color-accent);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #e182162e}.validity-value{letter-spacing:var(--tracking-tight);margin-top:3px;font-size:20px;font-weight:700;line-height:24px}.validation-hint{color:var(--color-ink-muted);align-items:center;gap:6px;font-size:11px;font-weight:600;line-height:15px;display:inline-flex}.validation-hint svg{color:var(--color-primary);flex:0 0 15px}.credential-status{background:var(--color-info-soft);flex-direction:column;gap:8px;min-height:132px;padding:16px 20px 18px;display:flex}.credential-status.danger{background:var(--color-danger-soft)}.credential-status-title{font-size:var(--text-base);font-weight:600;line-height:var(--leading-base);align-items:center;gap:8px;display:flex}.credential-status-title svg{color:var(--color-info)}.credential-status.danger .credential-status-title svg{color:var(--color-danger)}.credential-status p,.credential-status small{color:var(--color-ink-muted);margin:0}.credential-status p{font-size:var(--text-sm);line-height:var(--leading-sm)}.credential-status small{font-size:13px;font-weight:500;line-height:18px}.connection-banner{border-radius:var(--radius-md);background:var(--color-info-soft);align-items:flex-start;gap:10px;margin:0 16px 16px;padding:12px 14px;display:flex}.connection-banner>svg{color:var(--color-info);flex:0 0 18px}.connection-banner strong,.connection-banner span,.connection-banner small{display:block}.connection-banner strong{font-size:var(--text-sm);line-height:var(--leading-sm)}.connection-banner span,.connection-banner small{margin-top:3px;font-size:13px;line-height:18px}.connection-banner span{color:var(--color-ink-muted)}.connection-banner small{color:var(--color-info);font-weight:500}.sync-line{color:var(--color-ink-muted);justify-content:center;align-items:center;gap:7px;padding:14px 16px 0;font-size:13px;line-height:18px;display:flex}.badge-help,.badge-actions{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;min-height:0;padding:20px 16px;display:flex}.badge-help p{color:var(--color-ink-muted);font-size:var(--text-base);line-height:var(--leading-base);margin:0}.badge-help button,.badge-actions>button:last-child{color:var(--color-primary);font-size:var(--text-sm);font-weight:600;line-height:var(--leading-sm);background:0 0;padding:0}.badge-actions{gap:16px;padding:24px 16px}.badge-actions .primary-button,.badge-actions .secondary-button{width:100%}.success-toast{border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-ink-inverse);font-size:var(--text-sm);font-weight:600;line-height:var(--leading-sm);align-items:center;gap:10px;margin:0 16px 12px;padding:12px 16px;display:flex}.bottom-nav-wrap{z-index:15;pointer-events:none;background:0 0;min-height:101px;padding:10px 16px 22px;position:absolute;bottom:0;left:0;right:0}.bottom-nav{background:var(--color-primary-strong);pointer-events:auto;border-radius:28px;justify-content:space-between;align-items:flex-end;gap:8px;height:69px;padding:10px 22px;display:flex;box-shadow:0 10px 28px #111c2e2e}.nav-item{width:74px;color:var(--color-ink-inverse-muted);font-size:var(--text-xs);background:0 0;flex-direction:column;flex:0 0 74px;align-items:center;gap:5px;padding:0;font-weight:500;line-height:15px;display:flex}.nav-item.active{color:var(--color-ink-inverse);font-weight:700}.nav-item.badge-nav{gap:6px;margin-top:-30px}.badge-nav-icon{border:4px solid var(--color-primary-strong);border-radius:var(--radius-full);background:var(--color-accent);width:58px;height:58px;color:var(--color-on-accent);place-items:center;display:grid}.home-content{min-height:0;padding:0 16px calc(109px + env(safe-area-inset-bottom));overscroll-behavior-y:contain;scroll-padding-bottom:calc(109px + env(safe-area-inset-bottom));scrollbar-width:none;touch-action:pan-y;-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:14px;display:flex;overflow-y:auto}.home-content::-webkit-scrollbar{display:none}.magazine-promo{border-radius:var(--radius-lg);background:radial-gradient(circle at 92% 8%, #ffffff1f 0 36px, transparent 37px), linear-gradient(120deg, var(--color-primary-strong), #183c64);min-height:112px;color:var(--color-ink-inverse);align-items:center;gap:14px;padding:12px 14px;text-decoration:none;display:flex;position:relative;overflow:hidden}.magazine-promo:after{content:"";background:var(--color-accent);width:54px;height:4px;position:absolute;bottom:0;right:0}.magazine-promo-cover{background:#0c3145;border:2px solid #ffffffbf;border-radius:8px;flex:0 0 66px;width:66px;height:86px;position:relative;overflow:hidden;box-shadow:0 5px 12px #05142659}.magazine-promo-cover img,.magazine-card-cover img{object-fit:cover}.magazine-promo-copy{flex-direction:column;flex:1;min-width:0;display:flex}.magazine-promo-copy>span{color:var(--color-accent);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:700;line-height:14px}.magazine-promo-copy strong{margin-top:3px;font-size:17px;line-height:21px}.magazine-promo-copy small{color:var(--color-ink-inverse-muted);margin-top:4px;font-size:12px;line-height:16px}.magazine-promo-action{border-radius:var(--radius-full);background:#ffffff1f;flex:0 0 32px;place-items:center;width:32px;height:32px;display:grid}.feed-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);flex-direction:column;gap:13px;padding:16px;display:flex}.feed-author{align-items:center;gap:11px;display:flex}.feed-avatar{border-radius:var(--radius-full);background:var(--color-primary-strong);width:40px;height:40px;color:var(--color-ink-inverse);flex:0 0 40px;place-items:center;font-size:13px;font-weight:700;display:grid;overflow:hidden}.feed-avatar img{object-fit:cover;width:40px;height:40px}.feed-author-copy{flex:1;min-width:0}.feed-author-copy strong,.feed-author-copy small{display:block}.feed-author-copy strong{font-size:15px;line-height:20px}.feed-author-copy small{color:var(--color-ink-muted);margin-top:1px;font-size:13px;line-height:18px}.pinned{border-radius:var(--radius-full);background:var(--color-accent-soft);color:var(--color-on-accent);vertical-align:1px;margin-left:7px;padding:2px 8px;font-size:11px;font-weight:600;line-height:15px;display:inline-block}.bookmark-button,.feed-action{color:var(--color-ink-muted);background:0 0;align-items:center;gap:7px;padding:0;display:inline-flex}.bookmark-button.saved{color:var(--color-primary)}.feed-action.liked{color:var(--color-danger)}.feed-body{flex-direction:column;gap:7px;display:flex}.feed-body h2,.feed-body p{color:var(--color-ink);margin:0}.feed-body h2{letter-spacing:var(--tracking-tight);font-size:17px;line-height:23px}.feed-body p{font-size:15px;line-height:22px}.embedded-deal{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);align-items:center;gap:12px;padding:12px 13px;display:flex}.brand-tile{border-radius:var(--radius-sm);background:var(--color-surface-sunken);width:46px;height:46px;color:var(--color-ink-muted);flex:0 0 46px;place-items:center;font-size:15px;font-weight:700;display:grid}.embedded-deal-copy{flex:1;min-width:0}.embedded-deal-copy strong{color:var(--color-primary);font-size:15px;line-height:20px;display:block}.embedded-deal-meta{color:var(--color-ink-muted);align-items:center;gap:8px;margin-top:4px;font-size:12px;line-height:16px;display:flex}.category-tag{border-radius:var(--radius-full);background:var(--color-accent-soft);min-height:22px;color:var(--color-on-accent);align-items:center;padding:3px 9px;font-size:12px;font-weight:600;line-height:16px;display:inline-flex}.magazine-card{border-radius:var(--radius-md);background:var(--color-primary-strong);width:100%;min-height:154px;color:var(--color-ink-inverse);text-align:left;align-items:center;gap:18px;padding:12px 16px;text-decoration:none;display:flex;overflow:hidden}.magazine-card-cover{border:2px solid #ffffffb3;border-radius:8px;flex:0 0 96px;width:96px;height:125px;position:relative;overflow:hidden;box-shadow:0 6px 16px #05142666}.magazine-card-copy{flex-direction:column;flex:1;min-width:0;display:flex}.magazine-card-copy small{color:var(--color-accent);letter-spacing:var(--tracking-wide);text-transform:uppercase;font-size:10px;font-weight:700;line-height:14px}.magazine-card-copy strong{margin-top:4px;font-size:19px;line-height:24px}.magazine-card-copy>span{color:var(--color-ink-inverse-muted);align-items:center;gap:6px;margin-top:14px;font-size:12px;font-weight:600;line-height:16px;display:inline-flex}.feed-actions{border-top:1px solid var(--color-border);gap:26px;padding-top:13px;display:flex}.feed-action{font-size:var(--text-sm);font-weight:500;line-height:var(--leading-sm)}.deals-controls{flex:none}.segmented{border-radius:var(--radius-md);background:var(--color-surface-sunken);gap:4px;margin:0 16px;padding:4px;display:flex}.segmented button{border-radius:var(--radius-sm);min-height:38px;color:var(--color-ink-muted);font-size:var(--text-sm);background:0 0;flex:1;padding:9px 12px;font-weight:500}.segmented button.active{background:var(--color-surface);color:var(--color-ink);font-weight:600}.search-box{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);min-height:52px;color:var(--color-ink-muted);align-items:center;gap:10px;margin:16px 16px 0;padding:13px 14px;display:flex}.search-box input{min-width:0;color:var(--color-ink);font-size:var(--text-base);line-height:var(--leading-base);background:0 0;border:0;outline:0;flex:1;padding:0}.search-box input::placeholder{color:var(--color-ink-muted);opacity:1}.chip-row{scrollbar-width:none;gap:8px;padding:14px 16px 0;display:flex;overflow-x:auto}.chip-row::-webkit-scrollbar{display:none}.chip{border:1px solid var(--color-border-strong);border-radius:var(--radius-full);background:var(--color-surface);min-height:36px;color:var(--color-ink);font-size:var(--text-sm);font-weight:500;line-height:var(--leading-sm);flex:none;padding:7px 14px}.chip.active{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-ink-inverse);font-weight:600}.results-row{justify-content:space-between;align-items:center;gap:12px;min-height:64px;padding:18px 16px 12px;display:flex}.results-row span{min-width:0;color:var(--color-ink-muted);flex:1;font-size:13px;font-weight:500;line-height:18px}.filter-button{border:1px solid var(--color-border-strong);border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-ink);align-items:center;gap:7px;padding:7px 13px;font-size:13px;font-weight:600;display:inline-flex}.deals-list{min-height:0;padding:0 16px calc(109px + env(safe-area-inset-bottom));overscroll-behavior-y:contain;scroll-padding-bottom:calc(109px + env(safe-area-inset-bottom));scrollbar-width:none;touch-action:pan-y;-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:12px;display:flex;overflow-y:auto}.deals-list::-webkit-scrollbar{display:none}.deal-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);text-align:left;flex:none;align-items:flex-start;gap:14px;padding:14px;display:flex}.deal-image{border-radius:var(--radius-md);background:var(--color-surface-sunken);flex:0 0 84px;width:84px;height:96px;display:block;position:relative;overflow:hidden}.deal-image img{object-fit:cover}.deal-initials{min-width:30px;color:var(--color-ink-inverse);text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#111c2ec7;border:1px solid #ffffff73;border-radius:7px;padding:3px 6px;font-size:11px;font-weight:700;line-height:14px;position:absolute;bottom:6px;left:6px}.deal-card .brand-tile{border-radius:var(--radius-md);width:58px;height:58px;font-size:var(--text-lg);flex-basis:58px}.deal-card-copy{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.deal-card-copy>span{color:var(--color-ink);font-size:15px;font-weight:600;line-height:20px}.deal-card-copy>strong{color:var(--color-primary);letter-spacing:var(--tracking-tight);font-size:17px;line-height:22px}.deal-card-meta{color:var(--color-ink-muted);align-items:center;gap:9px;font-size:13px;line-height:18px;display:flex}.empty-state{color:var(--color-ink-muted);text-align:center;font-size:var(--text-sm);line-height:var(--leading-sm);flex:1;place-items:center;padding:32px;display:grid}.detail-content{scrollbar-width:none;flex-direction:column;flex:1;gap:20px;min-height:0;padding:4px 16px 20px;display:flex;overflow-y:auto}.detail-content::-webkit-scrollbar{display:none}.deal-identity{align-items:center;gap:14px;display:flex}.deal-identity .brand-tile{border-radius:var(--radius-md);width:66px;height:66px;font-size:var(--text-xl);flex-basis:66px}.deal-identity h1{font-size:var(--text-lg);margin:0 0 7px;font-weight:600;line-height:23px}.deal-benefit{flex-direction:column;gap:8px;display:flex}.deal-benefit h2{color:var(--color-primary);font-size:var(--text-2xl);line-height:var(--leading-2xl);letter-spacing:var(--tracking-tight);margin:0}.deal-benefit p{color:var(--color-ink-muted);margin:0;font-size:15px;line-height:22px}.separator{background:var(--color-border);flex:0 0 1px;height:1px}.detail-section{flex-direction:column;gap:11px;display:flex}.detail-section h3{font-size:var(--text-base);line-height:var(--leading-base);margin:0}.bullet,.numbered{color:var(--color-ink-muted);font-size:var(--text-sm);align-items:flex-start;gap:11px;line-height:22px;display:flex}.bullet:before{content:"";background:var(--color-accent);border-radius:50%;flex:0 0 6px;width:6px;height:6px;margin-top:8px}.numbered b{background:var(--color-primary-soft);width:22px;height:22px;color:var(--color-primary-strong);border-radius:50%;flex:0 0 22px;place-items:center;font-size:12px;display:grid}.detail-meta{align-items:flex-start;gap:16px;display:flex}.detail-meta>div:first-child{flex:1;min-width:0}.detail-meta>div:last-child{flex:0 0 140px;width:140px}.detail-meta strong{margin-top:3px;font-size:15px;font-weight:500;line-height:21px;display:block}.branches-row{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);min-height:51px;color:var(--color-primary);align-items:center;gap:12px;padding:14px 16px;display:flex}.branches-row strong{min-width:0;color:var(--color-ink);flex:1;font-size:15px;line-height:21px}.modal-screen .detail-content,.modal-screen .app-bar{filter:saturate(.85)}.modal-veil{z-index:10;cursor:default;background:#111c2ea3;width:100%;height:100%;padding:0;position:absolute;inset:0}.bottom-sheet{z-index:11;background:var(--color-surface);width:100%;max-width:none;min-height:396px;color:var(--color-ink);border:0;border-radius:24px 24px 0 0;flex-direction:column;gap:18px;margin:0;padding:10px 20px 30px;display:flex;position:absolute;bottom:0;left:0;right:0}.sheet-handle{border-radius:var(--radius-full);background:var(--color-border-strong);align-self:center;width:40px;height:4px}.bottom-sheet h2{font-size:var(--text-xl);line-height:var(--leading-xl);letter-spacing:var(--tracking-tight);margin:0}.sheet-deal{border:1px solid var(--color-border);border-radius:var(--radius-md);align-items:center;gap:12px;padding:12px 14px;display:flex}.sheet-deal .brand-tile{width:44px;height:44px;font-size:var(--text-sm);flex-basis:44px}.sheet-deal span,.sheet-deal strong{display:block}.sheet-deal span{color:var(--color-ink-muted);font-size:var(--text-sm);line-height:var(--leading-sm)}.sheet-deal strong{color:var(--color-primary);margin-top:2px;font-size:15px;line-height:21px}.measure-note{border-radius:var(--radius-md);background:var(--color-info-soft);color:var(--color-ink-muted);align-items:flex-start;gap:10px;padding:13px 14px;font-size:13px;line-height:18px;display:flex}.sheet-actions{flex-direction:column;gap:10px;display:flex}.sheet-actions .text-button{min-height:54px;color:var(--color-ink-muted);font-size:var(--text-base)}.toast-message{top:max(12px, calc(env(safe-area-inset-top) + 12px));z-index:20;border-radius:var(--radius-md);background:var(--color-ink);color:var(--color-ink-inverse);padding:12px 14px;font-size:13px;font-weight:500;line-height:18px;animation:.18s ease-out toast-in;position:absolute;left:16px;right:16px}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.driver-popover.conasim-driver-popover{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);max-width:310px;color:var(--color-ink);font-family:var(--font-sans);padding:18px;box-shadow:0 18px 52px #111c2e47}.driver-popover.conasim-driver-popover .driver-popover-title{font-size:var(--text-base);font-weight:700;line-height:var(--leading-base)}.driver-popover.conasim-driver-popover .driver-popover-description{color:var(--color-ink-muted);margin-top:6px;font-size:13px;line-height:18px}.driver-popover.conasim-driver-popover .driver-popover-progress-text{color:var(--color-ink-muted);font-size:11px}.driver-popover.conasim-driver-popover .driver-popover-prev-btn,.driver-popover.conasim-driver-popover .driver-popover-next-btn,.driver-popover.conasim-driver-popover .conasim-driver-skip{border-radius:var(--radius-sm);box-shadow:none;font-family:var(--font-sans);text-shadow:none;border:0;padding:8px 12px;font-size:12px;font-weight:600}.driver-popover.conasim-driver-popover .driver-popover-prev-btn{background:var(--color-surface-sunken);color:var(--color-ink)}.driver-popover.conasim-driver-popover .conasim-driver-skip{color:var(--color-ink-muted);background:0 0;margin-right:auto}.driver-popover.conasim-driver-popover .driver-popover-next-btn{background:var(--color-primary);color:var(--color-ink-inverse)}.driver-popover.conasim-driver-popover .driver-popover-close-btn{color:var(--color-ink-muted)}@media (display-mode:standalone){.install-link{display:none}}@media (max-width:760px){html,body,.prototype-shell,.device-stage,.device-frame,.phone{width:100%;height:100%;min-height:0}body{background:var(--color-bg);overflow:hidden}.prototype-panel{display:none}.device-stage{background:var(--color-bg);height:100%;padding:0;display:block}.device-frame{box-shadow:none;background:0 0;border:0;border-radius:0;margin:0;padding:0}.phone{border-radius:0;width:100%;height:100dvh;min-height:0}.screen-header,.app-bar{padding-top:max(4px, env(safe-area-inset-top))}.welcome-hero{min-height:clamp(220px,38dvh,309px);padding-top:max(24px, env(safe-area-inset-top))}.welcome-sheet{overscroll-behavior:contain;flex:auto;min-height:0;overflow-y:auto}.action-bar{min-height:calc(83px + env(safe-area-inset-bottom));padding-bottom:max(12px, env(safe-area-inset-bottom))}.bottom-nav-wrap{min-height:calc(91px + env(safe-area-inset-bottom));padding-bottom:max(12px, env(safe-area-inset-bottom))}.bottom-sheet,.install-guide-sheet{padding-bottom:max(20px, env(safe-area-inset-bottom))}}@media (max-width:370px){.credential-name{font-size:18px;line-height:23px}.credential-number{font-size:17px}.welcome-headline h1{font-size:31px;line-height:36px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}