@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-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@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%;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;-webkit-text-decoration:inherit;-webkit-text-decoration: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]){appearance:button}::file-selector-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{.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.block{display:block}.flex{display:flex}.grid{display:grid}.table{display:table}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--navy-950:#08111f;--navy-900:#0d1b2a;--navy-800:#13273c;--yellow-500:#f6c20e;--yellow-400:#ffd449;--green-500:#22c55e;--orange-500:#f97316;--ink:#111827;--muted:#667085;--line:#e7eaf0;--surface:#fff;--background:#f5f7fb}*{box-sizing:border-box}html{background:var(--background)}body{color:var(--ink);background:var(--background);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,a{font:inherit}a{color:inherit;text-decoration:none}.app-shell{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.sidebar{background:linear-gradient(180deg, var(--navy-950), var(--navy-900));color:#fff;flex-direction:column;min-height:100vh;padding:28px 20px;display:flex;position:sticky;top:0}.brand-lockup{align-items:center;gap:10px;display:flex}.brand-mark{border:2px solid var(--yellow-500);width:38px;height:38px;color:var(--yellow-500);border-radius:12px;place-items:center;font-size:12px;font-weight:900;display:grid;transform:rotate(45deg)}.brand-mark span{display:block;transform:rotate(-45deg)}.brand-wordmark{letter-spacing:-.04em;font-size:22px;font-weight:800}.brand-wordmark span{color:var(--yellow-500)}.sidebar-caption{color:#aab4c3;margin:12px 0 24px 48px;font-size:12px;line-height:1.5}.nav-list{gap:5px;display:grid}.nav-item{color:#cbd5e1;border-radius:10px;padding:11px 12px;font-size:14px}.nav-item.active{color:#fff;background:#ffffff1a;font-weight:700}.pro-card{background:#f6c20e14;border:1px solid #f6c20e40;border-radius:16px;margin-top:auto;padding:18px}.pro-card strong{color:var(--yellow-400);margin-top:6px;font-size:18px;display:block}.pro-card p{color:#cbd5e1;margin:8px 0 0;font-size:12px;line-height:1.5}.workspace{padding:34px}.topbar,.panel-heading,.garage-header,.garage-hero{justify-content:space-between;align-items:center;gap:20px;display:flex}.topbar h1,.garage-hero h1{letter-spacing:-.04em;margin:6px 0;font-size:clamp(30px,4vw,46px)}.topbar p,.garage-hero p,.panel p{color:var(--muted);margin:0}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:#8a6b00;font-size:11px;font-weight:800}.sidebar .eyebrow{color:var(--yellow-400)}.secondary-button,.ghost-button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:12px;padding:10px 14px;font-weight:700;box-shadow:0 4px 12px #0f172a0a}.ghost-button{color:var(--navy-900)}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:28px 0;display:grid}.stat-card,.panel,.vehicle-card,.service-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 30px #0f172a0d}.stat-card{padding:20px}.stat-card span{color:var(--muted);font-size:13px;display:block}.stat-card strong{letter-spacing:-.03em;margin:8px 0;font-size:25px;display:block}.stat-card small{color:#16803f}.dashboard-grid{grid-template-columns:1.6fr .8fr;gap:16px;display:grid}.panel{padding:22px}.panel-wide{grid-row:span 2}.panel h2,.vehicle-card h2,.service-card h2{letter-spacing:-.025em;margin:5px 0 4px;font-size:20px}.work-order-list{gap:10px;margin-top:18px;display:grid}.work-order-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:14px 0;display:flex}.work-order-row:last-child{border-bottom:0}.work-order-row strong,.work-order-row span{display:block}.work-order-row div>span{color:var(--muted);margin-top:5px;font-size:13px}.status-pill{color:#805d00;background:#fff6cc;border:1px solid #f8e58a;border-radius:999px;width:fit-content;padding:6px 9px;font-size:11px;font-weight:800}.inventory-list{margin-top:15px;display:grid}.inventory-list div{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:12px 0;font-size:13px;display:flex}.inventory-list strong{color:#c2410c}.highlight-panel{background:linear-gradient(135deg,#fffdf3,#fff8d6);border-color:#f4dfa0}.garage-page{background:radial-gradient(circle at top right, #fff3bc, transparent 34%), var(--background);min-height:100vh;padding:30px 18px 60px}.garage-shell{max-width:1050px;margin:0 auto}.garage-header{padding:10px 0 34px}.garage-hero{padding:26px 0}.member-badge{background:var(--navy-900);color:#fff;border-radius:999px;padding:9px 13px;font-size:12px;font-weight:700}.garage-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.vehicle-card{grid-template-columns:120px 1fr;align-items:center;gap:18px;padding:22px;display:grid}.vehicle-visual{border:1px solid var(--line);background:#f8fafc;border-radius:16px;place-items:center;height:100px;font-size:48px;display:grid}.plate{margin:0 0 15px;font-weight:800}.vehicle-meta{color:var(--muted);flex-wrap:wrap;gap:20px;font-size:12px;display:flex}.vehicle-meta strong{color:var(--ink);display:block}.service-card{padding:22px}.timeline{grid-template-columns:repeat(6,1fr);gap:4px;margin:26px 0 18px;display:grid}.timeline-item{color:#98a2b3;text-align:center;justify-items:center;gap:7px;display:grid}.timeline-dot{background:#e5e7eb;border-radius:50%;width:16px;height:16px;box-shadow:0 0 0 4px #f3f4f6}.timeline-item.done{color:var(--navy-900)}.timeline-item.done .timeline-dot{background:var(--yellow-500);box-shadow:0 0 0 4px #fff5c2}.service-footer{border-top:1px solid var(--line);justify-content:space-between;gap:16px;padding-top:16px;font-size:13px;display:flex}.history-price{margin-top:16px;font-size:24px;font-weight:900}.recommendation-card{background:#fffdf3;border-color:#f4dfa0}@media (max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{min-height:auto;position:static}.nav-list{display:none}.pro-card{margin-top:18px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid,.garage-grid{grid-template-columns:1fr}}@media (max-width:620px){.workspace{padding:22px 16px 40px}.topbar,.garage-hero{flex-direction:column;align-items:flex-start}.stats-grid,.vehicle-card{grid-template-columns:1fr}.vehicle-visual{width:100%}.timeline{grid-template-columns:repeat(3,1fr);row-gap:20px}}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
.topbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.auth-status,.auth-user-card{border:1px solid var(--line);background:#fff;border-radius:12px;box-shadow:0 4px 12px #0f172a0a}.auth-status{padding:10px 14px;font-size:13px;font-weight:800}.auth-status.muted{color:var(--muted)}.auth-status.warning{color:#b45309;background:#fffaf0;border-color:#f4d59a}.auth-user-card{align-items:center;gap:12px;padding:8px 10px 8px 12px;display:flex}.auth-user-card strong,.auth-user-card span{display:block}.auth-user-card strong{font-size:13px}.auth-user-card span{color:var(--muted);margin-top:2px;font-size:11px}.auth-logout{color:var(--navy-900);cursor:pointer;background:#f3f4f6;border:0;border-radius:9px;padding:7px 9px;font-size:11px;font-weight:800}.login-page{background:radial-gradient(circle at 15% 20%,#f6c20e2e,#0000 28%),linear-gradient(135deg,#07111f,#10263d 54%,#f7f8fb 54%);place-items:center;min-height:100vh;padding:28px;display:grid}.auth-guard-card{background:#fff;border:1px solid #f6c20e33;border-radius:24px;gap:14px;width:min(480px,100%);padding:34px;display:grid;box-shadow:0 24px 70px #030b163d}.auth-guard-card .brand-lockup{margin-bottom:8px}.auth-guard-card h1{letter-spacing:-.04em;margin:0;font-size:30px}.auth-guard-card p{color:var(--muted);margin:0;line-height:1.6}.login-shell{background:#fff;border-radius:28px;grid-template-columns:1fr 1fr;width:min(1040px,100%);min-height:620px;display:grid;overflow:hidden;box-shadow:0 30px 80px #030b163d}.login-brand-panel,.login-form-panel{padding:48px}.login-brand-panel{color:#fff;background:linear-gradient(180deg, #ffffff08, transparent), var(--navy-950);flex-direction:column;justify-content:space-between;display:flex}.login-brand-panel .eyebrow{color:var(--yellow-400)}.login-brand-panel h1{letter-spacing:-.05em;max-width:460px;margin:12px 0 14px;font-size:clamp(36px,5vw,58px);line-height:.98}.login-brand-panel p{color:#cbd5e1;max-width:490px;margin:0;line-height:1.7}.login-note{background:#f6c20e14;border:1px solid #f6c20e40;border-radius:16px;gap:5px;padding:16px;display:grid}.login-note strong{color:var(--yellow-400)}.login-note span{color:#cbd5e1;font-size:12px}.login-form-panel{flex-direction:column;justify-content:center;display:flex}.login-form-panel h2{letter-spacing:-.04em;margin:6px 0;font-size:34px}.login-form-panel>div>p{color:var(--muted);margin:0}.login-form{gap:16px;margin-top:28px;display:grid}.login-form label{gap:8px;display:grid}.login-form label>span{color:#344054;font-size:12px;font-weight:800}.login-form input{background:#fbfcfe;border:1px solid #d9dee7;border-radius:13px;outline:none;width:100%;padding:13px 14px;transition:border-color .2s,box-shadow .2s}.login-form input:focus{border-color:var(--yellow-500);box-shadow:0 0 0 4px #f6c20e24}.primary-button{background:var(--yellow-500);color:var(--navy-950);cursor:pointer;border:0;border-radius:13px;padding:13px 16px;font-weight:900}.primary-button:disabled{opacity:.6;cursor:wait}.auth-message{border-radius:12px;padding:12px 13px;font-size:13px;font-weight:700}.auth-message.error{color:#b42318;background:#fef3f2;border:1px solid #fecdca}.auth-message.success{color:#067647;background:#ecfdf3;border:1px solid #abefc6}.login-actions{color:var(--muted);align-items:center;gap:12px;margin-top:18px;font-size:11px;display:flex}@media (max-width:820px){.login-page{background:var(--background);padding:14px}.login-shell{grid-template-columns:1fr;min-height:auto}.login-brand-panel,.login-form-panel{padding:30px 24px}.login-brand-panel{min-height:380px}}@media (max-width:620px){.topbar-actions{justify-content:flex-start;width:100%}.login-actions{flex-direction:column;align-items:flex-start}}
.nav-item{display:block}.nav-item-disabled{opacity:.48;cursor:not-allowed}.module-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.module-header h1{letter-spacing:-.045em;margin:6px 0;font-size:clamp(34px,4vw,48px)}.module-header p{color:var(--muted);margin:0}.module-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:28px 0;display:grid}.module-summary-card{border:1px solid var(--line);background:#fff;border-radius:18px;padding:20px;box-shadow:0 10px 30px #0f172a0d}.module-summary-card span,.module-summary-card small{display:block}.module-summary-card span{color:var(--muted);font-size:13px}.module-summary-card strong{letter-spacing:-.04em;margin:8px 0;font-size:28px;display:block}.module-summary-card .summary-text{font-size:20px}.module-summary-card small{color:#16803f}.module-grid{grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);align-items:start;gap:16px;display:grid}.module-list-panel,.module-form-panel{min-width:0}.module-form-panel{position:sticky;top:20px}.module-form-panel>h2{margin-top:6px}.module-form-panel>p{margin-top:8px;line-height:1.6}.module-count{color:var(--muted);background:#f3f4f6;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:800}.module-list{margin-top:12px;display:grid}.module-row{border-bottom:1px solid var(--line);gap:14px;padding:16px 0;display:flex}.module-row:last-child{border-bottom:0}.module-avatar,.vehicle-badge{color:#7a5a00;background:#fff7cf;border:1px solid #f4dfa0;border-radius:14px;flex:0 0 44px;place-items:center;width:44px;height:44px;font-weight:900;display:grid}.vehicle-badge{font-size:20px}.module-row-main{flex:1;min-width:0}.module-row-main>strong,.row-title-line>strong{font-size:15px}.module-row-main small{color:var(--muted);margin-top:7px;line-height:1.5;display:block}.module-row-meta{color:var(--muted);flex-wrap:wrap;gap:7px 16px;margin-top:6px;font-size:12px;display:flex}.row-title-line{justify-content:space-between;align-items:center;gap:10px;display:flex}.module-row-tag{color:#475467;background:#f3f4f6;border-radius:999px;width:fit-content;padding:5px 8px;font-size:10px;font-weight:800}.empty-state{color:var(--muted);text-align:center;border:1px dashed #d7dce5;border-radius:16px;gap:6px;margin-top:18px;padding:30px 18px;display:grid}.empty-state strong{color:var(--ink)}.module-form{gap:14px;margin-top:22px;display:grid}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.form-field{gap:7px;display:grid}.form-field>span{color:#344054;font-size:12px;font-weight:800}.form-field input,.form-field select,.form-field textarea{width:100%;color:var(--ink);resize:vertical;background:#fbfcfe;border:1px solid #d9dee7;border-radius:12px;outline:none;padding:12px 13px}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--yellow-500);box-shadow:0 0 0 4px #f6c20e21}.module-message{border-radius:11px;padding:11px 12px;font-size:12px;font-weight:700;line-height:1.5}.module-message.error{color:#b42318;background:#fef3f2;border:1px solid #fecdca}.module-message.success{color:#067647;background:#ecfdf3;border:1px solid #abefc6}.module-message.info{color:#344054;background:#f8fafc;border:1px solid #d9dee7;margin-top:16px}.module-message.info a{font-weight:900}.booking-row{align-items:flex-start}.booking-time{text-align:center;background:#fffaf0;border:1px solid #f4dfa0;border-radius:13px;flex:0 0 64px;gap:2px;width:64px;padding:9px 8px;display:grid}.booking-time strong{font-size:15px}.booking-time span{color:var(--muted);font-size:10px;font-weight:700}.booking-status{border-radius:999px;width:fit-content;padding:5px 8px;font-size:10px;font-weight:800}.booking-status-booked{color:#805d00;background:#fff6cc;border:1px solid #f8e58a}.booking-status-arrived{color:#067647;background:#ecfdf3;border:1px solid #abefc6}.booking-status-cancelled{color:#b42318;background:#fef3f2;border:1px solid #fecdca}.booking-status-converted{color:#344054;background:#f2f4f7;border:1px solid #d0d5dd}.row-actions{gap:8px;margin-top:12px;display:flex}.mini-button{color:var(--navy-900);cursor:pointer;background:#fff;border:1px solid #d9dee7;border-radius:10px;padding:8px 10px;font-size:11px;font-weight:800}.mini-button:hover{border-color:var(--yellow-500);background:#fffdf3}.mini-button:disabled{opacity:.6;cursor:wait}@media (max-width:1050px){.module-grid{grid-template-columns:1fr}.module-form-panel{position:static}}@media (max-width:760px){.module-header{flex-direction:column}.module-summary{grid-template-columns:1fr}}@media (max-width:560px){.form-grid{grid-template-columns:1fr}.row-title-line{flex-direction:column;align-items:flex-start}.booking-row{gap:10px}}
.inspection-selector-panel{gap:18px;margin:28px 0 16px;display:grid}.inspection-work-order-context{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.inspection-work-order-context>div{border:1px solid var(--line);background:#f8fafc;border-radius:14px;padding:14px}.inspection-work-order-context span,.inspection-work-order-context strong{display:block}.inspection-work-order-context span{color:var(--muted);font-size:11px}.inspection-work-order-context strong{margin-top:5px;font-size:13px;line-height:1.45}.inspection-page-message{margin-bottom:16px}.inspection-list{gap:14px;display:grid}.inspection-card{gap:18px;display:grid}.inspection-card-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.inspection-card-heading h2{margin:5px 0 0}.inspection-result{border:1px solid #d9dee7;border-radius:999px;outline:none;min-width:170px;padding:9px 12px;font-size:12px;font-weight:800}.inspection-result-good{color:#067647;background:#ecfdf3;border-color:#abefc6}.inspection-result-attention{color:#805d00;background:#fff6cc;border-color:#f8e58a}.inspection-result-replace{color:#b42318;background:#fef3f2;border-color:#fecdca}.inspection-result-not_checked{color:#475467;background:#f2f4f7;border-color:#d0d5dd}.inspection-fields{grid-template-columns:minmax(0,1.2fr) minmax(0,1.2fr) minmax(180px,.6fr);gap:12px;display:grid}.inspection-save-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffdf3f5;border:1px solid #f4dfa0;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex;position:sticky;bottom:14px;box-shadow:0 16px 50px #0f172a1f}.inspection-save-bar span,.inspection-save-bar strong{display:block}.inspection-save-bar span{color:var(--muted);font-size:11px}.inspection-save-bar strong{letter-spacing:-.03em;margin-top:4px;font-size:22px}@media (max-width:1000px){.inspection-work-order-context,.inspection-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:650px){.inspection-work-order-context,.inspection-fields{grid-template-columns:1fr}.inspection-card-heading,.inspection-save-bar{flex-direction:column;align-items:stretch}.inspection-result{width:100%}}
.approval-page-message{margin-top:22px}.approval-selector-panel{gap:18px;margin-bottom:18px;display:grid}.approval-work-order-context{border-top:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding-top:16px;display:grid}.approval-work-order-context div,.approval-card-body div{gap:5px;display:grid}.approval-work-order-context span,.approval-card-body span,.approval-finalize-bar span{color:var(--muted);font-size:11px;font-weight:700}.approval-work-order-context strong,.approval-card-body strong{font-size:13px;line-height:1.45}.approval-start-card,.approval-complete-card{justify-content:space-between;align-items:center;gap:24px;margin-top:18px;display:flex}.approval-start-card h2,.approval-complete-card h2{margin:6px 0 8px;font-size:24px}.approval-start-card p,.approval-complete-card p{max-width:720px;line-height:1.7}.approval-list{gap:14px;margin-top:18px;padding-bottom:104px;display:grid}.approval-card{gap:18px;display:grid}.approval-card-top{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.approval-card-top h2{margin:5px 0 0;font-size:20px}.approval-card-body{border:1px solid var(--line);background:#fafbfc;border-radius:14px;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:16px;display:grid}.approval-decision{border-radius:999px;width:fit-content;padding:6px 9px;font-size:10px;font-weight:900}.approval-decision-pending{color:#805d00;background:#fff6cc;border:1px solid #f8e58a}.approval-decision-approved{color:#067647;background:#ecfdf3;border:1px solid #abefc6}.approval-decision-declined{color:#b42318;background:#fef3f2;border:1px solid #fecdca}.approval-decision-not_required{color:#475467;background:#f2f4f7;border:1px solid #d0d5dd}.approval-actions{flex-wrap:wrap;gap:10px;display:flex}.decision-button{cursor:pointer;background:#fff;border:1px solid #d9dee7;border-radius:12px;padding:10px 13px;font-size:12px;font-weight:900;transition:transform .15s,border-color .15s,background .15s}.decision-button:hover{transform:translateY(-1px)}.decision-button.approve{color:#067647}.decision-button.approve:hover,.decision-button.approve.selected{background:#ecfdf3;border-color:#75e0a7}.decision-button.decline{color:#b42318}.decision-button.decline:hover,.decision-button.decline.selected{background:#fef3f2;border-color:#fda29b}.decision-button:disabled{opacity:.55;cursor:wait;transform:none}.approval-finalize-bar{z-index:10;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#08111ff5;border:1px solid #f6c20e73;border-radius:18px;justify-content:space-between;align-items:center;gap:18px;padding:16px 18px;display:flex;position:fixed;bottom:24px;left:294px;right:34px;box-shadow:0 20px 50px #08111f47}.approval-finalize-bar span,.approval-finalize-bar strong{display:block}.approval-finalize-bar span{color:#cbd5e1}.approval-finalize-bar strong{margin-top:4px;font-size:18px}.approval-complete-card{background:linear-gradient(135deg,#f3fff8,#fff);border-color:#abefc6}.approval-complete-icon{color:#fff;background:#067647;border-radius:18px;flex:0 0 58px;place-items:center;width:58px;height:58px;font-size:28px;font-weight:900;display:grid;box-shadow:0 10px 24px #06764733}@media (max-width:1100px){.approval-work-order-context,.approval-card-body{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:980px){.approval-finalize-bar{left:24px}}@media (max-width:700px){.approval-work-order-context,.approval-card-body{grid-template-columns:1fr}.approval-start-card,.approval-complete-card,.approval-card-top,.approval-finalize-bar{flex-direction:column;align-items:stretch}.approval-finalize-bar{bottom:16px;left:16px;right:16px}.approval-list{padding-bottom:160px}}
.approval-direct-section{gap:16px;margin-top:18px;display:grid}.approval-direct-intro{background:linear-gradient(135deg,#fffdf3,#fff8d6);border:1px solid #f4dfa0;border-radius:18px;justify-content:space-between;align-items:center;gap:20px;padding:20px 22px;display:flex}.approval-direct-intro h2{margin:6px 0 8px;font-size:24px}.approval-direct-intro p{max-width:720px;color:var(--muted);margin:0;line-height:1.65}.approval-total-preview{background:#fff;border:1px solid #f6c20e80;border-radius:14px;min-width:200px;padding:14px 16px}.approval-total-preview span,.approval-total-preview strong{display:block}.approval-total-preview span{color:var(--muted);font-size:11px;font-weight:800}.approval-total-preview strong{letter-spacing:-.03em;margin-top:5px;font-size:22px}.approval-choice-card{border:2px solid var(--line);cursor:pointer;background:#fff;border-radius:18px;gap:16px;padding:20px;transition:border-color .15s,box-shadow .15s,transform .15s;display:grid;box-shadow:0 8px 26px #0f172a0a}.approval-choice-card:hover{border-color:#e4c444;transform:translateY(-1px)}.approval-choice-card.selected{border-color:var(--yellow-500);background:#fffdf5;box-shadow:0 12px 32px #f6c20e26}.approval-choice-card.readonly{cursor:default}.approval-choice-card.readonly:hover{transform:none}.approval-choice-head{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;display:grid}.approval-choice-head input[type=checkbox]{width:24px;height:24px;accent-color:var(--yellow-500);cursor:pointer;margin:0}.approval-choice-head h2{margin:5px 0 0;font-size:20px}.approval-item-price{white-space:nowrap;font-size:18px}.approval-choice-hint{color:#475467;background:#f8fafc;border-radius:12px;padding:11px 13px;font-size:12px;font-weight:800}.choice-indicator.selected{color:#067647}.approval-choice-hint.final.approved{color:#067647;background:#ecfdf3;border:1px solid #abefc6}.approval-choice-hint.final.declined{color:#b42318;background:#fef3f2;border:1px solid #fecdca}.approval-final-mark{border-radius:50%;place-items:center;width:32px;height:32px;font-weight:900;display:grid}.approval-final-mark.approved{color:#fff;background:#067647}.approval-final-mark.declined{color:#fff;background:#b42318}.approval-finalize-bar small{color:#98a2b3;margin-top:4px;font-size:10px;display:block}.approval-empty-findings{align-items:center;gap:18px;margin-top:18px;display:flex}.approval-empty-findings>div:nth-child(2){flex:1}.approval-empty-findings h2{margin:5px 0 7px}.approval-empty-findings p{line-height:1.6}.module-form-panel>.primary-button{justify-content:center;align-items:center;margin-top:18px;display:inline-flex}@media (max-width:760px){.approval-direct-intro,.approval-empty-findings{flex-direction:column;align-items:stretch}.approval-total-preview{width:100%;min-width:0}.approval-choice-card{padding:16px}.approval-choice-head{grid-template-columns:auto minmax(0,1fr);align-items:flex-start}.approval-item-price{grid-column:2;margin-top:2px}.approval-card-body{grid-template-columns:1fr}.approval-finalize-bar{border-radius:16px;margin-top:18px;position:sticky;bottom:10px;left:auto;right:auto}.approval-finalize-bar .primary-button{width:100%;min-height:48px}.approval-list{padding-bottom:0}}
.execution-grid{grid-template-columns:minmax(280px,.78fr) minmax(0,1.55fr);align-items:start;gap:18px;display:grid}.execution-queue,.execution-scope-list,.execution-checklist,.execution-timeline{gap:10px;display:grid}.execution-queue-item{border:1px solid var(--border-color,#e3e8ef);text-align:left;cursor:pointer;background:#fff;border-radius:15px;justify-content:space-between;align-items:flex-start;gap:12px;width:100%;padding:14px;transition:border-color .18s,box-shadow .18s,transform .18s;display:flex}.execution-queue-item:hover{transform:translateY(-1px);box-shadow:0 8px 22px #08111f14}.execution-queue-item.active{border-color:#f4c430;box-shadow:0 0 0 3px #f4c43024}.execution-queue-item>div{gap:4px;min-width:0;display:grid}.execution-queue-item span,.execution-queue-item small{color:#667085}.execution-queue-progress{margin-top:3px;font-weight:800;color:#174ea6!important}.execution-status{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:6px 9px;font-size:11px;font-weight:800;display:inline-flex}.execution-status-approved{color:#7a5a00;background:#fff7d6}.execution-status-in_progress{color:#174ea6;background:#e8f1ff}.execution-status-qc{color:#176b3a;background:#e9f8ef}.execution-detail-panel{gap:18px;display:grid}.execution-hero{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.execution-hero h2{margin:4px 0}.execution-hero p{color:#667085;margin:0}.execution-meta-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.execution-meta-grid>div{background:#fbfcfe;border:1px solid #e8ecf2;border-radius:13px;gap:5px;padding:13px;display:grid}.execution-meta-grid span{color:#667085;font-size:12px}.execution-section{gap:12px;display:grid}.execution-section-heading{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.execution-section-heading h3{margin:3px 0 0}.execution-scope-item{background:#fff;border:1px solid #e8ecf2;border-radius:13px;justify-content:space-between;align-items:flex-start;gap:14px;padding:13px 14px;display:flex}.execution-scope-item>div{gap:4px;display:grid}.execution-scope-item span{color:#667085;font-size:13px}.execution-progress-summary{background:#f8fbff;border:1px solid #dfe7f2;border-radius:16px;gap:10px;padding:15px;display:grid}.execution-progress-copy{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.execution-progress-copy strong{color:#0d1b2a;font-size:26px}.execution-progress-copy span{color:#667085;text-align:right;font-size:12px}.execution-progress-track{background:#e7edf5;border-radius:999px;height:10px;overflow:hidden}.execution-progress-track>span{border-radius:inherit;background:#f4c430;height:100%;transition:width .22s;display:block}.execution-check-item{text-align:left;cursor:pointer;background:#fff;border:1px solid #e3e8ef;border-radius:15px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;padding:14px;transition:border-color .18s,background .18s,transform .18s;display:grid}.execution-check-item:hover:not(:disabled){border-color:#cfd8e6;transform:translateY(-1px)}.execution-check-item.done{background:#f3fbf6;border-color:#bfe5cc}.execution-check-item:disabled{cursor:default}.execution-check-box{color:#fff;background:#fff;border:2px solid #cdd6e1;border-radius:10px;place-items:center;width:34px;height:34px;font-size:18px;font-weight:900;display:grid}.execution-check-item.done .execution-check-box{background:#22a05a;border-color:#22a05a}.execution-check-copy{gap:4px;min-width:0;display:grid}.execution-check-copy>span{color:#667085;font-size:13px}.execution-check-copy small{color:#98a2b3;font-weight:700}.execution-check-item.done .execution-check-copy small{color:#24814b}.execution-check-cost{white-space:nowrap}.execution-primary-action,.execution-finish-box{border-radius:16px;justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.execution-primary-action{color:#fff;background:#0d1b2a}.execution-primary-action>div{gap:4px;display:grid}.execution-primary-action span{color:#ffffffb8;font-size:13px}.execution-progress-form,.execution-finish-box{background:#fbfcfe;border:1px solid #e8ecf2}.execution-progress-form{border-radius:16px;gap:12px;padding:16px;display:grid}.execution-form-heading>div{gap:3px;display:grid}.execution-form-heading span,.execution-finish-action small{color:#667085;font-size:12px}.execution-finish-box{align-items:flex-end}.execution-finish-box.locked{background:#fafafa}.execution-finish-box.ready{background:#f6fbf8;border-color:#c8e7d3}.execution-finish-box .form-field{flex:1}.execution-finish-action{gap:8px;min-width:250px;display:grid}.execution-finish-action small{text-align:right}.execution-timeline-item{grid-template-columns:18px minmax(0,1fr);gap:10px;display:grid;position:relative}.execution-timeline-dot{background:#f4c430;border-radius:999px;width:10px;height:10px;margin-top:5px;box-shadow:0 0 0 4px #f4c43029}.execution-timeline-item>div{border-bottom:1px solid #eef1f5;padding-bottom:11px}.execution-timeline-item p{color:#475467;margin:4px 0}.execution-timeline-item small{color:#98a2b3}.empty-state.compact{padding:14px}@media (max-width:980px){.execution-grid{grid-template-columns:1fr}.execution-queue{gap:10px;padding-bottom:4px;display:flex;overflow-x:auto}.execution-queue-item{min-width:270px}}@media (max-width:620px){.execution-grid{gap:14px}.execution-queue-panel,.execution-detail-panel{padding:16px}.execution-hero,.execution-primary-action,.execution-finish-box{align-items:stretch;display:grid}.execution-meta-grid{grid-template-columns:1fr}.execution-scope-item{display:grid}.execution-progress-copy{align-items:flex-start}.execution-progress-copy span{max-width:64%}.execution-check-item{grid-template-columns:34px minmax(0,1fr);align-items:start;padding:13px}.execution-check-cost{grid-column:2;font-size:13px}.execution-finish-action{min-width:0}.execution-finish-action small{text-align:left}.execution-primary-action .primary-button,.execution-progress-form .secondary-button,.execution-finish-box .primary-button{justify-content:center;width:100%}}
.qc-grid{grid-template-columns:minmax(280px,.78fr) minmax(0,1.55fr);align-items:start;gap:18px;display:grid}.qc-queue,.qc-checklist{gap:10px;display:grid}.qc-queue-item{text-align:left;cursor:pointer;background:#fff;border:1px solid #e3e8ef;border-radius:15px;justify-content:space-between;align-items:flex-start;gap:12px;width:100%;padding:14px;transition:border-color .18s,box-shadow .18s,transform .18s;display:flex}.qc-queue-item:hover{transform:translateY(-1px);box-shadow:0 8px 22px #08111f14}.qc-queue-item.active{border-color:#f4c430;box-shadow:0 0 0 3px #f4c43024}.qc-queue-item>div{gap:4px;min-width:0;display:grid}.qc-queue-item span,.qc-queue-item small{color:#667085}.qc-work-order-status,.qc-result{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;font-weight:800;display:inline-flex}.qc-work-order-status{padding:6px 9px;font-size:11px}.qc-work-order-status-qc{color:#7a5a00;background:#fff7d6}.qc-work-order-status-ready_for_payment{color:#176b3a;background:#e9f8ef}.qc-detail-panel{gap:18px;display:grid}.qc-hero{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.qc-hero h2{margin:4px 0}.qc-hero p{color:#667085;margin:0}.qc-meta-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.qc-meta-grid>div{background:#fbfcfe;border:1px solid #e8ecf2;border-radius:13px;gap:5px;padding:13px;display:grid}.qc-meta-grid span{color:#667085;font-size:12px}.qc-section{gap:12px;display:grid}.qc-section-heading{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.qc-section-heading h3{margin:3px 0 0}.qc-item{background:#fff;border:1px solid #e8ecf2;border-radius:15px;gap:13px;padding:15px;display:grid}.qc-item-pass{background:#22c55e09;border-color:#22c55e57}.qc-item-rework{background:#dc262606;border-color:#dc262647}.qc-item-topline{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.qc-item-topline>div:first-child{gap:4px;min-width:0;display:grid}.qc-item-topline>div:first-child span{color:#667085;font-size:13px}.qc-item-meta{justify-items:end;gap:7px;display:grid}.qc-result{padding:5px 8px;font-size:10px}.qc-result-pending{color:#667085;background:#f2f4f7}.qc-result-pass{color:#176b3a;background:#e9f8ef}.qc-result-rework{color:#b42318;background:#fff0f0}.qc-item-actions{grid-template-columns:minmax(130px,.34fr) minmax(0,1fr);align-items:stretch;gap:10px;display:grid}.qc-pass-button,.qc-rework-button{cursor:pointer;border-radius:11px;padding:10px 12px;font-weight:800}.qc-pass-button{color:#176b3a;background:#f1fbf5;border:1px solid #b9dfc9}.qc-pass-button.active{background:#e3f8eb;border-color:#22c55e}.qc-rework-control{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.qc-rework-control textarea{resize:vertical;width:100%;font:inherit;border:1px solid #d9dee7;border-radius:11px;padding:10px 11px}.qc-rework-button{color:#b42318;background:#fff7f6;border:1px solid #f0c0bd}.qc-rework-button.active{background:#fff0f0;border-color:#ef4444}.qc-pass-button:disabled,.qc-rework-button:disabled{cursor:not-allowed;opacity:.55}.qc-readonly-note{color:#475467;background:#f8fafc;border-radius:11px;padding:10px 12px;font-size:13px}.qc-decision-box{gap:12px;padding-top:2px;display:grid}.qc-decision-summary{flex-wrap:wrap;gap:8px;display:flex}.qc-decision-summary span{color:#475467;background:#f2f4f7;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:800}.qc-decision{border-radius:16px;gap:13px;padding:16px;display:grid}.qc-decision>div{gap:4px;display:grid}.qc-decision>div span{font-size:13px}.qc-decision.rework{background:#fff7f6;border:1px solid #f3c6c3}.qc-decision.rework>div span{color:#7a271a}.qc-decision.pass{background:#fbfcfe;border:1px solid #e8ecf2}.qc-decision.pass .primary-button,.qc-decision.rework .secondary-button{width:fit-content}@media (max-width:980px){.qc-grid{grid-template-columns:1fr}.qc-queue{gap:10px;padding-bottom:4px;display:flex;overflow-x:auto}.qc-queue-item{min-width:270px}}@media (max-width:620px){.qc-grid{gap:14px}.qc-queue-panel,.qc-detail-panel{padding:16px}.qc-hero,.qc-item-topline{display:grid}.qc-meta-grid,.qc-item-actions,.qc-rework-control{grid-template-columns:1fr}.qc-item-meta{justify-items:start}.qc-pass-button,.qc-rework-button,.qc-decision.pass .primary-button,.qc-decision.rework .secondary-button{width:100%}.qc-rework-control textarea{font-size:16px}}
.cashier-grid{grid-template-columns:minmax(280px,.78fr) minmax(0,1.55fr);align-items:start;gap:18px;display:grid}.cashier-queue,.cashier-line-list{gap:10px;display:grid}.cashier-queue-item{text-align:left;cursor:pointer;background:#fff;border:1px solid #e3e8ef;border-radius:15px;justify-content:space-between;align-items:flex-start;gap:12px;width:100%;padding:14px;transition:border-color .18s,box-shadow .18s,transform .18s;display:flex}.cashier-queue-item:hover{transform:translateY(-1px);box-shadow:0 8px 22px #08111f14}.cashier-queue-item.active{border-color:#f4c430;box-shadow:0 0 0 3px #f4c43024}.cashier-queue-item>div{gap:4px;min-width:0;display:grid}.cashier-queue-item span,.cashier-queue-item small{color:#667085}.cashier-status{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:6px 9px;font-size:11px;font-weight:800;display:inline-flex}.cashier-status.ready{color:#7a5a00;background:#fff7d6}.cashier-status.unpaid{color:#9a3412;background:#fff1e8}.cashier-status.paid{color:#176b3a;background:#e9f8ef}.cashier-detail-panel{gap:18px;display:grid}.cashier-hero,.cashier-section-heading,.cashier-invoice-head{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.cashier-hero h2,.cashier-invoice-head h3,.cashier-section-heading h3{margin:4px 0}.cashier-hero p{color:#667085;margin:0}.cashier-total{color:#0d1b2a;white-space:nowrap;font-size:24px}.cashier-info-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.cashier-info-grid>div{background:#fbfcfe;border:1px solid #e8ecf2;border-radius:13px;gap:5px;min-width:0;padding:13px;display:grid}.cashier-info-grid span,.cashier-info-grid small{color:#667085;font-size:12px}.cashier-section,.cashier-invoice-card,.cashier-payment-box,.cashier-paid-box{gap:14px;display:grid}.cashier-line{background:#fff;border:1px solid #e8ecf2;border-radius:13px;justify-content:space-between;align-items:flex-start;gap:14px;padding:13px 14px;display:flex}.cashier-line>div{gap:4px;display:grid}.cashier-line span{color:#667085;font-size:13px}.cashier-create-box{color:#fff;background:#0d1b2a;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.cashier-create-box>div{gap:4px;display:grid}.cashier-create-box span{color:#ffffffb8;font-size:13px}.cashier-invoice-card,.cashier-payment-box,.cashier-paid-box{background:#fbfcfe;border:1px solid #e8ecf2;border-radius:16px;padding:16px}.cashier-invoice-head small{color:#98a2b3}.cashier-totals{gap:8px;padding-top:4px;display:grid}.cashier-totals>div{color:#667085;justify-content:space-between;gap:14px;display:flex}.cashier-totals>div strong{color:#344054}.cashier-totals .grand{color:#0d1b2a;border-top:1px solid #dde3ea;margin-top:4px;padding-top:12px;font-size:16px;font-weight:800}.cashier-totals .grand strong{color:#0d1b2a;font-size:22px}.cashier-payment-box{background:#fff}.cashier-change-preview{color:#7a5a00;background:#fff7d6;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.cashier-change-preview strong{font-size:18px}.cashier-pay-button{justify-content:center;width:100%}.cashier-paid-box{background:#f2fbf6;border-color:#ccebd8}.cashier-paid-box>div:first-child{align-items:center;gap:12px;display:flex}.cashier-paid-box>div:first-child>div{gap:3px;display:grid}.cashier-paid-box>div:first-child span:not(.cashier-paid-icon){color:#4d6b59;font-size:13px}.cashier-paid-icon{color:#fff;background:#176b3a;border-radius:999px;place-items:center;width:36px;height:36px;font-weight:900;display:grid}.cashier-paid-box dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;display:grid}.cashier-paid-box dl>div{background:#fff;border-radius:12px;gap:4px;padding:12px;display:grid}.cashier-paid-box dt{color:#667085;font-size:12px}.cashier-paid-box dd{margin:0;font-weight:800}.cashier-paid-box p{color:#4d6b59;margin:0}@media (max-width:980px){.cashier-grid{grid-template-columns:1fr}.cashier-queue{gap:10px;padding-bottom:4px;display:flex;overflow-x:auto}.cashier-queue-item{min-width:275px}}@media (max-width:620px){.cashier-queue-panel,.cashier-detail-panel{padding:16px}.cashier-hero,.cashier-create-box,.cashier-invoice-head,.cashier-line{display:grid}.cashier-total{font-size:22px}.cashier-info-grid,.cashier-paid-box dl{grid-template-columns:1fr}.cashier-create-box .primary-button{justify-content:center;width:100%}}
.history-money{font-size:20px!important}.history-toolbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;display:flex}.history-toolbar h2{margin:4px 0 0}.history-search{width:min(420px,100%)}.history-search input{color:#0d1b2a;width:100%;min-height:46px;font:inherit;background:#fff;border:1px solid #d9e0e8;border-radius:13px;outline:none;padding:0 14px}.history-search input:focus{border-color:#f4c430;box-shadow:0 0 0 3px #f4c43024}.history-grid{grid-template-columns:minmax(280px,.82fr) minmax(0,1.55fr);align-items:start;gap:18px;display:grid}.history-list,.history-lines,.history-detail-panel,.history-section{gap:12px;display:grid}.history-item{color:#0d1b2a;text-align:left;cursor:pointer;background:#fff;border:1px solid #e3e8ef;border-radius:15px;justify-content:space-between;align-items:flex-start;gap:14px;width:100%;padding:14px;transition:border-color .18s,box-shadow .18s,transform .18s;display:flex}.history-item:hover{transform:translateY(-1px);box-shadow:0 8px 22px #08111f14}.history-item.active{border-color:#f4c430;box-shadow:0 0 0 3px #f4c43024}.history-item-main{gap:4px;min-width:0;display:grid}.history-item-main>span,.history-item-main small{color:#667085}.history-item-title{align-items:center;gap:10px;display:flex}.history-item-title span{color:#98a2b3;font-size:11px}.history-item-total{white-space:nowrap;font-size:13px}.history-hero,.history-section-heading,.history-invoice-box,.history-actions{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.history-hero h2,.history-section-heading h3{margin:4px 0}.history-hero p{color:#667085;margin:0}.history-paid-badge{color:#176b3a;white-space:nowrap;background:#e9f8ef;border-radius:999px;align-items:center;min-height:34px;padding:7px 11px;font-size:11px;font-weight:900;display:inline-flex}.history-info-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.history-info-grid>div{background:#fbfcfe;border:1px solid #e8ecf2;border-radius:13px;gap:5px;min-width:0;padding:13px;display:grid}.history-info-grid span,.history-info-grid small{color:#667085;font-size:12px}.history-line{background:#fff;border:1px solid #e8ecf2;border-radius:13px;justify-content:space-between;align-items:flex-start;gap:14px;padding:13px 14px;display:flex}.history-line>div{gap:4px;display:grid}.history-line span{color:#667085;font-size:12px}.history-invoice-box{color:#fff;background:#0d1b2a;border-radius:16px;align-items:center;padding:16px}.history-invoice-box>div:first-child,.history-invoice-total{gap:4px;display:grid}.history-invoice-box span,.history-invoice-box small{color:#ffffffb3;font-size:12px}.history-invoice-total{text-align:right}.history-invoice-total strong{color:#f4c430;font-size:22px}.history-actions{flex-wrap:wrap;justify-content:flex-start}.history-footnote{color:#98a2b3;text-align:right;margin:16px 0 0;font-size:12px}.empty-state.compact{min-height:auto;padding:16px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:980px){.history-grid{grid-template-columns:1fr}.history-list{gap:10px;padding-bottom:4px;display:flex;overflow-x:auto}.history-item{min-width:285px}}@media (max-width:620px){.history-toolbar,.history-hero,.history-section-heading,.history-invoice-box{display:grid}.history-search{width:100%}.history-info-grid{grid-template-columns:1fr}.history-invoice-total{text-align:left}.history-actions{display:grid}.history-actions .primary-button,.history-actions .secondary-button{justify-content:center;width:100%}}
.reminder-grid{grid-template-columns:minmax(280px,.8fr) minmax(0,1.15fr);align-items:start;gap:18px;display:grid}.reminder-form-panel{grid-column:1/-1}.reminder-list,.reminder-form{gap:10px;display:grid}.reminder-item{text-align:left;cursor:pointer;background:#fff;border:1px solid #e3e8ef;border-radius:15px;justify-content:space-between;align-items:flex-start;gap:12px;width:100%;padding:14px;transition:border-color .18s,box-shadow .18s,transform .18s;display:flex}.reminder-item:hover{transform:translateY(-1px);box-shadow:0 8px 22px #08111f14}.reminder-item.active{border-color:#f4c430;box-shadow:0 0 0 3px #f4c43024}.reminder-item>div{gap:4px;min-width:0;display:grid}.reminder-item span,.reminder-item small{color:#667085}.reminder-status{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:6px 9px;font-size:11px;font-weight:800;display:inline-flex}.reminder-status.status-pending{color:#7a5a00;background:#fff7d6}.reminder-status.status-sent{color:#2457a6;background:#eef4ff}.reminder-status.status-done{color:#176b3a;background:#e9f8ef}.reminder-status.status-cancelled{color:#667085;background:#f2f4f7}.reminder-detail-panel,.reminder-form-panel{gap:16px;display:grid}.reminder-detail-head,.reminder-actions{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.reminder-detail-head h2{margin:4px 0 0}.reminder-info-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.reminder-info-grid>div{background:#fbfcfe;border:1px solid #e8ecf2;border-radius:13px;gap:5px;min-width:0;padding:13px;display:grid}.reminder-info-grid span,.reminder-info-grid small{color:#667085;font-size:12px}.reminder-actions{flex-wrap:wrap;justify-content:flex-start}.reminder-form-intro{color:#667085;margin:-4px 0 0}.reminder-type-switch{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.reminder-type-switch button{color:#667085;cursor:pointer;background:#fff;border:1px solid #dce2ea;border-radius:12px;min-height:44px;font-weight:800}.reminder-type-switch button.active{color:#5d4500;background:#fff7d6;border-color:#f4c430}@media (max-width:980px){.reminder-grid{grid-template-columns:1fr}.reminder-form-panel{grid-column:auto}.reminder-list{padding-bottom:4px;display:flex;overflow-x:auto}.reminder-item{min-width:275px}}@media (max-width:620px){.reminder-list-panel,.reminder-detail-panel,.reminder-form-panel{padding:16px}.reminder-detail-head,.reminder-actions{display:grid}.reminder-info-grid,.reminder-type-switch{grid-template-columns:1fr}.reminder-actions .primary-button,.reminder-actions .secondary-button,.reminder-actions .ghost-button,.reminder-form .primary-button{justify-content:center;width:100%}}
.sidebar-brand-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.mobile-menu-button,.mobile-workflow-card,.mobile-nav{display:none}@media (max-width:980px){.app-shell{display:block}.sidebar{z-index:50;min-height:auto;padding:12px 16px 10px;position:sticky;top:0;box-shadow:0 8px 28px #08111f2e}.sidebar-caption,.sidebar .pro-card,.sidebar .desktop-nav{display:none}.mobile-menu-button{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff29;border-radius:11px;align-items:center;gap:8px;min-height:42px;padding:9px 12px;font-size:12px;font-weight:800;display:inline-flex}.mobile-menu-button strong{color:var(--yellow-400);font-size:18px;line-height:1}.mobile-workflow-card{background:#f6c20e12;border:1px solid #f6c20e38;border-radius:13px;gap:9px;margin-top:10px;padding:10px 11px 9px;display:grid}.mobile-workflow-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.mobile-workflow-heading>span{color:var(--yellow-400);letter-spacing:.12em;font-size:9px;font-weight:900}.mobile-workflow-heading strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.mobile-workflow-steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;display:grid}.mobile-workflow-step{color:#9aa7b8;background:#ffffff09;border:1px solid #ffffff14;border-radius:9px;place-items:center;gap:4px;min-width:0;padding:5px 3px;display:grid}.mobile-workflow-step>span{background:#ffffff14;border-radius:7px;place-items:center;width:22px;height:22px;font-size:10px;font-weight:900;display:grid}.mobile-workflow-step small{text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:8px;font-weight:800;overflow:hidden}.mobile-workflow-step.active{color:#fff;background:#f6c20e24;border-color:#f6c20e80}.mobile-workflow-step.active>span{color:var(--navy-950);background:var(--yellow-500)}.mobile-workflow-step.done{color:#b9dfc9}.mobile-workflow-step.done>span{color:#d7f7e4;background:#22c55e33}.mobile-nav{opacity:0;max-height:0;transition:max-height .2s,opacity .15s;overflow:hidden}.sidebar.mobile-open .mobile-nav{overscroll-behavior:contain;opacity:1;border-top:1px solid #ffffff1a;max-height:68vh;margin-top:11px;padding-top:11px;display:block;overflow-y:auto}.mobile-nav-section{gap:4px;display:grid}.mobile-nav-label{color:#8fa0b4;letter-spacing:.12em;padding:5px 10px 4px;font-size:9px;font-weight:900}.mobile-nav .nav-item{align-items:center;min-height:44px;padding:10px 12px;display:flex}.mobile-nav-more{border-top:1px solid #ffffff14;margin-top:8px;padding-top:8px}.mobile-nav-more summary{color:#cbd5e1;cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;min-height:42px;padding:9px 11px;font-size:12px;font-weight:800;list-style:none;display:flex}.mobile-nav-more summary::-webkit-details-marker{display:none}.mobile-nav-more summary:after{content:"+";color:var(--yellow-400);font-size:17px}.mobile-nav-more[open] summary:after{content:"−"}.mobile-nav-section.secondary{margin-top:4px}.workspace{padding-top:20px}.module-header,.topbar{align-items:flex-start}.module-header>div:first-child>p,.topbar>div:first-child>p{display:none}.module-header>div:first-child>.eyebrow,.topbar>div:first-child>.eyebrow{font-size:9px}.module-summary,.stats-grid{scroll-snap-type:x proximity;scrollbar-width:none;gap:10px;margin:18px -2px 20px;padding:2px 2px 8px;display:flex;overflow-x:auto}.module-summary::-webkit-scrollbar{display:none}.stats-grid::-webkit-scrollbar{display:none}.module-summary-card,.stat-card{scroll-snap-align:start;flex:0 0 148px;min-width:148px}.module-summary-card small,.stat-card small{display:none}.module-summary-card strong,.stat-card strong{margin-bottom:0}.module-form-panel>p,.highlight-panel>p{display:none}button,.primary-button,.secondary-button,.ghost-button,.mini-button{min-height:44px}.form-field input,.form-field select,.form-field textarea{font-size:16px}}@media (max-width:620px){.workspace{padding:16px 14px 34px}.sidebar{padding:11px 14px 9px}.brand-wordmark{font-size:20px}.brand-mark{width:34px;height:34px}.mobile-menu-button{min-height:40px;padding:8px 10px}.mobile-workflow-card{margin-top:8px}.mobile-workflow-heading strong{max-width:58%}.module-header h1,.topbar h1{margin-top:4px;font-size:30px;line-height:1.02}.module-header{gap:12px}.topbar-actions{gap:8px}.topbar-actions .secondary-button{display:none}.module-summary-card,.stat-card{border-radius:14px;flex-basis:138px;min-width:138px;padding:14px}.module-summary-card strong,.stat-card strong{font-size:24px}.panel{border-radius:15px;padding:16px}.panel-heading{gap:10px}.panel-heading .eyebrow{display:none}.module-row{gap:10px;padding:13px 0}.module-row-meta{gap:5px 10px}.row-actions{width:100%}.row-actions .mini-button{justify-content:center;align-items:center;width:100%;display:inline-flex}.auth-user-card{justify-content:space-between;width:100%}.module-form-panel>.primary-button,.module-form .primary-button{width:100%}.inspection-save-bar{padding:14px;bottom:10px}.inspection-save-bar .primary-button{width:100%}}
@media (max-width:980px){.mobile-workflow-steps{scrollbar-width:none;grid-template-columns:repeat(7,minmax(42px,1fr));overflow-x:auto}.mobile-workflow-steps::-webkit-scrollbar{display:none}.mobile-workflow-step{padding-inline:2px}.mobile-workflow-step small{font-size:7.5px}}@media (max-width:420px){.mobile-workflow-step{gap:3px;padding-inline:1px}.mobile-workflow-step>span{width:20px;height:20px;font-size:9px}.mobile-workflow-step small{font-size:7px}}
div[class*=tabs]{padding-top:10px;overflow-y:visible}button[class*=tab]>span{color:#fff;z-index:3;background:#e53935;border:2px solid #fff;border-radius:999px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:9px;font-weight:950;line-height:1;display:grid;position:absolute;top:3px;right:4px;box-shadow:0 4px 10px #e539353d}@media (max-width:820px){div[class*=tabs]{padding-top:12px;padding-right:4px}button[class*=tab]{padding-right:34px}button[class*=tab]>span{top:7px;right:7px}}
:root{--demo-mechanic-name:"Budi Santoso"}section[class*=shell]>div[class*=header]:after{content:"Mekanik: Budi Santoso";color:#27445f;white-space:nowrap;background:#f7fafc;border:1px solid #dbe5ec;border-radius:999px;justify-content:center;align-items:center;min-height:32px;padding:7px 11px;font-size:10px;font-weight:900;display:inline-flex}@media (max-width:820px){section[class*=shell]>div[class*=header]{flex-wrap:wrap}section[class*=shell]>div[class*=header]:after{order:3;justify-content:flex-start;width:100%}}