@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@500;600;700;800&display=swap";:root{--bg-main:#f8fafc;--bg-card:#fff;--bg-sidebar:#fff;--nav-bg:#fff;--primary:#4f46e5;--primary-hover:#4338ca;--secondary:#7c3aed;--accent:#f59e0b;--text-main:#0f172a;--text-muted:#475569;--text-subtle:#94a3b8;--border-light:#e2e8f0;--border-strong:#cbd5e1;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--info:#3b82f6;--shadow-sm:0 1px 3px #0f172a0d;--shadow-md:0 4px 12px -2px #0f172a14;--shadow-lg:0 12px 28px -4px #0f172a1f}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}h1,h2,h3,h4,h5,h6{color:var(--text-main);font-family:Outfit,sans-serif;font-weight:700}.btn{cursor:pointer;border:1px solid #0000;border-radius:12px;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 14px #4f46e540}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 20px #4f46e559}.btn-secondary{color:var(--text-main);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);background:#fff}.btn-secondary:hover{border-color:var(--border-strong);background:#f8fafc}.btn-outline{color:var(--text-main);border:1px solid var(--border-strong);background:0 0}.btn-outline:hover{border-color:var(--primary);color:var(--primary)}.app-card{background:var(--bg-card);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);border-radius:20px;transition:all .2s;overflow:hidden}.app-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong)}.card-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.card-body{padding:1.5rem}.bento-grid{grid-template-columns:repeat(12,1fr);gap:1.25rem;display:grid}.bento-card{background:var(--bg-card);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);border-radius:20px;transition:all .25s cubic-bezier(.4,0,.2,1);overflow:hidden}.bento-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong)}.hover-card-select{transition:background .15s}.hover-card-select:hover{background:#4f46e508!important}.animate-fade-in{animation:.35s both fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.expert-hero-title{margin:0;font-size:clamp(1.1rem,4vw,1.65rem);line-height:1.15}.bento-span-12{grid-column:span 12}.bento-span-8{grid-column:span 8}.bento-span-7{grid-column:span 7}.bento-span-6{grid-column:span 6}.bento-span-5{grid-column:span 5}.bento-span-4{grid-column:span 4}.bento-span-3{grid-column:span 3}.auth-card{border:1px solid var(--border-light);background:#fff;border-radius:24px;transition:all .25s;overflow:hidden;box-shadow:0 20px 45px -12px #0f172a17,0 0 1px 1px #0f172a08}.auth-header{text-align:left;padding:2rem 2.25rem 1.25rem}.auth-header h1{letter-spacing:-.025em;color:var(--text-main);margin-bottom:.35rem;font-size:1.6rem;font-weight:800}.auth-header p{color:var(--text-muted);margin:0;font-size:.875rem}.auth-body{padding:1.25rem 2.25rem 2rem}.input-group{margin-bottom:1.15rem}.input-group label{color:#334155;letter-spacing:.01em;justify-content:space-between;align-items:center;margin-bottom:.45rem;font-size:.825rem;font-weight:600;display:flex}.input-group input,.input-group select,.input-group textarea{border:1.5px solid var(--border-light);width:100%;color:var(--text-main);background:#f8fafc;border-radius:12px;outline:none;padding:.75rem 1rem;font-family:inherit;font-size:.93rem;transition:all .2s}.input-group input:focus,.input-group select:focus,.input-group textarea:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3.5px #4f46e51f}.auth-input-wrapper{align-items:center;width:100%;display:flex;position:relative}.auth-input-icon{color:#94a3b8;pointer-events:none;z-index:2;justify-content:center;align-items:center;transition:color .2s;display:flex;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.auth-input-wrapper:focus-within .auth-input-icon{color:var(--primary)}.auth-input-field{width:100%;height:48px;color:var(--text-main);border:1.5px solid var(--border-light);background:#f8fafc;border-radius:14px;outline:none;font-family:inherit;font-size:.93rem;transition:all .2s cubic-bezier(.4,0,.2,1);padding:0 1rem 0 2.85rem!important}.auth-input-field:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3.5px #4f46e51f}.auth-input-field::placeholder{color:#94a3b8;font-size:.9rem}.auth-input-toggle-btn{color:#94a3b8;cursor:pointer;z-index:2;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.4rem;transition:all .2s;display:flex;position:absolute;top:50%;right:.85rem;transform:translateY(-50%)}.auth-input-toggle-btn:hover{color:var(--text-main);background:#f1f5f9}.role-segment-track{border:1px solid var(--border-light);background:#f1f5f9;border-radius:14px;gap:4px;margin-bottom:1.15rem;padding:4px;display:flex}.role-segment-btn{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:11px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.7rem .85rem;font-size:.85rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.role-segment-btn:hover:not(.active){color:var(--text-main)}.role-segment-btn.active{color:var(--primary);background:#fff;font-weight:700;box-shadow:0 3px 10px #0f172a14}.status-badge{text-transform:capitalize;border:1px solid #0000;border-radius:9999px;align-items:center;gap:.35rem;padding:.3rem .75rem;font-size:.775rem;font-weight:700;display:inline-flex}.status-pending{color:#b45309;background:#fef3c7;border-color:#fde68a}.status-approved,.status-confirmed{color:#15803d;background:#dcfce7;border-color:#bbf7d0}.status-cancelled,.status-rejected{color:#b91c1c;background:#fee2e2;border-color:#fecaca}.status-completed{color:#1d4ed8;background:#dbeafe;border-color:#bfdbfe}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 1.5rem}.page-wrapper{min-height:calc(100vh - 65px);padding:3.5rem 0}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.grid-layout{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width>=768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:2000;background:#0f172a99;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-card{border:1px solid var(--border-light);background:#fff;border-radius:24px;width:100%;max-width:650px;max-height:90vh;position:relative;overflow-y:auto;box-shadow:0 25px 50px -12px #0f172a40}.slot-chip{border:1px solid var(--border-light);color:var(--text-main);cursor:pointer;-webkit-user-select:none;user-select:none;background:#f8fafc;border-radius:14px;justify-content:center;align-items:center;padding:.85rem 1rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.slot-chip:hover{border-color:var(--primary);background:#f1f5f9}.slot-chip.selected{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;border-color:#0000;box-shadow:0 4px 14px #4f46e54d}.wizard-steps{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex;position:relative}.wizard-steps:before{content:"";background:var(--border-light);z-index:1;height:2px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.wizard-step-item{border:2px solid var(--border-strong);width:38px;height:38px;color:var(--text-muted);z-index:2;background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;transition:all .25s;display:flex}.wizard-step-item.active{border-color:var(--primary);background:var(--primary);color:#fff}.wizard-step-item.completed{border-color:var(--success);background:var(--success);color:#fff}.mobile-bottom-dock{border-top:1px solid var(--border-light);z-index:1500;background:#fff;justify-content:space-around;align-items:center;height:64px;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #0f172a0d}@media (width<=768px){.mobile-bottom-dock{display:flex}.page-wrapper{padding:1.5rem 0}.topbar-welcome,.system-status-pill,.topbar-divider{display:none!important}.topbar-actions-wrapper{align-items:center!important;gap:.4rem!important;margin-left:auto!important;display:flex!important}.notification-bell-btn,button[aria-label=notifications]{visibility:visible!important;opacity:1!important;flex-shrink:0!important;display:flex!important}.topbar-title-wrapper h2{white-space:nowrap;text-overflow:ellipsis;max-width:100px;overflow:hidden;font-size:.9rem!important}.app-topbar{justify-content:space-between!important;align-items:center!important;width:100%!important;height:56px!important;padding:0 .75rem!important;display:flex!important}.bento-grid{grid-template-columns:repeat(2,1fr)!important;gap:.75rem!important;display:grid!important}.bento-span-3,.bento-span-4,.bento-span-6{grid-column:span 1!important;width:100%!important}.bento-span-12,.bento-span-8,.bento-span-7,.bento-span-5{grid-column:span 2!important;width:100%!important}.bento-card h2{font-size:1.6rem!important}.bento-card [style*="font-size: 2rem"]{font-size:1.55rem!important}.modal-overlay{align-items:flex-end!important;padding:0!important}.modal-card{border-bottom:none!important;border-radius:24px 24px 0 0!important;width:100%!important;max-height:88vh!important;margin:0!important;padding:1.5rem 1.25rem 2rem!important}*{-webkit-tap-highlight-color:transparent}.btn{min-height:44px;font-size:.875rem}.card-header{flex-wrap:wrap!important;gap:.75rem!important;padding:1rem 1.1rem!important}.card-body{padding:1rem!important}.app-card,.bento-card{border-radius:16px!important}.btn-primary,.btn-secondary,.btn-outline{padding:.65rem 1rem!important}.hero-banner-compact{padding:1.25rem!important}.input-group input:not(.auth-input-field),.input-group select,.input-group textarea{padding:.85rem 1rem!important;font-size:16px!important}.auth-input-field{padding:0 1rem 0 2.85rem!important;font-size:16px!important}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.tab-bar-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:.25rem;flex-wrap:nowrap!important;gap:.4rem!important;overflow-x:auto!important}.tab-bar-scroll::-webkit-scrollbar{display:none}.appt-list-item{flex-direction:column!important;align-items:flex-start!important;gap:.75rem!important;padding:1rem!important}.appt-list-item-actions{flex-wrap:wrap!important;justify-content:flex-start!important;width:100%!important}}.chips-scroller{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:.4rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.chips-scroller::-webkit-scrollbar{display:none}@media (width<=768px){.admin-header{height:56px!important;padding:0 .85rem!important}.admin-main-content{padding:1rem .75rem 5.5rem!important}.admin-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.65rem!important}.admin-kpi-card{padding:.9rem!important}.admin-kpi-card strong{font-size:1.15rem!important}.admin-kpi-card span{font-size:.68rem!important}.admin-hide-mobile{display:none!important}.admin-bottom-dock{display:flex!important}.admin-appt-card{flex-direction:column!important;align-items:flex-start!important;gap:.75rem!important;padding:1rem .85rem!important}.admin-appt-actions{border-top:1px solid #ffffff0d;padding-top:.65rem;justify-content:flex-end!important;gap:.5rem!important;width:100%!important;display:flex!important}.admin-appt-actions .btn{flex:1;justify-content:center}}