:root{--teal-50: #f0fdfa;--teal-100: #ccfbf1;--teal-200: #99f6e4;--teal-300: #5eead4;--teal-400: #2dd4bf;--teal-500: #14b8a6;--teal-600: #0d9488;--teal-700: #0f766e;--teal-800: #115e59;--teal-900: #134e4a;--teal-brand: #009688;--teal-brand-dark: #00796b;--teal-brand-darker: #00695c;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .07), 0 2px 4px -2px rgb(0 0 0 / .05);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .08), 0 4px 6px -4px rgb(0 0 0 / .05);--shadow-teal: 0 4px 14px -2px rgb(0 150 136 / .15);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--transition-fast: .15s ease;--transition-normal: .25s ease;--container-max: 1280px}html{color-scheme:light}html{--mat-sys-background: light-dark(#f7faf9, #101414);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#eff1f0, #2d3131);--mat-sys-inverse-primary: light-dark(#00dddd, #006a6a);--mat-sys-inverse-surface: light-dark(#2d3131, #e0e3e2);--mat-sys-on-background: light-dark(#191c1c, #e0e3e2);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #003737);--mat-sys-on-primary-container: light-dark(#004f4f, #00fbfb);--mat-sys-on-primary-fixed: light-dark(#002020, #002020);--mat-sys-on-primary-fixed-variant: light-dark(#004f4f, #004f4f);--mat-sys-on-secondary: light-dark(#ffffff, #1b3534);--mat-sys-on-secondary-container: light-dark(#324b4b, #cce8e7);--mat-sys-on-secondary-fixed: light-dark(#051f1f, #051f1f);--mat-sys-on-secondary-fixed-variant: light-dark(#324b4b, #324b4b);--mat-sys-on-surface: light-dark(#191c1c, #e0e3e2);--mat-sys-on-surface-variant: light-dark(#3f4948, #dae5e4);--mat-sys-on-tertiary: light-dark(#ffffff, #003737);--mat-sys-on-tertiary-container: light-dark(#004f4f, #00fbfb);--mat-sys-on-tertiary-fixed: light-dark(#002020, #002020);--mat-sys-on-tertiary-fixed-variant: light-dark(#004f4f, #004f4f);--mat-sys-outline: light-dark(#6f7979, #889392);--mat-sys-outline-variant: light-dark(#bec9c8, #3f4948);--mat-sys-primary: light-dark(#006a6a, #00dddd);--mat-sys-primary-container: light-dark(#00fbfb, #004f4f);--mat-sys-primary-fixed: light-dark(#00fbfb, #00fbfb);--mat-sys-primary-fixed-dim: light-dark(#00dddd, #00dddd);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#4a6363, #b0cccb);--mat-sys-secondary-container: light-dark(#cce8e7, #324b4b);--mat-sys-secondary-fixed: light-dark(#cce8e7, #cce8e7);--mat-sys-secondary-fixed-dim: light-dark(#b0cccb, #b0cccb);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#f7faf9, #101414);--mat-sys-surface-bright: light-dark(#f7faf9, #363a39);--mat-sys-surface-container: light-dark(#ebefed, #1c2020);--mat-sys-surface-container-high: light-dark(#e6e9e7, #272b2a);--mat-sys-surface-container-highest: light-dark(#e0e3e2, #313635);--mat-sys-surface-container-low: light-dark(#f1f4f3, #191c1c);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0b0f0e);--mat-sys-surface-dim: light-dark(#d7dbd9, #101414);--mat-sys-surface-tint: light-dark(#006a6a, #00dddd);--mat-sys-surface-variant: light-dark(#dae5e4, #3f4948);--mat-sys-tertiary: light-dark(#006a6a, #00dddd);--mat-sys-tertiary-container: light-dark(#00fbfb, #004f4f);--mat-sys-tertiary-fixed: light-dark(#00fbfb, #00fbfb);--mat-sys-tertiary-fixed-dim: light-dark(#00dddd, #00dddd);--mat-sys-neutral-variant20: #293232;--mat-sys-neutral10: #191c1c}html{--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12)}html{--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12)}html{--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12)}html{--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12)}html{--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12)}html{--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12)}html{--mat-sys-body-large: 400 1rem / 1.5rem Roboto;--mat-sys-body-large-font: Roboto;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Roboto;--mat-sys-body-medium-font: Roboto;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Roboto;--mat-sys-body-small-font: Roboto;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Poppins;--mat-sys-display-large-font: Poppins;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Poppins;--mat-sys-display-medium-font: Poppins;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Poppins;--mat-sys-display-small-font: Poppins;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Poppins;--mat-sys-headline-large-font: Poppins;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Poppins;--mat-sys-headline-medium-font: Poppins;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Poppins;--mat-sys-headline-small-font: Poppins;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Roboto;--mat-sys-label-large-font: Roboto;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Roboto;--mat-sys-label-medium-font: Roboto;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Roboto;--mat-sys-label-small-font: Roboto;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Poppins;--mat-sys-title-large-font: Poppins;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Roboto;--mat-sys-title-medium-font: Roboto;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Roboto;--mat-sys-title-small-font: Roboto;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500}html{--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px}html{--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}@tailwind base;@tailwind components;@tailwind utilities;html,body{height:100%;width:100%;max-width:100vw;margin:0;padding:0;overflow-x:hidden;font-family:Roboto,Helvetica Neue,sans-serif;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--teal-50, #f0fdfa)}::-webkit-scrollbar-thumb{background:#0096884d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00968880}.font-bold{font-weight:700!important}.tracking-tight{letter-spacing:-.025em}.mat-mdc-sidenav-container{--mdc-sidenav-container-width: 250px}.mat-mdc-toolbar{background:linear-gradient(135deg,#009688,#00796b)!important}.mat-mdc-list-item.active{background-color:#0096881f;color:var(--teal-brand-dark, #00796b)}@media (max-width: 599px){.mat-mdc-sidenav{width:100%!important}.mat-mdc-toolbar{padding:0 8px}}.flex-spacer{flex:1 1 auto}.full-width{width:100%}:host{display:block;width:100%;overflow-x:hidden}body{line-height:1.5}.container{width:100%;max-width:100%;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;box-sizing:border-box}@media (min-width: 640px){.container{max-width:640px;padding-left:1.5rem;padding-right:1.5rem}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px;padding-left:2rem;padding-right:2rem}}@media (min-width: 1280px){.container{max-width:var(--container-max, 1280px)}}h1{font-size:2rem;line-height:1.2}@media (min-width: 640px){h1{font-size:2.5rem}}@media (min-width: 768px){h1{font-size:3rem}}@media (min-width: 1024px){h1{font-size:3.5rem}}h2{font-size:1.5rem;line-height:1.3}@media (min-width: 640px){h2{font-size:2rem}}@media (min-width: 768px){h2{font-size:2.5rem}}.grid{width:100%;display:grid;gap:1rem;box-sizing:border-box}.grid.grid-cols-1{grid-template-columns:1fr}@media (min-width: 640px){.grid.sm\:grid-cols-2{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){.grid.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid.md\:grid-cols-4{grid-template-columns:repeat(4,1fr)}}@media (min-width: 1024px){.grid.lg\:grid-cols-2{grid-template-columns:repeat(2,1fr)}}.section{width:100%;padding:2rem 0;box-sizing:border-box}@media (min-width: 640px){.section{padding:3rem 0}}@media (min-width: 768px){.section{padding:4rem 0}}@media (min-width: 1024px){.section{padding:5rem 0}}header .container{flex-direction:column;padding:1rem}@media (min-width: 640px){header .container{flex-direction:row;padding:0 1.5rem}}header nav{width:100%;margin-top:1rem;justify-content:center}@media (min-width: 640px){header nav{width:auto;margin-top:0;margin-left:auto}}.hero-section{width:100%}.hero-section .container{padding-top:2rem;padding-bottom:2rem}@media (min-width: 640px){.hero-section .container{padding-top:3rem;padding-bottom:3rem}}@media (min-width: 768px){.hero-section .container{padding-top:4rem;padding-bottom:4rem}}.hero-section img{width:100%;height:auto;max-width:100%;object-fit:cover;border-radius:.5rem}@media (min-width: 768px){.hero-section img{max-width:100%}}form{width:100%}form .form-grid{width:100%;display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width: 640px){form .form-grid{grid-template-columns:repeat(2,1fr)}}form .form-group{width:100%;margin-bottom:1rem}form .form-group label{display:block;width:100%;margin-bottom:.5rem}form .form-group input,form .form-group textarea{width:100%;box-sizing:border-box}.card{width:100%;box-sizing:border-box;margin-bottom:1rem}.card .card-content{width:100%;box-sizing:border-box}footer{width:100%}footer .container{width:100%;box-sizing:border-box}footer .footer-grid{width:100%;display:grid;gap:2rem;grid-template-columns:1fr;box-sizing:border-box}@media (min-width: 640px){footer .footer-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){footer .footer-grid{grid-template-columns:repeat(4,1fr)}}footer .social-links{display:flex;justify-content:center;gap:1rem;margin-top:1rem}@media (min-width: 640px){footer .social-links{justify-content:flex-end;margin-top:0}}.flex{display:flex}.flex.flex-col{flex-direction:column}@media (min-width: 640px){.flex.flex-col.sm\:flex-row{flex-direction:row}}.flex.items-center{align-items:center}.flex.justify-center{justify-content:center}.flex.justify-between{justify-content:space-between}.space-y-4>*+*{margin-top:1rem}@media (min-width: 640px){.space-y-4>*+*{margin-top:1.5rem}}.all-heights{height:100%}.gap-4{gap:1rem}@media (min-width: 640px){.gap-4{gap:1.5rem}}.text-center{text-align:center}@media (min-width: 640px){.text-center.sm\:text-left{text-align:left}}.mt-4{margin-top:1rem}@media (min-width: 640px){.mt-4.sm\:mt-0{margin-top:0}}.p-4{padding:1rem}@media (min-width: 640px){.p-4.sm\:p-6{padding:1.5rem}}.min-h-screen{min-height:100vh}.items-center{align-items:center}.justify-center{justify-content:center}.space-y-2>*+*{margin-top:.5rem}.gap-2{gap:.5rem}.mt-2{margin-top:.5rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.ml-2{margin-left:.5rem}.ml-auto{margin-left:auto}.p-6{padding:1.5rem}.pb-6{padding-bottom:1.5rem}.ps-4,.px-4{padding-left:1rem;padding-right:1rem}.py-12{padding-top:3rem;padding-bottom:3rem}.pt-6{padding-top:1.5rem}.rounded-full{border-radius:.5rem}.rounded-l{border-radius:.25rem}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-2{border-width:2px}.border-thin{border-width:.25px;border-style:solid;border-radius:.25rem}.sticky{position:sticky}.top-0{top:0}.z-50{z-index:50}.z-10{z-index:10}.z-0{z-index:0}.relative{position:relative}.absolute{position:absolute}.inset-0{inset:0}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem!important}.text-4xl{font-size:2.25rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.tracking-tighter{letter-spacing:-.05em}.max-w-3xl{max-width:48rem!important}.max-w-md{max-width:48rem}.max-w-sm{max-width:30rem}.max-w-5xl{max-width:64rem}.w-full{width:100%!important;box-sizing:border-box}.w-1-2{width:50%}.w-1-3{width:33.333333%}.w-1-4{width:25%}.w-1-5{width:20%}.w-1-6{width:16.666667%}.w-1-7{width:14.285714%}.w-1-8{width:12.5%}.w-1-9{width:11.111111%}.w-1-10{width:10%}.h-16{height:4rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-10{height:2.5rem}.h-12{height:3rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-10{width:2.5rem}.max-w-3xl{max-width:48rem}@media (min-width: 400px){.min-\[400px\]:flex-row{flex-direction:row}}@media (min-width: 640px){.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:gap-6{gap:1.5rem}.sm\:text-5xl{font-size:3rem}}@media (min-width: 768px){.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:py-24{padding-top:6rem;padding-bottom:6rem}.md\:py-32{padding-top:8rem;padding-bottom:8rem}.md\:flex-row{flex-direction:row}.md\:text-xl{font-size:1.25rem}.md\:text-4xl{font-size:2.25rem}.md\:text-5xl{font-size:3rem}.md\:mt-0{margin-top:0}}@media (min-width: 1024px){.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:py-40{padding-top:10rem;padding-bottom:10rem}.lg\:gap-12{gap:3rem}.lg\:text-base{font-size:1rem}}.bg-teal-50{background-color:#f0fdfa}.bg-teal-100{background-color:#ccfbf1}.bg-teal-500{background-color:#14b8a6}.bg-teal-600{background-color:#0d9488}.bg-teal-700{background-color:#0f766e}.bg-teal-800{background-color:#115e59}.border-teal-500,.border-teal-600{border-color:#0d9488}.border-teal-800,.border-teal-900{border-color:#115e59}.n-shadow{box-shadow:none}.n-shadow-lg{box-shadow:0 10px 15px -3px #0f766e1a}.text-sm{font-size:.875rem}.bg-white{background-color:#fff}.bg-gray-50{background-color:#f9fafb}.bg-gray-100{background-color:#f3f4f6}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-teal-700{--tw-gradient-from: rgb(15 118 110);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(15 118 110 / 0))}.to-teal-500{--tw-gradient-to: rgb(20 184 166)}.from-teal-700\/90{--tw-gradient-from: rgb(15 118 110 / .9);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(15 118 110 / 0))}.to-teal-500\/90{--tw-gradient-to: rgb(20 184 166 / .9)}.border-teal-50{border-color:#ccfbf1}.border-teal-500{border-color:#14b8a6}.border-teal-700{border-color:#0f766e}.border-teal-800{border-color:#115e59}.shadow-teal-500{box-shadow:0 10px 15px -3px #0f766e1a}.shadow-teal-700{box-shadow:0 10px 15px -3px #0f766e}.shadow-teal-800{box-shadow:0 10px 15px -3px #0f766e1a}.text-white{color:#fff}.text-gray-100{color:#f3f4f6}.text-gray-300{color:#d1d5db}.text-gray-400{color:#9ca3af}.text-gray-500{color:#6b7280}.text-gray-600{color:#4b5563}.text-teal-600{color:#0d9488}.text-teal-700{color:#0f766e}.text-teal-800{color:#115e59}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-14{margin-bottom:3.5rem}.border-teal-100{border-color:#ccfbf1}.border-gray-700{border-color:#c4c6c9}.border-white{border-color:#ededed}.hover\:text-teal-100:hover{color:#ccfbf1}.hover\:text-white:hover{color:#fff}.hover\:bg-gray-100:hover{background-color:#f3f4f6}.hover\:bg-teal-700:hover{background-color:#0f766e}.hover\:bg-white\/10:hover{background-color:#ffffff1a}.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}app-button{display:block;width:100%}@media (min-width: 640px){app-button.sm\:w-auto{width:auto;display:inline-block}}.max-w-full{max-width:100%!important}.day-card{background:#fff;border:1px solid #e5e7eb;border-radius:var(--radius-md, 12px);padding:1rem;min-height:200px;transition:all var(--transition-normal, .25s ease)}.day-card.today{border-color:var(--teal-500, #14b8a6);background:linear-gradient(135deg,var(--teal-50, #f0fdfa) 0%,#ffffff 100%);box-shadow:var(--shadow-teal, 0 4px 14px -2px rgba(0, 150, 136, .15))}.day-card.past-day{opacity:.7;background:#f9fafb}.day-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, .08))}.day-header{text-align:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #f3f4f6}.day-name{font-size:1rem;font-weight:600;color:#374151;margin:0 0 .25rem}.day-date{font-size:.875rem;color:#6b7280;font-weight:500}.day-content{flex:1}.no-appointments{text-align:center;padding:2rem 0;color:#9ca3af}.appointment-item{margin-bottom:.75rem}.appointment-item:last-child{margin-bottom:0}.appointment-card{border-radius:.5rem!important;box-shadow:0 2px 8px #00000014!important;transition:all .2s ease-in-out}.appointment-card:hover{box-shadow:0 4px 16px #0000001f!important;transform:translateY(-1px)}.appointment-card.horizontal .compact-content{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem!important}.appointment-card.horizontal .appointment-header{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;min-width:80px}.appointment-card.horizontal .appointment-details{flex:1;display:flex;flex-direction:column;gap:.25rem}.appointment-card.horizontal .status-chip{align-self:flex-start}.appointment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.appointment-time{font-size:.875rem;font-weight:600;color:#1f2937;margin:0}.status-chip{font-size:.75rem!important;height:24px!important;min-height:24px!important}.appointment-details .service-type{font-size:.875rem;font-weight:500;color:#374151;margin:0 0 .25rem}.appointment-details .vehicle-plate{font-size:.75rem;color:#6b7280;margin:0 0 .5rem;font-weight:500}.workshop-response{margin-top:.5rem;padding-top:.5rem;border-top:1px solid #f3f4f6}.workshop-response .response-label{font-size:.75rem;color:#6b7280;margin:0 0 .25rem;font-weight:500}.workshop-response .response-text{font-size:.75rem;color:#374151;margin:0;line-height:1.4}.nav-button{background:#fff!important;border:1px solid #e5e7eb!important;border-radius:.5rem!important}.nav-button:hover{background:#f9fafb!important;border-color:#d1d5db!important}.current-week-btn{border-radius:.5rem!important;font-weight:500!important}.create-appointment-btn{border-radius:.5rem!important;font-weight:500!important;padding:.75rem 1.5rem!important}.create-appointment-btn mat-icon{margin-right:.5rem}@media (max-width: 640px){.day-card{min-height:150px;padding:.75rem}.day-name{font-size:.875rem}.appointment-card{margin-bottom:.5rem}.appointment-header{flex-direction:column;align-items:flex-start;gap:.25rem}.status-chip{align-self:flex-end}}@media (max-width: 768px){.weekly-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 480px){.weekly-grid{grid-template-columns:1fr!important}}.metrics-scroll{overflow-x:auto;padding:0 1rem;scrollbar-width:none;-ms-overflow-style:none}.metrics-scroll::-webkit-scrollbar{display:none}.services-container{height:400px;overflow-y:auto;padding:1rem .5rem 1rem 1rem;display:flex;flex-direction:column;gap:1rem}.services-container::-webkit-scrollbar{width:6px}.services-container::-webkit-scrollbar-track{background:var(--teal-50, #f0fdfa);border-radius:3px}.services-container::-webkit-scrollbar-thumb{background:#0096884d;border-radius:3px}.services-container::-webkit-scrollbar-thumb:hover{background:#00968880}.appointments-container{height:400px;overflow-y:auto;padding:1rem .5rem 1rem 1rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}@media (max-width: 480px){.appointments-container{grid-template-columns:repeat(2,1fr);gap:.5rem;padding:.5rem;height:350px}}@media (min-width: 481px) and (max-width: 640px){.appointments-container{grid-template-columns:repeat(3,1fr);gap:.75rem;padding:.75rem}}@media (min-width: 641px) and (max-width: 768px){.appointments-container{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem}}@media (min-width: 769px) and (max-width: 1024px){.appointments-container{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (min-width: 1025px){.appointments-container{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.appointments-container::-webkit-scrollbar{width:6px}.appointments-container::-webkit-scrollbar-track{background:var(--teal-50, #f0fdfa);border-radius:3px}.appointments-container::-webkit-scrollbar-thumb{background:#0096884d;border-radius:3px}.appointments-container::-webkit-scrollbar-thumb:hover{background:#00968880}.appointment-card{border-radius:var(--radius-lg, 16px);box-shadow:var(--shadow-sm, 0 1px 2px 0 rgba(0, 0, 0, .05));border:1px solid #f1f5f9;padding:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;background:#fff;transition:all var(--transition-normal, .25s ease);min-height:140px;width:100%}@media (max-width: 480px){.appointment-card{min-height:100px;padding:.5rem;gap:.25rem;border-radius:.75rem}}@media (min-width: 481px) and (max-width: 640px){.appointment-card{min-height:110px;padding:.75rem;gap:.5rem}}.appointment-card:hover{box-shadow:var(--shadow-md, 0 4px 6px -1px rgba(0, 0, 0, .07));transform:translateY(-2px)}@media (max-width: 480px){.appointment-card:hover{transform:translateY(-1px)}}@media (min-width: 768px){.appointment-card{flex-direction:row;align-items:center;justify-content:space-between;gap:2rem}}.appointment-card .mat-icon{font-size:1.5rem}@media (max-width: 480px){.appointment-card .mat-icon{font-size:1rem}}@media (min-width: 481px) and (max-width: 640px){.appointment-card .mat-icon{font-size:1.25rem}}.appointment-card button[mat-icon-button]{margin-top:auto;align-self:center}@media (max-width: 480px){.appointment-card button[mat-icon-button]{transform:scale(.8)}}.appointment-card .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.appointment-card .w-full{width:100%}@media (max-width: 480px){.appointment-card .text-sm{font-size:.75rem}}@media (max-width: 480px){.appointment-card .text-xs{font-size:.625rem}}@media (min-width: 768px){.appointment-card button[mat-icon-button]{align-self:auto}}.text-red-800{color:#991b1b}.bg-red-100{background:#fee2e2}@media (max-width: 640px){.flex-col.sm\\:flex-row .flex-1.sm\\:flex-none{flex:1;min-width:0}.nav-button{min-width:40px;width:40px;height:40px}.current-week-btn{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.appointments-summary{flex-direction:column;gap:.5rem;margin-bottom:1rem}.summary-item{justify-content:center}.flex.flex-col.sm\\:flex-row{gap:1rem}.flex.flex-col.sm\\:flex-row .flex.flex-col.sm\\:flex-row{gap:.75rem}.flex.flex-col.sm\\:flex-row .flex.flex-col.sm\\:flex-row .flex.items-center.gap-2{gap:.5rem}}@media (max-width: 480px){.flex.flex-col.sm\\:flex-row .flex.flex-col.sm\\:flex-row .flex.items-center.gap-2{gap:.25rem}.current-week-btn{font-size:.875rem;padding:.5rem .75rem}.nav-button{min-width:36px;width:36px;height:36px}}@media (max-width: 640px){.appointment-details-dialog-panel .mat-mdc-dialog-container{padding:0;border-radius:12px;margin:8px;overflow-x:hidden;max-width:calc(100vw - 16px)}}@media (max-width: 640px){.appointment-details-dialog-panel .mat-mdc-dialog-surface{border-radius:12px;box-shadow:0 8px 32px #0000001f;overflow-x:hidden;max-width:100%}}