:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}button{background-color:#f9f9f9}}.offline-icon{position:relative;display:inline-flex;line-height:1;color:red;--slash-thickness: .13em}.offline-icon .anticon{line-height:1}.offline-icon:after{content:"";position:absolute;left:50%;top:-15%;width:var(--slash-thickness);height:130%;background:currentColor;color:red;transform:translate(-50%) rotate(-45deg);border-radius:calc(var(--slash-thickness) / 2);pointer-events:none}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f0f2f5;padding:20px}.login-card{width:100%;max-width:400px;box-shadow:0 4px 12px #0000000d}.login-header{text-align:center;margin-bottom:24px}.login-error .ant-row .ant-col .ant-form-item-control-input{min-height:0px!important;max-height:0px!important}.login-error{text-align:center}.site-form-item-icon{color:#00000040}.loading-container{display:flex;justify-content:center;align-items:center;min-height:100vh}.dashboard-container{padding:16px}.dashboard-loading{padding:24px}.dashboard-header{margin-bottom:24px}body.no-scroll{overflow:hidden!important}@media screen and (max-width: 768px){.dashboard-container{padding:12px}}@media screen and (max-width: 480px){.history-filters{flex-direction:column!important;align-items:stretch!important}.history-filters .history-actions{display:flex;gap:8px;width:100%}.history-filters .history-actions .ant-select{flex:1 1 auto;width:auto!important}.history-filters .history-actions .ant-btn{flex:0 0 auto;width:auto!important}.history-filters .ant-picker,.history-filters .ant-select,.history-filters .ant-btn{width:100%!important}}@media screen and (max-width: 480px){.mobile-range-picker-dropdown{position:fixed!important;inset:auto 0 0!important;width:100vw!important;transform:none!important;margin:0!important;z-index:9999}.mobile-range-picker-dropdown .ant-picker-panel-container{width:100%!important;border-radius:12px 12px 0 0;border:none!important;box-shadow:0 -6px 20px #00000038;max-height:75vh;overflow:auto;padding-bottom:env(safe-area-inset-bottom)}.mobile-range-picker-dropdown .ant-picker-content,.mobile-range-picker-dropdown .ant-picker-panel,.mobile-range-picker-dropdown .ant-picker{width:100%!important}.mobile-range-picker-dropdown .ant-picker-range-wrapper,.mobile-range-picker-dropdown .ant-picker-panels,.mobile-range-picker-dropdown .ant-picker-date-panel{width:100%!important;min-width:0!important}.mobile-range-picker-dropdown .ant-picker-panels{gap:0!important;column-gap:0!important}.mobile-range-picker-dropdown .ant-picker-panel{flex:1 0 100%!important;width:100%!important}.mobile-range-picker-dropdown .ant-picker-header{display:flex!important;justify-content:space-between!important;align-items:center!important}.mobile-range-picker-dropdown .ant-picker-header .ant-picker-header-super-prev-btn,.mobile-range-picker-dropdown .ant-picker-header .ant-picker-header-prev-btn,.mobile-range-picker-dropdown .ant-picker-header .ant-picker-header-next-btn,.mobile-range-picker-dropdown .ant-picker-header .ant-picker-header-super-next-btn{display:inline-flex!important}.mobile-range-picker-dropdown .ant-picker-panel:first-child .ant-picker-header-next-btn,.mobile-range-picker-dropdown .ant-picker-panel:first-child .ant-picker-header-super-next-btn{visibility:visible!important;pointer-events:auto!important;display:inline-flex!important}.mobile-range-picker-dropdown .ant-picker-panels{display:grid!important;grid-template-columns:1fr!important;gap:0!important}.mobile-range-picker-dropdown .ant-picker-panels>*:nth-child(2){display:none}.mobile-range-picker-dropdown .ant-picker-panels>*:not(:last-child){margin-inline-end:0!important}.mobile-range-picker-dropdown .ant-picker-header-view{flex:1 1 auto;text-align:center}.mobile-range-picker-dropdown .ant-picker-header .ant-picker-header-next-btn,.mobile-range-picker-dropdown .ant-picker-header .ant-picker-header-super-next-btn{visibility:visible!important;pointer-events:auto!important;display:inline-flex!important;opacity:1!important}.mobile-range-picker-dropdown .ant-picker-range-arrow{display:none!important}.mobile-range-picker-dropdown .ant-picker-header{padding:8px 12px}}.breakdown-card{border-radius:8px;box-shadow:0 1px 4px #0000001a;width:100%;overflow:hidden}.breakdown-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.breakdown-reference{max-width:70%}.status-badge{border-radius:12px;padding:4px 0}.card-divider{margin:8px 0}.breakdown-content{display:flex;flex-direction:column;gap:8px;padding-bottom:0}.registration-company{display:flex;justify-content:space-between;align-items:center}.vin-number{color:#666;font-size:13px;margin-top:-4px}.vehicle-info{color:#666;font-size:13px}.fleet-number{margin-top:-4px;font-size:13px}.breakdown-footer{display:flex;flex-direction:column;gap:6px}.breakdown-address{max-width:100%;overflow:hidden}.address-text{max-width:calc(100% - 24px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pull-refresh-container{position:relative;width:100%;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}.pull-icon{display:flex;flex-direction:column;align-items:center;padding:8px 0;color:#1677ff;font-size:14px}@media screen and (min-width: 769px){.custom-pull-indicator{display:none}}.breakdown-list-container{padding:0 16px;position:relative;overflow-y:auto;-webkit-overflow-scrolling:touch;width:100%;box-sizing:border-box;height:100%}.loading-container{display:flex;justify-content:center;align-items:center;min-height:200px}.empty-state{margin:32px 0}.desktop-refresh{text-align:center;margin:16px 0;display:none}.custom-pull-indicator{position:absolute;top:0;left:0;right:0;display:flex;justify-content:center;align-items:center;background-color:#f0f0f0;transition:all .2s ease;z-index:1;overflow:hidden}.pull-icon{display:flex;flex-direction:column;align-items:center;padding-bottom:8px;color:#1677ff;font-size:14px}.refreshing-indicator{display:flex;justify-content:center;align-items:center;gap:8px;padding:8px 0;background-color:#f0f0f0;font-size:14px;color:#666}.refreshing.pull-indicator{display:flex;justify-content:center;align-items:center;gap:8px;color:#777;padding:8px 0;font-size:14px;background-color:#f5f5f5e6;position:relative;width:100%;border-bottom:1px solid #eee;height:auto;min-height:auto}.breakdown-quick-actions-card{border-radius:8px;box-shadow:0 2px 8px #0000000f;background-color:#fff}@media screen and (min-width: 769px){.desktop-refresh{display:block}.pull-indicator,.refreshing-indicator{display:none}}.breakdown-details-container{padding:16px;background-color:#f5f5f5;min-height:calc(100vh - 128px)}.details-header{display:flex;align-items:center;margin-bottom:16px;gap:12px}.ref-status-card,.details-card,.notes-card,.images-card{margin-bottom:16px;border-radius:8px;box-shadow:0 1px 4px #0000001a}.details-card>.ant-card-body{padding:0}.details-card .ant-collapse-header-text{font-weight:600}.breakdown-ref-status{display:flex;justify-content:space-between;align-items:center}.details-ref{font-size:16px;font-weight:600}.details-loading{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 150px)}.breakdown-tabs .ant-tabs-nav{margin-bottom:16px;background-color:#fff;border-radius:8px 8px 0 0;padding:0 16px;box-shadow:0 1px 2px #0000000d}.breakdown-tabs .ant-tabs-content{background-color:transparent}.ant-descriptions-item{padding:12px 8px!important}.note-input-form{background-color:#fff;padding:16px;border-radius:8px;margin-bottom:16px;box-shadow:0 1px 3px #0000001a}.note-input-form .ant-form-item:last-child{margin-bottom:0}.send-note-btn{float:right}.notes-container{display:flex;flex-direction:column;gap:16px;padding:8px}.note-bubble{max-width:85%;border-radius:12px;padding:12px;position:relative;word-wrap:break-word;box-shadow:0 1px 3px #0000001a;margin-bottom:8px}.note-self{align-self:flex-end;background-color:#dcf8c6;border-bottom-right-radius:4px;margin-left:auto}.note-other{align-self:flex-start;background-color:#fff;border-bottom-left-radius:4px;margin-right:auto;border:1px solid #e6e6e6}.note-status{background-color:#f0f5ff;border:1px solid #d6e4ff;box-shadow:0 1px 3px #1890ff1a;width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;text-align:center}.note-status .note-header{color:#1677ff}.note-header{margin-bottom:4px}.note-content{font-size:14px;margin-bottom:8px}.note-footer{display:flex;justify-content:space-between;align-items:center;font-size:12px}.note-time{font-size:11px}.follow-up-badge{margin-left:8px}.no-notes{display:flex;justify-content:center;padding:32px;font-style:italic}.image-upload-section{margin-bottom:24px;display:flex;justify-content:center}.images-container{display:flex;flex-direction:column;gap:16px}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.image-item{overflow:hidden;border-radius:8px;box-shadow:0 2px 4px #0000001a}.breakdown-image{width:100%;height:150px;object-fit:cover}.no-images{text-align:center;padding:32px 16px;display:flex;flex-direction:column;align-items:center;color:#999}.floating-action-button{position:fixed;bottom:70px;right:20px;z-index:100;transition:bottom .3s ease}.floating-action-button.elevated{bottom:130px}.floating-action-button .ant-btn{display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000026;width:32px;height:32px;font-size:14px}.request-summary>div>table>tbody>tr>th,.request-summary>div>table>tbody>tr>td{padding:4px 8px!important}:root{--bottom-nav-height: 64px;--top-nav-height: 64px}.main-layout{min-height:100vh;display:flex;flex-direction:column}.top-nav{position:fixed;top:0;width:100%;z-index:1000;padding:0 16px;box-shadow:0 1px 4px #00000014;flex:0 0 var(--top-nav-height)!important}.top-nav-content{display:flex;justify-content:space-between;align-items:center;height:100%}.page-header{display:flex;align-items:center}.back-btn{margin-right:8px;display:flex;align-items:center;padding:0 8px;height:32px}.page-title{font-size:16px;font-weight:500}.user-info{display:flex;align-items:center}.user-name{font-weight:500;line-height:14px}.user-dropdown-trigger{display:flex;align-items:center;cursor:pointer;color:#000000d9;padding:4px 8px;border-radius:4px}.user-dropdown-trigger:hover{background-color:#0000000a}.user-dropdown-role{display:flex;flex-direction:column;align-items:center;gap:8px;color:#00000073}.main-content{flex:1 1 auto;padding-top:var(--top-nav-height, 64px);padding-bottom:var(--bottom-nav-height, 64px);overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;position:relative;box-sizing:border-box;height:calc(100vh - var(--top-nav-height, 64px) - var(--bottom-nav-height, 64px))}.bottom-nav{position:fixed;bottom:0;width:100%;padding:0;z-index:1000;box-shadow:0 -1px 4px #00000014;flex:0 0 var(--bottom-nav-height)!important}.bottom-menu{width:100%;padding-inline:0!important;display:flex;flex-wrap:nowrap}.bottom-menu.ant-menu-horizontal{border-bottom:none;line-height:var(--bottom-nav-height);display:flex;width:100%}.bottom-menu.ant-menu-horizontal>.ant-menu-item{margin:0!important;padding-inline:0!important;flex:1 1 0!important;min-width:0;display:flex;align-items:center;justify-content:center;text-align:center;white-space:nowrap}.bottom-menu .ant-menu-item .anticon+span,.bottom-menu .ant-menu-item .composite-icon+span{margin-inline-start:9px}.scroll-to-top-btn{position:fixed;bottom:calc(var(--bottom-nav-height) + 20px);right:20px;z-index:99;transition:opacity .3s,transform .3s;box-shadow:0 2px 8px #00000026}.scroll-to-top-btn:hover{opacity:1;transform:translateY(-3px)}.composite-icon{position:relative;display:inline-block;width:20px;height:20px;vertical-align:middle}.composite-icon .base{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:18px;line-height:1}.composite-icon .badge-left,.composite-icon .badge-right{position:absolute;font-size:9px;transform:rotate(45deg);color:currentColor;bottom:10px}.composite-icon .badge-left{left:-14px}.composite-icon .badge-right{right:10px}.bottom-nav .ant-menu-item .ant-menu-item-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px}.bottom-nav .ant-menu-title-content{margin-inline-start:2px!important}@media (max-width: 400px){.bottom-nav{--bottom-nav-height: 56px}.bottom-menu.ant-menu-horizontal{line-height:var(--bottom-nav-height)}.bottom-menu.ant-menu-horizontal>.ant-menu-item{font-size:12px}.bottom-nav .ant-menu-item .ant-menu-item-icon,.composite-icon{width:18px;height:18px}.composite-icon .base{font-size:16px}.composite-icon .badge-left,.composite-icon .badge-right{font-size:8px}}.pwa-prompt-title{display:flex;align-items:center;gap:10px}.pwa-prompt-icon{font-size:24px;color:var(--primary-color)}.pwa-prompt-content{padding:16px 0}.ios-instructions{margin-top:20px;border:1px solid #f0f0f0;border-radius:6px;padding:12px}.step{display:flex;align-items:center;margin-bottom:10px}.step:last-child{margin-bottom:0}.step-number{width:24px;height:24px;background-color:var(--primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;margin-right:12px;flex-shrink:0}.step-text{flex:1}*{box-sizing:border-box;margin:0;padding:0}#root{width:100%;min-height:100vh}body{font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;color:#000000d9}@media screen and (max-width: 768px){.desktop-only{display:none}}@media screen and (min-width: 769px){.mobile-only{display:none}}:root{--app-height: 100%}html,body{padding:0;margin:0;width:100%;height:100%;height:var(--app-height);overflow-x:hidden;-webkit-overflow-scrolling:touch}@media screen and (max-width: 768px){body{min-height:-webkit-fill-available}}@supports (-webkit-touch-callout: none){body,#root{height:-webkit-fill-available}}.inspection-modal .ant-modal-body{scroll-behavior:smooth}.unchecked-checkbox .ant-checkbox-inner{border-color:#000}
