body{margin:0;padding:0}#root{min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #4f46e5;--primary-dark: #4338ca;--secondary: #10b981;--warning: #f59e0b;--danger: #ef4444;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--gray-50);color:var(--gray-900);line-height:1.6}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{background:#fff;border-bottom:1px solid var(--gray-200);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:100}.header-content{max-width:1400px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;gap:2rem}.logo{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;color:var(--primary);margin:0}.logo-icon{font-size:2rem}.logo-subtitle{font-size:.75rem;font-weight:400;color:var(--gray-500);margin-left:.5rem}.perspective-nav{display:flex;gap:.5rem}.nav-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid var(--gray-300);background:#fff;border-radius:.5rem;cursor:pointer;font-size:.875rem;font-weight:500;color:var(--gray-700);transition:all .2s}.nav-btn:hover{background:var(--gray-50);border-color:var(--gray-400)}.nav-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.nav-icon{font-size:1.25rem}.app-main{flex:1;max-width:1400px;width:100%;margin:0 auto;padding:2rem}.app-footer{background:#fff;border-top:1px solid var(--gray-200);padding:1rem 2rem;text-align:center;color:var(--gray-500);font-size:.875rem}.view-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.view-header h2{font-size:2rem;margin-bottom:.25rem}.view-header p{color:var(--gray-600);font-size:.875rem}.property-card{background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:var(--shadow);margin-bottom:2rem}.property-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.property-header h3{font-size:1.25rem;margin:0}.status-badge{padding:.25rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:600;text-transform:capitalize;background:var(--gray-100);color:var(--gray-700)}.status-underOffer{background:#fef3c7;color:#92400e}.property-details{display:flex;gap:.75rem;align-items:center;color:var(--gray-600);font-size:.875rem;flex-wrap:wrap}.asking-price{font-weight:600;color:var(--gray-900)}.tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid var(--gray-200)}.tab{padding:.75rem 1.5rem;border:none;background:none;font-size:.875rem;font-weight:500;color:var(--gray-600);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s}.tab:hover{color:var(--gray-900)}.tab.active{color:var(--primary);border-bottom-color:var(--primary)}.section-header{margin-bottom:1.5rem}.section-header h3{font-size:1.5rem;margin-bottom:.5rem}.section-description{color:var(--gray-600);font-size:.875rem}.btn{padding:.625rem 1.25rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-dark)}.btn-secondary{background:var(--gray-200);color:var(--gray-700)}.btn-secondary:hover:not(:disabled){background:var(--gray-300)}.btn-success{background:var(--secondary);color:#fff}.btn-success:hover:not(:disabled){background:#059669}.btn-outline{background:#fff;color:var(--gray-700);border:1px solid var(--gray-300)}.btn-outline:hover:not(:disabled){background:var(--gray-50)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-large{padding:1rem 2rem;font-size:1rem;width:100%;justify-content:center;margin-top:1rem}.btn-link{background:none;border:none;color:var(--primary);font-size:.875rem;font-weight:500;cursor:pointer;padding:0;text-decoration:underline}.btn-link:hover{color:var(--primary-dark)}.alert-box{padding:1rem 1.25rem;border-radius:.5rem;margin-bottom:2rem}.alert-info{background:#dbeafe;color:#1e40af;border-left:4px solid #3b82f6}.alert-success{background:#d1fae5;color:#065f46;border-left:4px solid #10b981}.warning-text{color:var(--warning);font-size:.875rem;margin-top:.5rem}.error-box{padding:1rem;background:#fee2e2;border:1px solid #fecaca;border-radius:.5rem;color:#991b1b;margin-bottom:1rem}@media (max-width: 768px){.header-content{flex-direction:column;align-items:stretch}.perspective-nav{overflow-x:auto;padding-bottom:.5rem}.nav-label{white-space:nowrap}.app-main{padding:1rem}}.agent-name{color:var(--gray-600);font-size:.875rem;margin-top:.25rem}.offer-card{background:#fff;border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem;box-shadow:var(--shadow);border:2px solid transparent;transition:all .2s}.offer-card:hover{box-shadow:var(--shadow-md);border-color:var(--gray-200)}.offer-header{display:grid;grid-template-columns:auto 1fr auto;gap:1.5rem;align-items:center;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--gray-200)}.offer-rank{display:flex;align-items:center}.rank-badge{width:3rem;height:3rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700}.offer-buyer h4{font-size:1.125rem;margin-bottom:.25rem}.buyer-contact{color:var(--gray-600);font-size:.875rem}.offer-amount{text-align:right}.amount-label{font-size:.75rem;color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.amount-value{font-size:1.75rem;font-weight:700;color:var(--gray-900)}.amount-diff{font-size:.875rem;font-weight:500;color:var(--gray-600)}.viability-score{margin-bottom:1.5rem;padding:1.5rem;background:var(--gray-50);border-radius:.5rem}.score-main{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem}.score-circle{width:6rem;height:6rem;border-radius:50%;border:4px solid;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff}.score-value{font-size:2rem;font-weight:700;line-height:1}.score-max{font-size:.875rem;color:var(--gray-500)}.score-label-box{flex:1}.score-label{font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.score-subtitle{color:var(--gray-600);font-size:.875rem}.score-breakdown h5{font-size:.875rem;color:var(--gray-700);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.breakdown-grid{display:grid;gap:.75rem}.breakdown-label{display:flex;justify-content:space-between;font-size:.75rem;color:var(--gray-700);margin-bottom:.375rem}.breakdown-weight{color:var(--gray-500);font-weight:400}.breakdown-bar{position:relative;height:1.5rem;background:#fff;border-radius:.375rem;overflow:hidden;border:1px solid var(--gray-200)}.breakdown-fill{height:100%;transition:width .3s ease}.breakdown-value{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);font-size:.75rem;font-weight:600;color:var(--gray-700)}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-label{font-size:.75rem;color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em}.detail-value{font-size:.875rem;color:var(--gray-900);font-weight:500}.badges-section{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-top:.75rem}.badges-section strong{font-size:.75rem;color:var(--gray-700);text-transform:uppercase;letter-spacing:.05em}.badge{padding:.25rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:500}.badge-success{background:#d1fae5;color:#065f46}.badge-warning{background:#fef3c7;color:#92400e}.viewing-card{background:#fff;border-radius:.75rem;padding:1.5rem;margin-bottom:1rem;box-shadow:var(--shadow)}.viewing-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.viewing-header h4{font-size:1.125rem;margin-bottom:.25rem}.viewing-datetime{color:var(--gray-600);font-size:.875rem}.viewing-timeline{display:flex;gap:1rem;position:relative}.viewing-timeline:before{content:"";position:absolute;left:1rem;top:2rem;bottom:2rem;width:2px;background:var(--gray-200)}.timeline-step{flex:1;display:flex;gap:.75rem;position:relative}.timeline-icon{width:2rem;height:2rem;border-radius:50%;background:var(--gray-200);color:var(--gray-500);display:flex;align-items:center;justify-content:center;font-weight:600;z-index:1;flex-shrink:0}.timeline-step.completed .timeline-icon{background:var(--secondary);color:#fff}.timeline-step.rejected .timeline-icon{background:var(--danger);color:#fff}.timeline-content{padding-top:.25rem}.timeline-label{font-size:.875rem;font-weight:500;color:var(--gray-700)}.timeline-time{font-size:.75rem;color:var(--gray-500);margin-top:.25rem}.summary-actions{display:flex;gap:1rem;align-items:center;margin-bottom:2rem;flex-wrap:wrap}.summary-result{background:#fff;border-radius:.75rem;padding:2rem;box-shadow:var(--shadow)}.summary-meta{display:flex;gap:.75rem;color:var(--gray-600);font-size:.875rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--gray-200)}.summary-content{line-height:1.8;color:var(--gray-800)}.summary-content p{margin-bottom:1rem}@media (max-width: 768px){.offer-header{grid-template-columns:1fr;gap:1rem}.offer-amount{text-align:left}.score-main{flex-direction:column;align-items:flex-start}.details-grid{grid-template-columns:1fr}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.modal-content{background:#fff;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:800px;width:100%;max-height:90vh;display:flex;flex-direction:column}.modal-header{padding:1.5rem 2rem;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;font-size:1.25rem;color:var(--gray-900)}.modal-close{background:none;border:none;font-size:1.5rem;color:var(--gray-400);cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:.375rem;transition:all .2s}.modal-close:hover{background:var(--gray-100);color:var(--gray-600)}.modal-body{padding:2rem;overflow-y:auto;flex:1}.modal-footer{padding:1.5rem 2rem;border-top:1px solid var(--gray-200);display:flex;justify-content:flex-end;gap:1rem}.email-preview{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:.5rem;padding:1.5rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.email-field{padding:.5rem 0;color:var(--gray-700);font-size:.875rem}.email-field strong{color:var(--gray-900);margin-right:.5rem}.email-divider{height:1px;background:var(--gray-300);margin:1rem 0}.email-body{background:#fff;padding:1.5rem;border-radius:.375rem;border:1px solid var(--gray-200)}.email-body pre{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.875rem;line-height:1.6;color:var(--gray-800);white-space:pre-wrap;word-wrap:break-word}.seller-name{color:var(--gray-600);font-size:.875rem}.seller-property{display:grid;grid-template-columns:auto 1fr;gap:1.5rem;align-items:start}.property-image-placeholder{width:120px;height:120px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.property-image-placeholder.large{width:100%;height:300px}.image-icon{font-size:3rem;filter:brightness(0) invert(1);opacity:.8}.property-info h3{font-size:1.25rem;margin-bottom:.5rem}.address{color:var(--gray-600);font-size:.875rem;margin-bottom:1rem;line-height:1.6}.property-stats{display:flex;gap:1rem;flex-wrap:wrap}.stat{padding:.375rem .75rem;background:var(--gray-100);border-radius:.375rem;font-size:.875rem;font-weight:500}.seller-section{margin-bottom:2.5rem}.seller-section h3{font-size:1.5rem;margin-bottom:.5rem}.section-subtitle{color:var(--gray-600);font-size:.875rem;margin-bottom:1.5rem}.offers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.seller-offer-card{background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:var(--shadow);cursor:pointer;transition:all .2s;border:2px solid transparent;position:relative}.seller-offer-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.seller-offer-card.selected{border-color:var(--primary)}.offer-rank-badge{position:absolute;top:1rem;right:1rem;width:2.5rem;height:2.5rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:1rem}.offer-main{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--gray-200)}.offer-amount-large{font-size:1.75rem;font-weight:700;margin-bottom:.25rem}.offer-diff{font-size:.875rem}.offer-diff .positive{color:var(--secondary);font-weight:500}.offer-diff .negative{color:var(--gray-600);font-weight:500}.offer-buyer-info{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.buyer-initial{width:2.5rem;height:2.5rem;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem}.buyer-name{font-weight:600;font-size:.875rem}.buyer-label{font-size:.75rem;color:var(--gray-500)}.offer-score{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.score-circle-small{width:3rem;height:3rem;border-radius:50%;border:3px solid;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.125rem;background:#fff}.score-label-small{font-size:.875rem;font-weight:600}.offer-highlights{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.highlight{padding:.25rem .625rem;border-radius:.375rem;font-size:.75rem;font-weight:500}.highlight-success{background:#d1fae5;color:#065f46}.highlight-warning{background:#fef3c7;color:#92400e}.offer-key-facts{display:flex;flex-direction:column;gap:.5rem}.fact{display:flex;justify-content:space-between;font-size:.875rem}.fact-label{color:var(--gray-600)}.fact-value{font-weight:500}.summary-box{background:#fff;border-radius:.75rem;padding:2rem;box-shadow:var(--shadow)}.summary-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--gray-200)}.summary-icon{font-size:2rem}.summary-title{font-size:1.125rem;font-weight:600}.summary-date{font-size:.75rem;color:var(--gray-500)}.summary-text{line-height:1.8;color:var(--gray-800)}.summary-text p{margin-bottom:1rem}.viewings-pending,.viewings-upcoming{margin-bottom:2rem}.viewings-pending h4,.viewings-upcoming h4{font-size:1.125rem;margin-bottom:1rem}.viewing-request-card{background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:var(--shadow);margin-bottom:1rem}.request-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.request-header h5{font-size:1rem;margin-bottom:.25rem}.request-time{font-size:.875rem;color:var(--gray-600)}.priority-badge{padding:.25rem .75rem;background:#fef3c7;color:#92400e;border-radius:.375rem;font-size:.75rem;font-weight:600}.request-actions{display:flex;gap:.75rem;margin-bottom:1rem}.request-note{font-size:.875rem;color:var(--gray-600);padding:.75rem;background:var(--gray-50);border-radius:.375rem;margin-top:1rem}.viewing-confirmed-card{background:#fff;border-radius:.5rem;padding:1rem 1.25rem;display:flex;align-items:center;gap:1rem;box-shadow:var(--shadow-sm);margin-bottom:.75rem}.confirmed-icon{width:2rem;height:2rem;border-radius:50%;background:var(--secondary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0}.confirmed-details{flex:1}.confirmed-buyer{font-weight:600;font-size:.875rem;margin-bottom:.125rem}.confirmed-time{font-size:.75rem;color:var(--gray-600)}@media (max-width: 768px){.seller-property,.offers-grid{grid-template-columns:1fr}.request-actions{flex-direction:column}}.buyer-name{color:var(--gray-600);font-size:.875rem}.buyer-selector{display:flex;align-items:center;gap:.75rem}.buyer-selector label{font-size:.875rem;color:var(--gray-600)}.buyer-select{padding:.5rem 1rem;border:1px solid var(--gray-300);border-radius:.5rem;background:#fff;font-size:.875rem;cursor:pointer}.buyer-property{display:grid;grid-template-columns:1fr;gap:1.5rem}.property-details-full{display:flex;flex-direction:column;gap:1rem}.property-location{color:var(--gray-600);font-size:.875rem}.property-price{font-size:1.75rem;font-weight:700;color:var(--primary)}.property-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.feature{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:var(--gray-50);border-radius:.5rem;font-size:.875rem}.feature-icon{font-size:1.25rem}.property-description{color:var(--gray-700);line-height:1.6}.buyer-section{margin-bottom:2.5rem}.buyer-section h3{font-size:1.5rem;margin-bottom:.5rem}.viewing-scheduler{background:#fff;border-radius:.75rem;padding:2rem;box-shadow:var(--shadow)}.available-dates{margin-bottom:2rem}.available-dates h4{font-size:1.125rem;margin-bottom:1rem}.available-dates{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:1rem}.date-card{background:#fff;border:2px solid var(--gray-200);border-radius:.75rem;padding:1rem;cursor:pointer;transition:all .2s;text-align:center;display:flex;flex-direction:column;gap:.25rem}.date-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.date-card.selected{background:var(--primary);border-color:var(--primary);color:#fff}.date-day{font-size:.75rem;text-transform:uppercase;font-weight:600;opacity:.8}.date-number{font-size:1.5rem;font-weight:700}.date-month{font-size:.875rem}.date-slots{font-size:.75rem;margin-top:.25rem;opacity:.8}.available-times h4{font-size:1.125rem;margin-bottom:1rem}.time-slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;margin-bottom:1rem}.time-slot{padding:1rem;background:#fff;border:2px solid var(--gray-200);border-radius:.5rem;cursor:pointer;transition:all .2s;font-size:1rem;font-weight:500;position:relative}.time-slot:hover{border-color:var(--primary);background:var(--gray-50)}.time-slot.selected{background:var(--primary);border-color:var(--primary);color:#fff}.time-slot.popular{border-color:var(--warning)}.popular-badge{display:block;font-size:.75rem;margin-top:.25rem;font-weight:400}.buyer-viewing-card{background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:var(--shadow);margin-bottom:1rem;display:flex;gap:1rem;align-items:flex-start}.viewing-status-icon{width:3rem;height:3rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;flex-shrink:0}.viewing-details{flex:1}.viewing-date-time{font-weight:600;font-size:1rem;margin-bottom:.5rem}.viewing-status-label{font-weight:600;font-size:.875rem;margin-bottom:.5rem}.viewing-status-description{color:var(--gray-600);font-size:.875rem;line-height:1.5}.checklist{background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:var(--shadow)}.checklist-item{display:flex;gap:1rem;padding:1.25rem;border-bottom:1px solid var(--gray-200)}.checklist-item:last-child{border-bottom:none}.checkbox{width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:600;flex-shrink:0}.checklist-item.completed .checkbox{background:var(--secondary);color:#fff}.checklist-item.pending .checkbox{background:var(--gray-200);color:var(--gray-500)}.checklist-content{flex:1}.checklist-title{font-weight:600;font-size:.875rem;margin-bottom:.25rem}.checklist-status{font-size:.875rem;color:var(--gray-600);margin-bottom:.5rem}@media (max-width: 768px){.property-features{grid-template-columns:1fr 1fr}.available-dates{grid-template-columns:repeat(3,1fr)}.time-slots{grid-template-columns:repeat(2,1fr)}.buyer-viewing-card{flex-direction:column}}.demo-flow{max-width:1400px;margin:0 auto}.flow-navigation{display:flex;gap:1rem;margin:2rem 0;padding:0 1rem;overflow-x:auto}.flow-nav-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:#fff;border:2px solid #e5e7eb;border-radius:.5rem;cursor:pointer;transition:all .2s;min-width:150px;position:relative}.flow-nav-item:hover{border-color:#3b82f6;transform:translateY(-2px)}.flow-nav-item.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.flow-nav-item.completed .flow-nav-number{background:#10b981;color:#fff}.flow-nav-number{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:#e5e7eb;border-radius:50%;font-weight:600;font-size:.875rem}.flow-nav-item.active .flow-nav-number{background:#fff;color:#3b82f6}.flow-nav-label{font-size:.875rem;font-weight:500;text-align:center}.flow-content{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;padding:2rem;margin:2rem 0}.flow-step-header{text-align:center;margin-bottom:2rem;padding-bottom:2rem;border-bottom:2px solid #f3f4f6}.step-persona{display:inline-block;font-size:1.5rem;padding:.5rem 1rem;background:#f3f4f6;border-radius:2rem;margin-bottom:1rem}.flow-step-header h3{margin:.5rem 0;color:#1f2937}.step-description{color:#6b7280;font-size:1.125rem;margin:.5rem 0 0}.flow-layout{display:grid;grid-template-columns:1fr 2fr;gap:2rem;margin:2rem 0}.flow-details h4{margin:0 0 1rem;color:#1f2937}.step-details-list{list-style:none;padding:0;margin:0}.step-details-list li{padding:.75rem 0 .75rem 2rem;position:relative;color:#4b5563;line-height:1.6}.step-details-list li:before{content:"→";position:absolute;left:0;color:#3b82f6;font-weight:600}.flow-mockup{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.75rem;overflow:hidden}.mockup-header{background:#e5e7eb;padding:.75rem 1rem;display:flex;align-items:center;gap:.75rem}.mockup-dots{display:flex;gap:.375rem}.mockup-dots span{width:.75rem;height:.75rem;border-radius:50%;background:#9ca3af}.mockup-title{font-size:.875rem;font-weight:500;color:#4b5563}.mockup-content{padding:1.5rem;background:#fff;min-height:300px}.mockup-calendar{font-size:.875rem}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.calendar-header h4{margin:0;font-size:1rem}.btn-small{padding:.5rem 1rem;font-size:.875rem;border-radius:.375rem;border:none;cursor:pointer;font-weight:500}.btn-small.btn-primary{background:#3b82f6;color:#fff}.calendar-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.calendar-day{border:1px solid #e5e7eb;border-radius:.5rem;overflow:hidden}.day-header{background:#f3f4f6;padding:.75rem;font-weight:600;color:#374151;font-size:.875rem}.time-slot{padding:.75rem;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e5e7eb}.time-slot .time{font-weight:500;color:#1f2937}.status-badge-small{padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500}.status-badge-small.status-available{background:#d1fae5;color:#065f46}.mockup-buyer-request{font-size:.875rem}.property-header-mini{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.property-header-mini h4{margin:0 0 .5rem;font-size:1rem}.property-header-mini p{margin:0;color:#6b7280}.viewing-form h5{margin:0 0 1rem;font-size:1rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:500;color:#374151;margin-bottom:.5rem}.slot-options{display:flex;flex-direction:column;gap:.75rem}.slot-option{position:relative}.slot-option input[type=radio]{position:absolute;opacity:0}.slot-option label{display:block;padding:1rem;border:2px solid #e5e7eb;border-radius:.5rem;cursor:pointer;transition:all .2s}.slot-option:hover label{border-color:#3b82f6}.slot-option.selected label{background:#eff6ff;border-color:#3b82f6}.slot-date{font-weight:600;color:#1f2937;margin-bottom:.25rem}.slot-time{color:#6b7280;font-size:.875rem}.form-group textarea{width:100%;padding:.75rem;border:1px solid #e5e7eb;border-radius:.375rem;font-family:inherit;font-size:.875rem;min-height:80px;resize:vertical}.btn-block{width:100%}.mockup-seller-approval{font-size:.875rem}.alert-box-demo{padding:1rem;background:#dbeafe;border:1px solid #3b82f6;border-radius:.5rem;margin-bottom:1.5rem;color:#1e40af}.viewing-request-card-demo{border:1px solid #e5e7eb;border-radius:.5rem;padding:1.5rem}.request-header-demo{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.request-header-demo h5{margin:0 0 .25rem;font-size:1rem}.request-time-demo{margin:0;color:#6b7280}.priority-badge-demo{background:#fef3c7;color:#92400e;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600}.request-details-demo{background:#f9fafb;padding:1rem;border-radius:.375rem;margin-bottom:1rem}.request-details-demo p{margin:.5rem 0;color:#4b5563}.request-actions-demo{display:flex;gap:.75rem;margin-bottom:1rem}.btn-demo{padding:.75rem 1.5rem;border-radius:.375rem;border:none;cursor:pointer;font-weight:500;font-size:.875rem}.btn-success-demo{background:#10b981;color:#fff}.btn-outline-demo{background:#fff;border:1px solid #e5e7eb;color:#374151}.approval-note{background:#fffbeb;border-left:3px solid #f59e0b;padding:.75rem;margin-top:1rem}.approval-note p{margin:0;color:#92400e;font-size:.875rem}.mockup-confirmation{font-size:.875rem}.flow-diagram{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem}.flow-card{border:2px solid #e5e7eb;border-radius:.5rem;padding:1.5rem;text-align:center}.flow-card.flow-buyer{border-color:#3b82f6;background:#eff6ff}.flow-card.flow-seller{border-color:#10b981;background:#d1fae5}.flow-card.flow-agent{border-color:#f59e0b;background:#fef3c7}.flow-icon{font-size:2rem;margin-bottom:.5rem}.flow-card h5{margin:0 0 1rem;font-size:1rem}.flow-card ul{list-style:none;padding:0;margin:0;text-align:left}.flow-card li{padding:.5rem 0;color:#374151}.timeline-demo{background:#f9fafb;padding:1.5rem;border-radius:.5rem}.timeline-demo h5{margin:0 0 1rem;text-align:center}.timeline-steps{display:flex;justify-content:space-around;position:relative}.timeline-step-demo{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex:1;position:relative}.timeline-step-demo:not(:last-child):after{content:"";position:absolute;top:1rem;left:50%;right:-50%;height:2px;background:#d1d5db;z-index:0}.timeline-step-demo.completed:not(:last-child):after{background:#10b981}.timeline-icon-demo{width:2rem;height:2rem;background:#10b981;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;z-index:1;position:relative}.timeline-content-demo{text-align:center}.timeline-label-demo{font-weight:600;color:#1f2937;margin-bottom:.25rem}.timeline-time-demo{font-size:.75rem;color:#6b7280}.flow-actions{display:flex;justify-content:center;gap:1rem;padding-top:2rem;border-top:2px solid #f3f4f6}.flow-footer{margin:2rem 0}.key-benefits{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem;border-radius:.75rem}.key-benefits h4{margin:0 0 1.5rem;text-align:center;font-size:1.25rem}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.benefit-card{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.5rem;border-radius:.5rem;text-align:center}.benefit-icon{font-size:2rem;margin-bottom:.75rem}.benefit-card h5{margin:0 0 .5rem;font-size:1rem}.benefit-card p{margin:0;opacity:.9;font-size:.875rem;line-height:1.5}@media (max-width: 1024px){.flow-layout,.flow-diagram{grid-template-columns:1fr}}.settings-view{max-width:900px}.settings-section{background:#fff;border-radius:.75rem;padding:2rem;box-shadow:var(--shadow);margin-bottom:2rem}.settings-section h3{font-size:1.25rem;margin-bottom:.75rem}.api-key-input-group{display:flex;gap:.75rem;margin:1.5rem 0;align-items:stretch}.input-with-toggle{position:relative;flex:1}.api-key-input{width:100%;padding:.75rem 3rem .75rem 1rem;border:1px solid var(--gray-300);border-radius:.5rem;font-size:.875rem;font-family:Courier New,monospace}.api-key-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51a}.toggle-visibility{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:.5rem;font-size:1.25rem;opacity:.6;transition:opacity .2s}.toggle-visibility:hover{opacity:1}.info-box{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:.5rem;padding:1.5rem;margin-top:1rem}.info-box p{margin-bottom:1rem}.info-box strong{color:var(--gray-900)}.info-box ol{margin-left:1.5rem;margin-bottom:1rem}.info-box li{margin-bottom:.5rem;color:var(--gray-700)}.info-box a{color:var(--primary);text-decoration:none;font-weight:500}.info-box a:hover{text-decoration:underline}.note{font-size:.875rem;color:var(--gray-600);margin-bottom:0}.about-content{color:var(--gray-700);line-height:1.8}.about-content p{margin-bottom:1rem}.about-content h4{font-size:1rem;margin-top:1.5rem;margin-bottom:.75rem;color:var(--gray-900)}.about-content ul{margin-left:1.5rem;margin-bottom:1.5rem}.about-content li{margin-bottom:.5rem}.about-content strong{color:var(--gray-900)}.data-note{background:#dbeafe;border-left:4px solid #3b82f6;padding:1rem 1.25rem;border-radius:.5rem;margin-top:1.5rem}.data-note p{margin:0;color:#1e40af;font-size:.875rem}.weights-table{background:var(--gray-50);border-radius:.5rem;padding:1rem;margin-top:1rem}.weight-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--gray-200)}.weight-row:last-child{border-bottom:none}.weight-label{font-size:.875rem;color:var(--gray-700);font-weight:500}.weight-value{font-size:.875rem;font-weight:700;color:var(--primary);padding:.25rem .75rem;background:#fff;border-radius:.375rem}@media (max-width: 768px){.api-key-input-group{flex-direction:column}.input-with-toggle{width:100%}}