body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;min-height:100vh}#root,body,html{height:100%;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.incident-report{background:linear-gradient(135deg,#f5f5f5,#fff);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh;width:100%}.incident-header{align-items:center;background:#fff;border-bottom:none;box-shadow:0 2px 8px #0000001a;color:#000;display:flex;gap:12px;justify-content:center;padding:12px 20px;text-align:center}.header-logo{height:40px;max-width:120px;width:auto}.incident-header h1{font-size:20px;font-weight:600;letter-spacing:.3px;margin:0}.incident-container{align-items:flex-start;box-sizing:border-box;display:flex;flex:1 1;justify-content:center;overflow-y:auto;padding:20px;width:100%}.step-section{box-sizing:border-box;max-width:500px;padding:0;width:100%}.report-title{color:#333;margin-bottom:30px;text-align:center}.report-title h2{color:#333;font-size:28px;font-weight:700;margin:0 0 8px}.report-subtitle{color:#666;font-size:14px;font-weight:500;margin:8px 0 0}.vehicle-identification{background:#fff;border-radius:16px;box-shadow:0 10px 30px #0003;margin-bottom:20px;padding:20px;transition:all .3s ease}.claimType{display:flex;flex-direction:column;gap:10px;margin-bottom:10px}.vehicle-identification:hover{box-shadow:0 15px 40px #00000040;transform:translateY(-4px)}.vehicle-identification h3{color:#333;font-size:18px;font-weight:600;margin:0 0 8px}.vehicle-identification p{color:#666;font-size:14px;margin:0 0 16px}.vehicle-input-wrapper{align-items:center;display:flex;gap:10px}.vehicle-input{border:2px solid #e8e8e8;border-radius:8px;flex:1 1;font-family:inherit;font-size:14px;padding:12px;transition:border-color .3s ease}.vehicle-input:focus{border-color:#17a2b8;outline:none}.vehicle-input:disabled{background:#e8f5e9;border-color:#27ae60;cursor:not-allowed}.btn-validate{background:linear-gradient(135deg,#17a2b8,#117a8b);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease;white-space:nowrap;width:auto}.btn-validate:hover:not(:disabled){box-shadow:0 8px 20px #17a2b84d;transform:translateY(-2px)}.btn-validate:disabled{background:linear-gradient(135deg,#27ae60,#1e7e50);cursor:not-allowed;opacity:.7}.validation-error{background:#ffebee;border-left:3px solid #e53935;color:#c62828;font-weight:500}.validation-error,.validation-success{border-radius:6px;font-size:13px;margin-top:12px;padding:10px 12px}.validation-success{background:#e8f5e9;border-left:3px solid #27ae60;color:#1b5e20;font-weight:600}.step-card{background:#fff;border-radius:16px;box-shadow:0 10px 30px #0003;margin-bottom:20px;overflow:hidden;padding:20px;transition:all .3s ease}.step-card:hover{box-shadow:0 15px 40px #00000040;transform:translateY(-4px)}.step-card.completed{background:linear-gradient(135deg,#f5f7fa,#f5f7fa);border:2px solid #00b050}.step-header-card{align-items:flex-start;display:flex;gap:15px;margin-bottom:15px}.step-icon{align-items:center;border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:32px;height:50px;justify-content:center;width:50px}.step-icon.whatsapp{background:#25d366}.step-icon.questionnaire{background:#007aff}.step-info h3{color:#333;font-size:18px;font-weight:600;margin:0 0 4px}.step-info p{color:#666;font-size:14px;margin:0}.step-content{margin:15px 0}.phone-input-section{display:flex;flex-direction:column;gap:12px;margin:15px 0}.phone-input-section label{color:#666;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.phone-input-wrapper{align-items:center;display:flex;gap:10px}.country-code-select,.name-input,.phone-number-input{border:2px solid #e8e8e8;border-radius:8px;font-family:inherit;font-size:14px;padding:12px;transition:border-color .3s ease}.country-code-select{flex-shrink:0;width:100px}.phone-number-input{flex:1 1;min-width:0}.country-code-select:focus,.name-input:focus,.phone-number-input:focus{border-color:#25d366;outline:none}.btn,.name-input{width:100%}.btn{border-radius:8px;display:block;font-size:16px;margin:0 auto;padding:14px 24px;text-align:center;transition:all .3s ease}.btn:hover:not(:disabled){transform:translateY(-2px)}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-whatsapp{background:linear-gradient(135deg,#25d366,#20b859);color:#fff}.btn-whatsapp:hover:not(:disabled){box-shadow:0 8px 20px #25d3664d}.btn-questionnaire{background:linear-gradient(135deg,#007aff,#0051ba);color:#fff}.btn-questionnaire:hover:not(:disabled){box-shadow:0 8px 20px #007aff4d}.btn-submit{background:linear-gradient(135deg,#c00,#900);color:#fff;margin-top:10px}.btn-submit:hover:not(:disabled){box-shadow:0 8px 20px #cc00004d}.btn-submit:disabled{opacity:.4}.status{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;margin-top:12px;padding:8px 12px;text-align:center;width:100%}.status.pending{background:#fff3cd;color:#856404}.status.completed{background:#d4edda;color:#155724}.step-completed{align-items:center;display:flex;flex-direction:column;gap:8px;padding:15px 0;text-align:center}.check-mark{color:#00b050;font-size:32px}.step-completed p{color:#00b050;font-size:14px;font-weight:600;margin:0}.step-pending-message{align-items:center;background:#e3f2fd;border-left:4px solid #2196f3;border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:20px;text-align:center}.pending-message{color:#1565c0;font-size:16px;font-weight:600;line-height:1.5;margin:0}.progress-section{background:#fff;border-radius:16px;box-shadow:0 10px 30px #0000001a;margin:20px 0;padding:20px}.progress-fill{background:#c00}.important-note{background:#fff3cd;border-left:4px solid #ffc107;border-radius:8px;margin-bottom:30px;margin-top:20px;padding:15px}.important-note h3{color:#856404;font-size:14px;font-weight:600;margin:0 0 8px}.important-note p{color:#856404;font-size:13px;line-height:1.5;margin:0}@media (max-width:768px){.incident-report{min-height:100vh}.incident-header{padding:15px}.incident-header h1{font-size:22px}.report-title h2{font-size:24px}.report-title{margin-bottom:20px}.step-card{margin-bottom:15px;padding:15px}.step-header-card{gap:12px}.step-icon{font-size:28px;height:44px;width:44px}.step-info h3{font-size:16px}.btn{box-sizing:border-box;font-size:15px;padding:12px 20px;width:100%}.incident-container{padding:15px}.step-section{padding:0}}@media (max-width:480px){.incident-report{min-height:100vh}.incident-header{padding:12px 15px}.incident-header h1{font-size:18px}.report-title{margin-bottom:15px}.report-title h2{font-size:20px;margin:0 0 8px}.report-subtitle{font-size:13px;margin:8px 0 0}.step-card{border-radius:12px;margin-bottom:12px;padding:12px}.step-header-card{align-items:center;gap:10px}.step-icon{font-size:24px;height:40px;min-width:40px;width:40px}.step-info{flex:1 1;min-width:0}.step-info h3{font-size:15px;margin:0 0 4px;word-break:break-word}.step-info p{font-size:12px;margin:4px 0 0;word-break:break-word}.btn{box-sizing:border-box;font-size:14px;padding:11px 16px;width:100%}.country-code-select{font-size:13px;width:70px}.incident-container{padding:12px}.step-section{padding:0}}@media (max-width:375px){.incident-header h1{font-size:16px;padding:10px}.report-title h2{font-size:18px}.step-card{margin-bottom:10px;padding:10px}.step-icon{font-size:20px;height:36px;width:36px}.step-info h3{font-size:14px}.step-info p{font-size:11px}.btn{font-size:13px;padding:10px 12px}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.message-bubble{animation:slideUp .3s ease}.continue-prompt{animation:slideUp .5s ease}.notification{animation:slideUp .3s ease;border-radius:8px;box-shadow:0 4px 12px #00000026;font-size:14px;font-weight:500;max-width:400px;padding:16px 20px;position:fixed;right:20px;top:20px;z-index:9999}.notification-success{background-color:#10b981;border-left:4px solid #059669;color:#fff}.notification-error{background-color:#ef4444;border-left:4px solid #dc2626;color:#fff}.notification-content{align-items:center;display:flex;gap:12px}.notification-icon{font-size:18px;font-weight:700}.notification-message{flex:1 1;line-height:1.4}@media (max-width:480px){.notification{font-size:13px;left:10px;max-width:none;right:10px;top:10px}}.custom-dropdown{position:relative;width:100%}.custom-dropdown-trigger{align-items:center;background:#fff;border:2px solid #e8e8e8;border-radius:8px;color:#333;cursor:pointer;display:flex;font-family:inherit;font-size:14px;justify-content:space-between;min-height:20px;padding:12px;text-align:left;transition:border-color .3s ease;width:100%}.custom-dropdown-trigger:hover:not(:disabled),.custom-dropdown.open .custom-dropdown-trigger{border-bottom-left-radius:0;border-bottom-right-radius:0;border-color:#17a2b8}.custom-dropdown-trigger:disabled{background:#e8f5e9;border-color:#27ae60;cursor:not-allowed;opacity:.7}.dropdown-arrow{color:#666;flex-shrink:0;margin-left:8px;transition:transform .3s ease}.dropdown-arrow.open{transform:rotate(180deg)}.custom-dropdown-options{background:#fff;border:2px solid #17a2b8;border-radius:0 0 8px 8px;border-top:none;box-shadow:0 4px 12px #00000026;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.custom-dropdown-option{background:#fff;color:#333;cursor:pointer;font-family:inherit;font-size:14px;padding:12px;transition:background-color .15s ease,color .15s ease}.custom-dropdown-option:first-child{color:#999}.custom-dropdown-option.selected,.custom-dropdown-option:hover{background:#17a2b8!important;color:#fff!important}*{box-sizing:border-box;margin:0;padding:0}.questionnaire,body{background:#f5f5f5}.questionnaire{display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh;width:100%}.questionnaire-header{background:#fff;border-bottom:1px solid #e5e5e5;box-shadow:0 1px 3px #0000000d;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:1000}.header-top{height:56px;justify-content:space-between;padding:12px 16px}.back-btn,.header-top{align-items:center;display:flex}.back-btn{background:none;border:none;color:#dc143c;cursor:pointer;font-size:15px;font-weight:600;gap:4px;min-width:50px;padding:0;text-align:left;transition:opacity .2s}.back-btn:active{opacity:.7}.back-btn-placeholder{width:50px}.header-logo{flex:1 1;height:32px;max-width:180px;object-fit:contain;text-align:center}.header-spacer{width:50px}.progress-bar{background:#e0e0e0;height:4px}.progress-fill{background:#dc143c}.questionnaire-container{background:#f5f5f5;display:flex;flex:1 1;flex-direction:column;padding:16px;width:100%}.questionnaire-form{width:100%}.form-page{background:#fff;border-radius:8px;box-shadow:0 1px 4px #00000014;display:flex;flex-direction:column;gap:16px;padding:20px;width:100%}.form-page h2{border-bottom:2px solid #dc143c;color:#dc143c;font-size:16px;font-weight:600;margin-bottom:8px;padding-bottom:12px}.form-section{display:flex;flex-direction:column;gap:8px}.form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.form-label{color:#dc143c;font-size:13px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.form-input,.form-textarea{background:#fafafa;border:1px solid #d5d5d5;border-radius:4px;color:#333;font-family:inherit;font-size:14px;padding:12px;transition:all .2s;width:100%}.form-input::placeholder,.form-textarea::placeholder{color:#999}.form-input:focus,.form-textarea:focus{background:#fff;border-color:#dc143c;outline:none}.form-textarea{min-height:120px;resize:vertical}.radio-group{flex-direction:row;flex-wrap:wrap;gap:20px}.radio-group,.radio-label{align-items:center;display:flex}.radio-label{color:#333;cursor:pointer;font-size:14px;gap:10px;padding:4px 0}.radio-label input[type=radio]{accent-color:#dc143c;cursor:pointer;flex-shrink:0;height:18px;width:18px}.inline-radio-group{align-items:center;display:flex;flex-wrap:wrap;gap:20px}.number-options{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}.number-label{align-items:center;border-radius:4px;color:#333;cursor:pointer;display:flex;font-size:14px;gap:6px;justify-content:center;padding:8px}.number-label input[type=radio]{accent-color:#dc143c;cursor:pointer;height:16px;width:16px}.upload-btn{align-items:center;background:#fafafa;border:1.5px solid #333;border-radius:4px;color:#333;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s}.upload-btn:active{background:#f0f0f0}.file-input-hidden{display:none}.photos-preview{margin-top:8px}.photos-preview p{color:#666;font-size:12px;margin-bottom:8px}.photo-item{align-items:center;background:#f5f5f5;border-radius:4px;color:#555;display:flex;font-size:13px;justify-content:space-between;margin-bottom:4px;padding:8px}.btn-remove{background:none;color:#999;padding:0 4px}.btn-capture,.btn-remove{border:none;cursor:pointer;font-size:14px}.btn-capture{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:4px;color:#fff;display:flex;font-weight:500;gap:8px;justify-content:center;padding:60px 16px;transition:all .2s;width:100%}.btn-capture:active{opacity:.8}.map-container{align-items:center;background:#e8e8e8;border:2px dashed #d0d0d0;border-radius:4px;display:flex;height:320px;justify-content:center;margin:12px 0;position:relative}.location-info{background:#f5f5f5;border-radius:4px;color:#666;font-size:12px;line-height:1.5;margin-top:8px;padding:12px}.form-actions,.form-navigation{display:flex;gap:12px;margin-top:16px}.btn{border:none;border-radius:4px;cursor:pointer;flex:1 1;font-size:15px;font-weight:600;letter-spacing:.5px;padding:14px 16px;text-transform:uppercase;transition:all .2s}.btn-next,.btn-primary{background:#dc143c;color:#fff;width:100%}.btn-next:active,.btn-primary:active{opacity:.9}.btn-secondary{background:#e8e8e8;color:#333}.btn-secondary:active{background:#d8d8d8}.success-screen{background:linear-gradient(135deg,#f5f5f5,#fff);display:flex;flex-direction:column;height:100%;width:100%}.success-header{background:#fff;border-bottom:1px solid #e8e8e8;box-shadow:0 2px 8px #0000000d;padding:16px 20px;text-align:center}.success-header h1{color:#333;font-size:18px;font-weight:700;letter-spacing:.3px;margin:0}.success-container{align-items:center;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;gap:20px;max-width:100%;overflow-y:auto;padding:24px 20px;width:100%}.success-card{background:#fff;border-radius:16px;box-shadow:0 10px 30px #0000001a;max-width:400px;padding:40px 24px;text-align:center;width:100%}.success-checkmark{align-items:center;background:linear-gradient(135deg,#27ae60,#1e7e50);border-radius:50%;box-shadow:0 8px 20px #27ae604d;color:#fff;display:flex;font-size:48px;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.success-title{color:#333;font-size:24px;font-weight:700;line-height:1.4;margin:0 0 12px}.success-subtitle{color:#666;font-size:14px;line-height:1.6;margin:0}.completion-section{display:flex;flex-direction:column;gap:12px;max-width:400px;width:100%}.completion-step{align-items:center;background:#fff;border:1px solid #e8e8e8;border-radius:12px;box-shadow:0 4px 12px #0000000d;display:flex;gap:12px;padding:16px;transition:all .3s ease}.completion-step.completed-step{background:linear-gradient(135deg,#e8f5e9,#f5f7fa);border:2px solid #27ae60}.step-check{align-items:center;background:#27ae60;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:32px;justify-content:center;width:32px}.step-label{color:#333;font-size:14px;font-weight:500;margin:0}.success-progress{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;max-width:400px;padding:16px;width:100%}.progress-bar{background:#e8e8e8;border-radius:10px;height:8px;margin-bottom:12px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#c00,#900);border-radius:10px;height:100%;transition:width .3s ease}.progress-text{color:#666;font-size:13px;font-weight:500;margin:0;text-align:center}.success-note{background:#fff3cd;border-left:4px solid #ffc107;border-radius:8px;max-width:400px;padding:16px;width:100%}.success-note h3{color:#856404;font-size:14px;font-weight:600;margin:0 0 8px}.success-note p{color:#856404;font-size:13px;line-height:1.5;margin:0}.btn-return{background:linear-gradient(135deg,#c00,#900);border:none;border-radius:8px;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-size:16px;font-weight:600;margin-top:12px;max-width:400px;padding:14px 24px;text-align:center;transition:all .3s ease;width:100%}.btn-return:hover{box-shadow:0 8px 20px #cc00004d;transform:translateY(-2px)}.btn-return:active{transform:translateY(0)}.success-screen h2{border:none;color:#17a2b8;font-size:22px;font-weight:600;margin:0;padding:0}.success-screen p{color:#666;font-size:14px;line-height:1.5;margin:0}@media (max-width:768px){.questionnaire-container{padding:12px}.form-page{border-radius:8px;padding:16px}.form-row{gap:12px;grid-template-columns:1fr 1fr}.number-options{gap:8px;grid-template-columns:repeat(4,1fr)}.form-page h2{font-size:15px}}@media (max-width:480px){.header-top{height:50px;padding:10px 12px}.header-logo{height:28px}.questionnaire-container{padding:10px}.form-page{border-radius:6px;gap:14px;padding:16px}.form-page h2{font-size:14px;margin-bottom:10px}.form-input,.form-textarea{font-size:16px;padding:12px}.btn{font-size:14px;padding:12px 16px}.upload-btn{font-size:13px;padding:12px 14px}.number-options{gap:6px}.number-label{font-size:13px;padding:6px}.map-container{height:280px}.success-screen{padding:30px 16px}.success-icon{font-size:40px;height:70px;width:70px}.success-screen h2{font-size:20px}.form-row{grid-template-columns:1fr}}.add-more-text{color:#999;font-size:12px;margin-top:4px;text-align:center}.important-note{background:#fff8dc;border-left:4px solid #ffb800;border-radius:4px;margin:16px 0;padding:12px}.important-note-title{color:#333;font-size:13px;font-weight:600;margin-bottom:4px}.important-note-text{color:#666;font-size:12px;line-height:1.5}.form-section .map-container{margin-top:8px}.form-label{margin-bottom:4px}.map-container{border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;width:100%}@media (max-width:768px){.map-container{margin:12px 0}}.time-picker-container{position:relative;width:100%}.time-picker-input-wrapper{align-items:center;display:flex;position:relative}.time-picker-display{background:#fafafa;border:1px solid #d5d5d5;border-radius:4px;color:#333;cursor:pointer;font-family:Courier New,monospace;font-size:16px;font-weight:600;letter-spacing:2px;padding:12px 40px 12px 12px;text-align:center;transition:all .2s;width:100%}.time-picker-display:focus{background:#fff;border-color:#dc143c;outline:none}.time-picker-display:hover{border-color:#dc143c}.time-picker-icon{font-size:18px;pointer-events:none;position:absolute;right:12px}.time-picker-popup{background:#fff;border:1px solid #d5d5d5;border-radius:8px;box-shadow:0 4px 16px #00000026;left:0;margin-top:8px;max-width:400px;position:absolute;right:0;top:100%;width:100%;z-index:1000}.time-picker-header{align-items:center;background:#f9f9f9;border-bottom:1px solid #e5e5e5;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;padding:16px}.time-picker-header h3{color:#333;font-size:14px;font-weight:600;margin:0}.time-picker-close{align-items:center;background:none;border:none;color:#999;cursor:pointer;display:flex;font-size:18px;height:24px;justify-content:center;padding:0;transition:color .2s;width:24px}.time-picker-close:hover{color:#333}.time-picker-body{grid-gap:12px;align-items:start;display:grid;gap:12px;grid-template-columns:1fr auto 1fr;padding:16px}.time-picker-section{display:flex;flex-direction:column;gap:8px}.time-picker-section label{color:#666;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.time-picker-input{border:2px solid #dc143c;border-radius:4px;font-family:Courier New,monospace;font-size:16px;font-weight:600;letter-spacing:1px;padding:10px;text-align:center;width:100%}.time-picker-input:focus{border-color:#ff6b6b;outline:none}.time-picker-divider{align-items:center;color:#dc143c;display:flex;font-size:24px;font-weight:600;height:48px;justify-content:center;padding-top:30px}.time-picker-buttons{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(4,1fr);max-height:180px;overflow-y:auto;padding:8px 0}.time-picker-buttons::-webkit-scrollbar{width:4px}.time-picker-buttons::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.time-picker-buttons::-webkit-scrollbar-thumb{background:#dc143c;border-radius:4px}.time-picker-btn{background:#fff;border:1px solid #e0e0e0;border-radius:4px;color:#333;cursor:pointer;font-family:Courier New,monospace;font-size:12px;font-weight:600;padding:8px;transition:all .2s}.time-picker-btn:hover{background:#f0f0f0;border-color:#dc143c;color:#dc143c}.time-picker-btn.active{background:#dc143c;border-color:#dc143c;color:#fff}.time-picker-quick-select{background:#fafafa;border-top:1px solid #e5e5e5;padding:12px 16px}.quick-select-buttons{grid-template-columns:repeat(3,1fr)}.quick-select-buttons button{font-family:Courier New,monospace}.time-picker-footer{background:#f9f9f9;border-radius:0 0 8px 8px;border-top:1px solid #e5e5e5;padding:12px 16px;text-align:right}.time-picker-confirm{background:#dc143c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:background .2s}.time-picker-confirm:hover{background:#b21333}@media (max-width:480px){.time-picker-popup{border-radius:8px 8px 0 0;bottom:0;left:0;max-height:80vh;max-width:none;overflow-y:auto;position:fixed;right:0;top:auto;width:100%}.time-picker-body{grid-template-columns:1fr auto 1fr}.time-picker-buttons{grid-template-columns:repeat(3,1fr)}.quick-select-buttons{grid-template-columns:repeat(2,1fr)}}.date-picker-container{position:relative;width:100%}.date-picker-input-wrapper{align-items:center;display:flex;position:relative}.date-picker-display{background:#fafafa;border:1px solid #d5d5d5;border-radius:4px;color:#333;cursor:pointer;font-size:14px;font-weight:500;padding:12px 40px 12px 12px;transition:all .2s;width:100%}.date-picker-display:focus{background:#fff;border-color:#dc143c;outline:none}.date-picker-display:hover{border-color:#dc143c}.date-picker-icon{font-size:18px;pointer-events:none;position:absolute;right:12px}.date-picker-popup{background:#fff;border:1px solid #d5d5d5;border-radius:8px;box-shadow:0 4px 16px #00000026;left:0;margin-top:8px;max-width:400px;position:absolute;right:0;top:100%;width:100%;z-index:1000}.date-picker-header{align-items:center;background:#f9f9f9;border-bottom:1px solid #e5e5e5;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;padding:16px}.date-picker-header h3{color:#333;font-size:14px;font-weight:600;margin:0}.date-picker-close{align-items:center;background:none;border:none;color:#999;cursor:pointer;display:flex;font-size:18px;height:24px;justify-content:center;padding:0;transition:color .2s;width:24px}.date-picker-close:hover{color:#333}.date-picker-body{padding:16px}.calendar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px;padding:0 8px}.calendar-nav-btn{align-items:center;background:none;border:none;border-radius:4px;color:#dc143c;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.calendar-nav-btn:hover{background:#f5f5f5}.calendar-month-year{color:#333;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0;min-width:120px;text-align:center;text-transform:uppercase}.calendar-weekdays{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr);margin-bottom:8px;text-align:center}.weekday{color:#999;font-size:11px;font-weight:600;letter-spacing:.5px;padding:8px 0;text-transform:uppercase}.calendar-days{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr)}.calendar-day{align-items:center;aspect-ratio:1;background:#fff;border:1px solid #e5e5e5;border-radius:4px;color:#333;cursor:pointer;display:flex;font-size:13px;font-weight:500;justify-content:center;padding:0;transition:all .2s}.calendar-day:hover:not(.disabled):not(.empty){background:#f5f5f5;border-color:#dc143c}.calendar-day.today{border:2px solid #dc143c;color:#dc143c;font-weight:600}.calendar-day.selected{background:#dc143c;border-color:#dc143c;color:#fff;font-weight:600}.calendar-day.disabled{background:#f9f9f9;border-color:#e5e5e5;color:#ccc;cursor:not-allowed}.calendar-day.empty{background:#0000;border:none;cursor:default}.date-picker-quick-select{background:#fafafa;border-top:1px solid #e5e5e5;padding:12px 16px}.quick-select-label{color:#666;font-size:12px;font-weight:600;margin:0 0 8px;text-transform:uppercase}.quick-select-buttons{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.quick-select-buttons button{background:#fff;border:1px solid #d5d5d5;border-radius:4px;color:#333;cursor:pointer;font-size:12px;font-weight:600;padding:8px;transition:all .2s}.quick-select-buttons button:hover{background:#dc143c;border-color:#dc143c;color:#fff}.date-picker-footer{background:#f9f9f9;border-radius:0 0 8px 8px;border-top:1px solid #e5e5e5;padding:12px 16px;text-align:right}.date-picker-confirm{background:#dc143c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:background .2s}.date-picker-confirm:hover{background:#b21333}@media (max-width:480px){.date-picker-popup{border-radius:8px 8px 0 0;bottom:0;left:0;max-height:80vh;max-width:none;overflow-y:auto;position:fixed;right:0;top:auto;width:100%}.quick-select-buttons{grid-template-columns:1fr 1fr}.calendar-days,.calendar-weekdays{gap:2px}.calendar-day{font-size:12px}}.app{align-items:center;background:linear-gradient(135deg,#f5f5f5,#fff);display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;width:100%}.back-to-whatsapp-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #c00;border-radius:8px;color:#c00;cursor:pointer;font-weight:600;left:20px;padding:10px 20px;position:fixed;top:20px;transition:all .3s ease;z-index:1000}.back-to-whatsapp-btn:hover{background:#c00;box-shadow:0 4px 12px #cc00004d;color:#fff;transform:translateY(-2px)}.back-to-whatsapp-btn:active{transform:translateY(0)}
/*# sourceMappingURL=main.661624c9.css.map*/