body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{color-scheme:light;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(180deg,#f8f9fb,#eef1f6);color:#1f2933;margin:0}#root{display:flex;justify-content:center;min-height:100vh;padding:1.6rem .9rem 2.4rem}.form-root{display:flex;flex-direction:column;gap:1.6rem;width:min(860px,100%)}.form-header{background:#fff;border-radius:22px;box-shadow:0 16px 45px -25px #0f172a73;overflow:hidden;padding:1.7rem 1.4rem 1.4rem;position:relative;text-align:center}.brand{align-items:center;display:inline-flex;gap:.85rem;justify-content:center;margin-bottom:.95rem;position:relative;z-index:1}.brand-logo{filter:drop-shadow(0 8px 18px rgba(185,28,28,.35));height:auto;width:clamp(120px,22vw,180px)}.brand-copy{align-items:flex-start;display:flex;flex-direction:column;letter-spacing:.08em;text-transform:uppercase}.brand-name{color:#b91c1c;font-size:clamp(1.1rem,2.6vw,1.45rem);font-weight:800}.brand-tagline{color:#475569;font-size:clamp(.62rem,1.6vw,.78rem);font-weight:600;letter-spacing:.02em;text-transform:none}.form-header:after{background:radial-gradient(circle at 20% -10%,#f8717140,#0000 55%),radial-gradient(circle at 80% 10%,#dc26262e,#0000 60%);content:"";inset:0;pointer-events:none;position:absolute;z-index:0}.form-header h1{font-size:clamp(1.5rem,4vw,2rem);font-weight:800;letter-spacing:.3px;margin:0;position:relative;z-index:1}.form-header .muted-text{margin-bottom:.9rem;margin-top:.35rem;position:relative;z-index:1}.step-indicator{display:inline-flex;gap:.45rem;justify-content:center;position:relative;z-index:1}.step-indicator .dot{background:#0f172a2e;border-radius:50%;height:.65rem;transition:all .2s ease-in-out;width:.65rem}.step-indicator .dot.active{background:#b91c1c;box-shadow:0 0 0 6px #b91c1c1f;transform:scale(1.18)}.form-card{background:#fff;border-radius:20px;box-shadow:0 18px 45px -30px #0f172a80;display:flex;flex-direction:column;gap:1rem;padding:1.45rem 1.35rem 1.6rem}.config-form{gap:1.5rem}.config-main{grid-gap:1.6rem;align-items:flex-start;display:grid;gap:1.6rem;grid-template-columns:minmax(0,1fr) minmax(240px,320px)}.config-fields{display:flex;flex-direction:column;gap:1.1rem}.config-actions{display:flex;justify-content:flex-end}.config-preview{background:linear-gradient(155deg,#fffffff7,#fee2e2e6);border-radius:24px;box-shadow:0 25px 50px -30px #0f172a8c;gap:.85rem;padding:1.4rem 1.2rem 1.5rem;position:-webkit-sticky;position:sticky;top:1.2rem}.config-preview,.preview-header{display:flex;flex-direction:column}.preview-header{gap:.35rem}.config-preview h3{color:#0f172a;font-size:1.15rem;margin:0}.preview-stack{display:flex;flex-direction:column;gap:1.1rem}.preview-card{align-items:center;animation:preview-float 6s ease-in-out infinite;background-position:50%;background-size:cover;border-radius:22px;box-shadow:0 28px 40px -32px #b91c1ce6;color:#fff;display:flex;gap:1rem;overflow:hidden;padding:1.35rem 1.2rem 1.4rem;position:relative}.preview-card--with-image{align-items:stretch;background:#f8fafc;box-shadow:0 28px 45px -32px #0f172a8c;color:#0f172a;display:flex;flex-direction:column;gap:0;padding:0}.preview-card:after{background:linear-gradient(135deg,#0f172a40,#0f172a66);content:"";inset:0;pointer-events:none;position:absolute}.preview-card--with-image:after{display:none}.preview-card__badge{align-items:center;background:#ffffff40;border:1px solid #ffffff59;border-radius:18px;display:flex;font-size:1.35rem;font-weight:800;height:54px;justify-content:center;letter-spacing:.08em;position:relative;text-transform:uppercase;width:54px;z-index:1}.preview-card__badge--pill{background:#0f172ab8;border:1px solid #ffffff59;border-radius:999px;box-shadow:0 15px 30px -25px #0f172ad9;color:#fff;font-size:.95rem;left:.75rem;letter-spacing:.12em;min-width:54px;padding:.35rem .9rem;position:absolute;top:.75rem;width:auto}.preview-card__body{display:flex;flex-direction:column;gap:.35rem;position:relative;z-index:1}.preview-card__body h4{font-size:1.05rem;font-weight:700;letter-spacing:.02em;margin:0}.preview-card__body p{color:#ffffffd9;font-size:.85rem;margin:0}.preview-card__body--light{background:linear-gradient(135deg,#fffffffa,#f1f5f9eb);padding:1.1rem 1.1rem 1.3rem}.preview-card__body--light h4{color:#0f172a}.preview-card__body--light p{color:#475569}.preview-card__image-wrapper{background:#0f172a;display:flex;max-height:240px;overflow:hidden;position:relative;width:100%}.preview-card__image-wrapper img{display:block;height:auto;object-fit:cover;width:100%}.preview-placeholder{background:#f8fafc99;border:1.5px dashed #94a3b873;border-radius:20px;color:#64748b;display:grid;font-weight:600;min-height:240px;padding:1.2rem;place-items:center;text-align:center}.form-card h2{color:#0f172a;font-size:1.35rem;font-weight:700;margin:0}.form-section{display:flex;flex-direction:column;gap:.55rem}.form-label{color:#b91c1c;font-size:.98rem;font-weight:600}.form-input{background:#f8fafc;border:1.2px solid #e2e8f0;border-radius:12px;font-size:.98rem;padding:.65rem .75rem;transition:border .2s ease,box-shadow .2s ease;width:100%}.form-input:focus{background:#fff;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1f;outline:none}.chips-group{display:flex;flex-wrap:wrap;gap:.55rem}.chip,.chips-group.compact{gap:.35rem}.chip{align-items:center;background:#fff;border:1px solid #d4dce7;border-radius:999px;color:#1f2933;cursor:pointer;display:inline-flex;font-size:.92rem;padding:.45rem .85rem;transition:all .18s ease;-webkit-user-select:none;user-select:none}.chip:focus-visible,.chip:hover{border-color:#b91c1c;outline:none}.chip.selected,.chip:active{background:#b91c1c;border-color:#b91c1c;box-shadow:0 12px 20px -15px #b91c1ccc;color:#fff}.color-swatch{border:1px solid #0000001f;border-radius:50%;height:.8rem;width:.8rem}.muted-text{color:#64748b;font-size:.9rem;margin:0}.error-text{color:#b91c1c;font-size:.85rem;font-weight:600;margin:.25rem 0 0;margin:.2rem 0 0}.repair-panel{background:#fef2f2;border:1px dashed #b91c1c59;border-radius:14px;display:flex;flex-direction:column;gap:.65rem;padding:.9rem}.repair-header{color:#b91c1c;font-size:.92rem;font-weight:600}.repair-details{grid-gap:.35rem;color:#991b1b;display:grid;font-size:.88rem;gap:.35rem}.btn-main{background:linear-gradient(135deg,#dc2626,#7f1d1d);border:none;border-radius:999px;box-shadow:0 15px 30px -20px #b91c1ce6;color:#fff;font-size:1rem;padding:.55rem 1.6rem;transition:transform .18s ease,box-shadow .18s ease,opacity .18s}.btn-main,.btn-secondary{align-items:center;cursor:pointer;display:inline-flex;font-weight:700;justify-content:center}.btn-secondary{background:#fff;border:1.4px solid #b91c1c59;border-radius:999px;color:#b91c1c;font-size:.96rem;gap:.35rem;padding:.45rem 1.3rem;transition:background .18s ease,color .18s ease,box-shadow .18s ease}.btn-secondary:focus-visible,.btn-secondary:hover{background:#b91c1c14;box-shadow:0 10px 25px -20px #b91c1ccc;outline:none}.btn-main:disabled{box-shadow:none;cursor:not-allowed;opacity:.5}.btn-main:not(:disabled):active{box-shadow:0 12px 24px -20px #b91c1ce6;transform:translateY(1px) scale(.99)}.form-card>.btn-main:last-child{align-self:flex-end}.btn-link{background:none;border:none;border-radius:999px;color:#475569;cursor:pointer;font-size:.95rem;font-weight:600;padding:.45rem .8rem;transition:background .2s ease,color .2s ease}.btn-link:focus-visible,.btn-link:hover{background:#94a3b829;color:#0f172a;outline:none}.button-row{display:flex;gap:.8rem;justify-content:space-between;margin-top:.5rem}.user-card .btn-main{width:50%}.user-card{gap:.6rem}.summary-card,.table-card{background:#fff;border-radius:20px;box-shadow:0 18px 45px -30px #0f172a80;display:flex;flex-direction:column;gap:1rem;padding:1.4rem 1.35rem 1.5rem}.summary-card h3,.table-card h3{color:#0f172a;font-size:1.1rem;margin:0}.summary-grid{grid-gap:.9rem 1.1rem;display:grid;gap:.9rem 1.1rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.summary-item dt{color:#94a3b8;font-size:.78rem;letter-spacing:.05em;margin-bottom:.35rem;text-transform:uppercase}.summary-item dd{color:#1f2933;font-size:.95rem;font-weight:600;margin:0;overflow-wrap:anywhere;word-break:break-word}.table-scroll{border-radius:14px;overflow-x:auto}.result-table{border-collapse:collapse;min-width:520px;width:100%}.result-table td,.result-table th{border-bottom:1px solid #e2e8f0;font-size:.9rem;padding:.75rem .85rem;text-align:left}.result-table thead th{background:#f8fafc;color:#0f172a;font-weight:600}.result-layout{display:flex;flex-direction:column;gap:1.5rem}.result-layout>.btn-main{align-self:flex-start}.result-header{text-align:center}.result-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:.8rem}.result-header h2{color:#0f172a;font-size:clamp(1.45rem,4.5vw,1.9rem);margin:0}.result-footer{grid-gap:1rem;background:#fff;border-radius:20px;box-shadow:0 18px 45px -30px #0f172a80;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));padding:1.1rem 1.35rem}.totals{display:flex;flex-direction:column;gap:.3rem;text-align:center}.totals span{color:#64748b;font-size:.85rem}.totals strong{color:#0f172a;font-size:1.05rem}@keyframes preview-float{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}@media (max-width:768px){#root{padding:1.2rem .55rem 1.6rem}.form-root{gap:1.2rem}.form-card,.form-header,.result-footer,.summary-card,.table-card{border-radius:18px;padding:1.1rem 1rem 1.3rem}.form-input{font-size:.95rem;padding:.6rem .7rem}.chip{font-size:.88rem;padding:.4rem .7rem}.result-table{min-width:420px}.button-row{flex-direction:column}.btn-main,.user-card .btn-main{width:100%}.btn-main{align-self:stretch}.brand{flex-direction:column;gap:.6rem}.config-main{grid-template-columns:1fr}.config-preview{order:-1;position:relative;top:auto}}@media (max-width:480px){#root{padding:.9rem .35rem 1.2rem}.form-header h1{font-size:1.4rem}.summary-grid{gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.result-table{min-width:360px}.muted-text{font-size:.85rem}}.form-input-combined{background:#f8fafc;border:1.2px solid #e2e8f0;border-radius:12px;display:flex;overflow:hidden;padding:0;transition:border .2s ease,box-shadow .2s ease;width:100%}.country-code-select-integrated:focus-visible,.phone-number-input-integrated:focus-visible{outline:none}.form-input-combined:has(.country-code-select-integrated:focus),.form-input-combined:has(.phone-number-input-integrated:focus){background:#fff;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1f}.country-code-select-integrated{-webkit-appearance:none;appearance:none;background-color:initial;border:none;border-right:1.2px solid #e2e8f0;cursor:pointer;flex:0 0 180px;font-size:.98rem;max-width:60%;min-width:150px;padding:.65rem .75rem;text-align:left;white-space:nowrap;width:auto}.form-input-combined:has(.country-code-select-integrated:focus) .country-code-select-integrated,.form-input-combined:has(.phone-number-input-integrated:focus) .country-code-select-integrated{background:#fff}.phone-number-input-integrated{background:#0000;border:none;flex-grow:1;font-size:.98rem;outline:none;padding:.65rem .75rem;width:100%}@media (max-width:768px){.country-code-select-integrated{flex:0 0 140px;font-size:.95rem;min-width:120px;padding:.6rem}.phone-number-input-integrated{font-size:.95rem;padding:.6rem .7rem}}.modal-overlay{align-items:center;background-color:#0f172ab3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:fadeIn .3s ease-out;box-shadow:0 20px 60px -10px #0f172acc;max-width:400px;padding:1.5rem;position:relative;width:90%}.modal-content form{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=main.eab79881.css.map*/