@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}:root{--accent-pink: #E64E68;--accent-pink-light: #fce7f3;--text-primary: #1f2937;--text-secondary: #6b7280;--text-label: #374151;--bg-light: #f9fafb;--border-light: #e5e7eb;--error-red: #ef4444;--status-pending: #f59e0b;--status-processing: #3b82f6;--status-dispatched: #10b981}.error-message{color:var(--error-red);font-size:.75rem;margin-top:.25rem}.form-input.form-input-error{border-color:var(--error-red);box-shadow:0 0 0 1px var(--error-red)}body{min-height:100vh;background-color:var(--bg-light);line-height:1.5;-webkit-font-smoothing:antialiased}.app-wrapper{min-height:100vh;padding:2rem 1rem;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:flex-start}.form-card{max-width:900px;width:100%;margin:0 auto;background-color:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;padding:2.5rem 2rem;position:relative;z-index:10}@media (min-width: 640px){.app-wrapper{align-items:center}}.bg-accent-shape-large,.bg-accent-shape-small{position:absolute;border-radius:50%;filter:blur(3rem);opacity:.7;z-index:0}.bg-accent-shape-large{top:0;right:0;width:20rem;height:24rem;background-color:color-mix(in srgb,var(--accent-pink) 10%,transparent);transform:translate(25%,-25%);clip-path:ellipse(50% 50% at 75% 75%)}.bg-accent-shape-small{bottom:0;right:0;width:16rem;height:16rem;background-color:color-mix(in srgb,var(--accent-pink) 20%,transparent);transform:translate(50%,50%)}.header-bar{display:flex;justify-content:space-between;align-items:center;padding-bottom:1.5rem}.header-title{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.header-subtitle{font-size:.875rem;color:var(--text-secondary)}.profile-icon{height:32px;width:32px;background-color:#fce7f3;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--accent-pink);font-weight:600}.nav-tabs{display:flex;border-bottom:2px solid var(--border-light);margin-bottom:2rem}.nav-tab{padding:.5rem 1rem;font-size:.875rem;font-weight:600;color:var(--text-secondary);background:none;border:none;cursor:pointer;transition:color .2s}.nav-tab:hover{color:var(--text-primary)}.tab-active{color:var(--accent-pink);border-bottom:2px solid var(--accent-pink);margin-bottom:-2px}.section-title{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.section-description{font-size:.875rem;color:var(--text-secondary);margin-bottom:1.5rem}.form-fields-container{display:flex;flex-direction:column;gap:1.5rem}.form-label{font-size:.875rem;font-weight:600;color:var(--text-label);margin-bottom:.25rem;display:block}.text-required{color:var(--error-red)}.form-field{display:flex;flex-direction:column;gap:.25rem}.input-row{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 768px){.input-row{grid-template-columns:1fr 1fr}}.form-input,.form-textarea{width:100%;padding:.75rem;border:1px solid var(--border-light);border-radius:8px;transition:border-color .2s,box-shadow .2s;font-size:1rem}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--accent-pink);box-shadow:0 0 0 1px var(--accent-pink)}.input-wrapper{position:relative}.input-icon{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}.service-type-group{margin-bottom:2rem}.service-type-title{font-size:.875rem;font-weight:600;color:var(--text-label);margin-bottom:.5rem}.radio-options{display:flex;gap:1.5rem}.radio-label{display:flex;align-items:center;cursor:pointer}.radio-input{appearance:none;position:absolute}.radio-custom{height:16px;width:16px;border:2px solid var(--border-light);border-radius:50%;margin-right:8px;position:relative;transition:all .2s;flex-shrink:0}.radio-input:checked+.radio-custom:after{content:"";position:absolute;top:3px;left:3px;width:6px;height:6px;border-radius:50%;background:var(--accent-pink)}.radio-input:checked+.radio-custom{border-color:var(--accent-pink)}.radio-text{color:var(--text-primary);font-size:1rem}.checkbox-section{padding-top:1rem}.checkbox-title{font-size:.875rem;font-weight:600;color:var(--text-label);margin-bottom:1rem}.checkbox-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 640px){.checkbox-grid{grid-template-columns:1fr 1fr}}.checkbox-label{display:flex;align-items:center;cursor:pointer;gap:.75rem;position:relative;padding-left:28px}.checkbox-input{appearance:none;position:absolute;left:0;top:50%;transform:translateY(-50%)}.checkbox-custom{height:20px;width:20px;border:2px solid var(--border-light);border-radius:4px;position:absolute;left:0;top:50%;transform:translateY(-50%);transition:all .2s;flex-shrink:0}.checkbox-input:checked+.checkbox-custom{background-color:var(--accent-pink);border-color:var(--accent-pink)}.checkbox-input:checked+.checkbox-custom:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:14px;font-weight:700}.checkbox-text{color:var(--text-primary);font-size:.95rem}.submit-button-container{display:flex;justify-content:center;margin-top:2.5rem;position:relative}.submit-button,.button-back{padding:.75rem 2rem;background-color:var(--accent-pink);color:#fff;font-weight:600;border:none;border-radius:9999px;cursor:pointer;transition:background-color .3s,box-shadow .3s;box-shadow:0 4px 6px -1px #e64e684d,0 2px 4px -2px #e64e6833}.submit-button:hover{background-color:color-mix(in srgb,var(--accent-pink) 90%,black)}.submit-button:disabled{opacity:.6;cursor:not-allowed}.summary-container{padding-top:1rem;display:flex;flex-direction:column;gap:1.5rem}.summary-heading{font-size:1.5rem;font-weight:700;color:var(--accent-pink);margin:0}.summary-details{display:grid;grid-template-columns:1fr;gap:1.5rem;border-bottom:1px solid var(--border-light);padding-bottom:1.5rem}@media (min-width: 768px){.summary-details{grid-template-columns:1fr 1fr}}.summary-group{border-left:3px solid var(--accent-pink-light);padding:.5rem 0 .5rem 1rem}.summary-label{display:block;font-size:.8rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;margin-bottom:.25rem}.summary-value{font-size:1rem;font-weight:500;color:var(--text-primary);word-wrap:break-word}.summary-items-row{grid-column:1 / -1}.summary-items-list{list-style:none;padding:0;margin:.5rem 0 0;display:flex;flex-wrap:wrap;gap:.5rem}.summary-item{background-color:var(--accent-pink-light);color:var(--accent-pink);padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:500}.button-back{background-color:var(--text-label);box-shadow:0 4px 6px -1px #3741514d,0 2px 4px -2px #37415133;margin-left:1rem}.button-back:hover{background-color:var(--text-primary)}.dashboard-view,.reports-view{padding-top:1rem;min-height:400px}.kpi-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-top:1.5rem}@media (min-width: 640px){.kpi-grid{grid-template-columns:repeat(3,1fr)}}.kpi-card{background-color:#fff;padding:1.5rem;border-radius:8px;border-left:5px solid;box-shadow:0 1px 3px #0000000d}.kpi-label{font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem;font-weight:500}.kpi-value{font-size:2rem;font-weight:700;margin-bottom:.25rem}.kpi-unit{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase}.pickup-list{margin-top:1rem;border:1px solid var(--border-light);border-radius:8px;overflow:hidden}.pickup-item{display:grid;grid-template-columns:.8fr 1.5fr 2fr 1fr;gap:1rem;padding:1rem;border-bottom:1px solid var(--border-light);align-items:center}.pickup-item:last-child{border-bottom:none}.pickup-item>span{font-size:.9rem;color:var(--text-primary)}.pickup-time{font-weight:600}.pickup-customer,.pickup-address{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@media (max-width: 640px){.pickup-item{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.pickup-time{grid-area:1 / 1}.pickup-customer{grid-area:1 / 2}.pickup-address{grid-area:2 / 1 / 3 / 3;font-size:.8rem;color:var(--text-secondary)}.pickup-status{grid-area:1 / 2;justify-self:end}}.pickup-status{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-align:center;background-color:var(--bg-light);color:var(--text-primary)}.status-pending-dispatch{background-color:color-mix(in srgb,var(--status-pending) 15%,transparent);color:var(--status-pending)}.status-processing{background-color:color-mix(in srgb,var(--status-processing) 15%,transparent);color:var(--status-processing)}.report-text{background-color:var(--bg-light);border:1px dashed var(--border-light);padding:1rem;margin-bottom:1rem;border-radius:8px;color:var(--text-secondary)}