.app-shell{background-color:#f6f7fb;display:flex;flex-direction:column;min-height:100vh}.app-header{align-items:center;background-color:#111827;color:#fff;display:flex;justify-content:space-between;padding:1rem}.app-header h1{font-size:1.25rem;font-weight:600;margin:0}.app-subtitle{font-size:.875rem;font-weight:500;margin:.25rem 0 0;opacity:.8}.app-user{align-items:center;font-weight:600}.app-nav,.app-user{display:flex;gap:1rem}.app-nav{background:#fff;border-bottom:1px solid #e5e7eb;padding:.75rem 2rem}.app-nav a{color:#4b5563;font-weight:500;text-decoration:none}.app-nav a.active{border-bottom:2px solid #2563eb;color:#111827;padding-bottom:.25rem}.app-content{flex:1 1;padding:0;width:100%}.panel{background:#fff;border-radius:0;box-shadow:none;margin:0;padding:1.5rem;width:100%}.panel h2{font-size:2rem}.panel h2,.panel h3{font-weight:700;margin-bottom:1rem}.panel h3{font-size:1.75rem}.panel p{font-size:1.125rem;font-weight:500;line-height:1.6}.panel+.panel{margin-top:1.5rem}.panel-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.btn-primary,.btn-secondary{border:none;border-radius:8px;cursor:pointer;font-size:1.125rem;font-weight:700;padding:.75rem 1.5rem}.btn-primary{background-color:#2563eb;color:#fff}.btn-secondary{background-color:initial;border:1px solid #fff;color:#fff}.status-badge{border-radius:999px;font-size:1rem;font-weight:700;padding:.25rem .875rem;text-transform:capitalize}.status-pending{background-color:#fef3c7;color:#92400e}.status-in_progress{background-color:#dbeafe;color:#1d4ed8}.status-completed{background-color:#dcfce7;color:#166534}.status-cancelled{background-color:#fee2e2;color:#b91c1c}.status-active{background-color:#e0f2fe;color:#0c4a6e}.status-inactive{background-color:#e5e7eb;color:#374151}.auth-page{align-items:center;background:linear-gradient(135deg,#0f172a,#1d4ed8);display:flex;justify-content:center;min-height:100vh;padding:2rem}.auth-form{max-width:400px;width:100%}.jobs-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.job-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;color:inherit;display:flex;flex-direction:column;gap:.5rem;padding:1rem;text-decoration:none;transition:box-shadow .2s ease,transform .2s ease}.job-card:hover{box-shadow:0 15px 30px #0f172a1f;transform:translateY(-2px)}.job-card-header{align-items:center;display:flex;justify-content:space-between}.job-code{color:#6b7280;font-size:1.125rem;font-weight:600;margin:.25rem 0}.job-dates,.job-meta{color:#4b5563;font-size:1.125rem;font-weight:500;margin:0}.job-stores{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr;width:100%}.job-store-tag{background:#eef2ff;border-radius:999px;color:#312e81;font-size:1rem;font-weight:700;padding:.375rem .875rem}.job-detail .job-section{margin-top:1.5rem}.job-detail-header{align-items:flex-start;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding-bottom:1rem}.job-store-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:0;cursor:pointer;padding:1rem;transition:background-color .2s;width:100%}.job-store-card:hover{background:#f3f4f6}.service-items{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.service-item-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:1rem}.service-item-card .service-type{font-weight:600;margin:0 0 .5rem;text-transform:capitalize}.link-back{color:#2563eb;display:inline-block;margin-bottom:1rem;text-decoration:none}.store-selection-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:2rem}.store-selection-card{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:600px;padding:2.5rem;width:100%}.store-selection-card h1{color:#1f2937;font-size:1.875rem;margin:0 0 .5rem}.store-selection-card .subtitle{color:#6b7280;font-size:.95rem;margin:0 0 2rem}.selection-steps{gap:1.5rem;margin-bottom:2rem}.selection-step,.selection-steps{display:flex;flex-direction:column}.selection-step{gap:.5rem}.step-label{color:#374151;font-size:.95rem;font-weight:600}.form-select{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#1f2937;font-size:1rem;padding:.75rem;transition:border-color .2s,box-shadow .2s}.form-select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.selected-store-info{background:#f0f9ff;border:1px solid #bae6fd;border-radius:10px;margin-bottom:1.5rem;padding:1.25rem}.selected-store-info h3{color:#1e40af;font-size:1.125rem;margin:0 0 .75rem}.selected-store-info p{color:#1e3a8a;margin:.5rem 0}.button-group{display:flex;gap:1rem;justify-content:flex-end}.button-group .btn{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.button-group .btn-primary{background:#2563eb;color:#fff}.button-group .btn-primary:hover:not(:disabled){background:#1d4ed8;box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-1px)}.button-group .btn-primary:disabled{background:#9ca3af;cursor:not-allowed;opacity:.6}.service-record-page{background:#f3f4f6;min-height:100vh;padding:2rem}.service-record-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;margin:0 auto;max-width:900px;padding:2rem}.service-record-card h1{color:#1f2937;margin:0 0 .5rem}.service-record-card .subtitle{color:#6b7280;margin:0 0 2rem}.form-section{border-bottom:1px solid #e5e7eb;margin-bottom:2rem;padding-bottom:2rem}.form-section:last-child{border-bottom:none}.form-section h3{color:#374151;font-size:1.25rem;margin:0 0 1.5rem}.form-group label{color:#374151;display:block;font-weight:600;margin-bottom:.5rem}.form-input,.form-select,.form-textarea{border:1px solid #d1d5db;border-radius:8px;font-size:1rem;padding:.75rem;transition:border-color .2s,box-shadow .2s;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.photo-upload-area{margin-bottom:1.5rem}.btn-camera,.btn-secondary{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.btn-camera:hover,.btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}.btn-camera{background:#2563eb;border-color:#2563eb;color:#fff}.btn-camera:hover{background:#1d4ed8;border-color:#1d4ed8}.photos-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.photo-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.photo-preview{display:block;height:200px;object-fit:cover;width:100%}.photo-controls{display:flex;flex-direction:column;gap:.5rem;padding:.75rem}.btn-remove,.photo-type-select{font-size:.9rem}.btn-remove{background:#fff;border:1px solid #ef4444;border-radius:6px;color:#ef4444;cursor:pointer;padding:.5rem;transition:all .2s}.btn-remove:hover{background:#fee2e2}.form-actions{margin-top:2rem;padding-top:2rem}.btn-start-service{margin-top:1rem;width:100%}.completed-text{color:#10b981;font-weight:600;margin-top:1rem}.service-records-list{display:flex;flex-direction:column;gap:1rem}.service-records-list .service-record-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem;transition:box-shadow .2s}.service-records-list .service-record-card:hover{box-shadow:0 4px 6px -1px #0000001a}.service-record-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.75rem}.filter-panel{animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.form-input,.form-select{border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;padding:.5rem .75rem;transition:border-color .2s,box-shadow .2s;width:100%}.form-input:focus,.form-select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.btn-sm{padding:.375rem .75rem}.service-record-page{margin:0;padding:1rem;width:100%}.service-record-form-container{background:#fff;border-radius:0;box-shadow:none;padding:1rem;width:100%}.service-record-form-container h1{color:#1f2937;margin:0 0 .5rem}.service-record-form-container .subtitle{color:#6b7280;margin:0 0 2rem}.service-record-form{display:flex;flex-direction:column;gap:1.5rem}.form-section{display:flex;flex-direction:column;gap:.5rem}.form-label{color:#374151;font-size:.95rem;font-weight:600}.form-input,.form-textarea{border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:1rem;padding:.75rem;transition:border-color .2s,box-shadow .2s}.form-input:focus,.form-textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.form-textarea{min-height:100px;resize:vertical}.photo-upload-area{flex-direction:column}.photo-upload-area,.photo-upload-buttons{display:flex;gap:1rem}.photo-preview-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-top:1rem}.photo-preview-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;position:relative}.photo-preview-item img{display:block;height:150px;object-fit:cover;width:100%}.photo-preview-controls{background:#fff;display:flex;flex-direction:column;gap:.5rem;padding:.5rem}.photo-type-select{border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;padding:.5rem}.btn-remove-photo{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;padding:.5rem;transition:background .2s}.btn-remove-photo:hover{background:#dc2626}.form-actions{border-top:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem;padding-top:1.5rem}.btn-sm{font-size:.875rem;padding:.5rem 1rem}.form-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;font-size:.9rem;padding:.75rem}@media (min-width:768px){.app-header{padding:1.5rem 2rem}.app-content{padding:1rem}.panel{border-radius:12px;box-shadow:0 10px 25px #0f172a14;margin:0 auto;max-width:100%;padding:1.5rem}.service-record-page{margin:0 auto;max-width:800px;padding:2rem}.service-record-form-container{border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;padding:2rem}.job-stores{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.job-store-card{border-radius:8px}}:root{background-color:#f6f7fb;color:#111827;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:18px}*{box-sizing:border-box}body,html{font-size:18px;margin:0;overflow-x:hidden;padding:0;width:100%}body{background-color:#f6f7fb;font-weight:500}a{color:inherit;font-weight:600}input,select,textarea{border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:1.125rem;font-weight:500;padding:.75rem 1rem;width:100%}label{color:#374151;display:block;font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.form-group{margin-bottom:1.5rem}.form-error{color:#b91c1c;font-size:1rem;font-weight:600;margin-top:.5rem}
/*# sourceMappingURL=main.df3e6d3c.css.map*/