@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Condensed:wght@600;700&family=Mukta+Malar:wght@600;700&display=swap";.portal-demo{--paper:#f8f7f4;--surface:#fff;--surface-strong:#eef2f5;--ink:#09131e;--muted:#526070;--line:#cdd5dd;--navy:#07365f;--blue:#0858a8;--orange:#a64000;--orange-soft:#fff0df;--green:#0a7d50;--green-soft:#e3f5ed;--focus:#59a8f4;min-height:100dvh;color:var(--ink);background:var(--paper);font-family:Mukta Malar,ui-sans-serif,system-ui,sans-serif;transition:background-color .24s ease-out,color .24s ease-out}.portal-demo[data-theme=dark]{--paper:#07121d;--surface:#0c1b2a;--surface-strong:#13283a;--ink:#f5f8fa;--muted:#b3c1cd;--line:#2b4357;--navy:#06101a;--blue:#58aaf4;--orange:#ff8a3d;--orange-soft:#3a1f10;--green:#61d2a0;--green-soft:#103327;--focus:#8bc7ff}.portal-demo *{box-sizing:border-box}.portal-demo button,.portal-demo input,.portal-demo select{font:inherit}.portal-demo button{color:inherit}.portal-demo button:focus-visible,.portal-demo input:focus-visible,.portal-demo select:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.portal-demo ::selection{color:#fff;background:var(--blue)}.portal-demo svg{stroke-width:2px;width:1.35rem;height:1.35rem}.portal-data-state{text-align:center;place-content:center;justify-items:center;gap:12px;min-height:100dvh;padding:32px 22px;display:grid}.portal-data-state>span{border:4px solid var(--line);border-top-color:var(--blue);border-radius:50%;width:38px;height:38px;animation:.8s linear infinite portal-spin}.portal-data-state h1{margin:0;font-size:clamp(2rem,9vw,3rem);line-height:1}.portal-data-state p{max-width:36rem;color:var(--muted);margin:0}.portal-data-state button{color:#fff;background:var(--blue);cursor:pointer;border:0;border-radius:12px;min-height:48px;margin-top:8px;padding:0 22px;font-weight:700}.portal-live-error{z-index:30;color:#fff;text-align:center;background:#9b3412;padding:10px 18px;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.82rem;font-weight:700;position:sticky;top:0}@keyframes portal-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.portal-data-state>span{animation:none}}.portal-topbar{height:92px;padding:max(14px, env(safe-area-inset-top)) clamp(18px, 4vw, 52px) 12px;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--paper) 96%, transparent);z-index:20;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.brand-button,.topbar-actions,.connection,.brand-copy,.board-row,.identity-strip,.draft-note,.step-title,.vehicle-choice,.choice-card,.success-state>div{align-items:center;display:flex}.brand-button{text-align:left;cursor:pointer;background:0 0;border:0;gap:12px;padding:0}.brand-mark{color:#fff;background:var(--navy);letter-spacing:-.03em;border-radius:12px;place-items:center;width:42px;height:42px;font-weight:700;display:grid}.brand-copy{flex-direction:column;align-items:flex-start;line-height:1}.brand-copy strong{letter-spacing:-.025em;font-size:1.45rem}.brand-copy strong span{color:var(--blue)}.brand-copy small{color:var(--muted);letter-spacing:.18em;text-transform:uppercase;margin-top:7px;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.68rem}.topbar-actions{gap:10px}.connection{color:var(--muted);gap:7px;font-weight:700}.connection i{background:#16a364;border-radius:50%;width:9px;height:9px;box-shadow:0 2px 7px #16a36447}.theme-toggle,.avatar,.icon-button{border:1px solid var(--line);background:var(--surface);cursor:pointer;place-items:center;display:grid}.theme-toggle{border-radius:13px;width:44px;height:44px}.avatar{color:#fff;background:var(--navy);border-radius:50%;width:46px;height:46px;font-family:ui-sans-serif,system-ui,sans-serif;font-weight:700}.home-layout{grid-template-columns:minmax(0,1.25fr) minmax(310px,.75fr);gap:clamp(24px,4vw,56px);width:min(1180px,100%);margin:0 auto;padding:clamp(24px,4vw,54px) clamp(18px,4vw,42px) 112px;display:grid}.day-rail{min-width:0}.welcome-copy{justify-content:space-between;align-items:flex-start;gap:18px;margin:0 4px 24px;display:flex}.welcome-copy h1,.simple-page h1,.success-state h1{letter-spacing:-.03em;margin:0;font-size:clamp(2.3rem,5vw,4.2rem);line-height:.92}.welcome-copy p{color:var(--muted);margin:10px 0 0;font-size:1.35rem}.demo-tag{color:var(--muted);background:var(--surface-strong);text-transform:uppercase;letter-spacing:.1em;border-radius:999px;padding:7px 10px;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.7rem}.route-pass{border:1px solid var(--line);background:var(--surface);border-radius:16px;overflow:hidden;box-shadow:0 18px 42px -34px #05182a80}.pass-status-row{color:var(--ink);background:var(--orange-soft);border-bottom:1px solid color-mix(in srgb, var(--orange) 22%, var(--line));justify-content:space-between;align-items:center;padding:19px 24px;display:flex}.pending-status{color:var(--orange);text-transform:uppercase;align-items:center;gap:9px;font-weight:700;display:flex}.pending-status i{background:currentColor;border-radius:50%;width:11px;height:11px}.pass-status-row time{font-family:ui-sans-serif,system-ui,sans-serif;font-weight:650}.time-grid,.route-grid{align-items:center;display:grid}.time-grid{grid-template-columns:1fr auto 1fr;gap:20px;padding:28px 34px 24px}.time-grid>div:last-child{text-align:right}.time-grid small,.route-grid small{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.72rem;font-weight:700;display:block}.time-grid strong{font-variant-numeric:tabular-nums;margin-top:2px;font-family:IBM Plex Sans Condensed,ui-sans-serif,sans-serif;font-size:clamp(3.5rem,8vw,5.8rem);line-height:1;display:block}.time-arrow{color:var(--muted);stroke-width:1.2px!important;width:44px!important;height:44px!important}.route-grid{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;margin:0 34px}.route-grid>div{padding:22px 0}.route-grid>div+div{border-left:1px solid var(--line);padding-left:34px}.route-grid strong{font-variant-numeric:tabular-nums;margin:2px 0;font-family:IBM Plex Sans Condensed,ui-sans-serif,sans-serif;font-size:2.5rem;line-height:1;display:block}.route-grid span{color:var(--muted)}.pass-progress{margin:0;padding:24px 34px 8px;list-style:none}.pass-progress li{grid-template-columns:42px 1fr;gap:16px;min-height:68px;display:grid;position:relative}.pass-progress li:not(:last-child):after{content:"";background:var(--blue);width:2px;height:34px;position:absolute;top:38px;left:20px}.pass-progress li>span{border:2px solid var(--blue);width:42px;height:42px;color:var(--blue);background:var(--surface);border-radius:50%;place-items:center;font-weight:700;display:grid}.pass-progress li.done>span{color:#fff;background:var(--blue)}.pass-progress li svg{width:18px}.pass-progress li div{padding-top:2px}.pass-progress strong,.pass-progress small{display:block}.pass-progress strong{font-size:1.13rem}.pass-progress small{color:var(--muted);margin-top:3px;font-family:ui-sans-serif,system-ui,sans-serif}.primary-action,.secondary-action{cursor:pointer;border:0;border-radius:14px;min-height:56px;padding:0 20px;font-weight:700}.primary-action{background:var(--blue);box-shadow:0 10px 24px -18px color-mix(in srgb, var(--blue) 75%, #000);justify-content:center;align-items:center;gap:12px;display:flex;color:#fff!important}.primary-action:hover{background:color-mix(in srgb, var(--blue) 86%, #000)}.primary-action:disabled{cursor:not-allowed;opacity:.46}.route-pass>.primary-action{width:calc(100% - 68px);margin:12px 34px 28px;font-size:1.15rem}.next-ticket{border:1px solid var(--line);width:100%;min-height:76px;color:var(--ink);background:var(--surface);text-align:left;cursor:pointer;border-radius:14px;grid-template-columns:44px 1fr auto;align-items:center;gap:14px;margin-top:18px;padding:10px 18px;display:grid}.ticket-number{background:var(--surface-strong);border-radius:50%;place-items:center;width:38px;height:38px;font-weight:700;display:grid}.next-ticket small,.next-ticket strong{display:block}.next-ticket small{color:var(--muted)}.draft-note{color:var(--muted);justify-content:center;gap:8px;margin:16px 0 0;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.82rem}.today-board{border-top:4px solid var(--navy);background:var(--surface);align-self:start;margin-top:102px}.board-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;padding:22px 22px 18px;display:flex}.board-heading h2{margin:0;font-size:1.8rem}.board-heading p{color:var(--muted);margin:2px 0 0}.board-heading>span{color:var(--orange);font-weight:700}.board-row{border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;gap:14px;width:100%;min-height:78px;padding:14px 18px}.board-row:hover,.board-row.is-active{background:var(--surface-strong)}.board-row>svg{color:var(--blue)}.board-row span{flex:1}.board-row strong,.board-row small{display:block}.board-row small{color:var(--muted);margin-top:2px}.board-row b{color:var(--muted);font-size:.82rem}.board-row.is-active b{color:var(--orange)}.identity-strip{color:var(--muted);gap:12px;padding:20px}.identity-strip small,.identity-strip strong{display:block}.identity-strip strong{color:var(--ink)}.portal-bottom-nav{display:none}.wizard-shell{background:var(--paper);grid-template-rows:auto 4px 1fr auto;min-height:calc(100dvh - 92px);display:grid}.wizard-head{grid-template-columns:48px 1fr auto;align-items:center;gap:14px;width:min(760px,100%);margin:0 auto;padding:18px 24px 12px;display:grid}.wizard-head>div{flex-direction:column;align-items:center;line-height:1.15;display:flex}.wizard-head small{color:var(--muted)}.icon-button{border-radius:13px;width:44px;height:44px}.text-button{color:var(--blue);cursor:pointer;background:0 0;border:0;padding:10px;font-weight:700}.progress-track{background:var(--surface-strong);width:min(760px,100%);height:4px;margin:0 auto;overflow:hidden}.progress-track span{background:var(--blue);height:100%;display:block}.wizard-stage{width:min(760px,100%);margin:0 auto;padding:clamp(26px,5vh,54px) 24px 20px;overflow:auto}.step-content{animation:.34s cubic-bezier(.16,1,.3,1) stage-in}@keyframes stage-in{0%{opacity:.35;transform:translate(18px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.step-content{animation:none}.progress-track span,.portal-demo{transition:none}}.step-title{align-items:flex-start;gap:15px;margin-bottom:30px}.step-title>svg{width:30px;height:30px;color:var(--blue);flex:none}.step-title h1{letter-spacing:-.025em;margin:0;font-size:clamp(2rem,5vw,3.2rem);line-height:1.02}.step-title p{color:var(--muted);margin:8px 0 0;font-size:1.05rem}.shift-options{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.choice-card{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:14px;flex-direction:column;justify-content:center;gap:12px;min-height:160px;padding:18px;position:relative}.choice-card>svg:first-child{width:38px;height:38px;color:var(--orange)}.choice-card>svg:last-child{width:18px;color:var(--blue);position:absolute;top:12px;right:12px}.choice-card span{text-align:center}.choice-card strong,.choice-card small{display:block}.choice-card small{color:var(--muted)}.choice-card.selected,.vehicle-choice.selected{border-color:var(--blue);background:color-mix(in srgb, var(--blue) 8%, var(--surface))}.vehicle-options{gap:10px;display:grid}.vehicle-choice{border:1px solid var(--line);background:var(--surface);text-align:left;cursor:pointer;border-radius:14px;gap:16px;width:100%;min-height:82px;padding:14px}.vehicle-choice>span:nth-child(2){flex:1}.vehicle-choice strong,.vehicle-choice small{display:block}.vehicle-choice small{color:var(--muted)}.vehicle-choice>svg{color:var(--blue)}.plate{border:2px solid var(--ink);background:var(--paper);letter-spacing:.06em;border-radius:6px;place-items:center;min-width:96px;min-height:42px;font-family:IBM Plex Sans Condensed,sans-serif;font-size:1.25rem;font-weight:700;display:inline-grid}.field-grid,.odometer-fields{grid-template-columns:1fr 1fr;gap:16px;display:grid}.field.full{grid-column:1/-1}.field span{color:var(--muted);margin:0 0 7px;font-weight:700;display:block}.field input,.field select{border:1px solid var(--line);width:100%;height:58px;color:var(--ink);background:var(--surface);border-radius:12px;padding:0 15px;font-family:ui-sans-serif,system-ui,sans-serif;font-size:1.05rem}.field textarea{resize:vertical;border:1px solid var(--line);width:100%;color:var(--ink);background:var(--surface);border-radius:12px;padding:13px 15px;font-family:ui-sans-serif,system-ui,sans-serif;font-size:1rem}.extra-vehicle{margin-bottom:16px;display:block}.segmented-control{border:1px solid var(--line);background:var(--surface-strong);border-radius:14px;grid-template-columns:1fr 1fr;padding:5px;display:grid}.segmented-control button{cursor:pointer;background:0 0;border:0;border-radius:10px;min-height:54px;padding:8px 14px;font-weight:700}.segmented-control button.selected{color:#fff;background:var(--blue)}.odometer-fields{margin-top:22px}.distance-result{min-height:76px;color:var(--muted);background:var(--surface-strong);border-radius:14px;grid-column:1/-1;align-items:center;gap:13px;padding:14px 18px;display:flex}.distance-result.valid{color:var(--green);background:var(--green-soft)}.distance-result small,.distance-result strong{display:block}.distance-result strong{color:var(--ink);font-size:1.35rem}.unavailable-note{color:var(--green);background:var(--green-soft);border-radius:14px;align-items:flex-start;gap:12px;margin-top:22px;padding:18px;display:flex}.unavailable-note svg{flex:none}.unavailable-note span{color:var(--ink)}.review-list{border-top:1px solid var(--line);margin:0}.review-list>div{border-bottom:1px solid var(--line);justify-content:space-between;gap:28px;padding:15px 4px;display:flex}.review-list dt{color:var(--muted)}.review-list dd{text-align:right;margin:0;font-weight:700}.wizard-actions{width:min(760px,100%);padding:16px 24px max(18px, env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--paper);grid-template-columns:.7fr 1.3fr;gap:12px;margin:0 auto;display:grid}.secondary-action{border:1px solid var(--line);background:var(--surface)}.success-state{text-align:center;max-width:520px;margin:4vh auto 0}.success-mark{width:82px;height:82px;color:var(--green);background:var(--green-soft);border-radius:50%;place-items:center;margin:0 auto 22px;display:grid}.success-mark svg{width:38px;height:38px}.success-state p{color:var(--muted);font-size:1.1rem}.success-state>div{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;gap:20px;margin:28px 0;padding:18px 20px}.success-state .primary-action{width:100%}.simple-page{text-align:center;place-content:center;justify-items:center;gap:16px;min-height:calc(100dvh - 180px);padding:32px;display:grid}.simple-page>svg{width:54px;height:54px;color:var(--blue)}.simple-page p{max-width:46ch;color:var(--muted);font-size:1.1rem}.route-welcome{margin-bottom:18px}.route-switcher{border:1px solid var(--line);background:var(--surface);border-radius:14px;grid-template-columns:auto minmax(150px,1fr) auto;align-items:center;gap:12px;margin-bottom:14px;padding:12px 14px;display:grid}.route-switcher label{color:var(--muted);align-items:center;gap:8px;font-weight:700;display:flex}.route-switcher select{border:1px solid var(--line);height:44px;color:var(--ink);background:var(--paper);border-radius:10px;padding:0 12px;font-weight:700}.route-switcher>span{color:var(--blue);font-size:.82rem;font-weight:700}.calendar-view-toggle{border:1px solid var(--line);background:var(--surface);border-radius:12px;grid-template-columns:1fr 1fr;width:fit-content;margin:0 0 10px auto;padding:4px;display:grid}.calendar-view-toggle button{min-width:92px;min-height:40px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;padding:0 14px;font-weight:700}.calendar-view-toggle button.selected{color:#fff;background:var(--blue)}.calendar-strip{border:1px solid var(--line);background:var(--surface);border-radius:14px;grid-template-columns:repeat(3,1fr);margin-bottom:14px;display:grid;overflow:hidden}.calendar-day{min-height:88px;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:10px;padding:12px 16px;display:grid}.calendar-day+.calendar-day{border-left:1px solid var(--line)}.calendar-day small{color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.calendar-day strong{font-variant-numeric:tabular-nums;grid-row:1/3;font-family:IBM Plex Sans Condensed,sans-serif;font-size:2.3rem}.calendar-day span{color:var(--muted);align-items:center;gap:4px;font-size:.78rem;display:flex}.calendar-day svg{width:14px;height:14px}.calendar-day.pending{color:var(--orange);background:var(--orange-soft)}.calendar-day.pending span{color:var(--orange);font-weight:700}.calendar-day.no_class{color:var(--blue);background:color-mix(in srgb, var(--blue) 7%, var(--surface))}.calendar-day.no_class span{color:var(--blue);font-weight:700}.month-calendar{border:1px solid var(--line);background:var(--surface);border-radius:14px;margin-bottom:14px;padding:14px}.month-calendar-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.month-calendar-head strong{font-size:1.25rem}.month-calendar-head small{color:var(--muted)}.month-weekdays,.month-days{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.month-weekdays span{color:var(--muted);text-align:center;text-transform:uppercase;padding-bottom:6px;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.66rem;font-weight:700}.month-days{gap:4px}.month-days button,.month-blank{min-height:48px}.month-days button{color:var(--ink);background:var(--paper);cursor:pointer;border:1px solid #0000;border-radius:10px;place-items:center;padding:0;font-family:ui-sans-serif,system-ui,sans-serif;display:grid;position:relative}.month-days button:hover{border-color:var(--blue)}.month-days button:disabled{cursor:default;opacity:.42}.month-days button.pending{color:var(--orange);border-color:color-mix(in srgb, var(--orange) 35%, var(--line));background:var(--orange-soft)}.month-days button.no_class{color:var(--blue);background:color-mix(in srgb, var(--blue) 8%, var(--surface))}.month-days button i{background:var(--green);border-radius:50%;width:5px;height:5px;position:absolute;bottom:5px}.month-days button.pending i{background:var(--orange)}.month-days button.no_class i{background:var(--blue)}.month-days button.future i{display:none}.month-legend{color:var(--muted);flex-wrap:wrap;gap:12px;margin-top:12px;font-size:.75rem;display:flex}.month-legend span{align-items:center;gap:5px;display:flex}.month-legend i{background:var(--green);border-radius:50%;width:7px;height:7px}.month-legend .pending i{background:var(--orange)}.month-legend .no_class i{background:var(--blue)}.day-summary{border-bottom:1px solid var(--line);grid-template-columns:.72fr 1.28fr;margin:0 24px;display:grid}.day-summary>div{padding:20px 0}.day-summary>div+div{border-left:1px solid var(--line);padding-left:24px}.day-summary small,.day-summary strong,.day-summary span{display:block}.day-summary small{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.7rem;font-weight:700}.day-summary strong{font-family:IBM Plex Sans Condensed,sans-serif;font-size:2.25rem;line-height:1}.day-summary span{color:var(--muted)}.day-question{align-items:center;gap:13px;padding:18px 24px 8px;display:flex}.day-question>svg{color:var(--blue)}.day-question strong,.day-question small{display:block}.day-question small{color:var(--muted)}.day-pass>.primary-action{margin-bottom:8px}.no-class-link{width:100%;color:var(--blue);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;padding:8px 18px 18px;font-weight:700;text-decoration:underline}.all-clear{border:1px solid var(--line);background:var(--surface);border-radius:16px;align-items:center;gap:16px;padding:30px;display:flex}.all-clear>span{width:52px;height:52px;color:var(--green);background:var(--green-soft);border-radius:50%;place-items:center;display:grid}.all-clear h2,.all-clear p{margin:0}.all-clear p{color:var(--muted);margin-top:4px}.extra-launcher{border-top:1px solid var(--line);background:var(--surface);margin-top:16px;padding:16px}.extra-launcher>div:first-child{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.extra-launcher>div:first-child small{color:var(--muted)}.extra-launcher-actions{display:grid}.extra-launcher-actions button{border:1px solid var(--line);min-height:68px;color:var(--ink);background:var(--paper);text-align:left;cursor:pointer;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.extra-launcher-actions button>svg:first-child{color:var(--orange)}.extra-launcher-actions button>svg:last-child{width:17px;color:var(--muted)}.extra-launcher-actions strong,.extra-launcher-actions small{display:block}.extra-launcher-actions small{color:var(--muted)}.week-board{margin-top:90px}.board-row.static{cursor:default}.board-row.static>svg{color:var(--green)}.day-wizard{grid-template-rows:auto auto minmax(0,1fr) auto}.extra-shell{background:var(--paper);min-height:calc(100dvh - 92px)}.extra-progress{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface);width:min(760px,100%);margin:0 auto;display:flex}.extra-progress span{min-height:52px;color:var(--muted);border-right:1px solid var(--line);text-align:center;flex:1;justify-content:center;align-items:center;gap:6px;padding:6px;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.76rem;font-weight:700;display:flex}.extra-progress span:last-child{border-right:0}.extra-progress span.active{color:var(--blue);box-shadow:inset 0 -3px var(--blue)}.extra-progress span.done{color:var(--green);background:var(--green-soft)}.extra-progress svg{width:15px;height:15px}.extra-stage{min-height:calc(100dvh - 210px)}.shift-tracker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface);grid-template-columns:repeat(3,1fr);width:min(760px,100%);margin:0 auto;display:grid}.shift-tracker>span{min-height:52px;color:var(--muted);justify-content:center;align-items:center;gap:8px;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.78rem;display:flex}.shift-tracker>span+span{border-left:1px solid var(--line)}.shift-tracker>span.active{color:var(--blue);box-shadow:inset 0 -3px var(--blue)}.shift-tracker>span.done{color:var(--green);background:var(--green-soft)}.shift-tracker>span.waiting{color:var(--orange);background:var(--orange-soft)}.shift-tracker svg{width:16px;height:16px}.context-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.context-grid .full{grid-column:1/-1}.locked-context{border:1px solid var(--line);background:var(--surface-strong);border-radius:12px;grid-template-columns:1fr auto;align-content:center;column-gap:12px;min-height:58px;padding:8px 15px;display:grid}.locked-context span,.locked-context small{color:var(--muted)}.locked-context span{font-size:.78rem;font-weight:700}.locked-context strong{grid-area:1/2/3;align-self:center;font-family:IBM Plex Sans Condensed,ui-sans-serif,sans-serif;font-size:1.35rem}.locked-context small{font-size:.7rem}.no-class-day{border:1px solid var(--line);width:100%;min-height:70px;color:var(--ink);background:var(--surface);text-align:left;cursor:pointer;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-top:16px;padding:12px 16px;display:grid}.no-class-day>svg:first-child{color:var(--orange)}.no-class-day strong,.no-class-day small{display:block}.no-class-day small{color:var(--muted)}.centered-question{text-align:center;max-width:560px;margin:5vh auto 0}.centered-question>svg{width:58px;height:58px;color:var(--orange)}.centered-question h1{margin:18px 0 8px;font-size:clamp(2.4rem,6vw,4rem);line-height:1}.centered-question p{max-width:44ch;color:var(--muted);margin:0 auto;font-size:1.08rem}.skipped-period-note{max-width:46ch;color:var(--muted);margin:16px auto 0;display:block}.period-choice{max-width:660px;margin:0 auto}.period-start-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.period-start-grid button{border:1px solid var(--line);min-height:116px;color:var(--ink);background:var(--surface);cursor:pointer;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:14px 10px;font-weight:700;display:flex;position:relative}.period-start-grid button:hover{border-color:var(--blue);background:color-mix(in srgb, var(--blue) 7%, var(--surface))}.period-start-grid button>svg:first-child{width:34px;height:34px;color:var(--orange)}.period-start-grid button>svg:last-child{width:17px;height:17px;color:var(--blue);position:absolute;top:9px;right:9px}.intermediary-choice{border:1px solid color-mix(in srgb, var(--blue) 35%, var(--line));width:100%;min-height:64px;color:var(--ink);background:color-mix(in srgb, var(--blue) 7%, var(--surface));text-align:left;cursor:pointer;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-top:12px;padding:10px 14px;display:grid}.intermediary-choice>svg:first-child{color:var(--blue)}.intermediary-choice>svg:last-child{width:18px;color:var(--muted)}.intermediary-choice strong,.intermediary-choice small{display:block}.intermediary-choice small{color:var(--muted)}.whole-day-off{border-top:1px solid var(--line);grid-template-columns:1fr auto;align-items:center;gap:18px;margin-top:24px;padding-top:20px;display:grid}.whole-day-off strong,.whole-day-off small{display:block}.whole-day-off small{color:var(--muted);margin-top:3px}.binary-actions{grid-template-columns:1fr 1fr;gap:12px;margin-top:30px;display:grid}.compact-fields{margin-bottom:14px}.time-fields{margin-bottom:16px}.odometer-choice{grid-template-columns:auto minmax(270px,.8fr);justify-content:space-between;align-items:center;gap:18px;margin:4px 0 16px;display:grid}.odometer-unavailable,.missing-warning{background:var(--surface-strong);border-radius:14px;align-items:center;gap:12px;min-height:74px;padding:14px 16px;display:flex}.odometer-unavailable>svg{color:var(--blue)}.odometer-unavailable strong,.odometer-unavailable small,.missing-warning strong,.missing-warning small{display:block}.odometer-unavailable small,.missing-warning small{color:var(--muted)}.missing-warning{color:var(--orange);background:var(--orange-soft);margin-top:16px}.wide-action{width:100%;margin-top:14px}.between-step{text-align:center;max-width:610px;margin:0 auto}.between-step h1{margin:14px 0 4px;font-size:2.4rem}.between-step>p{color:var(--muted);margin:0}.next-action-panel{border-top:1px solid var(--line);text-align:left;margin-top:24px;padding-top:20px}.next-action-heading strong,.next-action-heading small{display:block}.next-action-heading small{color:var(--muted);margin-top:3px}.next-action-list{gap:9px;margin-top:14px;display:grid}.next-period-action{border:1px solid var(--line);width:100%;min-height:60px;color:var(--ink);background:var(--surface);text-align:left;cursor:pointer;border-radius:14px;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:10px 14px;display:grid}.next-period-action>span strong,.next-period-action>span small{display:block}.next-period-action>span small{color:var(--muted);margin-top:2px}.next-period-action>svg{width:19px;color:var(--blue)}.next-period-action.intermediary-next{border-color:color-mix(in srgb, var(--blue) 35%, var(--line));background:color-mix(in srgb, var(--blue) 7%, var(--surface));grid-template-columns:auto 1fr auto}.next-period-action.intermediary-next>svg:first-child{width:22px;color:var(--blue)}.intermediary-count{color:var(--green);align-items:center;gap:7px;margin:12px 0 0;font-weight:700;display:flex}.intermediary-count svg{width:18px}.review-day-action{margin-top:16px}.extra-reason-summary{border-bottom:1px solid var(--line);align-items:flex-start;gap:12px;padding:16px 0;display:flex}.extra-reason-summary>svg{color:var(--orange);flex:none}.extra-reason-summary small,.extra-reason-summary strong{display:block}.extra-reason-summary small{color:var(--muted)}.extra-review-legs{margin-top:4px}.extra-review-legs>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;min-height:68px;display:flex}.extra-review-legs span{color:var(--muted);text-align:right}.redo-banner,.redo-explanation{color:var(--orange);background:var(--orange-soft);border-radius:14px;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.redo-banner{margin-bottom:18px}.redo-banner>svg,.redo-explanation>svg{flex:none}.redo-banner strong,.redo-banner small,.redo-explanation strong,.redo-explanation small{display:block}.redo-banner small,.redo-explanation small{color:var(--ink);margin-top:3px}.review-identity{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;gap:20px;padding:14px 0;display:flex}.review-identity span{color:var(--muted)}.shift-review>div{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:14px;min-height:72px;display:grid}.shift-review svg{color:var(--blue)}.shift-review strong,.shift-review small{display:block}.shift-review small{color:var(--muted)}.shift-review b{font-size:.8rem}.shift-review b.recorded{color:var(--green)}.shift-review b.no_class{color:var(--blue)}.shift-review b.awaiting_other{color:var(--orange)}.records-page,.record-detail{width:min(720px,100%);margin:0 auto;padding:clamp(24px,4vw,44px) 20px 110px}.records-heading{align-items:flex-start;gap:14px;margin-bottom:22px;display:flex}.records-heading>svg{width:32px;height:32px;color:var(--blue)}.records-heading h1,.record-owner h1{margin:0;font-size:clamp(2rem,6vw,3rem);line-height:1}.records-heading p,.record-owner p{color:var(--muted);margin:7px 0 0}.records-list{border-top:1px solid var(--line)}.records-list button{border:0;border-bottom:1px solid var(--line);width:100%;min-height:76px;color:var(--ink);text-align:left;cursor:pointer;background:0 0;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:12px 4px;display:grid}.records-list strong,.records-list small{display:block}.records-list small{color:var(--muted)}.records-list b{color:var(--blue);font-size:.82rem}.records-list svg{color:var(--muted)}.record-detail-head{align-items:center;gap:14px;margin-bottom:20px;display:flex}.record-detail-head span{flex-direction:column;display:flex}.record-detail-head small{color:var(--muted)}.record-sheet{border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:22px}.record-owner{border-bottom:1px solid var(--line);align-items:center;gap:16px;padding-bottom:18px;display:flex}.record-owner .success-mark{flex:none;width:58px;height:58px;margin:0}.record-owner .success-mark svg{width:28px;height:28px}.record-shifts>div{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:12px;min-height:68px;display:grid}.record-shifts svg{color:var(--blue)}.record-shifts strong,.record-shifts small{display:block}.record-shifts small{color:var(--muted)}.record-shifts b{color:var(--green);font-size:.78rem}.redo-explanation{margin-top:18px}.shift-review b.pending{color:var(--orange)}@media (width<=760px){.portal-topbar{height:68px;padding:max(8px, env(safe-area-inset-top)) 16px 6px}.brand-mark{border-radius:10px;width:36px;height:36px}.brand-copy strong{font-size:1.18rem}.brand-copy small{display:none}.connection{font-size:0}.connection i{width:10px;height:10px}.avatar,.theme-toggle{width:40px;height:40px}.home-layout{padding:13px 16px calc(92px + env(safe-area-inset-bottom));display:block}.welcome-copy{margin-bottom:11px}.welcome-copy h1{font-size:clamp(2rem,9vw,2.65rem)}.welcome-copy p{margin-top:3px;font-size:1rem}.demo-tag{margin-top:4px;font-size:.6rem}.pass-status-row{padding:10px 16px}.time-grid{gap:8px;padding:14px 20px 12px}.time-grid>div{min-width:0}.time-grid strong{font-size:clamp(2.65rem,13vw,3.45rem)}.time-grid small{font-size:.62rem}.time-arrow{width:28px!important;height:28px!important}.route-grid{margin:0 20px}.route-grid>div{padding:10px 0}.route-grid>div+div{padding-left:20px}.route-grid strong{font-size:1.82rem}.route-grid span{font-size:.82rem}.pass-progress{padding:12px 20px 0}.pass-progress li{grid-template-columns:34px 1fr;gap:11px;min-height:50px}.pass-progress li>span{width:34px;height:34px}.pass-progress li:not(:last-child):after{height:21px;top:32px;left:16px}.pass-progress strong{font-size:1rem}.pass-progress small{margin-top:0;font-size:.72rem}.route-pass>.primary-action{width:calc(100% - 40px);min-height:50px;margin:6px 20px 12px}.today-board{display:none}.draft-note{margin-top:12px}.portal-bottom-nav{z-index:30;min-height:calc(72px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--line);background:var(--surface);grid-template-columns:repeat(3,1fr);display:grid;position:fixed;inset:auto 0 0}.portal-bottom-nav button{color:var(--muted);cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:.74rem;display:flex}.portal-bottom-nav button.active{color:var(--blue)}.portal-bottom-nav svg{width:24px;height:24px}.wizard-shell{grid-template-rows:auto 4px minmax(0,1fr) auto;min-height:calc(100dvh - 76px)}.wizard-head{padding:12px 16px 9px}.wizard-stage{padding:24px 18px 14px}.step-title{margin-bottom:24px}.step-title h1{font-size:clamp(2rem,9vw,2.6rem)}.shift-options{grid-template-columns:1fr;gap:9px}.choice-card{text-align:left;flex-direction:row;justify-content:flex-start;min-height:84px}.choice-card span{text-align:left}.choice-card>svg:last-child{margin-left:auto;position:static}.vehicle-choice{min-height:76px}.field-grid,.odometer-fields{grid-template-columns:1fr;gap:13px}.field.full,.distance-result{grid-column:auto}.segmented-control{grid-template-columns:1fr}.wizard-actions{padding:12px 18px max(14px, env(safe-area-inset-bottom))}.route-welcome{margin-bottom:10px}.route-switcher{grid-template-columns:1fr auto;gap:8px;padding:9px 11px}.route-switcher label{font-size:.78rem}.route-switcher select{min-width:110px}.route-switcher>span{grid-column:1/-1}.calendar-view-toggle{width:100%;margin-bottom:10px}.calendar-view-toggle button{min-height:44px}.calendar-strip{margin-bottom:10px}.calendar-day{column-gap:7px;min-height:68px;padding:8px 10px}.calendar-day strong{font-size:1.85rem}.calendar-day span{font-size:.67rem}.month-calendar{padding:12px 9px}.month-calendar-head{padding-inline:4px}.month-days{gap:3px}.month-days button,.month-blank{min-height:44px}.day-summary{margin:0 18px}.day-summary>div{padding:12px 0}.day-summary>div+div{padding-left:18px}.day-summary strong{font-size:1.8rem}.day-summary span{font-size:.75rem}.day-question{padding:12px 18px 4px}.day-question small{font-size:.74rem}.day-pass>.primary-action{width:calc(100% - 36px);margin:6px 18px 4px}.no-class-link{padding-bottom:12px}.extra-launcher{margin-top:12px;padding:14px}.extra-launcher>div:first-child{display:block}.extra-launcher>div:first-child small{margin-top:2px;display:block}.extra-launcher-actions button{min-height:64px}.day-wizard{grid-template-rows:auto auto minmax(0,1fr) auto;min-height:calc(100dvh - 68px)}.extra-shell{min-height:calc(100dvh - 68px)}.extra-progress span{min-height:44px;font-size:.68rem}.extra-stage{min-height:auto;padding-top:16px}.shift-tracker>span{min-height:44px}.context-grid{grid-template-columns:1fr;gap:10px}.context-grid .full{grid-column:auto}.centered-question{margin-top:3vh}.centered-question h1{font-size:2.45rem}.binary-actions{grid-template-columns:1fr}.period-start-grid{gap:8px}.period-start-grid button{min-height:98px;padding:10px 6px}.period-start-grid button>svg:first-child{width:29px;height:29px}.whole-day-off{grid-template-columns:1fr;gap:12px;margin-top:18px;padding-top:16px}.whole-day-off .secondary-action{width:100%}.odometer-choice{grid-template-columns:1fr;gap:8px}.next-action-panel{margin-top:18px;padding-top:16px}.review-identity{flex-direction:column;gap:3px}.shift-review>div{gap:10px;min-height:64px}.shift-review b{text-align:right;max-width:72px}.day-wizard .wizard-stage{padding:14px 16px 8px}.day-wizard .step-title{gap:10px;margin-bottom:13px}.day-wizard .step-title>svg{width:25px;height:25px}.day-wizard .step-title h1{font-size:2rem}.day-wizard .step-title p{margin-top:4px;font-size:.85rem}.day-wizard .context-grid{gap:7px}.day-wizard .field span{margin-bottom:3px;font-size:.78rem}.day-wizard .field input,.day-wizard .field select{height:46px;font-size:.92rem}.extra-shell .field input,.extra-shell .field select{height:48px;font-size:.92rem}.extra-shell .field textarea{font-size:.92rem}.day-wizard .no-class-day{min-height:58px;margin-top:8px;padding:8px 12px}.day-wizard .no-class-day small{font-size:.72rem}.records-page,.record-detail{padding:18px 16px calc(92px + env(safe-area-inset-bottom))}.record-sheet{padding:18px}.record-shifts b{text-align:right;max-width:72px}.extra-review-legs>div{flex-direction:column;justify-content:center;align-items:flex-start;gap:3px}.extra-review-legs span{text-align:left}}@media (width<=390px) and (height<=780px){.home-layout{padding-top:14px}.welcome-copy{margin-bottom:12px}.welcome-copy h1{font-size:2rem}.welcome-copy p{margin-top:4px;font-size:.95rem}.time-grid{padding-top:16px;padding-bottom:14px}.time-grid strong{font-size:3rem}.route-grid>div{padding:12px 0}.pass-progress{padding-top:14px}.next-ticket{min-height:62px;margin-top:10px}}@media (width<=340px){.brand-button{gap:8px;min-height:44px}.brand-copy strong{font-size:1.02rem}.topbar-actions{gap:6px}.avatar,.theme-toggle{width:44px;height:44px}.welcome-copy h1{max-width:190px;font-size:1.92rem}.welcome-copy p{max-width:180px}.demo-tag{padding:6px 8px;font-size:.52rem}.calendar-day{column-gap:4px;min-width:0;padding:7px 6px}.calendar-day strong{font-size:1.62rem}.calendar-day small{font-size:.62rem}.calendar-day span{gap:2px;font-size:.58rem}.day-summary{margin:0 14px}.day-summary>div+div{padding-left:14px}.day-summary strong{font-size:1.6rem}.day-question{padding-inline:14px}.route-pass>.primary-action{width:calc(100% - 28px);margin-inline:14px}}.auth-screen{--auth-paper:#f8f7f4;--auth-surface:#fff;--auth-surface-strong:#eef2f5;--auth-ink:#09131e;--auth-muted:#526070;--auth-line:#cdd5dd;--auth-navy:#07365f;--auth-blue:#0858a8;--auth-orange:#a64000;--auth-orange-soft:#fff0df;--auth-focus:#59a8f4;min-height:100dvh;padding:max(20px, env(safe-area-inset-top)) 16px max(20px, env(safe-area-inset-bottom));color:var(--auth-ink);background:var(--auth-paper);place-items:center;font-family:Mukta Malar,ui-sans-serif,system-ui,sans-serif;display:grid}.auth-screen[data-theme=dark]{--auth-paper:#07121d;--auth-surface:#0c1b2a;--auth-surface-strong:#13283a;--auth-ink:#f5f8fa;--auth-muted:#b3c1cd;--auth-line:#2b4357;--auth-navy:#06101a;--auth-blue:#58aaf4;--auth-orange:#ff8a3d;--auth-orange-soft:#3a1f10;--auth-focus:#8bc7ff}.auth-screen *,.auth-session-frame *{box-sizing:border-box}.auth-screen button,.auth-screen input,.auth-session-frame button{font:inherit}.auth-screen button:focus-visible,.auth-screen input:focus-visible,.auth-session-frame button:focus-visible{outline:3px solid var(--auth-focus,#59a8f4);outline-offset:3px}.auth-screen ::selection{color:#fff;background:var(--auth-blue)}.auth-theme-toggle{border:1px solid var(--auth-line);width:44px;height:44px;color:var(--auth-ink);background:var(--auth-surface);cursor:pointer;border-radius:13px;place-items:center;display:grid;position:fixed;inset-block-start:max(16px, env(safe-area-inset-top));inset-inline-end:16px}.auth-theme-toggle svg{width:20px;height:20px}.auth-card{border:1px solid var(--auth-line);background:var(--auth-surface);border-radius:16px;width:min(100%,430px);padding:clamp(22px,7vw,34px);box-shadow:0 18px 42px -34px #05182a80}.auth-brand{align-items:center;gap:12px;margin-bottom:32px;display:flex}.auth-brand>span{color:#fff;background:var(--auth-navy);border-radius:12px;place-items:center;width:44px;height:44px;font-family:ui-sans-serif,system-ui,sans-serif;font-weight:800;display:grid}.auth-brand strong{letter-spacing:-.025em;font-size:1.42rem;line-height:1}.auth-brand b{color:var(--auth-blue)}.auth-form,.auth-state,.auth-loading{gap:20px;display:grid}.auth-form h1,.auth-state h1,.auth-loading h1{letter-spacing:-.03em;margin:0;font-size:clamp(2rem,10vw,2.65rem);line-height:.95}.auth-form p,.auth-state p,.auth-loading p{color:var(--auth-muted);margin:7px 0 0;line-height:1.35}.auth-field{color:var(--auth-muted);gap:7px;font-weight:700;display:grid}.auth-field input{border:1px solid var(--auth-line);width:100%;height:58px;color:var(--auth-ink);background:var(--auth-surface);border-radius:12px;padding:0 15px;font-family:ui-sans-serif,system-ui,sans-serif;font-size:1rem}.auth-field input[aria-invalid=true]{border-color:var(--auth-orange)}.auth-field small{color:var(--auth-muted);font-weight:500}.auth-password-input{display:block;position:relative}.auth-password-input input{padding-inline-end:60px}.auth-password-input button{width:44px;color:var(--auth-muted);cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;display:grid;position:absolute;inset-block:7px;inset-inline-end:7px}.auth-password-input svg{width:20px;height:20px}.auth-primary{color:#fff;background:var(--auth-blue);min-height:56px;box-shadow:0 10px 24px -18px color-mix(in srgb, var(--auth-blue) 75%, #000);cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:0 20px;font-weight:700;display:flex}.auth-primary:hover{background:color-mix(in srgb, var(--auth-blue) 86%, #000)}.auth-primary:disabled{cursor:not-allowed;opacity:.52}.auth-primary svg{width:20px;height:20px}.auth-secondary{border:1px solid var(--auth-line);min-height:48px;color:var(--auth-ink);cursor:pointer;background:0 0;border-radius:12px;font-weight:700}.auth-first-access-icon{width:52px;height:52px;color:var(--auth-blue);background:color-mix(in srgb, var(--auth-blue) 12%, var(--auth-surface));border-radius:16px;place-items:center;display:grid}.auth-first-access-icon svg{width:26px;height:26px}.auth-first-access-icon+div{gap:12px;display:grid}.auth-error{color:var(--auth-orange);background:var(--auth-orange-soft);border-radius:12px;align-items:flex-start;gap:10px;margin:-2px 0 0;padding:13px 14px;line-height:1.3;display:flex}.auth-error svg{flex:none;width:20px;height:20px}.auth-help{color:var(--auth-muted);text-align:center;line-height:1.35}.auth-mode-tag{width:fit-content;color:var(--auth-orange);background:var(--auth-orange-soft);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:7px 10px;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.72rem;font-weight:800}.auth-state-error>svg{width:42px;height:42px;color:var(--auth-orange)}.auth-state-error small{color:var(--auth-muted)}.auth-loading{text-align:center;justify-items:center}.auth-loading>span{border:3px solid var(--auth-surface-strong);border-top-color:var(--auth-blue);border-radius:50%;width:42px;height:42px;animation:.7s linear infinite auth-spin}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-session-frame{background:#07121d;min-height:100dvh}.auth-session-bar{min-height:38px;padding:4px max(12px, env(safe-area-inset-right)) 4px max(12px, env(safe-area-inset-left));color:#f5f8fa;background:#07365f;justify-content:space-between;align-items:center;gap:12px;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.78rem;font-weight:700;display:flex}.auth-session-bar.is-demo{color:#3a1f10;background:#ffd7ad}.auth-session-bar>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.auth-session-bar button{min-height:30px;color:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:10px;flex:none;align-items:center;gap:7px;padding:0 10px;font-weight:800;display:flex}.auth-session-bar button:disabled{cursor:wait;opacity:.6}.auth-session-bar svg{width:16px;height:16px}.auth-app-content,.auth-app-content .portal-demo{min-height:calc(100dvh - 38px)}@media (width<=360px){.auth-card{padding-inline:20px}.auth-session-bar>span{max-width:170px}.auth-session-bar button{justify-content:center;width:44px;padding:0;font-size:0}.auth-session-bar button svg{width:18px;height:18px}}@media (prefers-reduced-motion:reduce){.auth-loading>span{animation-duration:1.4s}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}html,body,#root{min-width:320px;min-height:100%;margin:0}body{background:#07121d;min-height:100dvh}.pwa-update-notice{right:max(16px, env(safe-area-inset-right));bottom:max(88px, calc(env(safe-area-inset-bottom) + 72px));left:max(16px, env(safe-area-inset-left));z-index:1000;color:#f5f8fa;background:#0c1b2a;border:1px solid #2b4357;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;max-width:480px;min-height:56px;margin-inline:auto;padding:12px 12px 12px 16px;font:700 .9rem/1.25 ui-sans-serif,system-ui,sans-serif;display:flex;position:fixed;box-shadow:0 18px 42px -24px #05182acc}.pwa-update-actions{flex:none;gap:4px;display:flex}.pwa-update-notice button{min-width:44px;min-height:44px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:0 12px}.pwa-update-notice button:focus-visible{outline-offset:2px;outline:3px solid #8bc7ff}.pwa-update-notice .pwa-update-now{color:#07121d;background:#58aaf4}.pwa-update-notice button:disabled{cursor:wait;opacity:.75}@media (width<=390px){.pwa-update-notice{flex-direction:column;align-items:stretch}.pwa-update-actions{justify-content:flex-end}}