@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";.pricing-content{width:100%}.billing-toggle{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.billing-toggle button{padding:.75rem 1.5rem;border:2px solid var(--border-color);background:var(--bg-primary);border-radius:var(--radius-lg);cursor:pointer;font-weight:600;transition:all var(--transition-base);font-size:1rem;position:relative;color:var(--text-primary)}.billing-toggle button.active{border-color:var(--primary);background:var(--primary);color:#fff}.billing-toggle button:hover:not(.active){border-color:var(--primary);color:var(--primary)}.billing-toggle .badge{display:inline-block;background:var(--success);color:#fff;padding:.25rem .5rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;margin-left:.5rem}.pricing-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:3rem}@media (min-width: 640px){.pricing-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.pricing-grid{grid-template-columns:repeat(3,1fr)}}.pricing-card{background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-card);border:1px solid var(--border-color);display:flex;flex-direction:column;position:relative;transition:all var(--transition-base)}.pricing-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.pricing-card.highlighted{border:2px solid var(--primary);transform:scale(1.02)}.recommended-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--primary);color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:.875rem;font-weight:600}.card-header{margin-bottom:var(--space-6)}.card-header h2{font-size:var(--text-2xl);color:var(--text-primary);margin:0 0 var(--space-2) 0;font-weight:700}.description{color:var(--text-tertiary);margin:0;font-size:.95rem}.price-section{margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--border-color)}.price{display:flex;align-items:baseline;gap:.25rem}.currency{font-size:var(--text-lg);color:var(--text-primary);font-weight:600}.amount{font-size:3rem;font-weight:700;color:var(--slate-900)}.period{color:#64748b;font-size:1rem;margin-left:.5rem}.annual-price{margin-top:.5rem;font-size:.875rem;color:var(--success);font-weight:600}.cta-button{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;margin-bottom:1.5rem;min-height:48px;width:100%}.cta-button.slate{background:var(--slate-200);color:var(--slate-900)}.cta-button.slate:hover{background:var(--slate-300)}.cta-button.indigo{background:var(--primary);color:#fff}.cta-button.indigo:hover{background:var(--primary-dark)}.cta-button.emerald{background:var(--success);color:#fff}.cta-button.emerald:hover{background:#059669}.cta-button:disabled{opacity:.7;cursor:not-allowed}.features-list{flex-grow:1;display:flex;flex-direction:column;gap:1rem}.feature-category{border-radius:8px;padding:.75rem;background:var(--slate-50)}.feature-category.notifications-highlight{background:linear-gradient(135deg,var(--notification-highlight) 0%,#fef08a 100%);border:2px solid var(--notification-border);padding:1rem}.category-title{font-weight:600;color:var(--slate-900);margin:0 0 .75rem;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:.5rem}.feature-items{display:flex;flex-direction:column;gap:.5rem}.feature-item{display:flex;gap:.75rem;font-size:.95rem;color:#64748b}.feature-item.included{color:#1e293b;font-weight:500}.feature-item.excluded{opacity:.6;color:#94a3b8}.feature-icon{font-weight:700;min-width:1.25rem;color:var(--primary);font-size:1.1rem}.feature-item.excluded .feature-icon{color:#cbd5e1}.feature-text{line-height:1.4;flex:1}.highlight-badge{display:inline-block;background:var(--warning);color:#78350f;padding:.2rem .4rem;border-radius:3px;font-size:.7rem;font-weight:700;margin-left:.5rem}.notifications-callout{background:linear-gradient(135deg,var(--primary) 0%,#3b82f6 100%);color:#fff;border-radius:12px;padding:2rem 1.5rem;margin-bottom:2rem;box-shadow:0 10px 30px #4f46e533}.callout-content h3{font-size:1.75rem;margin:0 0 1rem;font-weight:700}.callout-content p{font-size:1rem;margin:0 0 1.5rem;line-height:1.6;opacity:.95}.notification-features{display:grid;grid-template-columns:1fr;gap:1rem;margin-top:1.5rem}@media (min-width: 768px){.notification-features{grid-template-columns:repeat(3,1fr)}}.feature-row{background:#ffffff1a;border-left:4px solid rgba(255,255,255,.3);padding:1rem;border-radius:6px;backdrop-filter:blur(10px)}.feature-row.highlight-row{border-left-color:var(--warning);background:#fbbf241a}.level{display:block;font-weight:700;margin-bottom:.25rem;font-size:.95rem}.desc{display:block;font-size:.9rem;line-height:1.4}.faq-section{background:#fff;border-radius:12px;padding:2rem 1.5rem;margin-bottom:2rem;box-shadow:0 4px 6px #00000012}.faq-section h3{font-size:1.75rem;color:var(--slate-900);margin-top:0;margin-bottom:2rem;text-align:center}.faq-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 768px){.faq-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.faq-grid{grid-template-columns:repeat(3,1fr)}}.faq-item{padding:1.5rem;background:var(--slate-50);border-radius:8px;border-left:4px solid var(--primary)}.faq-item h4{color:var(--slate-900);margin:0 0 .75rem;font-weight:600;font-size:1.05rem}.faq-item p{color:#64748b;margin:0;line-height:1.6}.trust-section{text-align:center;padding:2rem;background:linear-gradient(135deg,var(--success) 0%,#0891b2 100%);color:#fff;border-radius:12px;margin-bottom:1rem}.trust-section p{font-size:1.25rem;font-weight:600;margin:0 0 1rem}.trust-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.trust-badges .badge{background:#fff3;color:#fff;padding:.5rem 1rem;border-radius:6px;font-size:.9rem;font-weight:500}@media (min-width: 600px) and (max-width: 1023px){.pricing-container{padding:1.5rem}.pricing-header h1{font-size:2rem}.pricing-grid{gap:2rem}.pricing-card{padding:2rem}.amount{font-size:2.5rem}.cta-button{min-height:56px;font-size:1.1rem}.faq-grid{grid-template-columns:1fr}}@media (min-width: 1024px){.pricing-container{padding:2rem}.pricing-header{margin-bottom:3rem;padding:2rem 0}.notifications-callout{padding:3rem}.pricing-grid{gap:2rem}}@media (prefers-color-scheme: dark){.pricing-container{background:linear-gradient(135deg,#1e293b,#0f172a)}.pricing-card{background:#1e293b;color:#e2e8f0}.pricing-header h1,.card-header h2,.faq-item h4,.faq-section h3{color:#fff}.faq-section,.feature-category{background:#0f172a}.feature-category.notifications-highlight{background:linear-gradient(135deg,#7c2d12,#5a1f0f);border-color:#b45309}.faq-item{background:#0f172a;border-left-color:var(--primary)}}button:focus-visible{outline:3px solid var(--primary);outline-offset:2px}@media (prefers-reduced-motion: reduce){.pricing-card,button{transition:none}}@media (prefers-contrast: more){.pricing-card{border:2px solid currentColor}.feature-item.excluded{opacity:1;text-decoration:line-through}}.smart-triage{min-height:calc(100vh - 64px);padding:2rem 1rem;background:linear-gradient(135deg,#eef2ff,#f8fafc,#fff)}.triage-shell{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,.9fr);gap:1.25rem}.triage-main{display:flex}.triage-panel{width:100%;background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 16px 36px #11182714;border:1px solid #e5e7eb}.triage-sidebar{display:flex;flex-direction:column;gap:1rem}.sidebar-card{background:#fff;border-radius:1rem;padding:1rem;border:1px solid #e5e7eb;box-shadow:0 10px 22px #0000000f}.sidebar-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem;margin-top:.75rem}.stat-block{background:#f8fafc;border-radius:.75rem;padding:.75rem;display:grid;gap:.35rem}.stat-block span{color:var(--text-light);font-size:.9rem}.stat-block strong{font-size:1.25rem;color:var(--dark)}.timeline{display:flex;flex-direction:column;gap:.75rem;margin-top:.75rem}.timeline-row{display:grid;grid-template-columns:auto 1fr;gap:.5rem;align-items:start}.timeline-row .dot{width:12px;height:12px;background:var(--primary);border-radius:50%;margin-top:.4rem}.panel-heading{display:flex;gap:1rem;align-items:flex-start;margin-bottom:1rem}.welcome-header{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1.25rem}.welcome-header h1{font-size:1.9rem;font-weight:700;color:var(--dark)}.welcome-header p{font-size:1rem;color:var(--text-light)}.path-buttons{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.path-button{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:.75rem;padding:1.25rem 1rem;border:2px solid var(--border);background:#fff;border-radius:.75rem;cursor:pointer;transition:all .3s;text-align:left;font-family:inherit}.path-button:hover{border-color:var(--primary);background:linear-gradient(135deg,#4f46e50d,#6366f10d);transform:translateY(-4px);box-shadow:0 10px 20px #4f46e51a}.path-button:active{transform:translateY(-2px)}.path-icon{font-size:2rem}.path-text h2{font-size:1.25rem;font-weight:600;color:var(--dark)}.path-text p{font-size:.9rem;color:var(--text-light)}@media (max-width: 600px){.path-buttons{grid-template-columns:1fr}.welcome-header h1{font-size:1.5rem}}.back-button{background:none;border:none;color:var(--primary);cursor:pointer;font-size:1rem;font-weight:600;padding:.35rem .5rem;border-radius:.5rem;transition:all .2s}.back-button:hover{background:#eef2ff}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--dark);font-size:.95rem}.form-group input,.form-group select{width:100%;padding:.75rem 1rem;border:1px solid var(--border);border-radius:.5rem;font-size:1rem;font-family:inherit;transition:all .2s}.form-group input::placeholder{color:var(--gray-400)}.triage-form{margin-top:1rem}.error-message{background:linear-gradient(135deg,#ef44441a,#dc26260d);border:1px solid rgba(239,68,68,.2);border-radius:.5rem;padding:1rem;margin-bottom:1.5rem;color:#dc2626;font-size:.9rem}.search-box{margin-bottom:2rem}.search-box input{width:100%;padding:1rem;border:2px solid var(--border);border-radius:.75rem;font-size:1rem;font-family:inherit}.search-box input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51a}.search-results{display:flex;flex-direction:column;gap:1rem;max-height:400px;overflow-y:auto}.result-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;background:var(--light);border-radius:.75rem;border:1px solid var(--border);transition:all .2s}.result-item:hover{background:#fff;border-color:var(--primary);box-shadow:0 4px 12px #4f46e51a}.result-info{flex:1;text-align:left}.result-info h3{margin:0;font-size:1.1rem;color:var(--dark);font-weight:600}.result-info p{margin:.25rem 0;font-size:.85rem;color:var(--text-light)}.host-name{margin-top:.5rem!important;font-weight:500;color:var(--primary)}.no-results,.search-placeholder{text-align:center;padding:2rem;color:var(--text-light)}.no-results small,.search-placeholder small{display:block;margin-top:.5rem;font-size:.85rem}.success-step{background:linear-gradient(135deg,var(--success) 0%,#059669 100%);color:#fff}.success-container{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.35rem}.success-icon{font-size:5rem;margin-bottom:1rem;animation:bounce .6s ease-in-out}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.success-container h1{font-size:2.5rem;margin-bottom:.5rem}.success-container p{font-size:1.25rem;margin:.5rem 0;opacity:.95}.company{font-size:1rem!important;opacity:.85!important}.host-greeting{font-size:1rem!important;margin-top:1rem!important;opacity:.9!important}.redirect-notice{display:block;margin-top:2rem;opacity:.8}.btn{border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s;font-size:1rem;padding:.75rem 1.5rem;font-family:inherit}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 10px 20px #4f46e533}.btn-primary:active{transform:translateY(0)}.btn-lg{padding:1rem 2rem;font-size:1.1rem;margin-top:1rem}@media (max-width: 900px){.triage-shell{grid-template-columns:1fr}.triage-sidebar{grid-column:1 / -1}}@media (max-width: 480px){.form-group input,.form-group select{font-size:16px}.success-icon{font-size:4rem}.success-container h1{font-size:2rem}}@media (prefers-color-scheme: dark){.triage-panel,.sidebar-card{background:#111827;color:#f9fafb;border-color:#1f2937}.welcome-header h1,.path-text h2,.result-info h3,.form-group label{color:#f9fafb}.path-button{background:#0f172a;border-color:#1f2937}.path-button:hover{background:#111827}.form-group input,.form-group select,.search-box input{background:#0f172a;border-color:#1f2937;color:#f9fafb}.result-item{background:#0f172a;border-color:#1f2937}.result-item:hover{background:#111827}}.logbook-container{max-width:1200px;margin:0 auto;padding:2rem 1rem;background:linear-gradient(135deg,#f8fafc,#eef2ff)}.logbook-hero{background:#fff;border-radius:1rem;padding:1.25rem;display:flex;justify-content:space-between;gap:1rem;align-items:center;box-shadow:0 10px 24px #11182714;border:1px solid #e5e7eb;margin-bottom:1.5rem}.hero-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;min-width:320px}.stat{background:#f8fafc;border:1px solid #e5e7eb;border-radius:.75rem;padding:1rem}.stat-value{display:block;font-size:2rem;font-weight:700;color:var(--dark);margin-bottom:.25rem}.stat-label{display:block;font-size:.85rem;color:var(--text-light);font-weight:500}.logbook-controls{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;background:#fff;border-radius:1rem;padding:1rem;border:1px solid #e5e7eb;box-shadow:0 6px 16px #1118270d}.search-area{width:100%}.search-input{width:100%;padding:.75rem 1rem;border:1px solid var(--border);border-radius:.5rem;font-size:1rem;font-family:inherit;transition:all .2s}.search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51a}.filter-export{display:flex;gap:1rem;flex-wrap:wrap}.filter-select{padding:.75rem;border:1px solid var(--border);border-radius:.5rem;font-family:inherit;background:#fff;cursor:pointer}.filter-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51a}.btn{padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}@media (max-width: 768px){.logbook-hero{flex-direction:column;align-items:flex-start}.hero-stats{width:100%}}.logbook-content{background:#fff;border-radius:.75rem;overflow:hidden;box-shadow:0 1px 3px #0000001a}.guests-table{width:100%}.table-header{display:grid;grid-template-columns:1.5fr 1.5fr 1fr 1.5fr 1fr;gap:1rem;padding:1rem;background:var(--light);border-bottom:1px solid var(--border);font-weight:600;color:var(--text);font-size:.9rem}.table-row{display:grid;grid-template-columns:1.5fr 1.5fr 1fr 1.5fr 1fr;gap:1rem;padding:1rem;border-bottom:1px solid var(--border);align-items:center;transition:background-color .2s}.table-row:hover{background:var(--light)}.table-row strong{display:block;color:var(--dark);font-weight:600}.table-row small{display:block;font-size:.85rem;color:var(--text-light)}.status-badge{display:inline-block;padding:.375rem .75rem;border-radius:9999px;font-size:.8rem;font-weight:600}.status-checked,.status-checked-in{background:#dcfce7;color:#16a34a}.status-checked-out{background:#e0e7ff;color:#4f46e5}.status-expected{background:#fef3c7;color:#b45309}.status-no,.status-no-show{background:#fee2e2;color:#dc2626}.empty-state p{font-size:1.1rem;margin-bottom:.5rem;color:var(--text)}.empty-state small{display:block;font-size:.9rem}@media (max-width: 1024px){.table-header,.table-row{grid-template-columns:repeat(4,1fr)}.col-company{display:none}.table-header>:nth-child(2),.table-row>:nth-child(2){display:none}}@media (max-width: 768px){.stats-bar{grid-template-columns:1fr}.filter-export{flex-direction:column}.filter-select,.btn-secondary{width:100%}.table-header,.table-row{grid-template-columns:1fr;gap:.5rem}.table-header{display:none}.table-row{border-top:1px solid var(--border);padding:1rem;border-bottom:2px solid var(--border);display:flex;flex-direction:column;gap:1rem}.table-row>div:before{content:attr(data-label);font-weight:600;color:var(--dark);display:block;margin-bottom:.25rem;font-size:.85rem}}@media (prefers-color-scheme: dark){.logbook-container,.logbook-header h1{color:#f9fafb}.stat{background:#1f2937;border-color:var(--primary)}.logbook-content,.stat{background:#1f2937;box-shadow:0 1px 3px #0000004d}.table-header{background:#111827;border-color:#374151;color:#e5e7eb}.table-row{border-color:#374151;color:#e5e7eb}.table-row:hover{background:#111827}.table-row strong{color:#f9fafb}.search-input,.filter-select{background:#111827;border-color:#374151;color:#f9fafb}.btn-secondary{background:#111827;border-color:#374151;color:#e5e7eb}.btn-secondary:hover{border-color:var(--primary);color:var(--primary)}}.host-management{max-width:1200px;margin:0 auto;padding:2rem 1rem;background:linear-gradient(135deg,#f8fafc,#eef2ff)}.host-hero{background:#fff;border-radius:1rem;padding:1.25rem;display:flex;justify-content:space-between;gap:1rem;align-items:center;box-shadow:0 10px 24px #11182714;border:1px solid #e5e7eb;margin-bottom:1.5rem}.host-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem;min-width:240px}.host-stat{background:#f8fafc;border:1px solid #e5e7eb;border-radius:.75rem;padding:.75rem}.host-controls{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap;background:#fff;padding:1rem;border-radius:1rem;border:1px solid #e5e7eb;box-shadow:0 6px 16px #1118270d}.btn{border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.hosts-table{background:#fff;border-radius:.75rem;overflow:hidden;box-shadow:0 1px 3px #0000001a}.table-header{display:grid;grid-template-columns:1.5fr 2fr 1.2fr 1.5fr 1fr;gap:1rem;padding:1rem;background:#f9fafb;border-bottom:1px solid var(--border);font-weight:600;color:var(--text);font-size:.9rem}.table-row{display:grid;grid-template-columns:1.5fr 2fr 1.2fr 1.5fr 1fr;gap:1rem;padding:1rem;border-bottom:1px solid var(--border);align-items:center;transition:background-color .2s}.table-row:hover{background:#f9fafb}.table-row strong{display:block;color:var(--dark)}.table-row small{display:block;color:var(--text-light);font-size:.85rem}.col-actions{display:flex;gap:.5rem}.btn-action{padding:.5rem 1rem;border:none;border-radius:.4rem;cursor:pointer;font-weight:500;font-size:.85rem;transition:all .2s}.btn-action.edit{background:#dbeafe;color:#0284c7}.btn-action.edit:hover{background:#bfdbfe}.btn-action.delete{background:#fee2e2;color:#dc2626}.btn-action.delete:hover{background:#fecaca}.badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.8rem;font-weight:600;margin-right:.5rem}.badge.email{background:#dbeafe;color:#0284c7}.badge.sms{background:#dcfce7;color:#16a34a}.empty-state{padding:3rem;text-align:center;color:var(--text-light)}@media (max-width: 768px){.host-hero{flex-direction:column;align-items:flex-start}.host-stats{width:100%}}.host-form-container{max-width:600px;margin:0 auto;padding:2rem 1rem}.host-form{background:#fff;padding:2rem;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;position:relative}.back-button{position:absolute;top:1.5rem;left:1.5rem;background:none;border:none;color:var(--primary);cursor:pointer;font-weight:600;padding:.5rem;border-radius:.5rem;transition:background .2s}.back-button:hover{background:var(--light)}.host-form h1{margin-top:2rem;margin-bottom:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--dark)}.form-group input,.form-group select{width:100%;padding:.75rem;border:1px solid var(--border);border-radius:.5rem;font-family:inherit;font-size:1rem;transition:all .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.error-message{background:#fee2e2;border:1px solid #fecaca;color:#dc2626;padding:1rem;border-radius:.5rem;margin-bottom:1.5rem;font-size:.9rem}.error-message p{margin:.25rem 0}.notification-section{background:var(--light);padding:1.5rem;border-radius:.5rem;margin:2rem 0}.notification-section h3{margin-bottom:1rem;color:var(--dark)}.checkbox-group{margin-bottom:1rem}.checkbox-group label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:500;margin:0}.checkbox-group input[type=checkbox]{width:auto;cursor:pointer}.sms-carrier{margin-top:.5rem;margin-left:1.5rem}.btn-lg{width:100%;padding:1rem;margin-top:1rem}.host-import-container{max-width:600px;margin:0 auto;padding:2rem 1rem}.import-box{background:#fff;padding:2rem;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;position:relative}.import-box h1{margin-top:2rem;margin-bottom:.5rem}.import-box>p{color:var(--text-light);margin-bottom:2rem}.file-upload{position:relative;margin:2rem 0}.file-upload input{display:none}.upload-label{display:block;padding:2rem;border:2px dashed var(--border);border-radius:.75rem;text-align:center;cursor:pointer;transition:all .2s;font-size:1.1rem;font-weight:600;color:var(--text)}.file-upload input:hover+.upload-label,.upload-label:hover{border-color:var(--primary);background:#4f46e50d}.import-example{background:var(--light);padding:1rem;border-radius:.5rem;margin-top:2rem}.import-example h4{margin-bottom:.75rem;color:var(--dark)}.import-example pre{background:#fff;padding:1rem;border-radius:.4rem;overflow-x:auto;font-size:.85rem;border:1px solid var(--border)}@media (max-width: 768px){.table-header,.table-row{grid-template-columns:1fr;gap:.5rem}.col-actions{margin-top:1rem}.form-row{grid-template-columns:1fr}.host-controls{flex-direction:column}.btn{width:100%}}@media (prefers-color-scheme: dark){.host-form,.import-box,.hosts-table{background:#1f2937;color:#f9fafb}.host-management h1,.form-group label,.notification-section h3,.import-example h4{color:#f9fafb}.table-header{background:#111827;border-color:#374151}.table-row{border-color:#374151}.table-row:hover{background:#111827}.form-group input,.form-group select{background:#111827;border-color:#374151;color:#f9fafb}.notification-section,.import-example{background:#111827;border-color:#374151}}.settings-container{max-width:900px;margin:0 auto;padding:2rem 1rem}.settings-container h1{font-size:2rem;margin-bottom:2rem;color:var(--dark)}.settings-tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid var(--border);flex-wrap:wrap}.tab{background:none;border:none;padding:.75rem 1.5rem;cursor:pointer;font-weight:500;color:var(--text);border-bottom:3px solid transparent;transition:all .2s;font-size:1rem}.tab:hover{color:var(--primary)}.tab.active{color:var(--primary);border-bottom-color:var(--primary)}.settings-content{background:#fff;border-radius:.75rem;padding:2rem;box-shadow:0 1px 3px #0000001a}.tab-panel h2{margin-bottom:1.5rem;color:var(--dark);font-size:1.5rem}.settings-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column}.form-group label{margin-bottom:.5rem;font-weight:600;color:var(--dark)}.form-group input[type=text],.form-group input[type=email],.form-group textarea,.form-group select{padding:.75rem;border:1px solid var(--border);border-radius:.5rem;font-family:inherit;font-size:1rem;transition:all .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51a}.form-group input[type=checkbox]{width:auto;margin-right:.5rem;cursor:pointer}.form-group label:has(input[type=checkbox]){display:flex;align-items:center;flex-direction:row;cursor:pointer}.color-picker-group{display:flex;align-items:center;gap:1rem}.color-picker-group input[type=color]{width:60px;height:40px;border:1px solid var(--border);border-radius:.5rem;cursor:pointer}.color-picker-group span{font-family:monospace;color:var(--text)}.notification-settings{display:flex;flex-direction:column;gap:2rem}.setting-item{padding:1.5rem;background:var(--light);border-radius:.5rem;border:1px solid var(--border)}.setting-item h3{margin-bottom:.5rem;color:var(--dark)}.setting-item p{color:var(--text-light);margin-bottom:.75rem}.help-text{font-size:.9rem;color:var(--text-light)}.time-inputs{display:flex;align-items:center;gap:1rem;margin-top:1rem}.time-inputs input{padding:.5rem;border:1px solid var(--border);border-radius:.4rem;flex:1}.data-section{display:flex;flex-direction:column;gap:2rem}.storage-info{padding:1.5rem;background:var(--light);border-radius:.5rem;border:1px solid var(--border)}.storage-info h3{margin-bottom:1rem;color:var(--dark)}.storage-bar{width:100%;height:8px;background:var(--border);border-radius:4px;overflow:hidden;margin-bottom:.5rem}.storage-used{height:100%;background:linear-gradient(90deg,var(--primary) 0%,var(--success) 100%);transition:width .3s}.storage-info p{color:var(--text-light);font-size:.9rem}.backup-actions{padding:1.5rem;background:var(--light);border-radius:.5rem;border:1px solid var(--border)}.backup-actions h3{margin-bottom:1rem;color:var(--dark)}.backup-actions button{display:block;width:100%;padding:.75rem 1.5rem;margin-bottom:.5rem;text-align:left}.danger-zone{padding:1.5rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:.5rem}.danger-zone h3{margin-bottom:1rem;color:var(--danger)}.warning-text{color:var(--danger)}.about-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.about-box{padding:1.5rem;background:var(--light);border-radius:.5rem;border:1px solid var(--border)}.about-box h3{margin-bottom:.75rem;color:var(--dark)}.about-box p,.about-box ul{color:var(--text);font-size:.95rem;line-height:1.6}.about-box ul{list-style:none;padding:0}.about-box li{margin-bottom:.5rem}.about-box a{color:var(--primary);text-decoration:none;transition:color .2s}.about-box a:hover{color:var(--primary-dark);text-decoration:underline}.btn{border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit;font-size:1rem}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px)}.btn-secondary{background:#fff;border:2px solid var(--border);color:var(--text)}.btn-secondary:hover{border-color:var(--primary);color:var(--primary)}.btn-danger:hover{background:#dc2626;transform:translateY(-2px)}.success-message{padding:1rem;background:#dcfce7;color:#16a34a;border-radius:.5rem;border:1px solid #bbf7d0;font-weight:500}.info-box{padding:1rem;background:#dbeafe;color:#0284c7;border-radius:.5rem;border:1px solid #bfdbfe;margin-top:1rem}.warning-box{padding:1rem;background:#fef3c7;color:#b45309;border-radius:.5rem;border:1px solid #fcd34d;margin-top:.75rem}@media (max-width: 768px){.settings-container{padding:1rem}.settings-content{padding:1.5rem}.about-section{grid-template-columns:1fr}.time-inputs{flex-direction:column}.time-inputs input{width:100%}}@media (prefers-color-scheme: dark){.settings-content{background:#1f2937;color:#f9fafb}.settings-container h1,.tab-panel h2,.setting-item h3,.about-box h3{color:#f9fafb}.tab{color:#d1d5db}.tab:hover,.tab.active{color:var(--primary)}.form-group input,.form-group textarea,.form-group select,.time-inputs input{background:#111827;border-color:#374151;color:#f9fafb}.setting-item,.storage-info,.backup-actions,.about-box{background:#111827;border-color:#374151;color:#e5e7eb}.danger-zone{background:#ef444433;border-color:#ef444480}}.navbar{background:var(--bg-primary);border-bottom:1px solid var(--border-color);box-shadow:0 1px 3px #0000000d;position:sticky;top:0;z-index:100}.navbar-container{max-width:1400px;margin:0 auto;padding:1rem var(--space-4);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.navbar-brand{display:flex;align-items:center;gap:.75rem;background:none;border:none;cursor:pointer;padding:.5rem;border-radius:var(--radius-lg);transition:all var(--transition-base);color:var(--text-primary)}.navbar-brand:hover{background:var(--bg-secondary)}.navbar-logo-icon{width:40px;height:40px;border-radius:var(--radius-lg);overflow:hidden;flex-shrink:0}.navbar-logo-icon img{width:100%;height:100%;object-fit:cover}.navbar-brand-text{font-weight:700;font-size:1.125rem;line-height:1.2;white-space:nowrap}.navbar-brand-flo{color:var(--primary)}.navbar-brand-invite{color:var(--text-primary)}.navbar-menu{display:flex;gap:0;flex:1;margin:0 var(--space-4)}.navbar-link{background:none;border:none;color:var(--text-secondary);font-weight:500;font-size:.95rem;padding:.75rem 1rem;cursor:pointer;transition:all var(--transition-base);border-radius:var(--radius-md);position:relative}.navbar-link:hover{color:var(--text-primary);background:var(--bg-secondary)}.navbar-link.active{color:#fff;background:var(--primary)}.navbar-link.active:after{content:"";position:absolute;bottom:0;left:1rem;right:1rem;height:2px;background:#fff;border-radius:1px}.navbar-right{display:flex;align-items:center;gap:var(--space-3);margin-left:auto}.navbar-tier-badge{background:var(--primary);color:#fff;padding:.5rem 1rem;border-radius:var(--radius-full);font-size:.85rem;font-weight:600;white-space:nowrap}.navbar-home-button{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);width:40px;height:40px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base)}.navbar-home-button:hover{background:var(--primary);color:#fff;border-color:var(--primary)}@media (max-width: 768px){.navbar-container{padding:.75rem var(--space-3);gap:var(--space-3)}.navbar-menu{display:none}.navbar-brand{gap:.5rem}.navbar-brand-text{font-size:1rem}.navbar-logo-icon{width:32px;height:32px}.navbar-tier-badge{display:none}}@media (max-width: 480px){.navbar-container{padding:.5rem var(--space-2)}.navbar-brand-text{display:none}.navbar-logo-icon{width:36px;height:36px}.navbar-right{gap:var(--space-2)}}@media (prefers-color-scheme: dark){.navbar{background:var(--bg-primary);border-bottom-color:var(--border-color)}.navbar-brand:hover,.navbar-link:hover{background:var(--bg-secondary)}.navbar-link.active{color:#fff;background:var(--primary)}}.footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);color:var(--text-secondary);margin-top:4rem;padding:var(--space-8) var(--space-4)}.footer-container{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-6);align-items:start;margin-bottom:var(--space-6)}.footer-branding{display:flex;flex-direction:column;gap:var(--space-2)}.footer-logo-icon{width:48px;height:48px;border-radius:var(--radius-lg);overflow:hidden}.footer-logo-icon img{width:100%;height:100%;object-fit:cover}.footer-brand-text{font-weight:700;font-size:1.25rem;line-height:1.2;color:var(--text-primary)}.footer-brand-flo{color:var(--primary)}.footer-brand-invite{color:var(--text-primary)}.footer-tagline{font-size:.9rem;color:var(--text-tertiary);margin:var(--space-2) 0 0 0}.footer-links{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-3)}.footer-link{color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:.95rem;transition:all var(--transition-base);padding:.5rem 0;border-bottom:2px solid transparent}.footer-link:hover{color:var(--primary);border-bottom-color:var(--primary)}.footer-divider{color:var(--border-color)}.footer-copyright{text-align:right;display:flex;flex-direction:column;justify-content:center}.footer-copyright p{font-size:.9rem;color:var(--text-tertiary);margin:0}.footer-bottom{border-top:1px solid var(--border-color);padding-top:var(--space-4);text-align:center}.footer-bottom-text{font-size:.85rem;color:var(--text-tertiary);margin:0}@media (max-width: 1024px){.footer-container{grid-template-columns:1fr 1fr;gap:var(--space-4)}.footer-copyright{text-align:left;grid-column:1 / -1;border-top:1px solid var(--border-color);padding-top:var(--space-4)}}@media (max-width: 768px){.footer{padding:var(--space-6) var(--space-3);margin-top:3rem}.footer-container{grid-template-columns:1fr;gap:var(--space-4);align-items:center;text-align:center}.footer-branding{align-items:center}.footer-copyright{text-align:center;border-top:1px solid var(--border-color);padding-top:var(--space-4);grid-column:auto}.footer-links{justify-content:center}}@media (max-width: 480px){.footer{padding:var(--space-4) var(--space-2);margin-top:2rem}.footer-logo-icon{width:40px;height:40px}.footer-brand-text{font-size:1.1rem}.footer-links{gap:var(--space-2);font-size:.85rem}.footer-link{font-size:.85rem;padding:.25rem 0}.footer-divider{display:none}.footer-link:not(:last-child):after{content:" •";color:var(--border-color);margin-left:var(--space-2)}}@media (prefers-color-scheme: dark){.footer{background:var(--bg-secondary);border-top-color:var(--border-color)}.footer-link:hover{color:var(--primary)}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-family);background:var(--bg-secondary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.floinvite-app{display:flex;flex-direction:column;min-height:100vh}.app-main{flex:1;width:100%}.muted{color:var(--text-light)}.app-header{background:#fff;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:1000;box-shadow:var(--shadow)}.header-content{max-width:1400px;margin:0 auto;padding:0 1rem;display:flex;align-items:center;justify-content:space-between;height:64px;gap:2rem}.logo-button{display:flex;align-items:center;gap:.75rem;background:none;border:none;cursor:pointer;padding:.5rem .75rem;border-radius:.75rem;transition:all .3s ease}.logo-button:hover{background-color:#0000000a}.app-header-branding{display:flex;align-items:center;gap:.75rem}.app-logo-icon{flex-shrink:0;display:flex;align-items:center}.app-logo-icon img{height:40px;width:auto;display:block}.app-brand-text{font-size:1.25rem;font-weight:700;letter-spacing:-.3px;display:flex;gap:0}.app-brand-flo{color:var(--logo-blue)}.app-brand-invite{color:var(--logo-green)}.app-nav{display:flex;gap:.5rem;flex:1}.nav-button{background:none;border:none;padding:.5rem 1rem;cursor:pointer;font-size:14px;font-weight:500;color:var(--text);border-radius:.5rem;transition:all .2s;white-space:nowrap}.nav-button:hover{background-color:var(--light);color:var(--primary)}.nav-button.active{background-color:var(--primary);color:#fff}.user-info{display:flex;align-items:center;gap:1rem}.tier-badge{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:#fff;padding:.375rem .75rem;border-radius:9999px;font-size:12px;font-weight:600;white-space:nowrap}@media (max-width: 768px){.header-content{padding:0 1rem;height:56px;gap:1rem}.app-header-branding{gap:.5rem}.app-logo-icon img{height:32px}.app-brand-text{font-size:1rem}.app-nav{flex:0;gap:0}.nav-button{padding:.5rem .75rem;font-size:12px}}.app-footer{background:var(--dark);color:#fff;padding:2rem 1rem;text-align:center;margin-top:auto}.footer-content{max-width:1400px;margin:0 auto}.footer-links{margin-top:1rem;display:flex;justify-content:center;gap:.5rem;font-size:14px}.footer-links a{color:#d1d5db;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#fff}.divider{color:#6b7280}.landing-page{background:linear-gradient(145deg,#f5f7ff,#eef2ff,#fff);min-height:calc(100vh - 64px);padding:2.5rem 1.5rem 3rem;color:var(--text)}.hero-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;align-items:center}.hero-copy h1{font-size:clamp(2rem,4vw,2.85rem);line-height:1.1;color:var(--dark);margin:.4rem 0 .75rem}.hero-copy .highlight{color:var(--primary)}.hero-subtitle{color:var(--text-light);max-width:640px;font-size:1.05rem;margin-bottom:1.5rem}.eyebrow{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .75rem;border-radius:999px;background:#4f46e514;color:var(--primary);font-weight:700;font-size:.9rem;letter-spacing:-.15px;text-transform:uppercase}.hero-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:1.5rem}.hero-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.metric-card{background:#fff;border-radius:1rem;padding:1rem 1.25rem;box-shadow:0 12px 30px #4f46e514;border:1px solid #eef2ff}.metric-label{font-size:.85rem;color:var(--text-light);margin-bottom:.25rem}.metric-value{font-size:1.5rem;font-weight:700;color:var(--dark)}.metric-detail{font-size:.9rem;color:var(--text-light)}.hero-visual{display:grid;gap:1rem}.card{background:#fff;border-radius:1rem;padding:1.25rem;box-shadow:0 16px 36px #11182712;border:1px solid #e5e7eb}.card-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}.status-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .65rem;border-radius:999px;background:#ecfdf3;color:#166534;font-weight:600;font-size:.9rem}.feed-list{display:flex;flex-direction:column;gap:.75rem}.feed-row{display:grid;grid-template-columns:auto 1fr auto;gap:.75rem;align-items:center;padding:.75rem;border-radius:.75rem;background:#f8fafc}.feed-dot{width:10px;height:10px;border-radius:50%;background:var(--primary)}.feed-text strong{color:var(--dark);display:block}.feed-text p{margin:.15rem 0 0;color:var(--text-light);font-size:.9rem}.feed-badge{background:#eef2ff;color:var(--primary);padding:.35rem .65rem;border-radius:999px;font-weight:600;font-size:.85rem}.workflow h3{margin:.15rem 0 .5rem}.workflow-steps{display:flex;flex-direction:column;gap:.75rem}.workflow-step{display:grid;grid-template-columns:auto 1fr;gap:.75rem;align-items:start}.workflow-step p{margin:.15rem 0 0;color:var(--text-light)}.ops-section{max-width:1200px;margin:2.5rem auto 0;background:#fff;border-radius:1.25rem;padding:1.5rem;box-shadow:0 16px 36px #11182712;border:1px solid #e5e7eb}.ops-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem}.ops-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.ops-card{border:1px solid #e5e7eb;border-radius:1rem;padding:1rem;display:grid;grid-template-columns:auto 1fr;gap:.75rem;align-items:start;background:linear-gradient(145deg,#f9fafb,#fff)}.ops-icon{width:42px;height:42px;border-radius:12px;background:#eef2ff;color:var(--primary);display:grid;place-items:center}.ops-body h3{margin:0 0 .25rem}.ops-body p{margin:0 0 .5rem;color:var(--text-light)}.cta-strip{max-width:1200px;margin:2.25rem auto 0;padding:1.5rem;border-radius:1rem;background:linear-gradient(120deg,#4338ca,#6366f1);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.cta-strip .muted{color:#fffc}.cta-actions{display:flex;gap:.75rem;flex-wrap:wrap}.pill{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .8rem;border-radius:999px;font-weight:600;font-size:.9rem}.pill.success{background:#ecfdf3;color:#166534}.text-link{background:none;border:none;color:var(--primary);font-weight:700;cursor:pointer;padding:.35rem 0;display:inline-flex;align-items:center;gap:.35rem}@media (max-width: 1024px){.hero-grid{grid-template-columns:1fr}.ops-header{flex-direction:column;align-items:flex-start}}@media (max-width: 640px){.landing-page{padding:2rem 1rem}.hero-actions{flex-direction:column;align-items:flex-start}.ops-section,.cta-strip{padding:1.25rem}}.btn{border:none;border-radius:.75rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:1rem;padding:.75rem 1.5rem;letter-spacing:-.3px;font-family:Inter,sans-serif}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:#fff;box-shadow:0 2px 8px #4f46e533}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary) 100%);transform:translateY(-2px);box-shadow:0 8px 16px #4f46e54d}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:#fff;color:var(--primary);border:2px solid var(--primary)}.btn-secondary:hover:not(:disabled){background:var(--light)}.btn-lg{padding:1rem 2rem;font-size:1.1rem}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.loading-spinner{width:40px;height:40px;border:4px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 1024px){.landing-container{grid-template-columns:1fr;gap:2rem}.landing-header-content{flex-direction:column;text-align:center;gap:1.5rem}.landing-branding{justify-content:center}.landing-brand-text{font-size:1.75rem}.header-subtitle{font-size:1.1rem}.stats-container{grid-template-columns:1fr;gap:1.5rem}.btn-xl{min-width:250px}}@media (max-width: 768px){.landing-header{padding:1.5rem 1rem}.landing-header-text h1{font-size:1.75rem}.landing-header-text p{font-size:1rem}.landing-content{padding:2rem 1rem}.quick-actions h2,.key-benefits h2{font-size:1.25rem}.action-card{padding:1.25rem;gap:1rem}.action-card-icon svg{width:28px;height:28px}.action-card-text h3{font-size:1rem}.action-card-text p{font-size:.85rem}.benefit-number{width:2.5rem;height:2.5rem;font-size:1.1rem}.benefit-content h4{font-size:1rem}.benefit-content p{font-size:.9rem}.landing-stats{padding:2rem 1rem}.stats-container{margin-bottom:1.5rem}.stat-number{font-size:2rem}.stat-label{font-size:.9rem}.btn-lg{width:100%}.btn-xl{width:100%;min-width:unset;padding:1rem 2rem;font-size:1rem}}@media (max-width: 480px){.landing-header{padding:1.5rem 1rem}.landing-brand-text{font-size:1.5rem}.landing-logo-icon img{height:56px}.header-subtitle{font-size:1rem}.landing-content{padding:1.5rem 1rem}.quick-actions h2,.key-benefits h2{font-size:1.1rem;margin-bottom:1rem}.action-cards{gap:.75rem}.action-card{padding:1rem}.action-card-icon svg{width:24px;height:24px}.action-card-text h3{font-size:.95rem}.action-card-text p{font-size:.8rem}.landing-header-logo img{height:60px}.benefits-list{gap:1rem}.benefit-number{width:2.25rem;height:2.25rem;font-size:1rem}.benefit-content h4{font-size:.95rem}.benefit-content p{font-size:.85rem;line-height:1.4}.landing-stats{padding:1.5rem 1rem}.stats-container{grid-template-columns:1fr;gap:1rem;margin-bottom:1rem}.stat-number{font-size:1.75rem}.stat-label{font-size:.85rem}.btn-xl{padding:.875rem 1.5rem;font-size:.95rem}}@media (prefers-color-scheme: dark){:root{--light: #1f2937;--dark: #f9fafb;--border: #374151;--text: #e5e7eb;--text-light: #9ca3af}body{background:#111827;color:var(--text)}.feature-card{background:#1f2937;box-shadow:0 1px 3px #0000004d}.app-header{background:#1f2937}}:root{--brand-blue: #4338ca;--brand-green: #10b981;--primary: #4f46e5;--primary-light: #6366f1;--primary-dark: #4338ca;--success: #10b981;--warning: #fbbf24;--danger: #ef4444;--info: #0ea5e9;--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;--bg-primary: white;--bg-secondary: var(--gray-50);--bg-tertiary: var(--gray-100);--text-primary: var(--gray-900);--text-secondary: var(--gray-700);--text-tertiary: var(--gray-500);--border-color: var(--gray-200);--gradient-hero: linear-gradient(135deg, #eef2ff 0%, #f8fafc 50%, #ffffff 100%);--gradient-page: linear-gradient(135deg, #f8fafc 0%, #eef2ff 100%);--gradient-primary: linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--shadow-card: 0 10px 24px rgba(17, 24, 39, .08);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--font-family: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-secondary: Arial, Helvetica, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "SF Mono", Monaco, "Cascadia Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--max-width-sm: 640px;--max-width-md: 768px;--max-width-lg: 1024px;--max-width-xl: 1200px;--max-width-content: 900px;--header-height: 64px;--header-height-mobile: 56px}@media (prefers-color-scheme: dark){:root{--bg-primary: var(--gray-900);--bg-secondary: var(--gray-800);--bg-tertiary: var(--gray-700);--text-primary: var(--gray-50);--text-secondary: var(--gray-300);--text-tertiary: var(--gray-400);--border-color: var(--gray-700)}}@media (max-width: 640px){:root{--header-height: var(--header-height-mobile)}}.page-container{max-width:var(--max-width-xl);margin:0 auto;padding:var(--space-8) var(--space-4);background:var(--gradient-page);min-height:calc(100vh - var(--header-height))}.page-hero{background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--space-5);display:flex;justify-content:space-between;align-items:center;gap:var(--space-6);box-shadow:var(--shadow-card);border:1px solid var(--border-color);margin-bottom:var(--space-6)}.page-header{flex:1}.page-title{font-size:var(--text-4xl);font-weight:700;color:var(--text-primary);margin:var(--space-1) 0 var(--space-2);font-family:var(--font-serif)}.page-subtitle{font-size:var(--text-lg);color:var(--text-tertiary);margin:0}.page-content{background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-card);border:1px solid var(--border-color)}h1,h2,h3,h4,h5,h6{font-family:var(--font-family);line-height:1.2;font-weight:700}h1{font-size:var(--text-4xl)}.card{background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-card);border:1px solid var(--border-color)}.card-compact{padding:var(--space-4)}.card-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);border-bottom:1px solid var(--border-color);padding-bottom:var(--space-4)}.card-title{font-size:var(--text-xl);font-weight:700;color:var(--text-primary);margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border:none;border-radius:var(--radius-lg);font-weight:600;font-size:var(--text-base);font-family:var(--font-family);cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 2px 8px #4f46e533}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #4f46e54d}.btn-secondary{background:var(--bg-primary);color:var(--primary);border:2px solid var(--border-color)}.btn-secondary:hover:not(:disabled){border-color:var(--primary);background:var(--bg-secondary)}.btn-tertiary{background:transparent;color:var(--primary);border:none}.btn-tertiary:hover:not(:disabled){background:var(--bg-secondary)}.btn-success{background:var(--success);color:#fff}.btn-success:hover:not(:disabled){opacity:.9}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){opacity:.9}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-lg)}.btn-md{padding:var(--space-3) var(--space-6);font-size:var(--text-base)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.btn-block{width:100%}.form-group{margin-bottom:var(--space-6)}.form-label{display:block;margin-bottom:var(--space-2);font-weight:600;color:var(--text-primary);font-size:var(--text-sm)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--text-base);font-family:var(--font-family);transition:all var(--transition-base);background:var(--bg-primary);color:var(--text-primary)}.form-input::placeholder,.form-textarea::placeholder{color:var(--gray-400)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51a}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background:var(--bg-secondary);cursor:not-allowed;opacity:.6}.form-help{font-size:var(--text-sm);color:var(--text-tertiary);margin-top:var(--space-1)}.form-error{font-size:var(--text-sm);color:var(--danger);margin-top:var(--space-1)}.eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);background:#4f46e514;color:var(--primary);font-weight:700;font-size:var(--text-sm);letter-spacing:-.15px;text-transform:uppercase;margin:0}.badge{display:inline-block;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;white-space:nowrap}.badge-success{background:#dcfce7;color:#16a34a}.badge-warning{background:#fef3c7;color:#b45309}.badge-danger{background:#fee2e2;color:#dc2626}.badge-info{background:#dbeafe;color:#0284c7}.badge-primary{background:#4f46e51a;color:var(--primary)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-4)}.stat-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-4)}.stat-value{display:block;font-size:var(--text-3xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-1)}.stat-label{display:block;font-size:var(--text-sm);color:var(--text-tertiary);font-weight:500}.table-wrapper{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--border-color)}.table{width:100%;border-collapse:collapse}.table thead{background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.table th{padding:var(--space-4);text-align:left;font-weight:600;font-size:var(--text-sm);color:var(--text-primary)}.table td{padding:var(--space-4);border-bottom:1px solid var(--border-color);color:var(--text-secondary)}.table tbody tr:hover{background:var(--bg-secondary)}.table tbody tr:last-child td{border-bottom:none}.empty-state{padding:var(--space-12);text-align:center;color:var(--text-tertiary)}.empty-state-icon{font-size:3rem;margin-bottom:var(--space-4)}.empty-state-title{font-size:var(--text-xl);font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-2)}.empty-state-text{font-size:var(--text-base);margin-bottom:var(--space-6)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(4px)}.modal{background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:500px;width:90%;max-height:90vh;overflow-y:auto}.modal-header{padding:var(--space-6);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.modal-title{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);margin:0}.modal-close{background:none;border:none;font-size:var(--text-xl);color:var(--text-tertiary);cursor:pointer}.modal-body{padding:var(--space-6)}.modal-footer{padding:var(--space-6);border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:var(--space-4)}.alert{padding:var(--space-4);border-radius:var(--radius-lg);border-left:4px solid;display:flex;gap:var(--space-3)}.alert-success{background:#dcfce7;border-color:#16a34a;color:#16a34a}.alert-error{background:#fee2e2;border-color:#dc2626;color:#dc2626}.alert-warning{background:#fef3c7;border-color:#b45309;color:#b45309}.alert-info{background:#dbeafe;border-color:#0284c7;color:#0284c7}.muted{color:var(--text-tertiary)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.rounded-full{border-radius:var(--radius-full)}.shadow{box-shadow:var(--shadow-md)}.hidden{display:none!important}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.loading{opacity:.6;pointer-events:none}.spinner{display:inline-block;width:1.5rem;height:1.5rem;border:2px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.landing-page{background:var(--gradient-page);min-height:calc(100vh - var(--header-height));padding:var(--space-8) var(--space-4);display:flex;flex-direction:column;gap:var(--space-12)}.landing-hero{max-width:var(--max-width-xl);margin:0 auto;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);align-items:center;padding:var(--space-12) var(--space-8);background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);border:1px solid var(--border-color)}.hero-content{max-width:640px}.hero-image{display:flex;align-items:center;justify-content:center;min-height:400px}.hero-img{width:100%;height:auto;object-fit:contain;max-width:500px;border-radius:var(--radius-lg)}.brand-lockup{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6)}.hero-logo{width:48px;height:48px;object-fit:contain}.brand-title{font-size:var(--text-3xl);font-weight:700;margin:0;letter-spacing:-.5px}.brand-flo{color:var(--brand-blue)}.brand-invite{color:var(--brand-green)}.hero-headline{font-size:clamp(1.875rem,5vw,3.5rem);font-weight:700;line-height:1.1;color:var(--text-primary);margin-bottom:var(--space-4)}.hero-subheadline{font-size:var(--text-lg);color:var(--text-secondary);margin-bottom:var(--space-8);line-height:1.6}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-8)}.hero-proof{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-4)}.proof-item{background:var(--bg-secondary);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--border-color);text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.proof-value{display:block;font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-1)}.proof-label{display:block;font-size:var(--text-sm);color:var(--text-tertiary);line-height:1.4}.features-section{max-width:var(--max-width-xl);margin:0 auto;width:100%}.features-title{font-size:var(--text-2xl);font-weight:700;text-align:center;margin-bottom:var(--space-8);color:var(--text-primary)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-6)}.feature-card{background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-card);border:1px solid var(--border-color);display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-4);transition:all var(--transition-base)}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--primary)}.feature-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-lg);background:#4f46e51a;color:var(--primary)}.feature-card h4{font-size:var(--text-xl);font-weight:700;color:var(--text-primary);margin:0}.feature-card p{font-size:var(--text-base);color:var(--text-secondary);margin:0}.cta-section{max-width:var(--max-width-xl);margin:0 auto;width:100%;background:var(--gradient-primary);border-radius:var(--radius-xl);padding:var(--space-10);text-align:center;color:#fff;box-shadow:var(--shadow-lg)}.cta-section h3{font-size:var(--text-3xl);font-weight:700;margin-bottom:var(--space-2)}.cta-section p{font-size:var(--text-lg);opacity:.95;margin-bottom:var(--space-6)}.app-footer{background:var(--gray-900);color:var(--gray-400);padding:var(--space-8) var(--space-4);text-align:center;margin-top:auto;border-top:1px solid var(--border-color)}.footer-content{max-width:var(--max-width-xl);margin:0 auto}.footer-links{margin-top:var(--space-4);display:flex;justify-content:center;gap:var(--space-2);font-size:var(--text-sm);flex-wrap:wrap}.footer-links a{color:var(--gray-400);text-decoration:none;transition:color var(--transition-fast)}.footer-links a:hover{color:var(--gray-200)}.divider{color:var(--gray-700);margin:0 var(--space-2)}@media (max-width: 768px){.landing-page{padding:var(--space-6) var(--space-4);gap:var(--space-8)}.landing-hero{padding:var(--space-8) var(--space-4);grid-template-columns:1fr}.hero-image{min-height:300px}.brand-lockup{margin-bottom:var(--space-4)}.hero-logo{width:40px;height:40px}.brand-title{font-size:var(--text-2xl)}.hero-headline{font-size:var(--text-3xl)}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.hero-proof,.features-grid{grid-template-columns:1fr}.cta-section{padding:var(--space-8) var(--space-4)}.cta-section h3{font-size:var(--text-2xl)}}@media (prefers-color-scheme: dark){.brand-flo,.brand-invite{color:inherit}.brand-flo{color:var(--brand-blue)}.brand-invite{color:var(--brand-green)}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);background-color:var(--light);color:var(--text);line-height:1.6;font-size:1rem;font-weight:400}code,kbd,samp,pre{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace}h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:600;color:var(--dark)}h1{font-size:var(--text-4xl);font-weight:700}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{margin-bottom:1rem}small,.text-sm{font-size:var(--text-sm)}strong,.font-semibold{font-weight:600}em,.italic{font-style:italic}a{color:var(--primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-dark);text-decoration:underline}ul,ol{margin-bottom:1rem;margin-left:1.5rem}li{margin-bottom:.5rem}input,textarea,select,button{font-family:inherit;font-size:inherit}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input::placeholder,textarea::placeholder{color:var(--gray-400);opacity:1}textarea{resize:vertical}button{cursor:pointer;border:none;background:none}button:disabled{cursor:not-allowed;opacity:.5}table{border-collapse:collapse;width:100%}th,td{padding:.75rem;text-align:left;border-bottom:1px solid var(--border)}th{background-color:var(--light);font-weight:600;color:var(--dark)}img{max-width:100%;height:auto;display:block}figure{margin-bottom:1.5rem}figcaption{color:var(--text-light);font-size:var(--text-sm);margin-top:.5rem}pre{background-color:var(--light);border:1px solid var(--border);border-radius:var(--radius-md);padding:1rem;overflow-x:auto;margin-bottom:1.5rem}code{background-color:var(--light);color:var(--danger);padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:.9em}pre code{background:none;color:inherit;padding:0}.container{width:100%;margin:0 auto;padding:0 1rem}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.shadow{box-shadow:var(--shadow)}.shadow-lg{box-shadow:var(--shadow-lg)}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.hidden{display:none}button:focus,input:focus,select:focus,textarea:focus{outline:2px solid transparent;outline-offset:2px}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media print{body{background:#fff}.no-print{display:none!important}}@media (prefers-color-scheme: dark){:root{--light: #111827;--dark: #f9fafb;--border: #374151;--text: #e5e7eb;--text-light: #9ca3af}body{background-color:#1f2937;color:var(--text)}h1,h2,h3,h4,h5,h6{color:#f9fafb}code{background-color:#1f2937;color:#fbbf24}pre{background-color:#1f2937;border-color:#374151}table,th,td{border-color:#374151}th{background-color:#111827}}@media (min-width: 600px){img{border-radius:var(--radius-lg)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--light)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-light)}::selection{background-color:var(--primary);color:#fff}::-moz-selection{background-color:var(--primary);color:#fff}