*{margin:0;padding:0;box-sizing:border-box}:root{--color-ink-dark: #191919;--color-cream-light: #FAFAF7;--color-black: var(--color-ink-dark);--color-white: var(--color-cream-light);--color-gray-50: #FAFAFA;--color-gray-100: #F5F5F5;--color-gray-200: #E5E5E5;--color-gray-300: #D4D4D4;--color-gray-400: #A3A3A3;--color-gray-500: #737373;--color-gray-600: #525252;--color-gray-700: #404040;--color-gray-800: #262626;--color-gray-900: #171717;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem;--spacing-3xl: 6rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition-fast: .15s ease-in-out;--transition-base: .3s ease-in-out;--transition-slow: .5s ease-in-out;--max-width: 1280px;--header-height: 80px}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:var(--font-size-base, 1.0625rem);line-height:1.6;color:var(--color-gray-900);background-color:var(--color-white);overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:1.2;color:var(--color-black)}h1{font-size:clamp(2.5rem,5vw,4rem);letter-spacing:-.02em}h2{font-size:clamp(2rem,4vw,3rem);letter-spacing:-.01em}h3{font-size:clamp(1.5rem,3vw,2rem)}h4{font-size:1.25rem}p{font-size:var(--font-size-md, 1.125rem);color:var(--color-gray-700)}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-md)}.section-header{text-align:center;margin-bottom:var(--spacing-3xl);max-width:800px;margin-left:auto;margin-right:auto}.section-header h2{margin-bottom:var(--spacing-sm)}.section-header p{font-size:1.25rem}.skip-link{position:absolute;top:-40px;left:0;background-color:var(--color-black);color:var(--color-white);padding:.5rem 1rem;text-decoration:none;z-index:10000;transition:top var(--transition-fast)}.skip-link:focus{top:0}.nav{position:fixed;top:0;left:0;right:0;background-color:#fffffff2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--color-gray-200);z-index:1000;height:var(--header-height);transition:all var(--transition-base)}.nav.scrolled{box-shadow:var(--shadow-md)}.nav-container{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-md);display:flex;justify-content:space-between;align-items:center;height:100%}.logo{font-size:1.5rem;font-weight:var(--font-weight-bold);color:var(--color-black);letter-spacing:-.02em}.nav .logo{display:inline-flex;align-items:center;text-decoration:none;line-height:0}.nav .logo:focus-visible{outline:2px solid var(--color-black);outline-offset:3px;border-radius:4px}.nav .logo img{height:clamp(28px,3.5vw,36px);width:auto;max-width:min(200px,45vw);object-fit:contain;object-position:left center;display:block}.nav-menu{display:flex;list-style:none;gap:var(--spacing-lg);align-items:center}.nav-link{font-size:1rem;font-weight:var(--font-weight-medium);color:var(--color-gray-700);transition:color var(--transition-fast)}.nav-link:hover{color:var(--color-black)}.nav-link-cta{padding:.5rem 1.5rem;background-color:var(--color-black);color:var(--color-white);border-radius:var(--radius-full);transition:all var(--transition-fast)}.nav-link-cta:hover{background-color:var(--color-gray-800);color:var(--color-white);transform:translateY(-1px)}.nav-toggle{display:none;flex-direction:column;gap:.375rem;background:none;border:none;cursor:pointer;padding:.5rem}.nav-toggle span{width:1.5rem;height:2px;background-color:var(--color-black);transition:all var(--transition-base)}.btn{display:inline-block;padding:1rem 2rem;font-size:1rem;font-weight:var(--font-weight-semibold);text-align:center;border-radius:var(--radius-full);border:2px solid transparent;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn-primary{background-color:var(--color-black);color:var(--color-white);border-color:var(--color-black)}.btn-primary:hover{background-color:var(--color-gray-800);border-color:var(--color-gray-800);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background-color:var(--color-white);color:var(--color-black);border-color:var(--color-black)}.btn-secondary:hover{background-color:var(--color-black);color:var(--color-white);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-outline{background-color:transparent;color:var(--color-black);border-color:var(--color-gray-300)}.btn-outline:hover{background-color:var(--color-black);color:var(--color-white);border-color:var(--color-black)}.btn-full{width:100%}.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding-top:var(--header-height);padding-bottom:var(--spacing-3xl);overflow:hidden}.hero-gradient{position:absolute;inset:0;background:linear-gradient(135deg,#00000005,#0000,#00000005);pointer-events:none;z-index:0}.hero-content{position:relative;z-index:1;max-width:900px;margin:0 auto;text-align:center}.hero-title{margin-bottom:var(--spacing-md)}.hero-subtitle{font-size:1.375rem;line-height:1.6;color:var(--color-gray-600);margin-bottom:var(--spacing-xl);max-width:700px;margin-left:auto;margin-right:auto}.hero-cta{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap;margin-bottom:var(--spacing-md)}.hero-note{font-size:.875rem;color:var(--color-gray-600);font-style:italic}.value-prop{padding:var(--spacing-3xl) 0;background-color:var(--color-gray-50)}.value-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl)}.value-card{background-color:var(--color-white);padding:var(--spacing-xl);border-radius:var(--radius-xl);border:1px solid var(--color-gray-200);transition:all var(--transition-base)}.value-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.value-icon{width:64px;height:64px;background-color:var(--color-black);color:var(--color-white);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-md)}.value-card h3{margin-bottom:var(--spacing-sm)}.value-card>p{margin-bottom:var(--spacing-md)}.value-list{list-style:none;margin-bottom:var(--spacing-lg)}.value-list li{padding:.75rem 0 .75rem 1.75rem;position:relative;color:var(--color-gray-700)}.value-list li:before{content:"✓";position:absolute;left:0;font-weight:var(--font-weight-bold);color:var(--color-black)}.features{padding:var(--spacing-3xl) 0}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-xl)}.feature-item{text-align:center;padding:var(--spacing-lg)}.feature-icon{width:64px;height:64px;background-color:var(--color-gray-100);color:var(--color-black);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-md);transition:all var(--transition-base)}.feature-item:hover .feature-icon{background-color:var(--color-black);color:var(--color-white);transform:scale(1.05)}.feature-item h3{font-size:1.25rem;margin-bottom:var(--spacing-xs)}.feature-item p{font-size:1rem}.how-it-works{padding:var(--spacing-3xl) 0;background:linear-gradient(to bottom,var(--color-white) 0%,var(--color-gray-50) 100%)}.steps-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);max-width:1200px;margin:0 auto}.step{text-align:center;padding:var(--spacing-lg)}.step-number{width:80px;height:80px;background-color:var(--color-black);color:var(--color-white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:var(--font-weight-bold);margin:0 auto var(--spacing-md);transition:all var(--transition-base)}.step:hover .step-number{transform:scale(1.1);box-shadow:var(--shadow-lg)}.step h3{font-size:1.25rem;margin-bottom:var(--spacing-xs)}.step p{font-size:1rem}.step-connector{display:none}.pricing{padding:var(--spacing-3xl) 0;background-color:var(--color-white)}.pricing-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-xl);max-width:900px;margin:0 auto var(--spacing-lg)}.pricing-card{background-color:var(--color-white);border:2px solid var(--color-gray-200);border-radius:var(--radius-xl);padding:var(--spacing-xl);position:relative;transition:all var(--transition-base)}.pricing-card:hover{border-color:var(--color-black);box-shadow:var(--shadow-xl);transform:translateY(-4px)}.pricing-card-highlight{border-color:var(--color-black);box-shadow:var(--shadow-lg)}.pricing-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background-color:var(--color-black);color:var(--color-white);padding:.375rem 1rem;border-radius:var(--radius-full);font-size:.875rem;font-weight:var(--font-weight-semibold)}.pricing-card h3{text-align:center;margin-bottom:var(--spacing-lg)}.price{text-align:center;margin-bottom:var(--spacing-md)}.price-amount{display:block;font-size:3rem;font-weight:var(--font-weight-bold);color:var(--color-black)}.price-period{display:block;font-size:1rem;color:var(--color-gray-500);margin-top:.25rem}.pricing-features{list-style:none;margin:var(--spacing-lg) 0}.pricing-features li{padding:.75rem 0 .75rem 1.75rem;position:relative;color:var(--color-gray-700);border-bottom:1px solid var(--color-gray-100)}.pricing-features li:last-child{border-bottom:none}.pricing-features li:before{content:"✓";position:absolute;left:0;font-weight:var(--font-weight-bold);color:var(--color-black)}.pricing-note{text-align:center;font-size:.875rem;color:var(--color-gray-500);font-style:italic}.trust-safety{padding:var(--spacing-3xl) 0;background-color:var(--color-gray-900);color:var(--color-white)}.trust-content h2,.trust-content h4{color:var(--color-white)}.trust-content h2{text-align:center;margin-bottom:var(--spacing-sm)}.trust-subtitle{text-align:center;font-size:1.25rem;color:var(--color-gray-300);margin-bottom:var(--spacing-3xl);max-width:800px;margin-left:auto;margin-right:auto}.trust-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-xl)}.trust-item{padding:var(--spacing-lg);background-color:#ffffff0d;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.1);transition:all var(--transition-base)}.trust-item:hover{background-color:#ffffff1a;transform:translateY(-2px)}.trust-item h4{margin-bottom:var(--spacing-xs);font-size:1.125rem}.trust-item p{color:var(--color-gray-400);font-size:1rem}.footer{padding:var(--spacing-3xl) 0 var(--spacing-lg);background-color:var(--color-black);color:var(--color-white)}.footer-content{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-3xl);margin-bottom:var(--spacing-3xl)}.footer-main h2{color:var(--color-white);margin-bottom:var(--spacing-sm)}.footer-main>p{color:var(--color-gray-400);margin-bottom:var(--spacing-lg)}.waitlist-form{max-width:500px}.form-group{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.form-group input{flex:1;padding:1rem 1.5rem;border:2px solid var(--color-gray-700);border-radius:var(--radius-full);background-color:transparent;color:var(--color-white);font-size:1rem;transition:all var(--transition-fast)}.form-group input:focus{outline:none;border-color:var(--color-white)}.form-group input::placeholder{color:var(--color-gray-400)}.form-radio-group{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md);border:none;padding:0;margin-top:0}.radio-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:var(--color-gray-400)}.radio-label input[type=radio]{cursor:pointer;width:1.25rem;height:1.25rem}.form-error{background-color:#fee2e2;color:#991b1b;padding:1rem;border-radius:var(--radius-md);border-left:4px solid #DC2626;margin-bottom:var(--spacing-md);font-weight:var(--font-weight-medium);display:none}.form-error.show{display:block}.form-success{display:none;color:var(--color-white);background-color:#ffffff1a;padding:var(--spacing-md);border-radius:var(--radius-md);margin-top:var(--spacing-md)}.form-success.show{display:block}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}.footer-column h4{color:var(--color-white);margin-bottom:var(--spacing-md);font-size:1rem}.footer-column ul{list-style:none}.footer-column li{margin-bottom:.5rem}.footer-column a{color:var(--color-gray-300);transition:color var(--transition-fast)}.footer-column a:hover{color:var(--color-white)}.footer-bottom{border-top:1px solid var(--color-gray-800);padding-top:var(--spacing-lg);display:flex;justify-content:space-between;align-items:center}.footer-bottom p{color:var(--color-gray-500);font-size:.875rem}.modal{position:fixed;inset:0;z-index:2000;display:none;align-items:center;justify-content:center;padding:var(--spacing-md)}.modal.active{display:flex}.modal-overlay{position:absolute;inset:0;background-color:#000000bf;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.modal-content{position:relative;background-color:var(--color-white);border-radius:var(--radius-xl);padding:var(--spacing-xl);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background:none;border:none;font-size:2rem;line-height:1;cursor:pointer;color:var(--color-gray-500);transition:color var(--transition-fast);padding:0;width:32px;height:32px}.modal-close:hover{color:var(--color-black)}.modal-content h2{margin-bottom:var(--spacing-xs)}.modal-content>p{margin-bottom:var(--spacing-lg)}.modal-form{display:block}.modal-form.hidden{display:none}.modal-form .form-error{background-color:#fee2e2;color:#991b1b;padding:1rem;border-radius:var(--radius-md);border-left:4px solid #DC2626;margin-bottom:var(--spacing-md);font-weight:var(--font-weight-medium);display:none}.form-field{margin-bottom:var(--spacing-md)}.form-field label{display:block;font-weight:var(--font-weight-medium);margin-bottom:.5rem;color:var(--color-gray-700)}.form-field input:not([type=checkbox]):not([type=radio]){width:100%;padding:.875rem 1rem;border:2px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:1rem;transition:all var(--transition-fast)}.form-field input:not([type=checkbox]):not([type=radio]):focus{outline:none;border-color:var(--color-black)}.modal-success{display:none;background-color:var(--color-gray-100);padding:var(--spacing-lg);border-radius:var(--radius-md);text-align:center}.modal-success.show{display:block}.auth-social{margin-bottom:var(--spacing-lg)}.btn-auth{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.875rem 1.5rem;border:2px solid var(--color-gray-300);border-radius:var(--radius-md);background-color:var(--color-white);color:var(--color-gray-700);font-size:1rem;font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);margin-bottom:var(--spacing-sm)}.btn-auth:hover{background-color:var(--color-gray-50);border-color:var(--color-gray-400);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-auth:active{transform:translateY(0)}.btn-auth svg{flex-shrink:0}.btn-google{border-color:#4285f4;color:#4285f4}.btn-google:hover{background-color:#4285f4;color:var(--color-white)}.btn-google:hover svg path{fill:#fff}.btn-facebook{border-color:#1877f2;color:#1877f2}.btn-facebook:hover{background-color:#1877f2;color:var(--color-white)}.btn-facebook:hover svg path{fill:#fff}.btn-apple{border-color:var(--color-black);color:var(--color-black)}.btn-apple:hover{background-color:var(--color-black);color:var(--color-white)}.auth-divider{position:relative;text-align:center;margin:var(--spacing-lg) 0}.auth-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background-color:var(--color-gray-300)}.auth-divider span{position:relative;display:inline-block;padding:0 var(--spacing-sm);background-color:var(--color-white);color:var(--color-gray-500);font-size:.875rem;font-weight:var(--font-weight-medium)}.field-hint{display:block;margin-top:.25rem;font-size:.875rem;color:var(--color-gray-500)}.auth-toggle{text-align:center;margin-top:var(--spacing-md);font-size:.875rem;color:var(--color-gray-600)}.link-button{background:none;border:none;color:var(--color-black);font-weight:var(--font-weight-semibold);text-decoration:underline;cursor:pointer;padding:0;font-size:inherit;transition:color var(--transition-fast)}.link-button:hover{color:var(--color-gray-700)}.modal-loading{text-align:center;padding:var(--spacing-xl)}.modal-loading.hidden{display:none}.spinner{width:48px;height:48px;border:4px solid var(--color-gray-200);border-top-color:var(--color-black);border-radius:50%;margin:0 auto var(--spacing-md);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal-loading p{color:var(--color-gray-600);font-weight:var(--font-weight-medium)}@media(max-width:1024px){:root{--spacing-3xl: 4rem}.steps-container{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){:root{--spacing-xl: 2rem;--spacing-3xl: 3rem}.nav-menu{position:fixed;top:var(--header-height);left:0;right:0;flex-direction:column;background-color:var(--color-white);border-top:1px solid var(--color-gray-200);padding:var(--spacing-lg);gap:var(--spacing-md);transform:translateY(-100%);opacity:0;visibility:hidden;transition:all var(--transition-base);box-shadow:var(--shadow-lg)}.nav-menu.active{transform:translateY(0);opacity:1;visibility:visible}.nav-toggle{display:flex}.nav-toggle.active span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.hero{min-height:auto;padding-top:calc(var(--header-height) + var(--spacing-xl))}.hero-cta{flex-direction:column}.hero-cta .btn{width:100%}.value-grid,.features-grid,.steps-container,.pricing-cards,.trust-grid,.footer-content,.footer-links{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:var(--spacing-sm);text-align:center}.form-group{flex-direction:column}}@media(max-width:480px){h1{font-size:2rem}h2{font-size:1.75rem}.hero-subtitle{font-size:1.125rem}.section-header p{font-size:1rem}.modal-content{padding:var(--spacing-md)}}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:focus-visible{outline:2px solid var(--color-black);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--font-sans: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-xs: .875rem;--font-size-sm: .9375rem;--font-size-base: 1.0625rem;--font-size-md: 1.125rem;--font-size-lg: 1.1875rem;--font-size-xl: 1.3125rem;--font-size-2xl: 1.5rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-ui: 1.5;--line-height-copy: 1.55}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,#root{font-family:var(--font-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-copy)}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans)}.dashboard-main,.dashboard-container,.login-container,.care-seeker-onboarding,.caregiver-onboarding,.my-appointments-page,.visit-details-panel,.booking-wizard-root{font-size:var(--font-size-base)}:root{--brand-ink: #191919;--brand-cream: #fafaf7;--brand-surface: #ffffff;--brand-surface-muted: #f5f4f0;--brand-border: #e7e5e0;--brand-border-strong: #d8d4cc;--brand-muted: #6b6760;--brand-muted-soft: #8a857c;--brand-error-bg: #fdf5f4;--brand-error-border: #e8c4c0;--brand-error-text: #7a2e28;--auth-radius-card: 14px;--auth-radius-control: 8px;--auth-control-h: 48px;--auth-primary-h: 52px;--auth-font: var(--font-sans)}body:has(.login-container),body:has(.care-seeker-onboarding),body:has(.caregiver-onboarding),body:has(.auth-wrapper-loading){margin:0;background-color:var(--brand-cream);color:var(--brand-ink);-webkit-font-smoothing:antialiased}.auth-wrapper-loading{display:flex;justify-content:center;align-items:center;min-height:100vh;min-height:100dvh;background:var(--brand-cream);font-family:var(--auth-font)}.auth-wrapper-spinner{width:3.5rem;height:3.5rem;border:6px solid rgba(25,25,25,.12);border-top-color:var(--brand-ink);border-radius:50%;box-shadow:0 2px 12px #19191914;animation:authWrapperSpin .75s linear infinite}@keyframes authWrapperSpin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.auth-wrapper-spinner{animation:none;border-color:#19191933;border-top-color:var(--brand-ink)}}:root{--billing-surface: #ffffff;--billing-canvas: #ffffff;--billing-border: #d6dee8;--billing-text-primary: #0f172a;--billing-text-secondary: #475569;--billing-text-muted: #64748b;--billing-focus-ring: 0 0 0 3px rgba(15, 23, 42, .08);--billing-aurora-pink: #c45bfc}.billing-page{min-height:100vh;background:var(--billing-canvas)}.billing-page .dashboard-main{background:var(--billing-canvas)}.billing-page .appointments-list-container{min-height:0;max-width:80rem}.billing-page .my-shifts-surface-toolbar{margin-bottom:1.15rem;padding-top:.65rem;gap:.72rem 1.35rem}.billing-page .my-shifts-surface-toolbar__title{font-size:clamp(1.62rem,2.95vw,2.28rem)}.billing-page .my-shifts-surface-toolbar__subtitle{margin-top:.4rem;font-size:var(--font-size-base, 1.0625rem)}.billing-page .results-count,.billing-page .results-count.results-count--bottom{font-size:.9375rem}.billing-page .results-count.results-count--bottom{margin-top:.55rem;padding-top:.5rem}.billing-page .dashboard-container{padding-bottom:2.5rem}.billing-invoices{border:2px solid var(--billing-border);border-radius:.95rem;background:var(--billing-surface);box-shadow:0 1px 2px #0f172a0a;margin-bottom:.75rem;overflow:hidden;padding:1rem 1.25rem 1.15rem}.billing-tabs{display:flex;gap:1.65rem;border-bottom:1px solid #edf1f5;margin:0 0 .65rem;padding:0 .05rem}.billing-tab{border:none;background:none;color:var(--billing-text-muted);font-size:.9375rem;font-weight:700;padding:0 0 .85rem;cursor:pointer;margin-bottom:-1px}.billing-tab:hover{color:var(--billing-text-secondary)}.billing-tab:focus-visible{outline:none;box-shadow:var(--billing-focus-ring);border-radius:6px}.billing-tab-active{color:var(--billing-text-primary);border-bottom:2px solid #0f172a}.billing-table-shell{width:100%;overflow:visible}.billing-table-row{display:grid;grid-template-columns:minmax(248px,2.35fr) minmax(168px,1.2fr) minmax(180px,1.3fr) minmax(132px,.95fr) 88px;gap:1.3rem;align-items:center}.billing-unpaid-section{margin-bottom:1.25rem}.billing-unpaid-section__title{margin:0 0 .65rem;font-size:1rem;font-weight:700;color:var(--billing-text-primary)}.billing-unpaid-section__title--statements{margin-top:.5rem}.billing-table-row--shifts{grid-template-columns:minmax(200px,2fr) minmax(140px,1fr) minmax(120px,.8fr) 100px}.billing-table-head{margin:0;padding:.52rem .4rem;border-bottom:1px solid #edf1f5;color:#475569;font-size:var(--font-size-sm, .9375rem);font-weight:700}.billing-actions-head{text-align:right}.billing-table-body .billing-table-row{padding:1.05rem .4rem;border-bottom:1px solid #edf1f5;transition:background-color .12s ease}.billing-table-body .billing-table-row:hover{background:#fafafa}.billing-table-body .billing-table-row:last-child{border-bottom:none}.billing-month-group{border-bottom:1px solid #edf1f5}.billing-month-group:last-child{border-bottom:none}.billing-month-heading{margin:0;padding:1rem .4rem .35rem;font-size:.9375rem;font-weight:700;color:var(--billing-text-muted);letter-spacing:.02em;text-transform:uppercase}.billing-cell-primary{display:flex;align-items:center;gap:.55rem;min-width:0}.billing-cell-title{margin:0;font-size:1.0625rem;font-weight:600;color:var(--billing-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.billing-cell-meta{font-size:var(--font-size-base, 1.0625rem);color:var(--billing-text-secondary);white-space:nowrap}.billing-actions-cell{display:flex;justify-content:flex-end;align-items:center;position:relative}.billing-banner{margin-bottom:1rem;padding:.85rem 1rem;border-radius:10px;font-size:.9375rem}.billing-banner--error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.billing-banner p{margin:0 0 .65rem}.billing-banner .billing-pay-now-btn{margin-top:.25rem}.billing-table-status{display:flex;align-items:center;justify-content:center;gap:.65rem;padding:2.5rem 1rem;color:var(--billing-text-muted);font-size:.9375rem}.billing-table-status-message{margin:0;text-align:center;max-width:28rem;line-height:1.45}.billing-spinner{width:1.125rem;height:1.125rem;border:2px solid #e5e7eb;border-top-color:var(--billing-text-primary);border-radius:50%;animation:billing-spin .65s linear infinite;flex-shrink:0}.billing-spinner--btn{width:.95rem;height:.95rem;border-color:#d1d5db;border-top-color:currentColor}@keyframes billing-spin{to{transform:rotate(360deg)}}.billing-download-pdf-btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;font-family:inherit;font-size:.875rem;font-weight:600;line-height:1;color:var(--billing-text-primary);background:#fff;border:1px solid var(--billing-border);border-radius:8px;padding:.45rem .75rem;cursor:pointer;white-space:nowrap}.billing-download-pdf-btn:hover:not(:disabled){background:#f8fafc}.billing-download-pdf-btn:disabled{opacity:.6;cursor:not-allowed}.billing-pay-now-btn{display:inline-flex;align-items:center;justify-content:center;gap:.42rem;font-family:inherit;font-size:.9375rem;font-weight:700;letter-spacing:-.02em;line-height:1;color:#fff;background:#191919;border:none;border-radius:11px;padding:.52rem .95rem;flex-shrink:0;cursor:pointer;box-shadow:0 1px 2px #0f172a2e,0 0 14px #c45bfc47,0 0 24px #c45bfc29;transition:background .18s ease,box-shadow .18s ease,transform .15s ease}.billing-pay-now-btn:hover{background:#222;transform:translateY(-1px);box-shadow:0 2px 6px #0f172a33,0 0 16px #c45bfc52,0 0 26px #c45bfc2e}.billing-pay-now-btn:active{transform:translateY(0);box-shadow:0 1px 2px #0f172a29,0 0 12px #c45bfc3d,0 0 20px #c45bfc24}.billing-pay-now-btn:focus-visible{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px #c45bfc47,0 0 14px #c45bfc47,0 0 24px #c45bfc29}.billing-pay-now-btn svg{width:15px;height:15px;flex-shrink:0;color:#fff}.billing-row-menu-wrap{position:relative}.billing-row-menu-trigger{appearance:none;border:1px solid #dbe3ed;background:#fff;color:#111827;border-radius:11px;width:38px;height:38px;padding:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 1px 2px #0f172a14}.billing-row-menu-trigger:hover{background:#f8fafc;border-color:#cbd5e1}.billing-row-menu-trigger:focus-visible{outline:none;box-shadow:var(--billing-focus-ring)}.billing-row-menu-trigger svg{width:16px;height:16px}.billing-row-menu{position:absolute;top:calc(100% + .35rem);right:0;min-width:172px;max-width:min(200px,calc(100vw - 2rem));background:#fff;border:1px solid #dbe3ed;border-radius:10px;box-shadow:0 10px 24px #0f172a1f;padding:.28rem;z-index:30}.billing-row-menu-item{appearance:none;border:none;background:transparent;width:100%;text-align:left;color:var(--billing-text-primary);font-size:.9375rem;font-weight:500;border-radius:8px;padding:.52rem .62rem;cursor:pointer}.billing-row-menu-item:hover{background:#f1f5f9}.billing-empty-state{padding:1.25rem .4rem .65rem;text-align:left;font-size:1.0625rem;color:var(--billing-text-muted)}@media(max-width:900px){.billing-page .dashboard-container{padding-bottom:1.5rem}.billing-invoices{padding:.88rem 1rem 1rem}.billing-table-shell{overflow-x:auto}.billing-table-row{min-width:960px}}@media(max-width:768px){.billing-page .dashboard-main{--dashboard-main-top-padding: calc(var(--dashboard-topbar-height, 78px) + 52px + .8rem);padding-top:var(--dashboard-main-top-padding)}.billing-tabs{gap:1.15rem}.billing-tab{font-size:var(--font-size-sm, .9375rem)}.billing-invoices{padding-top:.85rem}}@media(max-width:480px){.billing-invoices{padding-top:.75rem}}.billing-toolbar-row{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;margin-bottom:.75rem}.billing-toolbar-row__status{font-size:.875rem;color:var(--billing-text-muted);margin-right:auto}.billing-toolbar-row__refresh{border:1px solid var(--billing-border);background:#fff;border-radius:.5rem;padding:.4rem .75rem;font-size:.875rem;font-weight:600;cursor:pointer}.billing-toolbar-row__refresh:disabled{opacity:.6;cursor:not-allowed}.billing-banner--warn{border:1px solid #fcd34d;background:#fffbeb;color:#92400e;border-radius:.75rem;padding:.75rem 1rem;margin-bottom:.75rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.billing-table-row--topay,.billing-table-head.billing-table-row--topay{grid-template-columns:minmax(10rem,1.45fr) minmax(7.5rem,1fr) minmax(6.5rem,.9fr) 5.5rem minmax(9.5rem,auto)}.billing-cell-invoice{overflow:hidden;text-overflow:ellipsis}.billing-cell-meta--pending,.billing-cell-meta--failed{color:var(--billing-text-muted)}.billing-pay-now-btn--waiting{color:var(--billing-text-muted);background:#f1f5f9;border:1px solid #e2e8f0;box-shadow:none;cursor:not-allowed;pointer-events:none}.billing-pay-now-btn--waiting:hover,.billing-pay-now-btn--waiting:active{transform:none;background:#f1f5f9;box-shadow:none}.billing-status-chip{display:inline-flex;align-items:center;font-size:.75rem;font-weight:700;padding:.2rem .5rem;border-radius:999px;width:fit-content}.billing-status-chip--ready{background:#dcfce7;color:#166534}.billing-status-chip--pending{background:#e0e7ff;color:#3730a3}.billing-status-chip--failed_setup{background:#fee2e2;color:#991b1b}.billing-cell-subtitle{margin:.15rem 0 0;font-size:.8125rem;color:var(--billing-text-muted)}.billing-cell-meta--stale{opacity:.65}.billing-row-error{margin:.5rem 0 0;padding:.5rem .75rem;font-size:.875rem;color:#b91c1c;background:#fef2f2;border-radius:.5rem}
