*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}#root{border:none;width:100%;max-width:100%}body{color:#0f172a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f5f5;font-family:system-ui,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5}.page-shell{background:#f5f5f5;flex-direction:column;align-items:center;gap:0;min-height:100vh;padding:0;display:flex}.brand-card{background:#fff;border-bottom:6px solid #ff6b35;justify-content:center;align-items:center;width:100%;padding:24px;display:flex}.brand-logo-img{object-fit:contain;width:auto;height:80px}.brand-details{color:#1f2937;text-transform:uppercase;letter-spacing:.1em;flex-direction:column;margin-left:20px;font-size:14px;line-height:1.3;display:flex}.brand-details span:first-child{font-weight:700}.brand-details span:last-child{color:#ef4444;margin-top:4px}.form-card{background:#fff;border:none;flex:1;width:100%}.form-header{box-sizing:border-box;text-align:center;background:#fff;width:100%;max-width:820px;margin:0 auto;padding:28px 28px 18px}.required-note{color:#ff6b35;margin:0 0 8px;font-size:.95rem}.form-header h1{letter-spacing:-.03em;color:#0f172a;margin:0;font-size:clamp(1.7rem,2vw,2.4rem);font-weight:700;line-height:1.2}.listing-form{background:#fff;gap:20px;padding:24px 28px 32px;display:grid;overflow:hidden}.field-card{box-sizing:border-box;background:#fff;border:1px solid #d0d0d0;width:100%;max-width:820px;margin:0 auto;padding:16px 28px;transition:border-color .2s}.field-card:hover{border-color:#d0d0d0}.field-card label{color:#0f172a;margin-bottom:12px;font-size:.95rem;font-weight:500;display:block}.required{color:#ff6b35;margin-left:4px}input[type=text],input[type=tel]{color:#0f172a;box-sizing:border-box;background:#fafafa;border:1px solid #d0d0d0;border-radius:4px;width:100%;min-height:40px;padding:10px 12px;font-family:inherit;font-size:1rem;transition:border-color .2s,box-shadow .2s,background-color .2s}input[type=text]::placeholder,input[type=tel]::placeholder{color:#9ca3af}input[type=text]:focus,input[type=tel]:focus{background:#fff;border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}input[type=radio]{vertical-align:middle;flex-shrink:0;position:relative;top:-1px;appearance:auto!important;-webkit-appearance:radio!important;width:18px!important;height:18px!important;min-height:unset!important;border:initial!important;background:initial!important;box-shadow:none!important;margin:0!important;padding:0!important}.radio-group{gap:10px;display:grid}.radio-option{cursor:pointer;background:#fff;border:1px solid #d0d0d0;border-radius:4px;align-items:center;gap:12px;padding:12px 14px;transition:all .2s;display:flex}.radio-option:hover{background:#f0f7ff;border-color:#2563eb}.radio-option input{accent-color:#2563eb;cursor:pointer;width:18px;height:18px}.radio-option span{color:#0f172a;padding-left:5px;font-size:.95rem;font-weight:400}.primary-button{color:#fff;cursor:pointer;background:#f37021;border:none;border-radius:12px;width:fit-content;padding:14px 32px;font-size:1rem;font-weight:600;transition:all .2s;box-shadow:0 4px 12px #f370214d}.primary-button:hover{background:#d9621a;transform:translateY(-1px);box-shadow:0 6px 16px #f3702166}.primary-button:active{background:#c05616;transform:translateY(0)}.primary-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.form-footer{box-sizing:border-box;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:820px;margin:0 auto;padding:0 28px 32px;display:flex}.footer-error{color:#ef4444;text-align:center;font-size:.875rem}.confirmation{color:#166534;background:#ecfdf5;border:1px solid #d1fae5;border-radius:14px;margin:0 28px 24px;padding:16px 20px;font-weight:600}.table-section{background:#fff;border-top:1px solid #e0e0e0;margin:0 -28px;padding:24px 28px}.table-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.table-subtext{color:#6b7280;margin:4px 0 0;font-size:.8rem}.table-header h2{color:#0f172a;margin:0;font-size:1rem;font-weight:600}.add-row-button{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #d0d0d0;border-radius:4px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:1.5rem;font-weight:300;transition:all .2s;display:flex}.add-row-button:hover{color:#2563eb;background:#f0f7ff;border-color:#2563eb}.table-container{overflow-x:auto}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-bottom:2px solid #e0e0e0;padding:8px;font-size:.8rem;font-weight:600}.table-row:nth-child(odd){background:#fff5ee}.table-row:nth-child(2n){background:#fff}.table-row:hover{background:#fde8d4}.table-row td{vertical-align:middle;padding:12px 8px}.table-row td:last-child{text-align:center;width:40px;padding:12px 4px}td:has(input[placeholder=Unit]){width:60px}td:has(input[placeholder=Unit]) .row-input{width:60px;min-width:unset}td:has(input[placeholder=Sq\ Ft]){width:100px}td:has(input[placeholder=Sq\ Ft]) .row-input{width:100px;min-width:unset}:is(td:has(input[placeholder=Street\ Address]),td:has(input[placeholder=Address])){width:220px}:is(td:has(input[placeholder=Street\ Address]) .row-input,td:has(input[placeholder=Address]) .row-input){width:220px;min-width:unset}.row-input{color:#0f172a;box-sizing:border-box;background:#fafafa;border:1px solid #d0d0d0;border-radius:4px;width:100%;padding:8px 12px;font-family:inherit;font-size:.95rem;transition:border-color .2s}.row-input:focus{background:#fff;border-color:#2563eb;outline:none;box-shadow:0 0 0 2px #2563eb1a}select.row-input{cursor:pointer}.remove-row-button{color:#ef4444;cursor:pointer;background:#fff;border:1px solid #d0d0d0;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:1.25rem;transition:all .2s;display:flex}.remove-row-button:hover{background:#fef2f2;border-color:#ef4444}.empty-table{text-align:center;color:#9ca3af;background:#fafafa;border:1px solid #e0e0e0;border-radius:4px;padding:24px;font-size:.95rem}.details-trigger{text-align:left;cursor:pointer;background:#fafafa;border:1px solid #d0d0d0;border-radius:4px;width:100%;min-width:120px;padding:8px 12px;font-family:inherit;font-size:.95rem;transition:border-color .2s}.details-trigger:hover{background:#f0f7ff;border-color:#2563eb}.details-preview{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;max-width:200px;display:block;overflow:hidden}.details-placeholder{color:#9ca3af}.modal-overlay{z-index:1000;background:#0006;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:12px;flex-direction:column;gap:16px;width:100%;max-width:560px;padding:24px;display:flex;box-shadow:0 20px 40px #00000026}.modal-header{justify-content:space-between;align-items:center;display:flex}.modal-header h3{color:#0f172a;margin:0;font-size:1rem;font-weight:600}.modal-close{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #d0d0d0;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:1.25rem;transition:all .2s;display:flex}.modal-close:hover{color:#ef4444;background:#fef2f2;border-color:#ef4444}.modal-textarea{color:#0f172a;resize:vertical;box-sizing:border-box;background:#fafafa;border:1px solid #d0d0d0;border-radius:4px;width:100%;height:200px;padding:12px;font-family:inherit;font-size:.95rem;transition:border-color .2s}.modal-textarea:focus{background:#fff;border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.modal-footer{justify-content:flex-end;display:flex}.mobile-cards{display:none}.mobile-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;flex-direction:column;gap:12px;margin-bottom:12px;padding:16px;display:flex}.mobile-card--tint{background:#fff5ee}.mobile-field{flex-direction:column;gap:6px;display:flex}.mobile-field-label{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.mobile-card-footer{border-top:1px solid #e0e0e0;justify-content:flex-end;padding-top:8px;display:flex}.mobile-card-footer .remove-row-button{width:auto;padding:6px 12px;font-size:.85rem}@media (width<=1024px){.brand-card{padding:20px 18px}.form-header,.listing-form,.field-card,.table-section,.confirmation{padding-left:18px;padding-right:18px}.desktop-table{display:none}.mobile-cards{display:block}}.input-error{background:#fef2f2!important;border-color:#ef4444!important}.error-msg{color:#ef4444;margin-top:6px;font-size:.85rem}.success-page{text-align:center;background:#fff;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;width:100%;padding:60px 24px;display:flex}.success-icon{color:#f37021;background:#ddd;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:2rem;display:flex}.success-page h2{color:#0f172a;font-size:1.75rem;font-weight:700}.success-page p{color:#6b7280;font-size:1rem}
