:root{--ink:#101418;--ink2:#3d454d;--mut:#69737d;--faint:#9aa3ab;--paper:#f6f7f5;--card:#fff;--line:#e4e7e2;--line2:#eef0ec;--teal:#0f766e;--teal2:#0b5a54;--tealbg:#e7f2f0;--s-book:#6b7280;--s-in:#2563eb;--s-prog:#d97706;--s-appr:#7c3aed;--s-qc:#0d9488;--s-ready:#16a34a;--s-del:#475569;--s-hold:#dc2626;--amber:#d97706;--red:#dc2626;--green:#16a34a;--purple:#7c3aed;--blue:#2563eb;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-display:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--bg:var(--paper);--bg-elevated:var(--card);--bg-muted:#eff1ee;--bg-subtle:var(--paper);--border:var(--line);--border-strong:#d0d5cd;--text:var(--ink2);--text-h:var(--ink);--text-muted:var(--mut);--text-inverse:#fff;--accent:var(--teal);--accent-strong:var(--teal2);--accent-soft:var(--tealbg);--accent-border:#c5e0dc;--info:var(--blue);--info-soft:#e7eefd;--success:var(--green);--success-soft:#e5f5e9;--warning:var(--amber);--warning-soft:#fcf1e1;--danger:var(--red);--danger-soft:#fde8e8;--radius-sm:7px;--radius-md:9px;--radius-lg:12px;--radius-xl:16px;--shadow-sm:0 1px 2px #1014180d;--shadow-md:0 3px 12px -4px #1014182e;--shadow-lg:0 18px 48px -18px #1014184d;--nav-width:232px;--header-height:56px;--content-max:1180px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--font-sans);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:13.5px;line-height:1.45}*,:before,:after{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{background:var(--bg);color:var(--text)}#root{flex-direction:column;min-height:100svh;display:flex}a{color:inherit}img{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3,h4{font-family:var(--font-display);color:var(--text-h);letter-spacing:-.02em;margin:0;font-weight:800}p{margin:0}ul{margin:0;padding:0;list-style:none}:focus-visible{outline:2px solid var(--teal);outline-offset:2px;border-radius:4px}.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 (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.mono{font-family:var(--font-mono);letter-spacing:.01em;font-weight:600}.sp{flex:1}.row{align-items:center;gap:10px;display:flex}.note{color:var(--mut);font-size:11.5px;line-height:1.5}.hr{background:var(--line2);height:1px;margin:13px 0}.ui-btn{cursor:pointer;white-space:nowrap;background:var(--card);min-height:34px;color:var(--ink);border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:8px 15px;font-size:12.5px;font-weight:600;line-height:1.2;text-decoration:none;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.ui-btn:disabled{opacity:.45;cursor:not-allowed}.ui-btn--primary{background:var(--teal);color:#fff}.ui-btn--primary:hover:not(:disabled){background:var(--teal2)}.ui-btn--secondary,.ui-btn--line{background:var(--card);border-color:var(--line);color:var(--ink)}.ui-btn--secondary:hover:not(:disabled),.ui-btn--line:hover:not(:disabled){background:var(--paper)}.ui-btn--ghost{color:var(--teal2);background:0 0;padding:8px 10px}.ui-btn--ghost:hover:not(:disabled){background:var(--tealbg)}.ui-btn--dark{background:var(--ink);color:#fff}.ui-btn--dark:hover:not(:disabled){background:#000}.ui-btn--danger{background:var(--red);color:#fff}.ui-btn--danger:hover:not(:disabled){background:#b91c1c}.ui-btn--sm{border-radius:7px;min-height:28px;padding:5px 11px;font-size:11.5px}.ui-btn--lg{border-radius:11px;min-height:44px;padding:12px 22px;font-size:14px}.ui-btn--wide{width:100%}.ui-btn--icon{border:1px solid var(--line);background:var(--card);border-radius:9px;width:34px;height:34px;min-height:34px;padding:0}.ui-btn--icon:hover:not(:disabled){background:var(--paper)}.ui-field{flex-direction:column;gap:5px;width:100%;display:flex}.ui-field__label{color:var(--mut);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:700}.ui-field__required{color:var(--red);font-weight:800}.ui-field__hint,.ui-field__error{font-size:11.5px}.ui-field__hint{color:var(--mut)}.ui-field__error{color:var(--red)}.ui-input,.ui-select,.ui-textarea{border:1px solid var(--line);background:var(--card);width:100%;color:var(--ink);border-radius:9px;padding:8px 12px;font-size:12.5px;transition:border-color .12s,box-shadow .12s}.ui-textarea{resize:vertical;min-height:96px}.ui-input:focus,.ui-select:focus,.ui-textarea:focus{outline:2px solid var(--teal);outline-offset:-1px;border-color:var(--teal)}.ui-input--invalid,.ui-select--invalid,.ui-textarea--invalid{border-color:var(--red)}.ui-badge{white-space:nowrap;color:var(--s-book);background:#eef0f2;border-radius:99px;align-items:center;gap:6px;padding:3px 10px 3px 8px;font-size:11px;font-weight:600;display:inline-flex}.ui-badge:before{content:"";background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.ui-badge--nodot:before{display:none}.ui-badge--neutral{color:var(--s-book);background:#eef0f2}.ui-badge--info{color:var(--s-in);background:#e7eefd}.ui-badge--accent{color:var(--s-qc);background:#e2f4f2}.ui-badge--success{color:var(--s-ready);background:#e5f5e9}.ui-badge--warning{color:var(--s-prog);background:#fcf1e1}.ui-badge--danger{color:var(--s-hold);background:#fde8e8}.ui-badge--book{color:var(--s-book);background:#eef0f2}.ui-badge--chin{color:var(--s-in);background:#e7eefd}.ui-badge--prog{color:var(--s-prog);background:#fcf1e1}.ui-badge--appr{color:var(--s-appr);background:#f2ebfd}.ui-badge--qc{color:var(--s-qc);background:#e2f4f2}.ui-badge--ready{color:var(--s-ready);background:#e5f5e9}.ui-badge--del{color:var(--s-del);background:#eaedf1}.ui-badge--hold{color:var(--s-hold);background:#fde8e8}.ui-chip{color:var(--ink2);background:var(--paper);border:1px solid var(--line);white-space:nowrap;border-radius:6px;align-items:center;gap:5px;padding:2px 8px;font-size:10.5px;font-weight:600;display:inline-flex}.ui-chip--t{background:var(--tealbg);color:var(--teal2);border-color:#c5e0dc}.ui-chip--a{color:#a15c05;background:#fdf3e3;border-color:#f3ddb5}.ui-chip--r{color:#b91c1c;background:#fdeaea;border-color:#f5c6c6}.ui-chip--g{color:#15803d;background:#e5f5e9;border-color:#c3e6cd}.ui-chip--v{color:#6d28d9;background:#f1eafd;border-color:#ddd0f5}.ui-chip--click{cursor:pointer}.ui-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);padding:15px}.ui-card--flat{background:var(--paper);border-color:var(--line2)}.ui-card__head{align-items:center;gap:10px;margin-bottom:11px;display:flex}.ui-card__head h4{margin:0;font-size:12.5px;font-weight:700}.ui-card__head--btn{cursor:pointer;width:100%;font:inherit;color:inherit;text-align:left;background:0 0;border:none;justify-content:space-between;padding:0}.ui-page-header{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.ui-page-header__left{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.ui-page-header__body{min-width:0}.ui-page-header__title{letter-spacing:-.02em;margin:0;font-size:18px;font-weight:800;line-height:1.2}.ui-page-header__title.mono{font-size:16px}.ui-page-header__subtitle{color:var(--mut);margin-top:1px;font-size:11.5px;font-weight:500;line-height:1.5}.ui-page-header__actions{flex-wrap:wrap;align-items:center;gap:8px;margin-left:auto;display:flex}.ui-backbtn{border:1px solid var(--line);background:var(--card);width:32px;height:32px;color:var(--ink2);cursor:pointer;border-radius:9px;flex-shrink:0;place-items:center;text-decoration:none;transition:background .12s;display:grid}.ui-backbtn:hover{background:var(--paper)}.ui-empty,.ui-error,.ui-loading{text-align:center;color:var(--mut);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:2rem 1rem;display:flex}.ui-empty__title,.ui-error__title{color:var(--ink);font-size:13.5px;font-weight:700}.ui-spinner{border:2px solid var(--line);border-top-color:var(--teal);border-radius:50%;width:1.2rem;height:1.2rem;animation:.7s linear infinite ui-spin}@keyframes ui-spin{to{transform:rotate(360deg)}}.ui-skeleton{background:linear-gradient(90deg, var(--bg-muted), var(--paper), var(--bg-muted));background-size:200% 100%;border-radius:8px;animation:1.2s ease-in-out infinite ui-shimmer}@keyframes ui-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.ui-dialog-backdrop{z-index:120;background:#10141861;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.ui-dialog{background:var(--card);border-radius:16px;width:min(430px,94vw);padding:0;overflow:hidden;box-shadow:0 24px 70px -20px #10141873}.ui-dialog--wide{width:min(680px,94vw)}.ui-dialog__title{border-bottom:1px solid var(--line2);letter-spacing:-.01em;padding:15px 20px;font-size:14.5px;font-weight:800}.ui-dialog__body{color:var(--mut);padding:18px 20px;font-size:12.5px;line-height:1.5}.ui-dialog__actions{justify-content:flex-end;gap:8px;padding:0 20px 18px;display:flex}.ui-popover{vertical-align:middle;display:inline-flex;position:relative}.ui-popover__panel{border:1px solid var(--line);padding:12px 14px;overflow:auto;box-shadow:0 12px 36px -10px #0f172a47}.ui-popover__body{min-width:0}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ui-toast-stack{z-index:99;flex-direction:column;gap:8px;width:max-content;max-width:70vw;display:flex;position:fixed;bottom:26px;left:50%;transform:translate(-50%)}.ui-toast{background:var(--ink);color:#fff;text-align:center;border-radius:11px;align-items:center;gap:10px;padding:10px 18px;font-size:12.5px;font-weight:600;display:flex;box-shadow:0 10px 30px -8px #0006}.ui-toast .ui-btn{color:#fff;background:0 0;border-color:#0000;width:24px;height:24px;min-height:auto}.ui-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.ui-kpi{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);padding:13px 15px}.ui-kpi__label{color:var(--mut);text-transform:uppercase;letter-spacing:.07em;font-size:10.5px;font-weight:700}.ui-kpi__value{color:var(--ink);letter-spacing:-.02em;margin-top:4px;font-size:21px;font-weight:800}.ui-kpi__delta{color:var(--mut);margin-top:3px;font-size:11px;font-weight:600}.ui-kpi__delta--up{color:var(--green)}.ui-kpi__delta--dn{color:var(--red)}@media (width<=1100px){.ui-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.ui-kpi-grid{grid-template-columns:1fr}}.ui-tabs{background:var(--paper);border:1px solid var(--line);border-radius:10px;gap:2px;width:max-content;max-width:100%;padding:3px;display:flex;overflow-x:auto}.ui-tabs__tab{color:var(--mut);white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px 13px;font-family:inherit;font-size:12px;font-weight:600}.ui-tabs__tab:hover{color:var(--ink)}.ui-tabs__tab--on{background:var(--card);color:var(--ink);box-shadow:0 1px 2px #10141814}.ui-tabs__tab--disabled,.ui-tabs__tab:disabled{opacity:.45;cursor:not-allowed;color:var(--mut)}.ui-tabs__tab--disabled:hover,.ui-tabs__tab:disabled:hover{color:var(--mut)}.ui-tabs__badge{background:color-mix(in srgb, var(--amber,#d97706) 22%, transparent);min-width:1.15rem;height:1.15rem;color:var(--ink);vertical-align:middle;border-radius:999px;justify-content:center;align-items:center;margin-left:6px;padding:0 5px;font-size:10px;font-weight:750;display:inline-flex}.ui-table-wrap{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);width:100%;overflow-x:auto}.ui-table{border-collapse:collapse;width:100%}.ui-table th{text-transform:uppercase;letter-spacing:.07em;color:var(--mut);text-align:left;border-bottom:1px solid var(--line);background:0 0;padding:7px 10px;font-size:10.5px;font-weight:700}.ui-table td{border-bottom:1px solid var(--line2);vertical-align:middle;padding:9px 10px;font-size:12.5px}.ui-table tr:last-child td{border-bottom:none}.ui-table tr.ui-table__hl td{background:#fffaf0}.ui-table tr.ui-table__rowbtn{cursor:pointer}.ui-table tr.ui-table__rowbtn:hover td{background:var(--paper)}.ui-table td.r,.ui-table th.r{text-align:right}.ui-kv{grid-template-columns:auto 1fr;gap:5px 16px;margin:0;font-size:12.5px;display:grid}.ui-kv dt{color:var(--mut);margin:0}.ui-kv dd{color:var(--ink);word-break:break-word;margin:0;font-weight:600}.ui-stage-track{align-items:flex-start;gap:0;width:100%;display:flex}.ui-stage-step{text-align:center;flex:1;position:relative}.ui-stage-dot{background:var(--line2);width:25px;height:25px;color:var(--faint);z-index:1;border-radius:50%;place-items:center;margin:0 auto;font-size:11px;font-weight:700;display:grid;position:relative}.ui-stage-dot--done{background:var(--teal);color:#fff}.ui-stage-dot--current{background:var(--teal);color:#fff;animation:1.6s infinite ui-pulse}.ui-stage-label{color:var(--faint);margin-top:5px;font-size:10px;font-weight:700}.ui-stage-label--on{color:var(--ink)}.ui-stage-connector{background:var(--line);z-index:0;height:2px;position:absolute;top:12px;left:calc(50% + 14px);right:calc(14px - 50%)}.ui-stage-connector--done{background:var(--teal)}@keyframes ui-pulse{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.ui-stage-dot--current{animation:none}}.ui-led{border-radius:50%;flex-shrink:0;width:9px;height:9px;display:inline-block}.ui-led--g{background:var(--green);box-shadow:0 0 0 3px #dcf2e3}.ui-led--a{background:var(--amber);box-shadow:0 0 0 3px #fbeed6}.ui-led--r{background:var(--red);box-shadow:0 0 0 3px #fbdddd}.ui-seg{border:1px solid var(--line);border-radius:8px;display:inline-flex;overflow:hidden}.ui-seg button{color:var(--mut);border:none;border-right:1px solid var(--line);cursor:pointer;background:0 0;padding:5px 12px;font-family:inherit;font-size:11px;font-weight:700}.ui-seg button:last-child{border-right:none}.ui-seg button.g.on{color:#15803d;background:#e5f5e9}.ui-seg button.a.on{color:#a15c05;background:#fdf3e3}.ui-seg button.r.on{color:#b91c1c;background:#fdeaea}.segmented{background:var(--paper);border:1px solid var(--line);border-radius:10px;gap:0;padding:3px;display:inline-flex}.segmented__option{color:var(--mut);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:7px 18px;font-family:inherit;font-size:12.5px;font-weight:600;transition:background .15s,color .15s,box-shadow .15s}.segmented__option:hover:not(:disabled){color:var(--ink)}.segmented__option--active{background:var(--card);color:var(--ink);box-shadow:0 1px 3px #10141814}.segmented__option:disabled{opacity:.45;cursor:not-allowed}.detail-row{border-bottom:1px solid var(--line2);grid-template-columns:140px 1fr;gap:4px 12px;padding:8px 0;font-size:12.5px;display:grid}.detail-row:last-child{border-bottom:none}.detail-row__label{color:var(--mut);text-transform:uppercase;letter-spacing:.06em;padding-top:1px;font-size:11px;font-weight:600}.detail-row__value{color:var(--ink);word-break:break-word}.detail-row__value--empty{color:var(--mut);font-style:italic}.section-header{justify-content:space-between;align-items:center;gap:12px;margin:20px 0 10px;display:flex}.section-header__title{color:var(--ink);font-size:13.5px;font-weight:800}.vehicle-list-item{border:1px solid var(--line);background:var(--card);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;text-decoration:none;transition:background .12s,border-color .12s;display:flex}.vehicle-list-item:hover{border-color:var(--accent-border);background:var(--paper)}.vehicle-list-item__title{color:var(--ink);font-size:12.5px;font-weight:700}.vehicle-list-item__meta{color:var(--mut);margin-top:2px;font-size:11px}.customer-list-item{border:1px solid var(--line);background:var(--card);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;text-decoration:none;transition:background .12s,border-color .12s;display:flex}.customer-list-item:hover{border-color:var(--accent-border);background:var(--paper)}.customer-list-item__name{color:var(--ink);font-size:13px;font-weight:700}.customer-list-item__contact{color:var(--mut);gap:12px;margin-top:2px;font-size:11.5px;display:flex}.search-bar{margin-bottom:14px}.search-bar .ui-input{max-width:360px}.spec-grid{grid-template-columns:1fr 1fr;gap:0 24px;display:grid}@media (width<=640px){.spec-grid{grid-template-columns:1fr}.detail-row{grid-template-columns:100px 1fr}}.damage-item{border:1px solid var(--line);background:var(--card);border-radius:10px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.damage-item__dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:4px}.damage-item__dot--open{background:var(--red)}.damage-item__dot--in_progress{background:var(--s-prog)}.damage-item__dot--resolved{background:var(--green)}.damage-item__title{color:var(--ink);font-size:12.5px;font-weight:700}.damage-item__meta{color:var(--mut);margin-top:2px;font-size:11px}.ui-avatar{background:var(--tealbg);width:30px;height:30px;color:var(--teal2);border-radius:50%;flex-shrink:0;place-items:center;font-size:11px;font-weight:700;display:grid}.ui-avatar--lg{width:42px;height:42px;font-size:14px}.ui-avatar--b{color:#1d4ed8;background:#e3ecfd}.ui-avatar--p{color:#6d28d9;background:#f1eafd}.ui-avatar--o{color:#b45309;background:#fdf0e0}.ui-avatar--g{color:#15803d;background:#e5f5e9}.ui-bar{background:var(--line2);border-radius:99px;height:7px;overflow:hidden}.ui-bar>i{background:var(--teal);border-radius:99px;height:100%;display:block}.grid2{grid-template-columns:1fr 1fr;gap:14px;display:grid}.grid3{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.grid4{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}@media (width<=900px){.grid2,.grid3,.grid4{grid-template-columns:1fr}}