/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-outline-style:solid}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.outline{outline-style:var(--tw-outline-style);outline-width:1px}}:root{--brand-primary:#1f5fa4;--brand-secondary:#00a6d6;--brand-light:#eaf4fb;--brand-surface:#f3f7fb;--success:#4caf3d;color:#182126;font-synthesis:none;background:#dfe5e9;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}.app-shell{background:#f5f7f9;width:min(100%,430px);min-height:100vh;margin:0 auto;overflow:hidden;box-shadow:0 0 36px #33415520}.screen{min-height:100vh;padding-bottom:28px}.content{padding:16px 14px 34px}.content.driver-content{padding-bottom:92px}h1,h2,h3,p{margin-top:0}h2{font-size:18px}h3{font-size:16px}.brand{color:#123f33;align-items:center;gap:10px;display:flex}.brand>span:last-child{flex-direction:column;line-height:1.2;display:flex}.brand b{letter-spacing:.5px;font-size:18px}.brand small{color:#6b7c76;margin-top:4px;font-size:11px}.brand-logo{color:#fff;background:linear-gradient(145deg,#0d7358,#16a176);border-radius:16px;place-items:center;width:52px;height:52px;display:grid;position:relative;box-shadow:0 7px 16px #0d735832}.brand-logo svg:last-child{color:#d4f5e6;position:absolute;bottom:6px;right:4px}.brand-logo.small{border-radius:12px;width:39px;height:39px}.topbar{z-index:10;background:#fffffff5;border-bottom:1px solid #e8ecea;align-items:center;gap:10px;height:64px;padding:10px 14px;display:flex;position:sticky;top:0}.topbar .brand b{font-size:14px}.topbar-title{color:#637069;margin-left:auto;font-size:14px}.icon-button{color:#56645e;background:#f1f4f3;border:0;border-radius:11px;place-items:center;width:36px;height:36px;display:grid}.icon-button svg{width:18px}.login-page{background:linear-gradient(155deg,#f0faf6,#f7f9f8 45%,#eef3f5);flex-direction:column;justify-content:center;min-height:100vh;padding:30px 20px;display:flex;position:relative;overflow:hidden}.login-decor{filter:blur(2px);border-radius:50%;position:absolute}.login-decor.one{background:#58c8a321;width:260px;height:260px;top:-80px;right:-150px}.login-decor.two{background:#98bdd426;width:190px;height:190px;bottom:20px;left:-120px}.login-card{background:#ffffffeb;border:1px solid #fff;border-radius:26px;padding:34px 24px 28px;position:relative;box-shadow:0 24px 60px #344b4221}.login-brand{flex-direction:column;align-items:center;margin-bottom:34px;display:flex}.login-brand .brand{text-align:center;flex-direction:column}.login-brand .brand b{font-size:23px}.login-brand .brand small{font-size:13px}.login-brand p{color:#82918b;letter-spacing:3px;margin:14px 0 0;font-size:13px}.login-actions,.login-form{gap:14px;display:grid}.login-tip{text-align:center;color:#89948f;margin:6px 8px 0;font-size:12px;line-height:1.6}.back-link{color:#66746e;background:0 0;border:0;align-items:center;padding:5px;display:flex;position:absolute;top:16px;left:16px}.copyright{z-index:1;text-align:center;color:#98a29e;margin:22px 0 -18px;font-size:11px}.btn{border:0;border-radius:11px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:9px 16px;font-size:14px;font-weight:600;transition:all .18s;display:inline-flex}.btn svg{width:18px;height:18px}.btn:active{transform:scale(.98)}.btn.primary{color:#fff;background:linear-gradient(135deg,#11775b,#15966f);box-shadow:0 6px 13px #11775b24}.btn.primary:disabled{box-shadow:none;background:#c5ceca}.btn.outline{color:#14785d;background:#fff;border:1px solid #65a792}.btn.ghost{color:#596862;background:#f0f3f2}.btn.danger{color:#b94242;background:#fff0f0}.btn.large{min-height:51px;font-size:16px}.btn.full{width:100%}.btn.small{min-height:34px;padding:6px 11px;font-size:12px}.btn.compact{min-height:38px;margin-top:12px}.text-link{color:#118060;background:0 0;border:0;padding:4px;font-size:13px}.text-link.red{color:#c84b4b}.demo-accounts{color:#53635d;background:#f5f8f7;border-radius:12px;flex-direction:column;gap:6px;margin-top:7px;padding:13px;font-size:12px;display:flex}.demo-accounts span{color:#11775b;cursor:pointer}.demo-accounts small{color:#929c98}.field{flex-direction:column;gap:7px;margin-bottom:14px;display:flex}.field>span{color:#485650;font-size:13px;font-weight:600}.field small{color:#8c9692}.field input,.field select,.search input,.filter-card select{color:#25312c;background:#fbfcfc;border:1px solid #dce3df;border-radius:10px;outline:none;width:100%;height:43px;padding:0 12px}.input-icon{position:relative}.input-icon svg{color:#87938e;position:absolute;top:12px;left:12px}.input-icon input{padding-left:39px}.form-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.form-error,.form-success{border-radius:8px;margin:0;padding:9px 11px;font-size:12px}.form-error{color:#b63f3f;background:#fff1f1}.form-success{color:#167354;background:#eaf8f2}.card{background:#fff;border:1px solid #e7ebe9;border-radius:16px;margin-bottom:12px;padding:16px;box-shadow:0 4px 14px #4d5e570a}.card-title{justify-content:space-between;margin:0 0 10px;display:flex}.card-title small{color:#a0aaa6;font-weight:400}.section-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.section-head h2,.section-head h3{margin:0 0 4px}.section-head p{color:#89948f;margin:0;font-size:12px}.title-row{justify-content:space-between;align-items:center;margin:2px 2px 12px;display:flex}.title-row h2{margin:0}.title-row>span{color:#8b9691;font-size:12px}.badge{white-space:nowrap;border-radius:999px;flex:none;align-items:center;padding:4px 8px;font-size:11px;font-weight:600;display:inline-flex}.badge.orange{color:#a66515;background:#fff3dc}.badge.red{color:#bd4141;background:#ffeded}.badge.purple{color:#7252a3;background:#f0eafb}.badge.gray{color:#68736e;background:#eff2f1}.notice{border-radius:10px;margin-bottom:12px;padding:10px 13px;font-size:13px}.notice.success{color:#176e54;background:#e7f6f0;border:1px solid #ccebdd}.subhead,.guard-summary{background:#fff;border-bottom:1px solid #edf0ef;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.subhead div,.guard-summary div{flex-direction:column;gap:4px;display:flex}.subhead b,.guard-summary b{font-size:15px}.subhead span,.guard-summary span{color:#82908a;font-size:11px}.segmented{background:#e9eeec;border-radius:13px;grid-template-columns:1fr 1fr;margin:12px 14px 0;padding:4px;display:grid}.segmented.three{grid-template-columns:repeat(3,1fr)}.segmented button{color:#69756f;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;gap:5px;height:38px;font-size:12px;display:flex}.segmented button svg{width:16px}.segmented button.active{color:#146f56;background:#fff;font-weight:600;box-shadow:0 2px 7px #37463f17}.driver-welcome{background:linear-gradient(125deg,#effaf6,#fff);border-bottom:1px solid #e5eeea;align-items:center;gap:12px;padding:14px 16px;display:flex}.driver-welcome>div:last-child{flex-direction:column;gap:3px;display:flex}.driver-welcome b{font-size:15px}.driver-welcome span{color:#809089;font-size:11px}.prep-card{padding:14px}.steps{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px;display:grid}.step{color:#8e9995;text-align:center;background:#f5f7f6;border:1px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:5px;padding:11px 4px;display:flex;position:relative}.step>span{background:#e7ecea;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.step svg{width:17px}.step b{font-size:12px}.step small{white-space:nowrap;font-size:9px}.step.active>span{color:#fff;background:#178162}.step.done>span{color:#fff;background:#45a685}.eyebrow{color:#17906b;margin-bottom:5px;font-size:11px}.task-info{background:#f7f9f8;border-radius:10px;grid-template-columns:repeat(3,1fr);gap:5px;margin:13px 0;padding:10px 6px;display:grid}.task-info span{color:#89948f;text-align:center;flex-direction:column;gap:4px;font-size:9px;display:flex}.task-info b{color:#2b3732;white-space:nowrap;font-size:11px}.card-actions{justify-content:flex-end;gap:9px;margin-top:13px;display:flex}.card-actions .btn{flex:1}.review-track{color:#9aa39f;grid-template-columns:12px auto 1fr 12px auto;align-items:center;gap:5px;margin:12px 3px;font-size:10px;display:grid}.review-track i{background:#d6ddda;border-radius:50%;width:10px;height:10px}.review-track em{background:#dfe4e2;height:2px}.review-track span.done{background:0 0}.bottom-nav{z-index:8;width:min(100%,430px);height:68px;padding-bottom:env(safe-area-inset-bottom);background:#fffffff7;border-top:1px solid #e4e9e7;grid-template-columns:1fr 1fr;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav button{color:#919b97;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:10px;display:flex}.bottom-nav svg{width:21px}.bottom-nav button.active{color:#147b5c;font-weight:600}.modal-mask{z-index:30;background:#16231e80;justify-content:center;align-items:flex-end;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}.modal{background:#fff;border-radius:24px 24px 0 0;width:min(100%,430px);max-height:88vh;animation:.2s ease-out rise;overflow:auto}.modal-head{z-index:2;background:#fff;border-bottom:1px solid #edf0ef;justify-content:space-between;align-items:center;padding:18px 18px 11px;display:flex;position:sticky;top:0}.modal-head h3{margin:0;font-size:17px}.close{color:#67736e;background:#f0f3f2;border:0;border-radius:50%;width:31px;height:31px;font-size:22px}.modal-body{padding:17px 18px}.modal-footer{padding:12px 18px calc(12px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #edf0ef;justify-content:flex-end;gap:9px;display:flex;position:sticky;bottom:0}.modal-footer .btn{min-width:92px}@keyframes rise{0%{opacity:.5;transform:translateY(40px)}}.dialog-note{color:#596760;gap:12px;line-height:1.65;display:flex}.dialog-note svg{color:#e59a30;flex:none}.dialog-note p{margin:0;font-size:13px}.summary-list{flex-direction:column;display:flex}.summary-list span,.readonly-list span{color:#77837e;border-bottom:1px dashed #e5e9e7;justify-content:space-between;align-items:center;gap:12px;min-height:39px;font-size:12px;display:flex}.summary-list b,.readonly-list b{color:#2c3833;text-align:right}.summary-list.compact span,.readonly-list.compact span{min-height:33px}.simple-head{background:#fff;justify-content:space-between;align-items:center;height:64px;padding:10px 16px;display:flex}.intro{text-align:center;padding:26px 30px 15px}.intro>svg{color:#16805f;width:42px;height:42px}.intro h1{margin:10px 0 6px;font-size:21px}.intro p{color:#7d8984;font-size:12px;line-height:1.6}.single-card{padding-top:0}.upload-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.upload-grid button,.face-upload{color:#7b8983;background:#f8faf9;border:1px dashed #b9c7c1;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;height:88px;font-size:12px;display:flex}.face-upload{flex-direction:row;width:100%;height:65px;margin:11px 0}.profile-hero{color:#fff;background:linear-gradient(125deg,#137a5d,#1a9a72);border-radius:17px;align-items:center;gap:12px;margin-bottom:14px;padding:20px;display:flex}.profile-hero .avatar{background:#ffffff2c;border-radius:50%;place-items:center;width:50px;height:50px;display:grid;overflow:hidden}.profile-hero .avatar img{object-fit:cover;width:100%;height:100%}.profile-hero h2{margin:0 0 3px}.profile-hero p{opacity:.78;margin:0;font-size:12px}.profile-hero .badge{color:#fff;background:#ffffff2b;margin-left:auto}.setting-row{text-align:left;background:#fff;border:0;border-bottom:1px solid #edf0ef;align-items:center;gap:11px;width:100%;min-height:61px;padding:8px 0;display:flex}.setting-row>span:nth-child(2){flex-direction:column;flex:1;gap:3px;display:flex}.setting-row b{font-size:13px}.setting-row small{color:#8b9692}.setting-row>svg{color:#9aa49f;width:18px}.setting-icon{border-radius:11px;place-items:center;width:37px;height:37px;display:grid}.setting-icon svg{width:18px}.setting-icon.orange{color:#ba771c;background:#fff2dc}.account-actions{padding:0;overflow:hidden}.logout-row{color:#c94a4a;background:#fff;border:0;justify-content:center;align-items:center;gap:8px;width:100%;min-height:52px;font-weight:600;display:flex}.logout-row svg{width:18px}.face-guidance{color:#6e5c32;background:#fff7e5;border-radius:11px;gap:10px;margin-bottom:15px;padding:11px;display:flex}.face-guidance svg{color:#c48628;flex:none}.face-guidance b{font-size:13px}.face-guidance p{margin:3px 0 0;font-size:11px;line-height:1.55}.photo-preview{color:#87958f;background:#f5f8f7;border:1px dashed #aebeb7;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:190px;margin:0 auto 14px;display:flex;overflow:hidden}.photo-preview.round{border-radius:50%;width:190px}.photo-preview.face-frame{border:3px solid #d7e2de;border-radius:72px 72px 58px 58px;width:150px;box-shadow:0 0 0 1px #aebeb7}.photo-preview img{object-fit:cover;width:100%;height:100%}.photo-preview svg{width:32px}.photo-preview span{font-size:11px}.photo-picker{cursor:pointer;position:relative}.photo-picker input{opacity:0;cursor:pointer;position:absolute;top:0;right:0;bottom:0;left:0}.photo-local-tip{text-align:center;color:#929d98;margin:10px 0 0;font-size:10px}.progress-meta{color:#72807a;justify-content:space-between;margin:14px 0 6px;font-size:11px;display:flex}.progress{background:#e8eeeb;border-radius:7px;height:7px;overflow:hidden}.progress i{background:linear-gradient(90deg,#26a67d,#79c9ac);border-radius:7px;height:100%;display:block}.plan-stats{justify-content:space-around;padding:13px 0;display:flex}.plan-stats span{color:#89938f;flex-direction:column;align-items:center;gap:3px;font-size:10px;display:flex}.plan-stats b{color:#27342e;font-size:16px}.plan-tags{gap:6px;margin-top:10px;display:flex}.plan-tags span{color:#718079;background:#f0f4f2;border-radius:6px;padding:4px 7px;font-size:10px}.orders{border-top:1px solid #edf0ef;margin:14px -4px 0;padding-top:13px}.orders-head{justify-content:space-between;align-items:center;margin-bottom:7px;display:flex}.order-row{border-bottom:1px solid #f0f2f1;justify-content:space-between;padding:11px 0;display:flex}.order-driver{align-items:center;gap:9px;display:flex}.order-driver>span:last-child,.order-side{flex-direction:column;gap:4px;display:flex}.order-driver b{font-size:13px}.order-driver small{color:#82908a;font-size:10px}.order-side{align-items:flex-end}.mini-avatar,.avatar-sm{color:#177a5d;background:#e6f5ef;border-radius:11px;flex:none;place-items:center;width:35px;height:35px;font-weight:700;display:grid}.avatar-sm{border-radius:13px;width:42px;height:42px}.privacy-tip,.warning-box{color:#887038;background:#fff7e5;border-radius:9px;margin:0 0 15px;padding:10px 11px;font-size:11px;line-height:1.6}.warning-box{color:#a45b24;background:#fff1e7}.warning-box.neutral{color:#586962;background:#f0f4f2}.driver-row,.driver-admin-row{align-items:center;gap:11px;padding:13px;display:flex}.driver-row>div,.driver-admin-row>div{flex:1}.driver-row h3,.driver-admin-row h3{align-items:center;gap:5px;margin:0 0 4px;display:flex}.driver-row p,.driver-admin-row p{color:#82908a;margin:0;font-size:11px}.filter-card{background:#fff;border:1px solid #e7ebe9;border-radius:14px;grid-template-columns:1.65fr 1fr;gap:8px;margin-bottom:12px;padding:10px;display:grid}.search{position:relative}.search svg{color:#93a09a;width:17px;position:absolute;top:12px;left:10px}.search input{padding-left:33px}.filter-card select{padding:0 7px;font-size:12px}.search.standalone{margin-bottom:12px}.search.standalone input,.invite-driver-search input{background:#fff}.driver-search-results{border:1px solid #e1e7e4;border-radius:12px;max-height:220px;margin:-4px 0 16px;overflow-y:auto}.search-hint{color:#8d9994;background:#f8faf9;place-items:center;min-height:66px;padding:20px 12px;font-size:11px;display:grid}.search-hint.empty-result{color:#9b7777}.driver-result{text-align:left;background:#fff;border:0;border-bottom:1px solid #edf1ef;align-items:center;gap:9px;width:100%;min-height:65px;padding:10px;display:flex}.driver-result:last-child{border-bottom:0}.driver-result>span:nth-child(2){flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.driver-result>span:last-child{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.driver-result b{font-size:13px}.driver-result b i{color:#16805f;margin-left:6px;font-size:10px;font-style:normal}.driver-result small{color:#83908a;font-size:10px}.driver-result small.unverified{color:#bd7925}.driver-result.selected{background:#edf8f4;box-shadow:inset 3px 0 #16805f}.readonly-panel{color:#728079;background:#f5f7f6;border-radius:10px;flex-direction:column;gap:6px;padding:11px;font-size:11px;display:flex}.readonly-panel b{color:#435149;margin-bottom:3px}.empty{color:#9ba6a1;flex-direction:column;justify-content:center;align-items:center;min-height:180px;display:flex}.empty p{margin:10px;font-size:12px}.guard-summary{background:linear-gradient(120deg,#f1faf6,#fff)}.online-dot{background:#e4f6ef;border-radius:20px;padding:5px 9px;color:#167b5a!important}.guard-tabs{background:#fff;border-bottom:1px solid #e8ecea;grid-template-columns:repeat(4,1fr);display:grid}.guard-tabs button{color:#77847e;background:0 0;border:0;border-bottom:2px solid #0000;flex-direction:column;align-items:center;gap:4px;padding:11px 2px 9px;font-size:9px;display:flex}.guard-tabs button span{color:#4d5b55;font-size:15px;font-weight:700}.guard-tabs button.active{color:#117659;border-color:#198361}.guard-tabs button.active span{color:#117659}.vehicle-card.priority{border-left:4px solid #e35e5e}.vehicle-head{justify-content:space-between;align-items:center;display:flex}.plate{letter-spacing:1px;align-items:center;gap:8px;font-size:20px;font-weight:800;display:flex}.vehicle-driver{align-items:center;gap:9px;margin:13px 0 5px;display:flex}.vehicle-driver h3,.vehicle-driver p{margin:0}.vehicle-driver p{color:#86928d;margin-top:3px;font-size:11px}.unit-input{position:relative}.unit-input input{padding-right:42px}.unit-input span{color:#79857f;font-size:12px;position:absolute;top:12px;right:13px}.guard-search-row{grid-template-columns:minmax(0,1fr) 104px;gap:8px;margin-bottom:9px;display:grid}.guard-search-row.search-only{grid-template-columns:1fr}.guard-search-row .search input{background:#fff;height:40px;font-size:12px}.guard-search-row .search svg{top:11px}.cargo-filter-trigger{color:#60717a;background:#fff;border:1px solid #dbe4e9;border-radius:10px;justify-content:center;align-items:center;gap:5px;min-width:0;height:40px;padding:0 9px;font-size:11px;display:flex}.cargo-filter-trigger svg{flex:none;width:16px}.cargo-filter-trigger span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cargo-filter-trigger.active{color:var(--brand-primary);background:#eef7fc;border-color:#82b6d2}.guard-queue-tabs{background:#e8eff4;border-radius:12px;grid-template-columns:repeat(2,1fr);gap:4px;margin-bottom:10px;padding:4px;display:grid}.guard-queue-tabs button{color:#6f7d85;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;gap:5px;min-width:0;height:34px;padding:0 5px;font-size:10px;display:flex}.guard-queue-tabs button b{color:#60717a;background:#d6e0e6;border-radius:9px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:9px;display:grid}.guard-queue-tabs button.active{color:var(--brand-primary);background:#fff;font-weight:700;box-shadow:0 2px 7px #263d4c16}.guard-queue-tabs button.active b{color:#fff;background:var(--brand-primary)}.guard-vehicle-list .vehicle-card{border-radius:14px;margin-bottom:8px;padding:12px 13px}.guard-vehicle-list .vehicle-driver{margin:8px 0 2px}.guard-vehicle-list .avatar-sm{border-radius:11px;width:36px;height:36px}.guard-vehicle-list .plate{font-size:18px}.guard-vehicle-list .summary-list.compact span{min-height:27px;font-size:10px}.guard-vehicle-list .summary-list.compact b{max-width:70%}.guard-vehicle-list .card-actions{margin-top:9px}.guard-vehicle-list .card-actions .btn{min-height:37px}.filter-drawer-backdrop{z-index:40;background:#13232c70;width:min(100%,430px);position:fixed;top:0;bottom:0;left:50%;transform:translate(-50%)}.filter-drawer{background:#fff;flex-direction:column;width:min(86%,360px);animation:.2s ease-out drawer-in;display:flex;position:absolute;top:0;bottom:0;right:0;box-shadow:-12px 0 30px #19304128}.filter-drawer-head{border-bottom:1px solid #e7edf1;justify-content:space-between;align-items:center;gap:12px;min-height:72px;padding:16px;display:flex}.filter-drawer-head>div{flex-direction:column;gap:4px;display:flex}.filter-drawer-head b{font-size:17px}.filter-drawer-head span{color:#85939b;font-size:10px}.filter-drawer-head button{color:#60717a;background:#eff3f5;border:0;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.filter-drawer-head svg{width:18px}.filter-drawer-body{flex:1;padding:8px 16px;overflow-y:auto}.filter-choice{color:#34444d;text-align:left;background:#fff;border:0;border-bottom:1px solid #edf1f3;justify-content:space-between;align-items:center;width:100%;min-height:58px;padding:9px 4px;display:flex}.filter-choice>span{flex-direction:column;gap:4px;display:flex}.filter-choice b{font-size:13px}.filter-choice small{color:#8b989f;font-size:10px}.filter-choice>svg{width:19px;color:var(--brand-primary)}.filter-choice.selected b{color:var(--brand-primary)}.filter-drawer-footer{padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid #e7edf1}@keyframes drawer-in{0%{transform:translate(100%)}}.app-shell{background:var(--brand-surface)}.brand{color:#174f87}.brand-logo{background:linear-gradient(145deg,var(--brand-primary),var(--brand-secondary));box-shadow:0 7px 16px #1f5fa432}.brand-logo svg:last-child{color:#c9f0c1}.login-page{background:linear-gradient(155deg,#eef7fd,#f8fbfd 45%,#f1f6fa)}.login-decor.one{background:#00a6d621}.login-decor.two{background:#1f5fa420}.btn.primary{background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));box-shadow:0 6px 13px #1f5fa424}.btn.outline{color:var(--brand-primary);border-color:#6e9fc7}.text-link,.demo-accounts span{color:var(--brand-primary)}.field input:focus,.field select:focus,.search input:focus{border-color:var(--brand-secondary);box-shadow:0 0 0 3px #00a6d618}.badge.green{color:#39842f;background:#edf8ea}.badge.blue{color:var(--brand-primary);background:var(--brand-light)}.notice.success,.form-success{color:#39842f;background:#eff9ed;border-color:#d4edcf}.segmented{background:#e8f0f6}.segmented button.active{color:var(--brand-primary)}.driver-welcome,.guard-summary{background:linear-gradient(125deg,#eaf6fc,#fff);border-color:#dceaf3}.step.active{color:var(--brand-primary);background:#eff8fc;border-color:#7ab7d2}.step.active>span{background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary))}.step.done{color:#39842f;background:#eff9ed}.step.done>span{background:var(--success)}.eyebrow{color:var(--brand-secondary)}.task-card.current{border-color:#75b7d3;box-shadow:0 5px 18px #1f5fa416}.review-track .done{color:var(--success);background:var(--success)}.bottom-nav button.active{color:var(--brand-primary)}.green-text{color:#39842f!important}.intro>svg{color:var(--brand-primary)}.upload-grid button.done,.face-upload.done{color:var(--brand-primary);background:#eef7fc;border-color:#6da8ca}.profile-hero{background:linear-gradient(125deg,var(--brand-primary),var(--brand-secondary))}.setting-icon.blue{color:var(--brand-primary);background:var(--brand-light)}.progress i{background:linear-gradient(90deg,var(--brand-primary),var(--brand-secondary))}.mini-avatar,.avatar-sm{color:var(--brand-primary);background:var(--brand-light)}.driver-result b i{color:var(--brand-primary)}.driver-result small.verified{color:#39842f}.driver-result.selected{box-shadow:inset 3px 0 var(--brand-primary);background:#edf7fc}.online-dot{background:#edf8ea;color:#39842f!important}.guard-tabs button.active,.guard-tabs button.active span{color:var(--brand-primary)}.guard-tabs button.active{border-color:var(--brand-secondary)}.plate svg{color:var(--brand-primary)}@media(max-width:360px){.segmented button{font-size:10px}.segmented button svg{display:none}.task-info b{font-size:10px}.modal-footer .btn{min-width:78px}}.operations-filter-card{background:#fff;border:1px solid #e3e9e6;border-radius:14px;margin-bottom:12px;padding:11px}.operations-filter-card .search{margin-bottom:9px}.filter-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.filter-grid select{color:#5f6e67;background:#fbfcfc;border:1px solid #dfe5e2;border-radius:10px;width:100%;height:39px;padding:0 8px;font-size:11px}.filter-reset{min-height:39px;padding:6px 10px;font-size:12px}.plan-actions{grid-template-columns:1fr 1fr;gap:9px;display:grid}.plan-actions .btn{width:100%}.prep-flow{background:var(--brand-surface);min-height:100vh}.flow-header{z-index:10;background:#fff;border-bottom:1px solid #e4ebf0;grid-template-columns:42px 1fr 42px;align-items:center;height:62px;padding:8px 12px;display:grid;position:sticky;top:0}.flow-header button{background:var(--brand-light);width:38px;height:38px;color:var(--brand-primary);border:0;border-radius:12px;place-items:center;display:grid}.flow-header button svg{width:19px}.flow-header div{text-align:center;flex-direction:column;gap:2px;display:flex}.flow-header b{font-size:14px}.flow-header span{color:#77858f;font-size:10px}.flow-progress{background:#fff;border-bottom:1px solid #e8edf1;grid-template-columns:repeat(3,1fr);padding:13px 18px;display:grid}.flow-progress div{color:#99a4ab;flex-direction:column;align-items:center;gap:5px;font-size:10px;display:flex;position:relative}.flow-progress div:not(:last-child):after{content:"";background:#dce4e9;width:calc(100% - 38px);height:2px;position:absolute;top:13px;left:calc(50% + 19px)}.flow-progress span{z-index:1;background:#e8edf0;border-radius:50%;place-items:center;width:27px;height:27px;font-weight:700;display:grid}.flow-progress svg{width:14px}.flow-progress .active{color:var(--brand-primary)}.flow-progress .active span{color:#fff;background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary))}.flow-progress .done{color:#39842f}.flow-progress .done span{color:#fff;background:var(--success)}.flow-progress .done:after{background:#9ed694!important}.flow-content{padding:14px 14px 30px}.flow-card{background:#fff;border:1px solid #e2e9ed;border-radius:16px;margin-bottom:13px;padding:15px}.flow-title{align-items:center;gap:10px;margin-bottom:13px;display:flex}.flow-title>svg{width:34px;height:34px;color:var(--brand-primary);background:var(--brand-light);border-radius:10px;padding:7px}.flow-title h2{margin:0 0 3px;font-size:16px}.flow-title p{color:#87939a;margin:0;font-size:10px}.flow-submit{min-height:48px;margin-top:4px}.interface-note{text-align:center;color:#95a0a6;margin:10px 15px;font-size:10px;line-height:1.5}.training-video{color:#fff;background:#102b46;border-radius:17px;margin-bottom:13px;overflow:hidden;box-shadow:0 8px 22px #183b5d26}.video-stage{background:radial-gradient(circle at 75% 25%,#00a6d64a,#0000 38%),linear-gradient(140deg,#102f55,#1f5fa4);justify-content:center;align-items:center;height:218px;padding:38px 28px 30px;display:flex;position:relative}.video-watermark{opacity:.8;align-items:center;gap:6px;font-size:10px;display:flex;position:absolute;top:12px;left:14px}.video-watermark svg{width:15px}.video-topic{text-align:center;animation:.35s topic-in}.video-topic span{color:#8eddf2;letter-spacing:3px;font-size:10px}.video-topic h2{margin:10px 0 8px;font-size:23px}.video-topic p{color:#d8eaf5;margin:0;font-size:11px;line-height:1.75}.video-lock{color:#a7c8dd;font-size:9px;position:absolute;bottom:10px}.video-controls{background:#0c2238;grid-template-columns:34px 1fr 75px;align-items:center;gap:9px;height:51px;padding:0 13px;display:grid}.video-controls button{color:#fff;background:#ffffff19;border:0;border-radius:50%;place-items:center;width:31px;height:31px;display:grid}.video-controls button svg{width:16px}.video-controls>div{background:#ffffff25;border-radius:5px;height:5px;overflow:hidden}.video-controls i{background:linear-gradient(90deg,var(--brand-secondary),#74ddf3);height:100%;display:block}.video-controls>span{text-align:right;color:#b9ccda;font-size:10px}.video-complete{color:#39842f;background:#edf8ea;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:11px;font-weight:600;display:flex}.video-complete svg{width:16px}.training-copy{flex-direction:column;display:flex}.training-copy article{border-bottom:1px dashed #e1e7ea;gap:10px;padding:10px 0;display:flex}.training-copy article:last-child{border:0}.training-copy article>span{width:24px;height:24px;color:var(--brand-primary);background:var(--brand-light);border-radius:8px;flex:none;place-items:center;font-size:10px;font-weight:700;display:grid}.training-copy b{font-size:12px}.training-copy p{color:#78858c;margin:4px 0 0;font-size:10px;line-height:1.6}.confirmation-card.locked{opacity:.62}.confirm-check{border-bottom:1px solid #edf0f2;align-items:center;gap:10px;padding-bottom:13px;display:flex}.confirm-check input{width:20px;height:20px;accent-color:var(--brand-primary)}.confirm-check>span{flex-direction:column;gap:3px;display:flex}.confirm-check b{font-size:12px}.confirm-check small{color:#89959b;font-size:9px}.signature-wrap{margin-top:13px}.signature-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.signature-head b{font-size:12px}.signature-head button{color:var(--brand-primary);background:0 0;border:0;align-items:center;gap:4px;font-size:10px;display:flex}.signature-head button svg{width:13px}.signature-wrap canvas{touch-action:none;background:#fbfdfe;border:1px dashed #aebdc6;border-radius:10px;width:100%;height:108px;display:block}.signature-wrap>small{text-align:center;color:#909ba1;margin-top:6px;font-size:9px;display:block}.signature-wrap.disabled canvas{pointer-events:none;background:#f2f5f6}@keyframes topic-in{0%{opacity:0;transform:translateY(8px)}}.mock-map{background:#eaf2e8;border:1px solid #d7e2d4;border-radius:17px;height:280px;margin-bottom:13px;position:relative;overflow:hidden}.map-road{background:#fff;border:1px solid #d4ddd3;position:absolute;box-shadow:0 0 0 7px #dfe7dd}.map-road.one{width:520px;height:46px;top:110px;left:-80px;transform:rotate(-18deg)}.map-road.two{width:48px;height:390px;top:-60px;left:80px;transform:rotate(20deg)}.park-area{color:#3f6637;background:#c7dcbe;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:140px;height:92px;font-size:11px;display:flex;position:absolute;top:44px;right:25px}.park-area svg{width:25px}.range-ring{background:#1f5fa417;border:2px dashed #6aa2c6;border-radius:50%;width:92px;height:92px;position:absolute;bottom:22px;left:31px}.range-ring.locating{animation:1s infinite range-pulse}.location-pin{color:var(--brand-primary);z-index:2;position:absolute;bottom:51px;left:60px}.location-pin svg{fill:#fff;width:29px;height:29px}.location-pin span{white-space:nowrap;color:#43535d;background:#fff;border-radius:7px;padding:4px 7px;font-size:9px;position:absolute;top:-10px;left:22px;box-shadow:0 3px 8px #354b5922}.location-details{flex-direction:column;display:flex}.location-details>span{color:#7c898f;border-bottom:1px dashed #e3e8ea;justify-content:space-between;align-items:center;min-height:36px;font-size:11px;display:flex}.location-details b{color:#34434a}.range-success{color:#39842f;background:#edf8ea;border-radius:10px;align-items:center;gap:9px;margin-top:13px;padding:11px;display:flex}.range-success svg{width:22px}.range-success div{flex-direction:column;gap:3px;display:flex}.range-success b{font-size:12px}.range-success span{font-size:9px}@keyframes range-pulse{50%{opacity:.6;transform:scale(1.08)}}.mock-camera{color:#fff;background:radial-gradient(circle at 50% 42%,#4f6d85,#20374b 55%,#122638);border-radius:18px;height:365px;margin-bottom:13px;position:relative;overflow:hidden}.camera-top{color:#c5d8e5;justify-content:space-between;font-size:10px;display:flex;position:absolute;top:14px;left:15px;right:15px}.camera-top svg{width:18px}.face-outline{border:3px solid #fffa;border-radius:48% 48% 42% 42%;place-items:center;width:190px;height:245px;display:grid;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.face-outline>svg{opacity:.55;width:105px;height:105px}.face-outline i{border-radius:inherit;border:1px dashed #fff6;position:absolute;top:12px;right:12px;bottom:12px;left:12px}.scan-line{background:#55d9ff;width:180px;height:2px;animation:1.2s ease-in-out infinite alternate scan;position:absolute;top:115px;left:50%;transform:translate(-50%);box-shadow:0 0 15px #55d9ff}.mock-camera.success .face-outline{border-color:#8ee681}.camera-tip{text-align:center;font-size:12px;position:absolute;bottom:27px;left:0;right:0}.mock-camera.success .camera-tip{color:#a9f19e;font-weight:700}.face-instructions h2{margin-bottom:12px;font-size:15px}.face-instructions>div:not(.face-success){grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.face-instructions>div>span{color:#63727a;background:#f2f6f8;border-radius:9px;justify-content:center;align-items:center;gap:3px;padding:9px 3px;font-size:9px;display:flex}.face-instructions>div>span svg{width:13px;color:var(--brand-primary)}.face-success{color:#39842f;background:#edf8ea;border-radius:10px;grid-template-columns:27px 1fr;align-items:center;margin-top:13px;padding:12px;display:grid}.face-success svg{grid-row:1/3}.face-success b{font-size:13px}.face-success span{font-size:9px}.spinner{border:2px solid #fff5;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin}@keyframes scan{0%{transform:translate(-50%,-70px)}to{transform:translate(-50%,90px)}}@keyframes spin{to{transform:rotate(360deg)}}.bottom-nav.three{grid-template-columns:repeat(3,1fr)}.review-track.three-stage{align-items:flex-start;gap:0;margin:13px 2px 9px;display:flex}.review-stage{color:#99a5ad;flex-direction:column;flex:1;align-items:center;gap:5px;min-width:54px;font-size:9px;display:flex;position:relative}.review-stage i{z-index:1;color:#83919a;background:#dce5ea;border-radius:50%;place-items:center;width:19px;height:19px;font-size:8px;font-style:normal;display:grid}.review-stage i svg{width:11px}.review-stage em{background:#dce5ea;width:calc(100% - 20px);height:2px;position:absolute;top:9px;left:calc(50% + 10px)}.review-stage.done{color:var(--brand-primary);background:0 0}.review-stage.done i{color:#fff;background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary))}.review-stage.done em{background:#75b9da}.queue-position{color:#52758a;background:#edf6fb;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:8px 10px;font-size:10px;display:flex}.queue-position svg{width:15px;color:var(--brand-primary)}.queue-position b{color:var(--brand-primary);font-size:13px}.records-head{background:linear-gradient(125deg,#eaf6fc,#fff);border-bottom:1px solid #dceaf3;padding:18px 16px 13px}.records-head>div{align-items:center;gap:10px;display:flex}.records-head svg{color:#fff;background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));border-radius:12px;width:38px;height:38px;padding:8px}.records-head span{flex-direction:column;gap:3px;display:flex}.records-head b{font-size:17px}.records-head small{color:#788a95;font-size:10px}.records-content{padding-bottom:92px}.record-card{text-align:left;width:100%;color:inherit;display:block}.record-card h3{margin:0}.record-main{background:#f5f8fa;border-radius:11px;grid-template-columns:repeat(3,1fr);margin:13px 0 10px;padding:11px 5px;display:grid}.record-main span{flex-direction:column;align-items:center;gap:5px;display:flex}.record-main small{color:#88959c;font-size:9px}.record-main b{color:#34434b;font-size:11px}.record-footer{color:#87949b;border-top:1px solid #edf1f3;justify-content:space-between;align-items:center;padding-top:9px;font-size:9px;display:flex}.record-footer span{align-items:center;gap:4px;display:flex}.record-footer svg{width:13px}.record-footer span:last-child{color:var(--brand-primary)}.record-detail-hero{text-align:center;border-bottom:1px solid #e8edf0;padding:5px 10px 18px}.record-detail-hero h2{letter-spacing:1px;margin:10px 0 4px;font-size:26px}.record-detail-hero p{color:#77858d;margin-bottom:14px;font-size:10px}.record-detail-hero strong{color:var(--brand-primary);font-size:28px;display:block}.record-detail-hero strong small{font-size:12px}.record-detail-hero>span:last-child{color:#89969d;font-size:9px}.record-timeline{margin-top:18px}.record-timeline h3{margin-bottom:12px}.timeline-item{gap:11px;min-height:51px;display:flex;position:relative}.timeline-item:not(:last-child):after{content:"";background:#bcd8e8;width:2px;position:absolute;top:25px;bottom:0;left:12px}.timeline-item>i{z-index:1;color:#fff;background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));border-radius:50%;flex:none;place-items:center;width:25px;height:25px;display:grid}.timeline-item>i svg{width:13px}.timeline-item>span{flex-direction:column;gap:3px;display:flex}.timeline-item b{font-size:12px}.timeline-item small{color:#87949b;font-size:10px}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}
