:root{--cream: #FAF7F0;--cream-dark: #F5EFE6;--teal: #0891B2;--teal-dark: #0E7490;--teal-light: #22D3EE;--navy: #1E293B;--navy-light: #334155;--orange: #F59E0B;--orange-light: #FCD34D;--red: #EF4444;--green: #10B981;--text-primary: #1E293B;--text-secondary: #64748B;--border: #E2E8F0;--shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--sidebar-width: 260px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:DM Sans,sans-serif;background:linear-gradient(135deg,var(--cream) 0%,var(--cream-dark) 100%);color:var(--text-primary);min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:Crimson Pro,serif;font-weight:700}#root{min-height:100vh}.app-container{display:flex;min-height:100vh}.main-content{flex:1;margin-left:var(--sidebar-width);min-height:100vh}.content-area{padding:2rem;max-width:1400px}.sidebar{width:var(--sidebar-width);background:#fff;border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;height:100vh;left:0;top:0;z-index:100;transition:transform .3s ease}.sidebar-header{padding:2rem 1.5rem;border-bottom:1px solid var(--border)}.logo{display:flex;align-items:center;gap:.75rem}.logo-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--teal) 0%,var(--teal-dark) 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.25rem}.logo-text h3{font-size:1rem;margin-bottom:.125rem}.logo-text p{font-size:.75rem;color:var(--text-secondary)}.sidebar-nav{flex:1;padding:1.5rem 0;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.5rem;color:var(--text-secondary);text-decoration:none;transition:all .2s;cursor:pointer;border-left:3px solid transparent}.nav-item:hover{background:var(--cream);color:var(--text-primary)}.nav-item.active{background:linear-gradient(90deg,rgba(8,145,178,.1) 0%,transparent 100%);color:var(--teal);border-left-color:var(--teal);font-weight:600}.nav-item.disabled{opacity:.5;cursor:not-allowed}.nav-icon{width:20px;height:20px;font-size:1rem}.sidebar-footer{padding:1.5rem;border-top:1px solid var(--border)}.interpods-brand{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.875rem}.interpods-logo{width:32px;height:32px;background:linear-gradient(135deg,var(--teal) 0%,var(--teal-light) 100%);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.mobile-menu-toggle{display:none;position:fixed;top:1rem;left:1rem;z-index:200;width:48px;height:48px;background:#fff;border:1px solid var(--border);border-radius:12px;cursor:pointer;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:var(--shadow)}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:90}.topbar{background:#fff;border-bottom:1px solid var(--border);padding:1.25rem 2rem;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:50}.breadcrumb{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.875rem}.breadcrumb-item.current{color:var(--text-primary);font-weight:600}.user-profile{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.5rem 1rem;border-radius:12px;transition:background .2s}.user-profile:hover{background:var(--cream)}.user-avatar{width:36px;height:36px;background:linear-gradient(135deg,var(--navy) 0%,var(--navy-light) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.875rem}.user-info h4{font-size:.875rem;font-family:DM Sans,sans-serif;margin-bottom:.125rem}.user-info p{font-size:.75rem;color:var(--text-secondary)}.page-header{margin-bottom:2rem}.page-title{font-size:2.5rem;margin-bottom:.5rem;background:linear-gradient(135deg,var(--navy) 0%,var(--teal) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-subtitle{color:var(--text-secondary);font-size:1.125rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;border-radius:16px;padding:1.75rem;box-shadow:var(--shadow);transition:all .3s;border:1px solid var(--border);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;right:0;width:100px;height:100px;background:linear-gradient(135deg,var(--teal-light) 0%,transparent 100%);opacity:.1;border-radius:0 16px 0 100%}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.stat-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.stat-label{font-size:.875rem;color:var(--text-secondary);font-weight:500}.stat-icon{font-size:1.25rem}.stat-value{font-size:2.5rem;font-weight:700;color:var(--navy);font-family:Crimson Pro,serif}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:1.5rem;margin-bottom:2rem}.chart-card{background:#fff;border-radius:16px;padding:2rem;box-shadow:var(--shadow);border:1px solid var(--border)}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.chart-title{font-size:1.25rem;color:var(--navy)}.css-chart{display:flex;align-items:flex-end;justify-content:space-around;height:300px;gap:1.5rem;padding:2rem 1rem}.chart-bar-group{flex:1;display:flex;flex-direction:column;align-items:center;gap:.5rem}.chart-bars{display:flex;align-items:flex-end;justify-content:center;gap:.25rem;height:240px;width:100%}.chart-bar{flex:1;background:linear-gradient(to top,var(--teal),var(--teal-light));border-radius:4px 4px 0 0;transition:all .3s;position:relative;min-width:20px}.chart-bar:hover{opacity:.8;transform:scaleY(1.05)}.chart-bar.orange{background:linear-gradient(to top,var(--orange),var(--orange-light))}.chart-bar.yellow{background:linear-gradient(to top,#fcd34d,#fef3c7)}.chart-bar-label{position:absolute;top:-25px;left:50%;transform:translate(-50%);font-size:.75rem;font-weight:600;color:var(--navy);white-space:nowrap}.chart-x-label{font-size:.875rem;color:var(--text-secondary);text-align:center;margin-top:.5rem}.chart-legend{display:flex;justify-content:center;gap:1.5rem;margin-top:1rem;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.legend-color{width:16px;height:16px;border-radius:3px}.legend-color.teal{background:var(--teal)}.legend-color.orange{background:var(--orange)}.legend-color.yellow{background:#fcd34d}.table-container{background:#fff;border-radius:16px;box-shadow:var(--shadow);border:1px solid var(--border);overflow:hidden}.table-header{padding:1.5rem 2rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.table-title{font-size:1.5rem}.table-actions{display:flex;gap:.75rem}table{width:100%;border-collapse:collapse}thead{background:var(--cream)}th{text-align:left;padding:1rem 2rem;font-weight:600;font-size:.875rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}td{padding:1.25rem 2rem;border-bottom:1px solid var(--border)}tbody tr{transition:background .2s}tbody tr:hover{background:var(--cream)}.status-badge{display:inline-flex;align-items:center;padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.status-signed{background:#10b9811a;color:var(--green)}.status-registered{background:#0891b21a;color:var(--teal)}.status-invitation{background:#f59e0b1a;color:var(--orange)}.status-issue{background:#ef44441a;color:var(--red)}.btn{padding:.75rem 1.5rem;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s;font-size:.875rem;display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;font-family:DM Sans,sans-serif}.btn-primary{background:linear-gradient(135deg,var(--teal) 0%,var(--teal-dark) 100%);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.btn-secondary{background:#fff;color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--cream)}.form-container{display:grid;grid-template-columns:1fr 1fr;gap:2rem;max-width:1200px}.form-section{background:#fff;border-radius:16px;padding:2rem;box-shadow:var(--shadow);border:1px solid var(--border)}.form-section.full-width{grid-column:1 / -1}.form-group{margin-bottom:1.5rem}.form-label{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-weight:600;color:var(--navy)}.form-label-icon{color:var(--teal)}.help-text{font-size:.875rem;color:var(--text-secondary);margin-top:.25rem}.form-input{width:100%;padding:.875rem 1rem;border:2px solid var(--border);border-radius:10px;font-size:1rem;transition:all .2s;font-family:DM Sans,sans-serif}.form-input:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px #0891b21a}.form-input.valid{border-color:var(--green);background:#10b9810d}.form-input.error{border-color:var(--red);background:#ef44440d}.form-input.error:focus{border-color:var(--red);box-shadow:0 0 0 3px #ef44441a}.error-message{color:var(--red);font-size:.875rem;margin-top:.5rem;display:flex;align-items:center;gap:.25rem}.error-message:before{content:"⚠";font-size:1rem}.input-with-icon{position:relative}.input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);font-size:1rem;color:var(--text-secondary)}.input-with-icon .form-input{padding-left:3rem}.validation-icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:var(--green)}.pods-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:2rem}.pod-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--border);transition:all .3s;cursor:pointer}.pod-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.pod-image-container{position:relative}.pod-image{width:100%;height:250px;object-fit:cover}.pod-favorite{position:absolute;top:1rem;right:1rem;width:40px;height:40px;background:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow);cursor:pointer;transition:all .2s;font-size:1.25rem}.pod-favorite:hover{transform:scale(1.1)}.pod-location{position:absolute;bottom:1rem;left:1rem;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.5rem 1rem;border-radius:8px;display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600}.pod-content{padding:1.5rem}.pod-title{font-size:1.125rem;margin-bottom:.5rem;color:var(--navy)}.pod-specs{display:flex;gap:1.5rem;color:var(--text-secondary);font-size:.875rem;margin-bottom:1rem}.pod-spec{display:flex;align-items:center;gap:.25rem}.pod-price{font-size:1.5rem;font-weight:700;color:var(--teal);font-family:Crimson Pro,serif}.pod-price span{font-size:.875rem;font-weight:400;color:var(--text-secondary)}.onboarding-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.onboarding-card{background:#fff;border-radius:24px;padding:3rem;max-width:1200px;width:100%;box-shadow:var(--shadow-lg)}.onboarding-header{text-align:center;margin-bottom:3rem}.onboarding-title{font-size:2.5rem;margin-bottom:.5rem}.portal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.portal-card{background:#fff;border:2px solid var(--border);border-radius:16px;padding:3rem 2rem;cursor:pointer;transition:all .3s;text-align:center}.portal-card:hover{border-color:var(--teal);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.portal-icon{font-size:4rem;margin-bottom:1rem}.portal-card h2{font-size:1.75rem;margin-bottom:.5rem}.portal-card p{color:var(--text-secondary)}.steps-container{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem}.step-card{text-align:center;cursor:pointer;transition:all .3s;padding:2rem;border-radius:16px;border:2px solid transparent}.step-card:hover{background:var(--cream);transform:translateY(-4px)}.step-card.active{border-color:var(--teal);background:#0891b20d}.step-card.completed{opacity:.7}.step-image{width:100%;height:200px;object-fit:cover;border-radius:12px;margin-bottom:1rem}.step-duration{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary);margin-top:1rem}.email-container{max-width:800px;margin:0 auto;padding:2rem;min-height:100vh;display:flex;align-items:center}.email-card{background:#fff;border-radius:16px;padding:3rem;box-shadow:var(--shadow-lg);width:100%}.email-header{text-align:center;margin-bottom:2rem;padding-bottom:2rem;border-bottom:2px solid var(--border)}.email-logo{width:80px;height:80px;margin:0 auto 1rem;background:linear-gradient(135deg,var(--teal) 0%,var(--teal-dark) 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem;font-weight:700}.code-box{background:var(--cream);border:2px dashed var(--teal);border-radius:12px;padding:1.5rem;text-align:center;margin:2rem 0}.code-value{font-size:2.5rem;font-weight:700;letter-spacing:.5em;color:var(--navy);font-family:Courier New,monospace}.alert{background:#0891b21a;border:1px solid var(--teal);border-radius:12px;padding:1rem 1.5rem;margin-bottom:2rem;display:flex;align-items:center;gap:1rem}.alert-icon{font-size:1.25rem}.warning-box{background:#f59e0b1a;border:2px solid var(--orange);border-radius:12px;padding:1.5rem;margin:1.5rem 0}.warning-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;color:var(--orange);font-weight:600}.pod-detail-header{position:relative;height:400px;border-radius:16px;overflow:hidden;margin-bottom:2rem}.pod-detail-image{width:100%;height:100%;object-fit:cover}.pod-detail-overlay{position:absolute;bottom:0;left:0;right:0;padding:2rem;background:linear-gradient(transparent,#000000b3);color:#fff}.pod-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem}.pod-gallery img{width:100%;height:200px;object-fit:cover;border-radius:12px;cursor:pointer;transition:transform .2s}.pod-gallery img:hover{transform:scale(1.02)}.pod-detail-content{background:#fff;padding:2rem;border-radius:16px;box-shadow:var(--shadow);margin-bottom:2rem}.pod-detail-tabs{border-bottom:2px solid var(--border);margin-bottom:2rem;padding-bottom:1rem}.pod-detail-tab{padding:.75rem 0;margin-right:2rem;color:var(--text-secondary);cursor:pointer;border:none;background:none;font-size:1rem;font-family:DM Sans,sans-serif}.pod-detail-tab.active{border-bottom:3px solid var(--teal);color:var(--teal);font-weight:600}.fixed-bottom-bar{position:fixed;bottom:0;left:var(--sidebar-width);right:0;background:#fff;padding:1.5rem 2rem;box-shadow:0 -4px 6px -1px #0000001a;display:flex;justify-content:space-between;align-items:center;z-index:100}.spinner{border:3px solid rgba(8,145,178,.1);border-top:3px solid var(--teal);border-radius:50%;width:20px;height:20px;animation:spin .8s linear infinite}.spinner-large{width:48px;height:48px;border-width:4px}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#ffffffe6;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.loading-container{text-align:center}.loading-text{margin-top:1rem;color:var(--text-secondary);font-size:.875rem}.btn-loading{position:relative;pointer-events:none;opacity:.7}.btn-loading .spinner{margin-right:.5rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease-out}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1024px){.charts-grid{grid-template-columns:1fr}.pod-gallery{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.mobile-menu-toggle{display:flex}.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay.open{display:block}.main-content{margin-left:0}.topbar{padding-left:5rem}.stats-grid,.pods-grid,.form-container,.steps-container,.portal-grid{grid-template-columns:1fr}.fixed-bottom-bar{left:0;flex-direction:column;gap:1rem}.pod-gallery{grid-template-columns:1fr 1fr}.table-header{flex-direction:column;align-items:flex-start}}@media (max-width: 480px){.onboarding-card{padding:1.5rem}.content-area{padding:1rem}.page-title{font-size:2rem}.pod-gallery{grid-template-columns:1fr}}.chatbot-button{position:fixed;bottom:1.5rem;right:1.5rem;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--teal) 0%,var(--teal-dark) 100%);border:none;color:#fff;cursor:pointer;box-shadow:var(--shadow-lg);transition:all .3s;z-index:1000;display:flex;align-items:center;justify-content:center}.chatbot-button:hover{transform:scale(1.1);box-shadow:0 8px 25px #0891b266}.chatbot-window{position:fixed;bottom:6rem;right:1.5rem;width:380px;max-height:500px;background:#fff;border-radius:16px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;z-index:1000;animation:chatbotSlideIn .3s ease-out;overflow:hidden}@keyframes chatbotSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.chatbot-header{background:linear-gradient(135deg,var(--teal) 0%,var(--teal-dark) 100%);color:#fff;padding:1rem 1.25rem;display:flex;justify-content:space-between;align-items:center}.chatbot-avatar{width:36px;height:36px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem}.chatbot-close{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.chatbot-close:hover{background:#fff3}.chatbot-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem;max-height:300px;min-height:200px}.chatbot-message{display:flex;gap:.5rem;align-items:flex-start}.chatbot-message.user{flex-direction:row-reverse}.chatbot-message-avatar{width:28px;height:28px;background:linear-gradient(135deg,var(--teal) 0%,var(--teal-dark) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.75rem;flex-shrink:0}.chatbot-message-bubble{max-width:75%;padding:.75rem 1rem;border-radius:16px;font-size:.875rem;line-height:1.5}.chatbot-message.bot .chatbot-message-bubble{background:var(--cream);color:var(--text-primary);border-bottom-left-radius:4px}.chatbot-message.user .chatbot-message-bubble{background:linear-gradient(135deg,var(--teal) 0%,var(--teal-dark) 100%);color:#fff;border-bottom-right-radius:4px}.chatbot-message-bubble.typing{display:flex;gap:4px;padding:.75rem 1rem}.typing-dot{width:8px;height:8px;background:var(--text-secondary);border-radius:50%;animation:typingBounce 1.4s infinite ease-in-out both}.typing-dot:nth-child(1){animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}.typing-dot:nth-child(3){animation-delay:0s}@keyframes typingBounce{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}.chatbot-suggestions{padding:0 1rem .5rem;display:flex;flex-wrap:wrap;gap:.5rem}.chatbot-suggestion{background:var(--cream);border:1px solid var(--border);border-radius:20px;padding:.5rem .875rem;font-size:.8rem;color:var(--teal);cursor:pointer;transition:all .2s;font-family:DM Sans,sans-serif}.chatbot-suggestion:hover{background:var(--teal);color:#fff;border-color:var(--teal)}.chatbot-input-area{padding:1rem;border-top:1px solid var(--border);display:flex;gap:.5rem}.chatbot-input{flex:1;padding:.75rem 1rem;border:1px solid var(--border);border-radius:24px;font-size:.875rem;font-family:DM Sans,sans-serif;transition:border-color .2s}.chatbot-input:focus{outline:none;border-color:var(--teal)}.chatbot-input:disabled{background:var(--cream)}.chatbot-send{padding:.75rem 1.25rem;background:linear-gradient(135deg,var(--teal) 0%,var(--teal-dark) 100%);color:#fff;border:none;border-radius:24px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s;font-family:DM Sans,sans-serif}.chatbot-send:hover:not(:disabled){transform:scale(1.05)}.chatbot-send:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 480px){.chatbot-window{width:calc(100% - 2rem);right:1rem;bottom:5rem;max-height:60vh}}.profile-switcher{position:relative;margin-bottom:1rem}.profile-switcher-button{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--cream);border:1px solid var(--border);border-radius:10px;cursor:pointer;transition:all .2s;font-family:DM Sans,sans-serif;font-size:.875rem;text-align:left}.profile-switcher-button:hover{background:#fff;border-color:var(--teal)}.profile-switcher-icon{font-size:1.25rem}.profile-switcher-label{flex:1;font-weight:600;color:var(--text-primary)}.profile-switcher-arrow{font-size:.625rem;color:var(--text-secondary)}.profile-switcher-menu{position:absolute;bottom:100%;left:0;right:0;background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-lg);margin-bottom:.5rem;overflow:hidden;animation:slideUp .2s ease-out;z-index:100}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.profile-switcher-option{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:none;border:none;cursor:pointer;transition:background .2s;font-family:DM Sans,sans-serif;font-size:.875rem;text-align:left;color:var(--text-primary)}.profile-switcher-option:hover{background:var(--cream)}.profile-switcher-option.active{background:#0891b21a;color:var(--teal)}.profile-switcher-option+.profile-switcher-option{border-top:1px solid var(--border)}