:root{--primary: #0F172A;--primary-light: #1E293B;--accent: #10B981;--accent-dark: #059669;--accent-light: #D1FAE5;--text: #334155;--text-light: #64748B;--bg: #FFFFFF;--bg-soft: #F8FAFC;--border: #E2E8F0}[data-astro-cid-prwxh6m4]{margin:0;padding:0;box-sizing:border-box}body{font-family:DM Sans,sans-serif;background:var(--bg-soft);color:var(--text);overflow:hidden}.demo-container[data-astro-cid-prwxh6m4]{display:grid;grid-template-columns:350px 1fr;height:100vh}.demo-sidebar[data-astro-cid-prwxh6m4]{background:#fff;border-right:1px solid var(--border);display:flex;flex-direction:column;overflow-y:auto}.demo-header[data-astro-cid-prwxh6m4]{padding:2rem;border-bottom:1px solid var(--border)}.demo-logo[data-astro-cid-prwxh6m4]{font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:800;color:var(--primary);display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.logo-icon[data-astro-cid-prwxh6m4]{width:35px;height:35px;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-dark) 100%);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:1.1rem}.demo-subtitle[data-astro-cid-prwxh6m4]{color:var(--text-light);font-size:.95rem}.progress-bar[data-astro-cid-prwxh6m4]{background:var(--border);height:6px;border-radius:3px;overflow:hidden;margin-top:1rem}.progress-fill[data-astro-cid-prwxh6m4]{background:linear-gradient(90deg,var(--accent) 0%,var(--accent-dark) 100%);height:100%;width:0%;transition:width .5s ease}.progress-text[data-astro-cid-prwxh6m4]{margin-top:.5rem;font-size:.85rem;color:var(--text-light);text-align:center}.demo-steps[data-astro-cid-prwxh6m4]{flex:1;padding:1.5rem}.step-item[data-astro-cid-prwxh6m4]{padding:1.2rem;margin-bottom:.8rem;border-radius:12px;cursor:pointer;transition:all .3s;border:2px solid transparent;display:flex;align-items:start;gap:1rem}.step-item[data-astro-cid-prwxh6m4]:hover{background:var(--bg-soft)}.step-item[data-astro-cid-prwxh6m4].active{background:var(--accent-light);border-color:var(--accent)}.step-item[data-astro-cid-prwxh6m4].completed{opacity:.6}.step-number[data-astro-cid-prwxh6m4]{width:32px;height:32px;background:var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;flex-shrink:0}.step-item[data-astro-cid-prwxh6m4].active .step-number[data-astro-cid-prwxh6m4]{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-dark) 100%);color:#fff}.step-item[data-astro-cid-prwxh6m4].completed .step-number[data-astro-cid-prwxh6m4]{background:var(--accent);color:#fff}.step-item[data-astro-cid-prwxh6m4].completed .step-number[data-astro-cid-prwxh6m4]:after{content:"✓"}.step-content[data-astro-cid-prwxh6m4]{flex:1}.step-title[data-astro-cid-prwxh6m4]{font-weight:700;color:var(--primary);margin-bottom:.3rem}.step-description[data-astro-cid-prwxh6m4]{font-size:.85rem;color:var(--text-light);line-height:1.4}.demo-actions[data-astro-cid-prwxh6m4]{padding:1.5rem;border-top:1px solid var(--border);display:flex;gap:.8rem}.btn[data-astro-cid-prwxh6m4]{flex:1;padding:.9rem;border-radius:10px;font-weight:700;cursor:pointer;transition:all .3s;border:none;font-family:DM Sans,sans-serif;font-size:.95rem}.btn-primary[data-astro-cid-prwxh6m4]{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-dark) 100%);color:#fff;box-shadow:0 4px 15px #10b9814d}.btn-primary[data-astro-cid-prwxh6m4]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.btn-secondary[data-astro-cid-prwxh6m4]{background:#fff;color:var(--text);border:2px solid var(--border)}.btn-secondary[data-astro-cid-prwxh6m4]:hover{background:var(--bg-soft)}.demo-dialog-backdrop[data-astro-cid-prwxh6m4]{position:fixed;inset:0;background:#0f172a99;display:none;align-items:center;justify-content:center;z-index:1000;opacity:0;transition:opacity .3s ease}.demo-dialog-backdrop[data-astro-cid-prwxh6m4].open{display:flex;opacity:1}.demo-dialog[data-astro-cid-prwxh6m4]{background:#fff;border-radius:20px;box-shadow:0 25px 80px #00000059;max-width:420px;width:90%;padding:2rem;transform:scale(.9);transition:transform .3s ease}.demo-dialog-backdrop[data-astro-cid-prwxh6m4].open .demo-dialog[data-astro-cid-prwxh6m4]{transform:scale(1)}.demo-dialog-title[data-astro-cid-prwxh6m4]{font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:800;color:var(--primary);margin-bottom:.5rem}.demo-dialog-message[data-astro-cid-prwxh6m4]{color:var(--text-light);font-size:1rem;line-height:1.5;margin-bottom:1.5rem}.demo-dialog-actions[data-astro-cid-prwxh6m4]{display:flex;gap:.75rem}.demo-dialog-actions[data-astro-cid-prwxh6m4] .btn[data-astro-cid-prwxh6m4]{flex:1}.demo-screen[data-astro-cid-prwxh6m4]{background:#1a1f36;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.demo-content[data-astro-cid-prwxh6m4]{width:90%;height:90%;background:#fff;border-radius:20px;box-shadow:0 30px 100px #00000080;position:relative;overflow:hidden}.screen[data-astro-cid-prwxh6m4]{position:absolute;inset:0;opacity:0;transform:scale(.95);transition:all .5s ease;padding:3rem;overflow-y:auto}.screen[data-astro-cid-prwxh6m4].active{opacity:1;transform:scale(1)}.demo-screenshot[data-astro-cid-prwxh6m4]{width:100%;height:100%;object-fit:contain;display:block}.screen[data-astro-cid-prwxh6m4].demo-step-image{display:flex;align-items:center;justify-content:center;padding:1rem}.dashboard-header[data-astro-cid-prwxh6m4]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid var(--border)}.dashboard-title[data-astro-cid-prwxh6m4]{font-family:Outfit,sans-serif;font-size:2rem;font-weight:800;color:var(--primary)}.dashboard-date[data-astro-cid-prwxh6m4]{color:var(--text-light);font-size:.95rem}.stats-grid[data-astro-cid-prwxh6m4]{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2rem;animation:slideIn .6s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stat-card[data-astro-cid-prwxh6m4]{background:var(--bg-soft);padding:1.5rem;border-radius:15px;border-left:4px solid var(--accent);transition:all .3s}.stat-card[data-astro-cid-prwxh6m4]:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001a}.stat-label[data-astro-cid-prwxh6m4]{font-size:.85rem;color:var(--text-light);margin-bottom:.5rem}.stat-value[data-astro-cid-prwxh6m4]{font-family:Outfit,sans-serif;font-size:2rem;font-weight:800;color:var(--primary)}.stat-change[data-astro-cid-prwxh6m4]{font-size:.85rem;color:var(--success);margin-top:.3rem}.boxes-section[data-astro-cid-prwxh6m4]{margin-top:2rem}.section-header[data-astro-cid-prwxh6m4]{font-family:Outfit,sans-serif;font-size:1.3rem;font-weight:700;color:var(--primary);margin-bottom:1rem}.boxes-grid[data-astro-cid-prwxh6m4]{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;animation:fadeIn .8s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.box-item[data-astro-cid-prwxh6m4]{aspect-ratio:1;background:#fff;border:2px solid var(--border);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;position:relative}.box-item[data-astro-cid-prwxh6m4]:hover{transform:scale(1.05);border-color:var(--accent)}.box-item[data-astro-cid-prwxh6m4].occupied{background:var(--accent-light);border-color:var(--accent)}.box-item[data-astro-cid-prwxh6m4].maintenance{background:#fef3c7;border-color:#f59e0b}.box-number[data-astro-cid-prwxh6m4]{font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:800;color:var(--primary)}.box-status[data-astro-cid-prwxh6m4]{font-size:.75rem;color:var(--text-light);margin-top:.3rem}.clients-table[data-astro-cid-prwxh6m4]{background:#fff;border-radius:15px;overflow:hidden;border:1px solid var(--border);animation:slideIn .6s ease-out}.table-header[data-astro-cid-prwxh6m4]{background:var(--bg-soft);padding:1rem 1.5rem;display:grid;grid-template-columns:2fr 1.5fr 1fr 1fr .5fr;gap:1rem;font-weight:700;color:var(--primary);font-size:.9rem}.table-row[data-astro-cid-prwxh6m4]{padding:1.2rem 1.5rem;display:grid;grid-template-columns:2fr 1.5fr 1fr 1fr .5fr;gap:1rem;border-bottom:1px solid var(--border);align-items:center;transition:background .3s}.table-row[data-astro-cid-prwxh6m4]:hover{background:var(--bg-soft)}.table-row[data-astro-cid-prwxh6m4]:last-child{border-bottom:none}.client-name[data-astro-cid-prwxh6m4]{font-weight:600;color:var(--primary)}.status-badge[data-astro-cid-prwxh6m4]{display:inline-block;padding:.3rem .8rem;border-radius:20px;font-size:.75rem;font-weight:700}.status-active[data-astro-cid-prwxh6m4]{background:var(--accent-light);color:var(--accent-dark)}.status-pending[data-astro-cid-prwxh6m4]{background:#fef3c7;color:#d97706}.billing-summary[data-astro-cid-prwxh6m4]{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem;animation:slideIn .6s ease-out}.billing-card[data-astro-cid-prwxh6m4]{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);padding:2rem;border-radius:15px;color:#fff}.billing-card[data-astro-cid-prwxh6m4].green{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-dark) 100%)}.billing-label[data-astro-cid-prwxh6m4]{font-size:.9rem;opacity:.9;margin-bottom:.5rem}.billing-value[data-astro-cid-prwxh6m4]{font-family:Outfit,sans-serif;font-size:2.5rem;font-weight:800}.chart-container[data-astro-cid-prwxh6m4]{background:#fff;padding:2rem;border-radius:15px;border:1px solid var(--border);animation:fadeIn .8s ease-out}.chart-title[data-astro-cid-prwxh6m4]{font-family:Outfit,sans-serif;font-size:1.3rem;font-weight:700;color:var(--primary);margin-bottom:1.5rem}.chart-bars[data-astro-cid-prwxh6m4]{display:flex;align-items:flex-end;gap:1rem;height:200px;padding:1rem 0}.chart-bar[data-astro-cid-prwxh6m4]{flex:1;background:var(--accent);border-radius:8px 8px 0 0;position:relative;transition:all .3s;animation:barGrow .8s ease-out}@keyframes barGrow{0%{height:0}}.chart-bar[data-astro-cid-prwxh6m4]:hover{opacity:.8}.bar-label[data-astro-cid-prwxh6m4]{position:absolute;bottom:-30px;left:50%;transform:translate(-50%);font-size:.8rem;color:var(--text-light);white-space:nowrap}.tooltip[data-astro-cid-prwxh6m4]{position:absolute;background:var(--primary);color:#fff;padding:.8rem 1.2rem;border-radius:10px;font-size:.9rem;pointer-events:none;opacity:0;transition:opacity .3s;z-index:100;box-shadow:0 10px 30px #0000004d}.tooltip[data-astro-cid-prwxh6m4].show{opacity:1}.tooltip[data-astro-cid-prwxh6m4]:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid var(--primary)}@media (max-width: 1024px){.demo-container[data-astro-cid-prwxh6m4]{grid-template-columns:1fr}.demo-sidebar[data-astro-cid-prwxh6m4]{display:none}.stats-grid[data-astro-cid-prwxh6m4]{grid-template-columns:repeat(2,1fr)}.boxes-grid[data-astro-cid-prwxh6m4]{grid-template-columns:repeat(3,1fr)}}