.demo-page{background:var(--pp-bg,var(--background));min-height:100vh;color:var(--pp-text,var(--foreground));padding:20px}.demo-header{align-items:center;gap:16px;max-width:700px;margin:0 auto 40px;display:flex}.demo-back{color:var(--pp-muted,#00000073);font-size:14px;text-decoration:none;transition:color .2s}.demo-back:hover{color:var(--pp-accent,var(--primary))}.demo-header-info{flex-direction:column;gap:2px;min-width:0;display:flex}.demo-title{font-family:var(--font-archivo),system-ui,sans-serif;letter-spacing:-.5px;color:var(--pp-text,var(--foreground));font-size:clamp(22px,4vw,32px);font-weight:900;line-height:1.15}.demo-subtitle{color:var(--pp-muted,#00000073);letter-spacing:.02em;font-size:13px;font-weight:500}.booking-container{max-width:700px;margin:0 auto}.booking-progress{justify-content:space-between;margin-bottom:32px;display:flex;position:relative}.booking-progress:before{content:"";background:var(--pp-border,#ddd);z-index:0;height:2px;position:absolute;top:14px;left:5%;right:5%}.progress-step{z-index:1;flex-direction:column;align-items:center;gap:8px;display:flex;position:relative}.progress-step:not(:last-child):after{content:"";background:var(--pp-border,#ddd);z-index:0;width:calc(100% - 10px);height:2px;position:absolute;top:14px;left:calc(50% + 20px)}.progress-step.complete:not(:last-child):after{background:var(--pp-accent,var(--primary))}.progress-dot{background:var(--pp-card,#f0f0f0);border:2px solid var(--pp-border,#ddd);width:32px;height:32px;color:var(--pp-muted,#0006);z-index:2;border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:700;transition:all .3s cubic-bezier(.23,1,.32,1);display:flex;position:relative}.progress-step.active .progress-dot{background:var(--pp-accent,var(--primary));border-color:var(--pp-accent,var(--primary));color:#fff;transform:scale(1.1);box-shadow:0 0 0 4px #ff6b3533}.progress-step.complete .progress-dot{background:var(--green);border-color:var(--green);color:#fff}.progress-label{text-transform:uppercase;letter-spacing:.05em;color:var(--pp-muted,#0006);font-size:11px;font-weight:600}.progress-step.active .progress-label{color:var(--pp-text,var(--foreground))}.booking-card{background:var(--pp-card,var(--card-bg));border:1px solid var(--pp-border,var(--card-border));border-radius:var(--radius-xl);box-shadow:var(--shadow-card);padding:32px}.booking-step{flex-direction:column;gap:24px;display:flex}.step-heading{font-family:var(--font-archivo),system-ui,sans-serif;color:var(--pp-text,var(--foreground));letter-spacing:-.3px;font-size:22px;font-weight:800}.services-list{flex-direction:column;gap:12px;display:flex}.service-item{background:var(--surface-1);border:1px solid var(--card-border);border-radius:var(--radius-lg);cursor:pointer;text-align:left;justify-content:space-between;align-items:center;padding:16px 20px;transition:all .2s;display:flex}.service-item:hover{border-color:var(--primary)}.service-item.selected{border-color:var(--primary);background:#ff6b351a}.service-info{flex-direction:column;gap:4px;display:flex}.service-name{color:var(--foreground);font-weight:600}.service-desc{color:#00000080;font-size:13px}.service-meta{text-align:right}.service-duration{color:#00000080;font-size:13px;display:block}.service-price{color:var(--primary);font-weight:600}.form-group{flex-direction:column;gap:8px;display:flex}.form-label{font-family:var(--font-archivo),system-ui,sans-serif;text-transform:uppercase;letter-spacing:.1em;color:#00000080;font-size:11px;font-weight:700}.form-input{background:var(--surface-1);border:1px solid var(--card-border);border-radius:var(--radius-md);color:var(--foreground);padding:14px 16px;font-size:15px;transition:all .2s}.form-input:focus{border-color:var(--primary);background:#fff;outline:none;box-shadow:0 0 0 3px #ff6b351f}.booking-step{animation:.4s cubic-bezier(.23,1,.32,1) stepFadeIn}@keyframes stepFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.form-input::placeholder{color:#00000059}.form-textarea{resize:vertical;min-height:100px}.schedule-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.day-label{color:var(--foreground);margin-bottom:12px;font-size:14px;font-weight:600}.slots-list{flex-direction:column;gap:8px;display:flex}.slot-btn{background:var(--surface-1);border:1px solid var(--card-border);border-radius:var(--radius-md);color:var(--foreground);cursor:pointer;padding:10px;font-size:13px;transition:all .2s}.slot-btn:hover{border-color:var(--primary)}.slot-btn.selected{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:600}.confirmation{text-align:center;flex-direction:column;align-items:center;padding:20px 0;display:flex}.confirm-icon{background:var(--green);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:24px;font-size:32px;animation:.5s cubic-bezier(.175,.885,.32,1.275) scaleIn;display:flex;box-shadow:0 0 0 8px #10b98133}@keyframes scaleIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.confirm-text{color:#0000008c;max-width:400px;margin-bottom:24px;font-size:15px;line-height:1.6}.confirm-summary{background:var(--surface-1);border:1px solid var(--card-border);border-radius:var(--radius-lg);flex-direction:column;gap:12px;width:100%;max-width:360px;margin-bottom:32px;padding:24px;display:flex}.summary-row{border-bottom:1px solid var(--border);justify-content:space-between;padding:8px 0;font-size:14px;display:flex}.summary-row:last-child{border-bottom:none}.booking-actions{justify-content:flex-end;gap:12px;display:flex}.booking-next{width:100%}.booking-next:disabled{opacity:.5;cursor:not-allowed}.booking-mode-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.booking-mode-card{background:var(--pp-card,var(--surface-1));border:2px solid var(--pp-border,var(--card-border));border-radius:var(--radius-xl);cursor:pointer;text-align:center;flex-direction:column;align-items:center;gap:16px;padding:28px 20px;transition:all .25s cubic-bezier(.23,1,.32,1);display:flex;position:relative}.booking-mode-card:hover:not(.disabled){border-color:var(--pp-accent,var(--primary));background:var(--pp-card,var(--surface-1));box-shadow:0 8px 32px var(--pp-shadow,#0000001a);transform:translateY(-3px)}.booking-mode-card.disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.5)}.mode-icon{border-radius:var(--radius-lg);background:#ff6b351a;justify-content:center;align-items:center;width:56px;height:56px;font-size:28px;transition:all .25s;display:flex}.booking-mode-card:hover:not(.disabled) .mode-icon{background:var(--pp-accent,var(--primary));color:#fff;transform:scale(1.05)}.mode-content{flex-direction:column;gap:6px;display:flex}.mode-title{font-family:var(--font-archivo),system-ui,sans-serif;color:var(--pp-text,var(--foreground));letter-spacing:-.2px;font-size:16px;font-weight:700}.mode-desc{color:var(--pp-muted,#00000080);font-size:13px;line-height:1.4}.mode-badge{border-radius:var(--radius-full);letter-spacing:.03em;padding:4px 12px;font-size:11px;font-weight:700;display:inline-block}.mode-badge.available{color:var(--primary);background:#ff6b351a}.mode-badge.unavailable{background:var(--pp-border,#0000000f);color:var(--pp-muted,#0006)}.flash-gallery{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;display:grid}.flash-card{background:var(--surface-1);border:2px solid var(--card-border);border-radius:var(--radius-lg);cursor:pointer;text-align:left;flex-direction:column;transition:all .25s cubic-bezier(.23,1,.32,1);display:flex;overflow:hidden}.flash-card:hover:not(:disabled){border-color:var(--primary);transform:translateY(-2px);box-shadow:0 6px 20px #ff6b351a}.flash-card.selected{border-color:var(--primary);background:#ff6b350f;box-shadow:0 0 0 3px #ff6b3526}.flash-card.claimed{opacity:.45;cursor:not-allowed;filter:grayscale(.4)}.flash-image{aspect-ratio:1;background-color:#ff6b350f;background-position:50%;background-size:cover;width:100%}.flash-image.flash-placeholder{opacity:.4;justify-content:center;align-items:center;font-size:36px;display:flex}.flash-info{flex-direction:column;gap:4px;padding:12px;display:flex}.flash-title{color:var(--foreground);font-size:14px;font-weight:600;line-height:1.3}.flash-meta{color:#00000080;align-items:center;gap:8px;font-size:12px;display:flex}.flash-price{color:var(--primary);font-weight:600}.flash-status-badge{border-radius:var(--radius-full);color:#0006;letter-spacing:.03em;text-transform:uppercase;background:#0000000f;margin-top:4px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-block}@media (max-width:480px){.booking-mode-grid{grid-template-columns:1fr}.flash-gallery{grid-template-columns:repeat(2,1fr)}}.demo-explainer{background:#ff6b350d;border-color:#ff6b354d;max-width:700px;margin:40px auto 0;padding:24px}.demo-explainer h3{color:var(--primary);margin-bottom:8px;font-size:16px}.demo-explainer p{color:#888;font-size:14px;line-height:1.6}.glass-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-xl)}.sms-container{max-width:500px;margin:0 auto}.sms-phone{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden}.phone-header{background:var(--surface-2);border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:16px 20px;display:flex}.phone-avatar{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#000;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:12px;font-weight:700;display:flex}.phone-info{flex-direction:column;display:flex}.phone-name{font-size:14px;font-weight:600}.phone-status{color:var(--primary);font-size:12px}.messages-container{flex-direction:column;gap:16px;max-height:400px;padding:20px;display:flex;overflow-y:auto}.message{flex-direction:column;max-width:85%;display:flex}.message.client{align-self:flex-end;align-items:flex-end}.message.bot{align-self:flex-start;align-items:flex-start}.message-bubble{border-radius:18px;padding:12px 16px;font-size:14px;line-height:1.4}.message.client .message-bubble{background:var(--primary);color:#000;border-bottom-right-radius:4px}.message.bot .message-bubble{background:var(--surface-3);color:var(--foreground);border-bottom-left-radius:4px}.message-time{font-family:var(--font-archivo),system-ui,sans-serif;color:#666;margin-top:4px;font-size:11px}.message-bubble.typing{gap:4px;padding:16px 20px;display:flex}.message-bubble.typing .dot{background:#666;border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite typingDot}.message-bubble.typing .dot:nth-child(2){animation-delay:.2s}.message-bubble.typing .dot:nth-child(3){animation-delay:.4s}@keyframes typingDot{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.input-container{background:var(--surface-2);border-top:1px solid var(--border);gap:12px;padding:16px 20px;display:flex}.sms-input{background:var(--surface-3);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--foreground);outline:none;flex:1;padding:12px 16px;font-size:14px;transition:border-color .2s}.sms-input:focus{border-color:var(--primary)}.sms-input::placeholder{color:#666}.send-btn{background:var(--primary);color:#000;border-radius:var(--radius-full);cursor:pointer;border:none;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s}.send-btn:hover{background:var(--primary-hover);transform:scale(1.02)}.glass-card{-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-lg);background:#ffffff05;border:1px solid #ffffff0d;padding:30px;transition:all .3s}.glass-card:hover{background:#ffffff0a;border-color:#ff6b3533}.settings-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.settings-card h3{color:var(--foreground);margin-bottom:8px;font-size:18px}.settings-card p{color:#00000080;margin-bottom:24px;font-size:14px}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:400px;height:100%;margin:0 auto;display:flex}.empty-icon{opacity:.5;margin-bottom:24px;font-size:48px}.empty-title{color:var(--foreground);margin-bottom:12px;font-size:24px}.empty-desc{color:#00000080;margin-bottom:32px;font-size:14px}.dashboard-layout{flex-direction:column}.dashboard-sidebar{z-index:100;width:280px;transition:left .3s;position:fixed;top:0;bottom:0;left:-100%}.dashboard-sidebar.mobile-open{left:0}.dashboard-main{width:100%;min-width:0}.dashboard-header,.dash-header{flex-wrap:wrap;gap:12px;padding:16px}.page-title,.dash-title{flex:100%;order:1;font-size:20px}.header-actions,.dash-actions{flex-direction:column;order:2;gap:8px;width:100%}.header-actions .btn-primary,.header-actions .btn-secondary,.dash-actions button{width:100%}.dashboard-content,.dash-content{padding:16px}.settings-grid{grid-template-columns:1fr}.topbar{flex-wrap:wrap;gap:8px;padding:12px 16px}.topbar-left,.topbar-right,.topbar-actions{justify-content:center;width:100%}.workspace-control{flex-wrap:wrap;gap:8px;width:100%}.workspace-input{flex:100%}.inbox-list,.clients-list,.events-list{gap:8px}.inbox-item,.client-item,.event-item{padding:12px}.stats-grid{grid-template-columns:1fr;gap:12px}.demo-page{padding:16px}.demo-header{flex-wrap:wrap;gap:12px}.demo-title{flex:100%;font-size:20px}.booking-container{padding:0}.booking-progress{gap:8px;padding-bottom:12px;overflow-x:auto}.progress-step{flex-shrink:0;min-width:60px}.progress-label{font-family:var(--font-archivo),system-ui,sans-serif;white-space:nowrap;font-size:10px}.booking-card{padding:20px 16px}.step-heading{font-size:20px}.services-list .service-item{padding:14px}.schedule-grid{grid-template-columns:1fr}.booking-actions{flex-direction:column}.booking-next,.booking-actions button{width:100%}