*{box-sizing:border-box}body{color:#1c1e21;background:#f5f6f8;margin:0;font-family:-apple-system,Segoe UI,Roboto,Arial,sans-serif}a{color:#2563eb}.page{max-width:1240px;margin:0 auto;padding:32px 20px}.page-narrow{max-width:420px}.subtitle{color:#555;margin-bottom:24px}.site-header{background:#fff;justify-content:space-between;align-items:center;padding:16px 32px;display:flex;box-shadow:0 1px 4px #00000014}.brand{flex-direction:column;line-height:1.2;text-decoration:none;display:flex}.brand-name{letter-spacing:-.2px;background:linear-gradient(90deg,#2563eb,#f97316);color:#0000;-webkit-background-clip:text;background-clip:text;font-family:Quicksand,Segoe UI,sans-serif;font-size:23px;font-weight:700}.brand-tagline{color:#ea580c;letter-spacing:.1px;font-family:Quicksand,Segoe UI,sans-serif;font-size:12.5px;font-style:italic;font-weight:600}.nav-cta{color:#fff;background:#2563eb;border-radius:6px;padding:8px 18px;font-size:14px;font-weight:600;text-decoration:none}.nav-cta:hover{background:#1d4ed8}.modal-backdrop{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-card{text-align:center;background:#fff;border-radius:12px;width:100%;max-width:360px;padding:32px;box-shadow:0 10px 40px #0003}.modal-icon{color:#067647;background:#ecfdf3;border-radius:999px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:16px;display:inline-flex}.modal-icon-error{color:#b42318;background:#fef3f2}.modal-card h2{margin:0 0 8px;font-size:20px}.modal-card p{color:#555;margin:0 0 20px;font-size:14px;line-height:1.5}.hero{justify-content:center;align-items:center;gap:48px;max-width:1040px;margin:0 auto;padding:64px 20px 48px;display:flex}.hero-text{max-width:480px}.hero-text h1{margin:0 0 16px;font-size:32px}.hero-text p{color:#555;margin:0 0 28px;font-size:16px;line-height:1.6}.hero-illustration-wrap{flex-shrink:0;position:relative}.hero-illustration-wrap:before{content:"";z-index:0;background:#eff6ff;border-radius:32px;position:absolute;inset:-24px;transform:rotate(-6deg)}.hero-illustration{z-index:1;width:320px;max-width:100%;height:auto;display:block;position:relative}@media (width<=820px){.hero{text-align:center;flex-direction:column}.hero-text{text-align:center}}.hero-cta{color:#fff;background:#2563eb;border-radius:6px;padding:12px 28px;font-size:15px;font-weight:600;text-decoration:none;display:inline-block}.hero-cta:hover{background:#1d4ed8}.features{max-width:1040px;margin:0 auto;padding:40px 20px 64px}.features h2{text-align:center;margin:0 0 36px;font-size:26px}.features-grid{grid-template-columns:repeat(2,1fr);gap:28px 32px;display:grid}.feature-card{align-items:flex-start;gap:16px;display:flex}.feature-icon{background:#eff6ff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.feature-card h3{margin:0 0 6px;font-size:15px}.feature-card p{color:#555;margin:0;font-size:14px;line-height:1.5}@media (width<=640px){.features-grid{grid-template-columns:1fr}}.steps-band{background:#2563eb;padding:56px 20px}.steps-band-inner{text-align:center;max-width:1040px;margin:0 auto}.steps-band h2{color:#fff;margin:0 0 10px;font-size:26px}.steps-subtitle{color:#dbeafe;margin:0 0 36px;font-size:15px}.steps{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:16px;display:flex}.step-arrow{opacity:.6;align-items:center;display:flex}.step-card{text-align:center;background:#fff;border-radius:10px;flex:220px;max-width:260px;padding:24px;box-shadow:0 1px 4px #00000014}.step-icon{vertical-align:middle;background:#eff6ff;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;margin:0 6px 12px 0;display:inline-flex}.step-number{color:#1d4ed8;vertical-align:middle;background:#eff6ff;border-radius:999px;justify-content:center;align-items:center;width:32px;height:32px;margin-bottom:12px;font-weight:700;display:inline-flex}.step-card h3{margin:0 0 8px;font-size:16px}.step-card p{color:#555;margin:0;font-size:14px;line-height:1.5}@media (width<=720px){.steps{flex-direction:column;align-items:center}.step-card{width:100%;max-width:320px}.step-arrow{transform:rotate(90deg)}}.closing-cta{text-align:center;max-width:640px;margin:0 auto;padding:64px 20px 80px}.closing-cta h2{margin:0 0 24px;font-size:24px}.card{background:#fff;border-radius:10px;flex-direction:column;gap:14px;padding:24px;display:flex;box-shadow:0 1px 4px #00000014}.card label{color:#333;flex-direction:column;gap:6px;font-size:14px;font-weight:600;display:flex}.modal-form{text-align:left}.modal-form h2{text-align:center;margin-top:0}.modal-form label{color:#333;flex-direction:column;gap:6px;margin-bottom:14px;font-size:14px;font-weight:600;display:flex}.modal-form input{border:1px solid #ccc;border-radius:6px;padding:10px 12px;font-family:inherit;font-size:14px}.modal-form-actions{justify-content:center;gap:10px;margin-top:8px;display:flex}.label-hint{color:#777;margin-top:-4px;font-size:12px;font-weight:400}.profile-card-frame{background:linear-gradient(135deg,#2563eb,#f97316);border-radius:18px;padding:5px;box-shadow:0 4px 20px #00000026}.profile-card-inner{text-align:center;background:#fff;border-radius:15px;flex-direction:column;align-items:center;padding:28px 22px;display:flex}.profile-brand{text-align:center;flex-direction:column;align-items:center;margin-bottom:16px;display:flex}.profile-brand .brand-name{font-size:22px}.profile-qr{border:1px solid #eee;border-radius:8px;width:160px;height:160px;margin:0 auto 20px;padding:8px;display:block}.profile-vehicle-label{text-transform:uppercase;letter-spacing:.5px;color:#f97316;font-size:12px;font-weight:700}.profile-caption-title{color:#1a2c4e;margin-top:4px;font-size:17px;font-weight:700}.profile-caption-text{color:#555;max-width:280px;margin:6px 0 0;font-size:13px;font-weight:600;line-height:1.4}.profile-details{flex-direction:column;gap:14px;width:100%;margin-top:24px;display:flex}.profile-row{text-align:left;border-bottom:1px solid #eee;flex-direction:column;gap:4px;padding-bottom:14px;display:flex}.profile-row:last-child{border-bottom:none;padding-bottom:0}.profile-label{color:#777;text-transform:uppercase;letter-spacing:.3px;font-size:12px;font-weight:600}.profile-value{color:#1c1e21;font-size:16px;font-weight:600}.profile-value-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.profile-contact-actions{flex-shrink:0;gap:8px;display:flex}.profile-action-icon{color:#fff;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;text-decoration:none;display:inline-flex}.profile-action-call{background:#2563eb}.profile-action-whatsapp{background:#25d366}.profile-card-url{color:#2563eb;margin-top:20px;font-size:12px;font-weight:600}.card input,.card select,.card textarea{background:#fff;border:1px solid #ccc;border-radius:6px;padding:10px 12px;font-family:inherit;font-size:14px}.card select:disabled{color:#999;background:#f3f4f6}button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:14px;display:inline-flex}button:disabled{opacity:.6;cursor:not-allowed}button.secondary{color:#1c1e21;background:#e5e7eb;margin-left:10px}.message{border-radius:6px;margin-top:16px;padding:10px 14px;font-size:14px}.message.success{color:#067647;background:#ecfdf3}.message.error{color:#b42318;background:#fef3f2}.admin-link{margin-top:20px;font-size:14px}.admin-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.admin-header-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.admin-username{margin-right:4px;font-weight:600}.admin-action-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;text-decoration:none;transition:filter .15s;display:inline-flex}.admin-action-btn:hover{filter:brightness(.96)}.admin-action-warning{color:#b45309;background:#fff7ed}.admin-action-info{color:#1d4ed8;background:#eff6ff}.admin-action-neutral{color:#374151;background:#f3f4f6}.admin-action-danger{color:#b42318;background:#fef3f2}.filters{background:#fff;border-radius:10px;flex-wrap:wrap;align-items:flex-end;gap:16px;margin-bottom:20px;padding:16px 20px;display:flex;box-shadow:0 1px 4px #00000014}.filter-field{color:#333;flex-direction:column;gap:6px;font-size:13px;font-weight:600;display:flex}.filter-field select,.filter-field input{background:#fff;border:1px solid #ccc;border-radius:6px;padding:8px 10px;font-family:inherit;font-size:14px}.filter-date-range{align-items:center;gap:6px;display:flex}.filter-date-range input{width:140px}.filter-date-range.invalid input{border-color:#dc2626}.filter-warning-banner{color:#dc2626;flex-direction:column;flex-basis:100%;gap:4px;padding-top:4px;font-size:13px;font-weight:500;display:flex}.table-scroll{border-radius:10px;width:100%;overflow-x:auto;box-shadow:0 1px 4px #00000014}.orders-table{border-collapse:collapse;background:#fff;width:100%}.orders-table th,.orders-table td{text-align:left;border-bottom:1px solid #eee;padding:12px 14px;font-size:14px}.orders-table th{background:#f9fafb;font-weight:600}.orders-table th:first-child,.orders-table td:first-child,.orders-table th:nth-child(2),.orders-table td:nth-child(2),.orders-table th:nth-child(3),.orders-table td:nth-child(3),.orders-table th:nth-child(5),.orders-table td:nth-child(5),.orders-table th:nth-child(6),.orders-table td:nth-child(6),.orders-table th:nth-child(7),.orders-table td:nth-child(7),.orders-table th:nth-child(8),.orders-table td:nth-child(8){white-space:nowrap}.orders-table td:nth-child(4){min-width:220px}.card-contact-summary-table td:nth-child(4){white-space:nowrap;min-width:0}.card-code{letter-spacing:.5px;color:#1c1e21;font-family:monospace;font-size:13px}.rejected-order-content{white-space:pre-wrap;word-break:break-word;color:#1c1e21;max-width:480px;max-height:200px;margin:0;font-family:monospace;font-size:12px;overflow-y:auto}.card-contact-detail-cell{background:#f9fafb;padding:14px 20px!important}.card-contact-detail-table{border-collapse:collapse;background:#fff;border-radius:8px;width:100%;overflow:hidden;box-shadow:0 1px 3px #0000000f}.card-contact-detail-table th,.card-contact-detail-table td{text-align:left;border-bottom:1px solid #eee;padding:8px 12px;font-size:13px}.card-contact-detail-table th{background:#f3f4f6;font-weight:600}.card-contact-detail-table tr:last-child td{border-bottom:none}.card-contact-pagination{color:#555;justify-content:center;align-items:center;gap:14px;margin-top:12px;font-size:13px;display:flex}.card-code-link{color:#1d4ed8;cursor:pointer;text-decoration:none}.card-code-link:hover{text-decoration:underline}.actions{flex-wrap:wrap;gap:8px;display:flex}.icon-button{color:#067647;background:#ecfdf3;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:inline-flex}.icon-button:hover:not(:disabled){background:#d1fadf}.refresh-button{color:#1d4ed8;background:#eff6ff}.refresh-button:hover:not(:disabled){background:#dbeafe}.button-link{color:#1c1e21;background:#e5e7eb;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;text-decoration:none;display:inline-flex}.status-badge{border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.status-pending{color:#b45309;background:#fff7ed}.status-qr_generated{color:#1d4ed8;background:#eff6ff}.status-shipped{color:#067647;background:#ecfdf3}.status-view{color:#4b5563;background:#f3f4f6}.status-call{color:#1d4ed8;background:#eff6ff}.status-whatsapp{color:#067647;background:#ecfdf3}
