*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--brand:#0a6e5c;--brand-dark:#064e40;--brand-mid:#0d8a72;--brand-light:#e6f4f1;--brand-muted:#f0faf8;--gold:#f0a500;--gold-dark:#c68500;--gold-light:#fef3c7;--gold-muted:#fffbeb;--white:#fff;--bg:#f7f8fa;--gray-50:#f9fafb;--gray-100:#f1f3f5;--gray-200:#e5e8ec;--gray-300:#cdd2d9;--gray-400:#97a0ab;--gray-500:#68737d;--gray-700:#3a4350;--gray-800:#232b34;--gray-900:#141920;--red:#e53935;--red-light:#fdecea;--green-badge:#1b9e6e;--green-badge-bg:#e6f6f0;--whatsapp:#25d366;--whatsapp-dark:#1eaf54;--radius-xs:6px;--radius:14px;--radius-sm:10px;--radius-lg:20px;--radius-xl:28px;--shadow-xs:0 1px 2px #0000000f;--shadow:0 2px 8px #00000012, 0 1px 2px #0000000a;--shadow-md:0 4px 16px #0000001a, 0 2px 4px #0000000d;--shadow-lg:0 12px 32px #0000001f, 0 4px 8px #0000000f;--shadow-brand:0 4px 16px #0a6e5c40;--shadow-gold:0 4px 16px #f0a5004d;--green:var(--brand);--green-dark:var(--brand-dark);--green-mid:var(--brand-mid);--green-light:var(--brand-light);--green-muted:var(--brand-muted);--gray-600:#4b5563;--ease:cubic-bezier(.16, 1, .3, 1);--transition:all .2s var(--ease);--transition-slow:all .35s var(--ease)}html{scroll-behavior:smooth;scrollbar-gutter:stable;font-size:16px}body{background:var(--bg);color:var(--gray-900);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}#root{flex-direction:column;min-height:100vh;display:flex}.container{width:100%;max-width:520px;margin:0 auto;padding:0 18px}.container-wide{width:100%;max-width:1040px;margin:0 auto;padding:0 20px}.page{padding:28px 0 100px}.card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--gray-100);padding:20px}.card-hover{transition:var(--transition-slow)}@media (hover:hover){.card-hover:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}}.card-glass{-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:#ffffffd9;border:1px solid #fff9}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);letter-spacing:-.01em;will-change:transform;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 24px;font-family:inherit;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--brand-mid) 0%, var(--brand) 100%);color:#fff;box-shadow:var(--shadow-brand)}.btn-primary:hover{background:linear-gradient(135deg, var(--brand) 0%, var(--brand-dark) 100%);transform:translateY(-1px);box-shadow:0 6px 20px #0a6e5c59}.btn-primary:active{box-shadow:var(--shadow-brand);transform:translateY(0)}.btn-gold{background:linear-gradient(135deg, #f5b800 0%, var(--gold) 100%);color:var(--gray-900);box-shadow:var(--shadow-gold);font-weight:700}.btn-gold:hover{transform:translateY(-1px);box-shadow:0 6px 20px #f0a50066}.btn-gold:active{transform:translateY(0)}.btn-outline{border:2px solid var(--brand);color:var(--brand);background:0 0}.btn-outline:hover{background:var(--brand-muted)}.btn-whatsapp{background:linear-gradient(135deg, var(--whatsapp) 0%, var(--whatsapp-dark) 100%);color:#fff;font-size:15px;box-shadow:0 4px 12px #25d3664d}.btn-whatsapp:hover{transform:translateY(-1px);box-shadow:0 6px 20px #25d36666}.btn-ghost{color:var(--gray-500);border:1.5px solid var(--gray-200);background:0 0}.btn-ghost:hover{background:var(--gray-100);border-color:var(--gray-300);color:var(--gray-700)}.btn-danger{background:var(--red);color:#fff}.btn-danger:hover{background:#c62828;transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none!important;transform:none!important}.input-group{margin-bottom:18px}.input-label{color:var(--gray-700);letter-spacing:.02em;text-transform:uppercase;margin-bottom:7px;font-size:12.5px;font-weight:700;display:block}.input{border:1.5px solid var(--gray-200);border-radius:var(--radius-sm);width:100%;color:var(--gray-900);background:var(--white);transition:var(--transition);outline:none;padding:13px 16px;font-family:inherit;font-size:max(16px,1em)}.input:focus{border-color:var(--brand);background:var(--brand-muted);box-shadow:0 0 0 3px #0a6e5c1f}.input::placeholder{color:var(--gray-400)}.badge{letter-spacing:.01em;border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.badge-green{background:var(--green-badge-bg);color:var(--green-badge)}.badge-gray{background:var(--gray-100);color:var(--gray-500)}.badge-red{background:var(--red-light);color:var(--red)}.badge-gold{background:var(--gold-light);color:var(--gold-dark)}.steps{justify-content:center;align-items:center;gap:8px;margin-bottom:28px;display:flex}.step-dot{background:var(--gray-200);width:8px;height:8px;transition:var(--transition);border-radius:50%}.step-dot.active{background:var(--brand);border-radius:4px;width:28px}.step-dot.done{background:var(--brand);opacity:.5}.service-card{border:2px solid var(--gray-200);border-radius:var(--radius);cursor:pointer;transition:var(--transition);background:var(--white);-webkit-tap-highlight-color:transparent;justify-content:space-between;align-items:center;margin-bottom:10px;padding:18px;display:flex}.service-card:hover{border-color:var(--brand);background:var(--brand-muted);box-shadow:var(--shadow);transform:translateY(-1px)}.service-card.selected{border-color:var(--brand);background:var(--brand-muted);box-shadow:0 0 0 3px #0a6e5c1a}.service-name{font-size:15px;font-weight:700}.service-price{color:var(--brand);font-size:16px;font-weight:800}.slot-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.slot-btn{border:2px solid var(--gray-200);border-radius:var(--radius-sm);background:var(--white);cursor:pointer;transition:var(--transition);text-align:center;color:var(--gray-700);-webkit-tap-highlight-color:transparent;padding:12px 8px;font-family:inherit;font-size:13px;font-weight:700}.slot-btn:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-muted)}.slot-btn.selected{border-color:var(--brand);background:var(--brand);color:#fff;box-shadow:var(--shadow-brand)}.slot-btn:disabled{opacity:.35;cursor:not-allowed;background:var(--gray-50)}.confirm-icon{background:linear-gradient(135deg, var(--brand-muted), var(--brand-light));border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 20px;font-size:36px;display:flex;box-shadow:0 0 0 8px #0a6e5c14}.dash-layout{background:var(--bg);min-height:100vh;display:flex}.sidebar{background:var(--gray-900);flex-direction:column;flex-shrink:0;gap:4px;width:230px;height:100vh;padding:28px 14px;display:flex;position:sticky;top:0}.sidebar-logo{color:#fff;align-items:center;gap:8px;margin-bottom:36px;padding-left:10px;font-size:17px;font-weight:800;display:flex}.sidebar-logo-dot{background:var(--gold);width:8px;height:8px;box-shadow:0 0 8px var(--gold);border-radius:50%}.sidebar-link{border-radius:var(--radius-sm);color:var(--gray-400);transition:var(--transition);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:11px 12px;font-family:inherit;font-size:14px;font-weight:600;text-decoration:none;display:flex}.sidebar-link:hover{color:#fff;background:#ffffff0f}.sidebar-link.active{color:var(--brand-mid);background:#0a6e5c33}.sidebar-link.danger{color:var(--red)}.sidebar-link.danger:hover{background:#e539351a}.sidebar-spacer{flex:1}.dash-content{flex:1;min-width:0;padding:32px 28px;overflow-y:auto}@media (max-width:640px){.sidebar{display:none}.dash-content{padding:16px 16px 100px}}.mobile-nav{background:var(--gray-900);padding:8px 0 max(8px, env(safe-area-inset-bottom));z-index:200;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -1px #ffffff0f}.mobile-nav-inner{justify-content:space-around;display:flex}.mobile-nav-btn{letter-spacing:.03em;text-transform:uppercase;color:var(--gray-500);cursor:pointer;transition:var(--transition);-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;align-items:center;gap:3px;padding:6px 20px;font-family:inherit;font-size:10px;font-weight:700;display:flex}.mobile-nav-btn.active{color:var(--brand-mid)}.mobile-nav-icon{font-size:22px}@media (max-width:640px){.mobile-nav{display:block}}.tabs{border-bottom:2px solid var(--gray-100);gap:4px;margin-bottom:24px;display:flex}.tab-btn{color:var(--gray-400);cursor:pointer;transition:var(--transition);border-radius:var(--radius-xs) var(--radius-xs) 0 0;letter-spacing:-.01em;background:0 0;border:none;border-bottom:3px solid #0000;margin-bottom:-2px;padding:10px 18px;font-family:inherit;font-size:13.5px;font-weight:700}.tab-btn.active{color:var(--brand);border-bottom-color:var(--brand);background:var(--brand-muted)}.tab-btn:hover:not(.active){color:var(--gray-700);background:var(--gray-50)}.booking-card{background:var(--white);border-radius:var(--radius);border:1px solid var(--gray-200);transition:var(--transition);margin-bottom:12px;padding:18px}.booking-card:hover{box-shadow:var(--shadow-md);border-color:var(--gray-300)}.booking-meta{color:var(--gray-500);font-size:13px;font-weight:500}.booking-customer{letter-spacing:-.02em;margin-bottom:2px;font-size:16px;font-weight:800}.booking-service{color:var(--gray-500);margin-bottom:10px;font-size:14px}.section-title{color:var(--gray-400);letter-spacing:.1em;text-transform:uppercase;margin-bottom:14px;font-size:11px;font-weight:800}.divider{background:var(--gray-100);height:1px;margin:22px 0}.empty-state{text-align:center;color:var(--gray-400);padding:52px 24px}.empty-state-icon{margin-bottom:16px;font-size:52px}.empty-state p{font-size:15px;font-weight:500}.toast{background:var(--gray-900);color:#fff;z-index:9999;transition:transform .35s var(--ease);white-space:nowrap;box-shadow:var(--shadow-lg);border:1px solid #ffffff14;border-radius:999px;padding:13px 28px;font-size:14px;font-weight:600;position:fixed;bottom:28px;left:50%;transform:translate(-50%)translateY(120px)}.toast.show{transform:translate(-50%)translateY(0)}.spinner{border:2.5px solid #ffffff59;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:20px;height:20px;animation:.65s linear infinite spin;display:inline-block}.spinner-brand{border-color:#0a6e5c33;border-top-color:var(--brand)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .32s var(--ease) forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:.3s forwards fadeIn}@keyframes scaleIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.scale-in{animation:scaleIn .28s var(--ease) forwards}.upload-zone{border:2px dashed var(--gray-300);border-radius:var(--radius);text-align:center;cursor:pointer;transition:var(--transition);background:var(--gray-50);padding:32px 20px;position:relative;overflow:hidden}.upload-zone:hover{border-color:var(--brand);background:var(--brand-muted)}.upload-zone.dragging{border-color:var(--brand);background:var(--brand-muted);box-shadow:0 0 0 4px #0a6e5c1f}.upload-zone input[type=file]{opacity:0;cursor:pointer;position:absolute;top:0;bottom:0;left:0;right:0}.stat-card{background:var(--white);border-radius:var(--radius);border:1px solid var(--gray-100);box-shadow:var(--shadow-xs);text-align:center;padding:20px}.stat-value{color:var(--brand);letter-spacing:-.03em;font-size:34px;font-weight:900;line-height:1.1}.stat-label{color:var(--gray-400);text-transform:uppercase;letter-spacing:.08em;margin-top:4px;font-size:11px;font-weight:700}.category-pill{cursor:pointer;transition:var(--transition);white-space:nowrap;-webkit-tap-highlight-color:transparent;border:2px solid #0000;border-radius:999px;padding:8px 18px;font-size:13px;font-weight:700}.category-pill.active{background:var(--brand);color:#fff;box-shadow:var(--shadow-brand)}.category-pill.inactive{background:var(--white);color:var(--gray-600);border-color:var(--gray-200)}.category-pill.inactive:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-muted)}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}input[type=date],input[type=time]{-webkit-appearance:none;appearance:none}.safe-bottom{padding-bottom:max(16px, env(safe-area-inset-bottom))}.biz-card-cover{object-fit:cover;border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:linear-gradient(135deg, var(--brand-muted), var(--brand-light));width:calc(100% + 48px);height:120px;margin:-24px -24px 16px;display:block}.biz-avatar{object-fit:cover;background:var(--brand-muted);border-radius:12px;flex-shrink:0;width:52px;height:52px}.biz-avatar-fallback{background:var(--brand-muted);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:24px;display:flex}.booking-hero{background:linear-gradient(135deg, var(--brand-dark) 0%, var(--brand) 100%);min-height:140px;padding:28px 20px 24px;position:relative;overflow:hidden}.booking-hero-cover{object-fit:cover;opacity:.35;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.booking-hero-content{z-index:1;position:relative}.booking-hero-row{align-items:center;gap:14px;display:flex}.booking-hero-logo{object-fit:cover;background:#ffffff26;border:2px solid #ffffff59;border-radius:12px;flex-shrink:0;width:48px;height:48px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}