@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--brand-primary:#1e3a5f;--brand-primary-light:#2a5080;--brand-primary-dark:#152a45;--brand-accent:#4a90e2;--brand-accent-hover:#3a7bc8;--gray-50:#fafbfc;--gray-100:#f4f6f8;--gray-200:#e8ebef;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--bg-primary:#fff;--bg-secondary:#fafbfc;--bg-tertiary:#f4f6f8;--text-primary:#111827;--text-secondary:#4b5563;--text-tertiary:#9ca3af;--text-inverse:#fff;--border-light:#e5e7eb;--border-default:#d1d5db;--border-focus:#4a90e2;--success:#10b981;--success-light:#ecfdf5;--warning:#f59e0b;--warning-light:#fffbeb;--danger:#ef4444;--danger-light:#fef2f2;--info:#3b82f6;--info-light:#eff6ff;--rating:#f59e0b;--shadow-xs:0 1px 2px #00000005;--shadow-sm:0 1px 3px #0000000a, 0 1px 2px #00000005;--shadow-md:0 4px 6px #00000005, 0 2px 4px #00000005;--shadow-lg:0 10px 15px #0000000a, 0 4px 6px #00000005;--shadow-xl:0 20px 25px #0000000a, 0 10px 10px #00000005;--shadow-2xl:0 25px 50px #00000014;--font-family:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-2xl:28px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.2s cubic-bezier(.4, 0, .2, 1);--transition-slow:.3s cubic-bezier(.4, 0, .2, 1);--color-bg-primary:var(--bg-primary);--color-bg-secondary:var(--bg-secondary);--color-bg-tertiary:var(--bg-tertiary);--color-bg-inverse:var(--brand-primary);--color-text-primary:var(--text-primary);--color-text-secondary:var(--text-secondary);--color-text-tertiary:var(--text-tertiary);--color-text-inverse:var(--text-inverse);--color-border:var(--border-light);--color-danger:var(--danger);--color-success:var(--success);--color-warning:var(--warning);--color-info:var(--info);--color-rating:var(--rating);--color-accent:var(--brand-accent)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;overflow-x:hidden}html{scroll-behavior:smooth}body{font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.6}#root{flex-direction:column;min-height:100vh;display:flex}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.container-sm{max-width:640px}.container-lg{max-width:1280px}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:700;line-height:1.25}h1{letter-spacing:-.02em;font-size:2.5rem}h2{letter-spacing:-.01em;font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-lg{font-size:1.125rem}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.text-brand{color:var(--brand-accent)}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:.9375rem;font-weight:600;line-height:1;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background:linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-accent) 100%);color:#fff;box-shadow:0 1px 2px #0000000d,0 4px 12px #1e3a5f40}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #1e3a5f59}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-light);box-shadow:var(--shadow-xs)}.btn-secondary:hover{background-color:var(--bg-secondary);border-color:var(--border-default)}.btn-ghost{color:var(--text-secondary);background-color:#0000}.btn-ghost:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.btn-danger{background-color:var(--danger);color:#fff}.btn-danger:hover{background-color:#dc2626}.btn-success{background-color:var(--success);color:#fff}.btn-sm{padding:8px 14px;font-size:.875rem}.btn-lg{padding:16px 28px;font-size:1rem}.btn-xl{padding:18px 32px;font-size:1.0625rem}.btn-icon{width:44px;height:44px;padding:12px}.card{background-color:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);transition:all var(--transition-base);overflow:hidden}.card-interactive{cursor:pointer}.card-interactive:hover{border-color:var(--brand-accent);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-body{padding:24px}.card-header{border-bottom:1px solid var(--border-light);padding:20px 24px}.card-footer{border-top:1px solid var(--border-light);background-color:var(--bg-secondary);padding:16px 24px}.input{border:1.5px solid var(--border-light);border-radius:var(--radius-md);background-color:var(--bg-primary);width:100%;color:var(--text-primary);transition:all var(--transition-fast);padding:12px 16px;font-size:.9375rem}.input::placeholder{color:var(--text-tertiary)}.input:hover{border-color:var(--border-default)}.input:focus{border-color:var(--brand-accent);outline:none;box-shadow:0 0 0 3px #4a90e21a}.input-error{border-color:var(--danger)}.input-label{color:var(--text-primary);margin-bottom:6px;font-size:.875rem;font-weight:600;display:block}.input-group{margin-bottom:20px}.badge{border-radius:var(--radius-full);align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:600;line-height:1.4;display:inline-flex}.badge-primary{color:var(--brand-accent);background-color:#4a90e21a}.badge-success{background-color:var(--success-light);color:var(--success)}.badge-warning{background-color:var(--warning-light);color:#b45309}.badge-danger{background-color:var(--danger-light);color:var(--danger)}.badge-info{background-color:var(--info-light);color:var(--info)}.badge-brand{color:var(--brand-accent);background-color:#4a90e226;border:1px solid #4a90e24d}.rating{align-items:center;gap:2px;display:inline-flex}.rating-value{margin-left:4px;font-weight:700}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}.spinner-dark{border-color:#4a90e233;border-top-color:var(--brand-accent)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg, var(--gray-100) 25%, var(--gray-200) 50%, var(--gray-100) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.divider{background-color:var(--border-light);height:1px;margin:24px 0}.navbar{background-color:var(--bg-primary);border-bottom:1px solid var(--border-light);z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#fffffff2;position:sticky;top:0}.navbar-container{justify-content:space-between;align-items:center;height:72px;display:flex}.navbar-logo{color:var(--brand-primary);letter-spacing:-.02em;align-items:center;gap:12px;font-size:1.375rem;font-weight:800;text-decoration:none;display:flex}.navbar-logo:hover{opacity:.9}.navbar-logo img{width:auto;height:44px}.navbar-logo-icon{background:linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-accent) 100%);border-radius:var(--radius-md);color:#fff;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.navbar-links{align-items:center;gap:32px;display:flex}.navbar-links a{color:var(--text-secondary);transition:color var(--transition-fast);font-size:.9375rem;font-weight:500;position:relative}.navbar-links a:hover{color:var(--brand-primary)}.navbar-links a.active{color:var(--brand-primary);font-weight:600}:focus-visible{outline:2px solid var(--brand-accent);outline-offset:2px}.main-content{flex:1}.section{padding:80px 0}.section-sm{padding:48px 0}.section-lg{padding:100px 0}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-5{gap:20px}.gap-6{gap:24px}.gap-8{gap:32px}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media (prefers-color-scheme:dark){:root{--bg-primary:#0f1419;--bg-secondary:#1a1f26;--bg-tertiary:#242b33;--text-primary:#f7f9fa;--text-secondary:#8b98a5;--text-tertiary:#536471;--border-light:#2f3942;--border-default:#3a4750;--gray-100:#1a1f26;--gray-200:#242b33;--gray-300:#2f3942}}@media (width<=768px){h1{font-size:2rem}h2{font-size:1.5rem}.container{padding:0 16px}.section{padding:48px 0}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.15)}}@keyframes shine{0%{left:-100%}to{left:100%}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@media (width<=767px){html{font-size:14px}body{-webkit-text-size-adjust:100%}.main-content{padding:16px 16px 80px!important}.container{max-width:100%!important;padding:0 16px!important}h1{font-size:1.75rem!important}h2{font-size:1.5rem!important}h3{font-size:1.25rem!important}.card{border-radius:12px!important;margin-bottom:12px!important;padding:16px!important}.btn{min-height:48px;padding:12px 20px!important;font-size:14px!important}input,select,textarea{padding:14px!important;font-size:16px!important}.navbar{padding:12px 16px!important}.grid-4,.grid-3,.grid-2{grid-template-columns:1fr!important}.provider-card,.service-card{padding:16px!important}.modal{border-radius:16px 16px 0 0!important;padding:16px!important}.booking-summary{background:#fff;padding:16px;position:fixed;bottom:60px;left:0;right:0;box-shadow:0 -4px 20px #0000001a}.sidebar{display:none!important}.sidebar.mobile-open{z-index:200;position:fixed;inset:0;overflow-y:auto;display:block!important}.touch-target{min-width:44px;min-height:44px}}@media (width>=768px) and (width<=1023px){.main-content{padding:24px!important}.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)!important}}.vendor-header{padding:32px 40px!important}.vendor-header-top{flex-wrap:wrap!important;gap:12px!important}.vendor-main{padding:0 40px 40px!important}.vendor-sidebar{width:260px!important}@media (width<=1440px){.admin-header,.admin-main{padding:20px 32px!important}.admin-sidebar{width:240px!important}.vendor-header{padding:24px 32px!important}.vendor-main{padding:0 32px 32px!important}}@media (width<=1280px){.admin-header{padding:16px 24px!important}.admin-main{gap:16px!important;padding:16px 24px!important}.admin-sidebar{width:220px!important}.vendor-header{padding:20px 24px!important}.vendor-main{padding:0 24px 24px!important}.vendor-sidebar{width:200px!important}}@media (width<=1100px){.grid-responsive-5{grid-template-columns:repeat(3,1fr)!important}.grid-responsive-4{grid-template-columns:repeat(2,1fr)!important}.admin-sidebar{width:220px!important}}@media (width<=1023px){.admin-header{flex-direction:column!important;align-items:flex-start!important;gap:12px!important;padding:14px 20px!important}.admin-header-top{flex-wrap:wrap!important}.admin-main{flex-direction:column!important;gap:16px!important;padding:16px!important}.admin-sidebar{width:100%!important;position:static!important}.vendor-header{padding:16px 20px!important}.vendor-main{flex-direction:column!important;padding:0 16px 16px!important}.vendor-sidebar{width:100%!important;position:static!important}.grid-responsive-5{grid-template-columns:repeat(3,1fr)!important}.grid-responsive-4,.grid-responsive-2{grid-template-columns:repeat(2,1fr)!important}.kpi-font{font-size:24px!important}.admin-logo-title{font-size:20px!important}.admin-logo-subtitle{font-size:12px!important}.admin-header-right{gap:12px!important}}@media (width<=767px){.admin-header{padding:12px 16px!important}.admin-header-top{flex-direction:column!important;gap:8px!important}.admin-main{padding:12px!important}.vendor-header{padding:12px 16px!important}.vendor-main{padding:0 12px 12px!important}.grid-responsive-5,.grid-responsive-4,.grid-responsive-2{grid-template-columns:1fr!important}.kpi-font{font-size:22px!important}.admin-logo-title{font-size:18px!important}.admin-logo-subtitle{font-size:11px!important}.admin-header-right{gap:8px!important}.admin-hide-mobile{display:none!important}.notification-panel-mobile{width:280px!important;right:-40px!important}}:root{--mobile-breakpoint:768px;--tablet-breakpoint:1024px}@media (width<=767px){html{font-size:14px}body{-webkit-text-size-adjust:100%}.main-content{padding:16px 16px 80px!important}.container{max-width:100%!important;padding:0 16px!important}h1{font-size:1.75rem!important}h2{font-size:1.5rem!important}h3{font-size:1.25rem!important}.card{border-radius:12px!important;margin-bottom:12px!important;padding:16px!important}.btn{min-height:48px;padding:12px 20px!important;font-size:14px!important}input,select,textarea{padding:14px!important;font-size:16px!important}.navbar{padding:12px 16px!important}.navbar .nav-links{z-index:100;background:#fff;padding:8px 16px;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0000001a}.navbar .nav-links.mobile-visible{justify-content:space-around;display:flex!important}.footer{padding:24px 16px 80px!important}.grid-4,.grid-3,.grid-2{grid-template-columns:1fr!important}.provider-card,.service-card{padding:16px!important}.modal{max-height:90vh;border-radius:16px 16px 0 0!important;padding:16px!important}.modal-overlay{background:#00000080}.step-indicator{display:none!important}.booking-summary{background:#fff;padding:16px;position:fixed;bottom:60px;left:0;right:0;box-shadow:0 -4px 20px #0000001a}.sidebar{display:none!important}.sidebar.mobile-open{z-index:200;position:fixed;inset:0;overflow-y:auto;display:block!important}.hide-mobile{display:none!important}.show-mobile{display:block!important}.swipe-hint{display:flex!important}.tab-nav{-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;overflow-x:auto}.tab-nav button{scroll-snap-align:start;white-space:nowrap}}@media (width>=768px) and (width<=1023px){.main-content{padding:24px!important}.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)!important}}@media (hover:none){.btn:hover,.card:hover{transform:none!important}button:active{transform:scale(.98)}}.touch-target{min-width:44px;min-height:44px}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom,20px)}.mobile-menu-btn{display:none}@media (width<=767px){.mobile-menu-btn{z-index:50;cursor:pointer;background:0 0;border:none;padding:8px;display:block;position:fixed;top:12px;right:16px}}@supports (padding:max(0px)){.navbar,.modal{padding-left:max(16px, env(safe-area-inset-left));padding-right:max(16px, env(safe-area-inset-right))}}.loading-spinner{border:4px solid #f3f3f3;border-top-color:#1e3a5f;border-radius:50%;width:44px;height:44px;animation:1s linear infinite spin}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;animation:1.5s infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}