.login-container{min-height:100vh;display:flex;flex-direction:column;background-color:var(--shzoom-background);padding-bottom:26px;position:relative}.login-header-container{display:flex;justify-content:center;align-items:center;max-height:316px;flex:1;padding:20px}.login-logo{width:100%;max-width:400px;height:auto;object-fit:contain}.login-form-container{padding:0 16px;max-width:400px;width:100%;margin:0 auto}.login-loading{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;background-color:#faf8f6cc;z-index:1000}@media (max-width: 768px){.login-header-container{max-height:250px;padding:16px}.login-form-container{padding:0 20px}}@media (max-width: 480px){.login-header-container{max-height:200px;padding:12px}}.home-container{display:flex;flex-direction:column;height:100vh;background-color:var(--shzoom-background);padding:0;overflow:hidden}.home-header-container{flex:1;display:flex;align-items:center;justify-content:center;padding:24px 16px}.home-hero-image{width:auto;max-width:400px;max-height:300px;height:auto;object-fit:contain}.home-button-container{padding:0 16px}.home-incident-button{margin:0;height:50px;font-weight:600;font-size:16px;border-radius:8px;background-color:var(--shzoom-primary)!important;border-color:var(--shzoom-primary)!important;width:100%}.home-incident-button:hover{background-color:var(--shzoom-primary-light)!important;border-color:var(--shzoom-primary-light)!important}.home-sign-out-button{margin:5px 16px;color:var(--shzoom-text-secondary);height:auto;padding:8px 0}.home-sign-out-button:hover{color:var(--shzoom-primary)!important}.home-version{padding:16px;text-align:center;margin-top:auto}.version-text{color:var(--shzoom-text-secondary);font-size:12px}@media (max-width: 768px){.home-header-container{padding:16px 12px}.home-hero-image{max-width:300px;max-height:200px}.home-button-container{padding:0 12px}.home-incident-button{height:48px;font-size:15px}.home-sign-out-button{margin:5px 12px}}@media (max-width: 480px){.home-header-container{padding:8px}.home-hero-image{max-width:200px;max-height:120px}.home-button-container{padding:0 8px}.home-incident-button{height:44px;font-size:14px}.home-sign-out-button{margin:4px 8px}.home-version{padding:8px}}.barcode-scanner-modal .ant-modal-body{padding:0}.scanner-container{position:relative;background:#000;min-height:400px;display:flex;align-items:center;justify-content:center}.video-container{position:relative;width:100%;max-width:100%;overflow:hidden}.scanner-video{width:100%;height:auto;display:block}.scan-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.scan-region{position:relative;width:250px;height:150px;border:2px solid transparent}.scan-corner{position:absolute;width:20px;height:20px;border:3px solid #FF9902}.scan-corner.top-left{top:-2px;left:-2px;border-right:none;border-bottom:none}.scan-corner.top-right{top:-2px;right:-2px;border-left:none;border-bottom:none}.scan-corner.bottom-left{bottom:-2px;left:-2px;border-right:none;border-top:none}.scan-corner.bottom-right{bottom:-2px;right:-2px;border-left:none;border-top:none}.scan-hint{color:#fff;text-align:center;margin-top:20px;font-size:14px;text-shadow:0 1px 3px rgba(0,0,0,.8)}.permission-pending{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;text-align:center}.scanner-container .ant-alert{margin:20px}@media (max-width: 768px){.barcode-scanner-modal{max-width:100vw;margin:0}.barcode-scanner-modal .ant-modal{max-width:100%;margin:0}.scan-region{width:200px;height:120px}}.camera-modal .ant-modal-body{padding:0}.camera-container{position:relative;background:#000;min-height:500px;display:flex;flex-direction:column}.video-container{position:relative;flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden}.camera-video{width:100%;height:auto;max-height:500px;object-fit:contain}.camera-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff}.camera-loading p{margin-top:16px}.camera-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center;color:#fff;min-height:400px}.camera-preview{position:relative;display:flex;flex-direction:column}.captured-image{width:100%;height:auto;max-height:500px;object-fit:contain}.camera-actions{display:flex;justify-content:center;padding:20px;background:#f0f2f5;border-top:1px solid #d9d9d9}@media (max-width: 768px){.camera-modal{max-width:100vw;margin:0}.camera-modal .ant-modal{max-width:100%;margin:0;top:0}.camera-modal .ant-modal-content{border-radius:0}.camera-container{min-height:calc(100vh - 200px)}}.photo-capture-container{max-width:1200px;margin:0 auto}.photo-progress{margin:24px 0;padding:16px;background:#f0f2f5;border-radius:8px}.photo-progress .ant-typography{display:block;margin-bottom:8px;font-weight:500}.photo-sections{margin-top:32px}.photo-card{height:100%;transition:box-shadow .3s ease,border-color .3s ease;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.photo-card:hover{box-shadow:0 6px 20px #0000001f}.photo-card.required{border:2px solid #ff9902}.photo-card.optional{border:2px solid #e0e0e0}.photo-card.has-photo{border:2px solid #52c41a}.photo-card .ant-card-cover{height:240px;overflow:hidden;position:relative}.ant-ribbon-wrapper{border-radius:12px}.ant-ribbon{font-size:12px;padding:0 8px;line-height:20px}.photo-placeholder{height:240px;display:flex;flex-direction:column;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);transition:box-shadow .3s ease,filter .3s ease,background .3s ease;position:relative;overflow:hidden;box-shadow:0 1px 3px #00000014}.photo-placeholder:hover{box-shadow:0 4px 12px #00000026;filter:brightness(1.05)}.placeholder-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;width:100%}.photo-type-icon{font-size:48px;margin-bottom:12px;line-height:1}.photo-type-label{font-size:16px;font-weight:600;margin:8px 0;color:#1a1a1a}.photo-type-description{font-size:12px;color:#666;margin-bottom:8px;line-height:1.4;padding:0 10px}.photo-action-bar{display:flex;width:100%;height:44px;background:#fffffff2;border-top:1px solid rgba(0,0,0,.05)}.action-camera{flex:1;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;font-weight:500;color:#1a1a1a;transition:background .2s ease,color .2s ease,box-shadow .2s ease;border-right:1px solid rgba(0,0,0,.05);position:relative}.action-camera:hover{background:#667eea;color:#fff;box-shadow:inset 0 2px 4px #0000001a}.action-camera:active{background:#5a67d8;box-shadow:inset 0 3px 6px #00000026}.action-upload{width:80px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#666;transition:background .2s ease,color .2s ease,box-shadow .2s ease;gap:4px;position:relative}.action-upload:hover{background:#f0f0f0;color:#1a1a1a;box-shadow:inset 0 1px 3px #00000014}.action-upload:active{background:#e0e0e0;box-shadow:inset 0 2px 4px #0000001a}.upload-text{font-size:13px;display:none}@media (min-width: 480px){.action-upload{width:100px}.upload-text{display:inline}}.photo-preview{position:relative;height:240px}.photo-preview .ant-image{display:block;width:100%;height:100%}.photo-preview .ant-image-img{width:100%;height:100%;object-fit:cover}.photo-overlay{position:absolute;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.photo-card:hover .photo-overlay{opacity:1}.photo-overlay .ant-btn{color:#fff}.photo-overlay .ant-btn:hover{color:#ff4d4f}.upload-overlay{position:absolute;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;color:#fff}.upload-status-badge{position:absolute;top:8px;right:8px;background:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0003}.upload-status-badge.failed{background:#ffebee}.photo-card .ant-card-meta-title{display:flex;align-items:center;font-size:14px}.photo-card .ant-badge-status{margin-left:8px}@media (max-width: 768px){.photo-card .ant-card-cover,.photo-placeholder,.photo-preview{height:200px}.photo-type-icon{font-size:36px}.photo-type-label{font-size:14px}.photo-type-description{font-size:11px}.photo-action-bar{height:40px}.action-camera{font-size:13px}}.vehicle-diagram-container{max-width:600px;margin:0 auto;padding:20px}.vehicle-diagram{background:#f5f5f5;border-radius:8px;box-shadow:0 2px 8px #0000001a}.damage-zone{transition:all .3s ease}.damage-zone:not(.disabled):hover{fill:#ff99021a;stroke:#ff9902;stroke-opacity:.5}.damage-zone.selected{animation:pulse 2s infinite}@keyframes pulse{0%{stroke-opacity:1}50%{stroke-opacity:.6}to{stroke-opacity:1}}.damage-label{pointer-events:none;-webkit-user-select:none;user-select:none}.selected-locations{margin-top:20px;padding:16px;background:#f0f2f5;border-radius:8px}.selected-locations h4{margin:0 0 12px;color:#333;font-size:14px;font-weight:600}.location-tags{display:flex;flex-wrap:wrap;gap:8px}.location-tag{display:inline-block;padding:4px 12px;background:#ff9902;color:#fff;border-radius:16px;font-size:12px;font-weight:500}.no-selection{color:#666;font-style:italic;margin:0}@media (max-width: 768px){.vehicle-diagram-container{padding:10px}.vehicle-diagram{touch-action:manipulation}}.damage-assessment-container{max-width:800px;margin:0 auto}.damage-sub-steps{margin-bottom:32px}.damage-location-step .ant-card{margin-top:20px}.no-damage-option{margin-top:24px;padding:16px;background:#f0f2f5;border-radius:8px}.damage-summary{margin-top:16px;padding:12px;background:#fff7e6;border:1px solid #ffd591;border-radius:4px}.damaged-parts-step{margin-top:20px}.parts-category{margin-bottom:16px}.category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.category-header h5{margin:0}.parts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.parts-grid .ant-checkbox-wrapper{display:block;padding:8px;border-radius:4px;transition:background-color .3s}.parts-grid .ant-checkbox-wrapper:hover{background-color:#f0f2f5}.vehicle-status-step .ant-card{margin-top:20px}.vehicle-status-step .ant-radio-wrapper{display:block;padding:12px;margin-bottom:8px;border:1px solid #d9d9d9;border-radius:4px;transition:all .3s}.vehicle-status-step .ant-radio-wrapper:hover,.vehicle-status-step .ant-radio-wrapper-checked{border-color:#ff9902;background-color:#fff7e6}@media (max-width: 768px){.damage-assessment-container{padding:0 10px}.damage-sub-steps{margin-bottom:20px}.damage-sub-steps .ant-steps-item-title{font-size:12px}.parts-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.category-header{flex-direction:column;align-items:flex-start;gap:8px}}.incident-creation-container{min-height:100vh;padding:20px;background-color:#f0f2f5}.incident-creation-card{max-width:1200px;margin:0 auto;min-height:80vh}.incident-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.incident-header h1{margin:0;font-size:24px;font-weight:600}.incident-steps{margin-bottom:40px}.step-content{padding:20px;min-height:400px}.step-actions{margin-top:40px;display:flex;justify-content:space-between}.step-actions-right{display:flex;gap:8px}.dev-toolbar{background:#fff2e8;border:2px dashed #ff9902;border-radius:8px;margin:16px 0;padding:12px}.dev-toolbar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;color:#d46b08}.dev-toolbar-content{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.dev-step-selector{font-size:12px;color:#8c8c8c;margin:0 4px}@media (max-width: 768px){.incident-creation-container{padding:10px;min-height:100vh}.incident-creation-card{min-height:auto}.incident-header{margin-bottom:16px}.incident-header h1{font-size:18px}.incident-steps{margin-bottom:16px}.mobile-combined-nav{margin-bottom:20px;background:#f9f9f9;border-radius:8px;padding:12px}.mobile-nav-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.mobile-step-info{flex:1}.mobile-step-counter{font-size:12px;color:#666;font-weight:600}.mobile-step-title{font-size:14px;font-weight:600;color:#ff9902}.mobile-nav-dropdown{padding:4px 8px!important;color:#666!important}.mobile-progress-bar{margin-top:8px}.mobile-steps-dropdown{margin-top:12px;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-steps-list{border:1px solid #e8e8e8;border-radius:6px;background:#fff;box-shadow:0 2px 8px #0000001a}.mobile-step-item{display:flex;align-items:center;padding:12px;border-bottom:1px solid #f0f0f0;transition:background-color .2s;cursor:pointer}.mobile-step-item:last-child{border-bottom:none}.mobile-step-item:hover{background-color:#fafafa}.mobile-step-item.active{background-color:#fff7e6;border-color:#ffd591}.mobile-step-item.completed{opacity:.8}.mobile-step-icon{margin-right:12px;font-size:18px;color:#ff9902}.mobile-step-item.completed .mobile-step-icon{color:#52c41a}.mobile-step-content{flex:1;display:flex;flex-direction:column}.mobile-step-name{font-size:14px;font-weight:500;color:#262626}.mobile-step-number{font-size:12px;color:#8c8c8c}.mobile-step-status{display:flex;align-items:center}.mobile-step-check{color:#52c41a;font-size:16px}.mobile-step-current{font-size:11px;color:#ff9902;font-weight:600;background:#fff7e6;padding:2px 6px;border-radius:10px;border:1px solid #ffd591}.step-content{padding:16px 10px;min-height:auto}.step-actions{margin-top:20px;flex-direction:column;gap:12px}.step-actions button{width:100%}.dev-toolbar{margin:12px 0;padding:8px}.dev-toolbar-content{flex-direction:column;align-items:stretch;gap:8px}.dev-toolbar-content .ant-space{justify-content:center}}:root{--shzoom-primary: #FF9902;--shzoom-primary-light: #FFE299;--shzoom-primary-dark: #DB7A01;--shzoom-background: #FAF8F6;--shzoom-surface: #FFFFFF;--shzoom-text: #212529;--shzoom-text-secondary: #6c757d;--shzoom-border: #dee2e6;--shzoom-success: #06703C;--shzoom-warning: #EBC031;--shzoom-danger: #F45540;--shzoom-info: #0875EA}@font-face{font-family:Open Sans;src:url(/assets/opensans-regular-B-dCXNyc.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Open Sans;src:url(/assets/opensans-bold-fo1ORDhe.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Open Sans;src:url(/assets/opensans-light-7w-1lvJY.ttf) format("truetype");font-weight:300;font-style:normal}@font-face{font-family:Open Sans;src:url(/assets/opensans-semibold-BdCM0xc5.ttf) format("truetype");font-weight:600;font-style:normal}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:Open Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--shzoom-background);color:var(--shzoom-text)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh;background-color:var(--shzoom-background)}.shzoom-primary{color:var(--shzoom-primary)!important}.shzoom-bg-primary{background-color:var(--shzoom-primary)!important}.shzoom-text-secondary{color:var(--shzoom-text-secondary)!important}