@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap";:root{--color-primary: #DD8122;--color-primary-light: #E9A455;--color-primary-dark: #B5691B;--color-orange-light: #FFB970;--color-black: #000000;--color-gray: #C4C4C4;--color-gray-light: #F0F0F0;--color-gray-dark: #808080;--color-white: #FFFFFF;--font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-weight-regular: 400;--font-weight-bold: 700;--font-size-h1: 2.5rem;--font-size-h2: 2rem;--font-size-h3: 1.5rem;--font-size-h4: 1.25rem;--font-size-body: 1rem;--font-size-small: .875rem;--line-height-h1: 1.2;--line-height-h2: 1.25;--line-height-h3: 1.3;--line-height-h4: 1.35;--line-height-body: 1.5;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--breakpoint-sm: 576px;--breakpoint-md: 768px;--breakpoint-lg: 992px;--breakpoint-xl: 1200px;--breakpoint-2xl: 1400px}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-family);font-weight:var(--font-weight-regular);font-size:var(--font-size-body);line-height:var(--line-height-body);color:var(--color-black);background-color:var(--color-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,.text-h1,.text-h2,.text-h3,.text-h4{margin-top:0;margin-bottom:var(--spacing-md);font-family:var(--font-family);font-weight:var(--font-weight-bold);color:var(--color-black)}h1,.text-h1{font-size:var(--font-size-h1);line-height:var(--line-height-h1)}h2,.text-h2{font-size:var(--font-size-h2);line-height:var(--line-height-h2)}h3,.text-h3{font-size:var(--font-size-h3);line-height:var(--line-height-h3)}h4,.text-h4{font-size:var(--font-size-h4);line-height:var(--line-height-h4)}p,.text-body{margin-top:0;margin-bottom:var(--spacing-md);font-family:var(--font-family);font-weight:var(--font-weight-regular);font-size:var(--font-size-body);line-height:var(--line-height-body);color:var(--color-black)}span,label,.text-label{font-family:var(--font-family);font-weight:var(--font-weight-regular);font-size:var(--font-size-body);line-height:var(--line-height-body);color:var(--color-black)}small,.text-small{font-family:var(--font-family);font-weight:var(--font-weight-regular);font-size:var(--font-size-small);line-height:var(--line-height-body);color:var(--color-gray-dark)}strong,b,.text-bold{font-weight:var(--font-weight-bold)}.text-primary{color:var(--color-primary)}.text-black{color:var(--color-black)}.text-gray{color:var(--color-gray)}.text-gray-dark{color:var(--color-gray-dark)}.text-white{color:var(--color-white)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.bg-primary{background-color:var(--color-primary)}.bg-primary-light{background-color:var(--color-primary-light)}.bg-primary-dark{background-color:var(--color-primary-dark)}.bg-orange-light{background-color:var(--color-orange-light)}.bg-black{background-color:var(--color-black)}.bg-gray{background-color:var(--color-gray)}.bg-gray-light{background-color:var(--color-gray-light)}.bg-white{background-color:var(--color-white)}.m-0{margin:0}.m-xs{margin:var(--spacing-xs)}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.m-xl{margin:var(--spacing-xl)}.mt-0{margin-top:0}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-0{margin-bottom:0}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.ml-0{margin-left:0}.ml-xs{margin-left:var(--spacing-xs)}.ml-sm{margin-left:var(--spacing-sm)}.ml-md{margin-left:var(--spacing-md)}.ml-lg{margin-left:var(--spacing-lg)}.ml-xl{margin-left:var(--spacing-xl)}.mr-0{margin-right:0}.mr-xs{margin-right:var(--spacing-xs)}.mr-sm{margin-right:var(--spacing-sm)}.mr-md{margin-right:var(--spacing-md)}.mr-lg{margin-right:var(--spacing-lg)}.mr-xl{margin-right:var(--spacing-xl)}.p-0{padding:0}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.pt-0{padding-top:0}.pt-xs{padding-top:var(--spacing-xs)}.pt-sm{padding-top:var(--spacing-sm)}.pt-md{padding-top:var(--spacing-md)}.pt-lg{padding-top:var(--spacing-lg)}.pt-xl{padding-top:var(--spacing-xl)}.pb-0{padding-bottom:0}.pb-xs{padding-bottom:var(--spacing-xs)}.pb-sm{padding-bottom:var(--spacing-sm)}.pb-md{padding-bottom:var(--spacing-md)}.pb-lg{padding-bottom:var(--spacing-lg)}.pb-xl{padding-bottom:var(--spacing-xl)}.pl-0{padding-left:0}.pl-xs{padding-left:var(--spacing-xs)}.pl-sm{padding-left:var(--spacing-sm)}.pl-md{padding-left:var(--spacing-md)}.pl-lg{padding-left:var(--spacing-lg)}.pl-xl{padding-left:var(--spacing-xl)}.pr-0{padding-right:0}.pr-xs{padding-right:var(--spacing-xs)}.pr-sm{padding-right:var(--spacing-sm)}.pr-md{padding-right:var(--spacing-md)}.pr-lg{padding-right:var(--spacing-lg)}.pr-xl{padding-right:var(--spacing-xl)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}@media(min-width:576px){.container{max-width:540px}}@media(min-width:768px){.container{max-width:720px}}@media(min-width:992px){.container{max-width:960px}}@media(min-width:1200px){.container{max-width:1140px}}@media(min-width:1400px){.container{max-width:1320px}}.container-fluid{width:100%;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.row{display:flex;flex-wrap:wrap;margin-left:calc(var(--spacing-md) * -.5);margin-right:calc(var(--spacing-md) * -.5)}.col,[class*=col-]{flex-shrink:0;width:100%;max-width:100%;padding-left:calc(var(--spacing-md) * .5);padding-right:calc(var(--spacing-md) * .5)}.col{flex:1 0 0%}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 auto;width:8.333333%}.col-2{flex:0 0 auto;width:16.666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.333333%}.col-5{flex:0 0 auto;width:41.666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.333333%}.col-8{flex:0 0 auto;width:66.666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.333333%}.col-11{flex:0 0 auto;width:91.666667%}.col-12{flex:0 0 auto;width:100%}@media(min-width:576px){.col-sm{flex:1 0 0%}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.333333%}.col-sm-2{flex:0 0 auto;width:16.666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.333333%}.col-sm-5{flex:0 0 auto;width:41.666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.333333%}.col-sm-8{flex:0 0 auto;width:66.666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.333333%}.col-sm-11{flex:0 0 auto;width:91.666667%}.col-sm-12{flex:0 0 auto;width:100%}}@media(min-width:768px){.col-md{flex:1 0 0%}.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.333333%}.col-md-2{flex:0 0 auto;width:16.666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.333333%}.col-md-5{flex:0 0 auto;width:41.666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.333333%}.col-md-8{flex:0 0 auto;width:66.666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.333333%}.col-md-11{flex:0 0 auto;width:91.666667%}.col-md-12{flex:0 0 auto;width:100%}}@media(min-width:992px){.col-lg{flex:1 0 0%}.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-1{flex:0 0 auto;width:8.333333%}.col-lg-2{flex:0 0 auto;width:16.666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.333333%}.col-lg-5{flex:0 0 auto;width:41.666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.333333%}.col-lg-8{flex:0 0 auto;width:66.666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.333333%}.col-lg-11{flex:0 0 auto;width:91.666667%}.col-lg-12{flex:0 0 auto;width:100%}}@media(min-width:1200px){.col-xl{flex:1 0 0%}.col-xl-auto{flex:0 0 auto;width:auto}.col-xl-1{flex:0 0 auto;width:8.333333%}.col-xl-2{flex:0 0 auto;width:16.666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.333333%}.col-xl-5{flex:0 0 auto;width:41.666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.333333%}.col-xl-8{flex:0 0 auto;width:66.666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.333333%}.col-xl-11{flex:0 0 auto;width:91.666667%}.col-xl-12{flex:0 0 auto;width:100%}}@media(min-width:1400px){.col-2xl{flex:1 0 0%}.col-2xl-auto{flex:0 0 auto;width:auto}.col-2xl-1{flex:0 0 auto;width:8.333333%}.col-2xl-2{flex:0 0 auto;width:16.666667%}.col-2xl-3{flex:0 0 auto;width:25%}.col-2xl-4{flex:0 0 auto;width:33.333333%}.col-2xl-5{flex:0 0 auto;width:41.666667%}.col-2xl-6{flex:0 0 auto;width:50%}.col-2xl-7{flex:0 0 auto;width:58.333333%}.col-2xl-8{flex:0 0 auto;width:66.666667%}.col-2xl-9{flex:0 0 auto;width:75%}.col-2xl-10{flex:0 0 auto;width:83.333333%}.col-2xl-11{flex:0 0 auto;width:91.666667%}.col-2xl-12{flex:0 0 auto;width:100%}}.gap-0{gap:0}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.gap-2xl{gap:var(--spacing-2xl)}.row-gap-0{row-gap:0}.row-gap-xs{row-gap:var(--spacing-xs)}.row-gap-sm{row-gap:var(--spacing-sm)}.row-gap-md{row-gap:var(--spacing-md)}.row-gap-lg{row-gap:var(--spacing-lg)}.row-gap-xl{row-gap:var(--spacing-xl)}.col-gap-0{column-gap:0}.col-gap-xs{column-gap:var(--spacing-xs)}.col-gap-sm{column-gap:var(--spacing-sm)}.col-gap-md{column-gap:var(--spacing-md)}.col-gap-lg{column-gap:var(--spacing-lg)}.col-gap-xl{column-gap:var(--spacing-xl)}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.align-start{align-items:flex-start}.align-end{align-items:flex-end}.align-center{align-items:center}.align-baseline{align-items:baseline}.align-stretch{align-items:stretch}.align-self-start{align-self:flex-start}.align-self-end{align-self:flex-end}.align-self-center{align-self:center}.align-self-baseline{align-self:baseline}.align-self-stretch{align-self:stretch}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-column{flex-direction:column}.flex-column-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.flex-grow-0{flex-grow:0}.flex-grow-1{flex-grow:1}.flex-shrink-0{flex-shrink:0}.flex-shrink-1{flex-shrink:1}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}@media(min-width:576px){.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}@media(min-width:768px){.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}@media(min-width:992px){.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}@media(min-width:1200px){.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}}.d-none{display:none}.d-block{display:block}.d-inline{display:inline}.d-inline-block{display:inline-block}.d-flex{display:flex}.d-inline-flex{display:inline-flex}.d-grid{display:grid}@media(min-width:576px){.d-sm-none{display:none}.d-sm-block{display:block}.d-sm-inline{display:inline}.d-sm-inline-block{display:inline-block}.d-sm-flex{display:flex}.d-sm-inline-flex{display:inline-flex}.d-sm-grid{display:grid}}@media(min-width:768px){.d-md-none{display:none}.d-md-block{display:block}.d-md-inline{display:inline}.d-md-inline-block{display:inline-block}.d-md-flex{display:flex}.d-md-inline-flex{display:inline-flex}.d-md-grid{display:grid}}@media(min-width:992px){.d-lg-none{display:none}.d-lg-block{display:block}.d-lg-inline{display:inline}.d-lg-inline-block{display:inline-block}.d-lg-flex{display:flex}.d-lg-inline-flex{display:inline-flex}.d-lg-grid{display:grid}}@media(min-width:1200px){.d-xl-none{display:none}.d-xl-block{display:block}.d-xl-inline{display:inline}.d-xl-inline-block{display:inline-block}.d-xl-flex{display:flex}.d-xl-inline-flex{display:inline-flex}.d-xl-grid{display:grid}}:root{--font-size-h1-mobile: 1.75rem;--font-size-h2-mobile: 1.5rem;--font-size-h3-mobile: 1.25rem;--font-size-h4-mobile: 1.125rem;--font-size-body-mobile: .9375rem;--font-size-small-mobile: .8125rem}h1,.text-h1{font-size:var(--font-size-h1-mobile)}h2,.text-h2{font-size:var(--font-size-h2-mobile)}h3,.text-h3{font-size:var(--font-size-h3-mobile)}h4,.text-h4{font-size:var(--font-size-h4-mobile)}p,.text-body,span,label,.text-label{font-size:var(--font-size-body-mobile)}small,.text-small{font-size:var(--font-size-small-mobile)}@media(min-width:768px){h1,.text-h1{font-size:var(--font-size-h1)}h2,.text-h2{font-size:var(--font-size-h2)}h3,.text-h3{font-size:var(--font-size-h3)}h4,.text-h4{font-size:var(--font-size-h4)}p,.text-body,span,label,.text-label{font-size:var(--font-size-body)}small,.text-small{font-size:var(--font-size-small)}}@media(min-width:576px){.text-sm-left{text-align:left}.text-sm-center{text-align:center}.text-sm-right{text-align:right}}@media(min-width:768px){.text-md-left{text-align:left}.text-md-center{text-align:center}.text-md-right{text-align:right}}@media(min-width:992px){.text-lg-left{text-align:left}.text-lg-center{text-align:center}.text-lg-right{text-align:right}}@media(min-width:1200px){.text-xl-left{text-align:left}.text-xl-center{text-align:center}.text-xl-right{text-align:right}}@media(min-width:576px){.m-sm-0{margin:0}.m-sm-xs{margin:var(--spacing-xs)}.m-sm-sm{margin:var(--spacing-sm)}.m-sm-md{margin:var(--spacing-md)}.m-sm-lg{margin:var(--spacing-lg)}.m-sm-xl{margin:var(--spacing-xl)}.mt-sm-0{margin-top:0}.mt-sm-xs{margin-top:var(--spacing-xs)}.mt-sm-sm{margin-top:var(--spacing-sm)}.mt-sm-md{margin-top:var(--spacing-md)}.mt-sm-lg{margin-top:var(--spacing-lg)}.mt-sm-xl{margin-top:var(--spacing-xl)}.mb-sm-0{margin-bottom:0}.mb-sm-xs{margin-bottom:var(--spacing-xs)}.mb-sm-sm{margin-bottom:var(--spacing-sm)}.mb-sm-md{margin-bottom:var(--spacing-md)}.mb-sm-lg{margin-bottom:var(--spacing-lg)}.mb-sm-xl{margin-bottom:var(--spacing-xl)}.ml-sm-0{margin-left:0}.ml-sm-xs{margin-left:var(--spacing-xs)}.ml-sm-sm{margin-left:var(--spacing-sm)}.ml-sm-md{margin-left:var(--spacing-md)}.ml-sm-lg{margin-left:var(--spacing-lg)}.ml-sm-xl{margin-left:var(--spacing-xl)}.mr-sm-0{margin-right:0}.mr-sm-xs{margin-right:var(--spacing-xs)}.mr-sm-sm{margin-right:var(--spacing-sm)}.mr-sm-md{margin-right:var(--spacing-md)}.mr-sm-lg{margin-right:var(--spacing-lg)}.mr-sm-xl{margin-right:var(--spacing-xl)}}@media(min-width:768px){.m-md-0{margin:0}.m-md-xs{margin:var(--spacing-xs)}.m-md-sm{margin:var(--spacing-sm)}.m-md-md{margin:var(--spacing-md)}.m-md-lg{margin:var(--spacing-lg)}.m-md-xl{margin:var(--spacing-xl)}.mt-md-0{margin-top:0}.mt-md-xs{margin-top:var(--spacing-xs)}.mt-md-sm{margin-top:var(--spacing-sm)}.mt-md-md{margin-top:var(--spacing-md)}.mt-md-lg{margin-top:var(--spacing-lg)}.mt-md-xl{margin-top:var(--spacing-xl)}.mb-md-0{margin-bottom:0}.mb-md-xs{margin-bottom:var(--spacing-xs)}.mb-md-sm{margin-bottom:var(--spacing-sm)}.mb-md-md{margin-bottom:var(--spacing-md)}.mb-md-lg{margin-bottom:var(--spacing-lg)}.mb-md-xl{margin-bottom:var(--spacing-xl)}.ml-md-0{margin-left:0}.ml-md-xs{margin-left:var(--spacing-xs)}.ml-md-sm{margin-left:var(--spacing-sm)}.ml-md-md{margin-left:var(--spacing-md)}.ml-md-lg{margin-left:var(--spacing-lg)}.ml-md-xl{margin-left:var(--spacing-xl)}.mr-md-0{margin-right:0}.mr-md-xs{margin-right:var(--spacing-xs)}.mr-md-sm{margin-right:var(--spacing-sm)}.mr-md-md{margin-right:var(--spacing-md)}.mr-md-lg{margin-right:var(--spacing-lg)}.mr-md-xl{margin-right:var(--spacing-xl)}}@media(min-width:992px){.m-lg-0{margin:0}.m-lg-xs{margin:var(--spacing-xs)}.m-lg-sm{margin:var(--spacing-sm)}.m-lg-md{margin:var(--spacing-md)}.m-lg-lg{margin:var(--spacing-lg)}.m-lg-xl{margin:var(--spacing-xl)}.mt-lg-0{margin-top:0}.mt-lg-xs{margin-top:var(--spacing-xs)}.mt-lg-sm{margin-top:var(--spacing-sm)}.mt-lg-md{margin-top:var(--spacing-md)}.mt-lg-lg{margin-top:var(--spacing-lg)}.mt-lg-xl{margin-top:var(--spacing-xl)}.mb-lg-0{margin-bottom:0}.mb-lg-xs{margin-bottom:var(--spacing-xs)}.mb-lg-sm{margin-bottom:var(--spacing-sm)}.mb-lg-md{margin-bottom:var(--spacing-md)}.mb-lg-lg{margin-bottom:var(--spacing-lg)}.mb-lg-xl{margin-bottom:var(--spacing-xl)}.ml-lg-0{margin-left:0}.ml-lg-xs{margin-left:var(--spacing-xs)}.ml-lg-sm{margin-left:var(--spacing-sm)}.ml-lg-md{margin-left:var(--spacing-md)}.ml-lg-lg{margin-left:var(--spacing-lg)}.ml-lg-xl{margin-left:var(--spacing-xl)}.mr-lg-0{margin-right:0}.mr-lg-xs{margin-right:var(--spacing-xs)}.mr-lg-sm{margin-right:var(--spacing-sm)}.mr-lg-md{margin-right:var(--spacing-md)}.mr-lg-lg{margin-right:var(--spacing-lg)}.mr-lg-xl{margin-right:var(--spacing-xl)}}@media(min-width:1200px){.m-xl-0{margin:0}.m-xl-xs{margin:var(--spacing-xs)}.m-xl-sm{margin:var(--spacing-sm)}.m-xl-md{margin:var(--spacing-md)}.m-xl-lg{margin:var(--spacing-lg)}.m-xl-xl{margin:var(--spacing-xl)}.mt-xl-0{margin-top:0}.mt-xl-xs{margin-top:var(--spacing-xs)}.mt-xl-sm{margin-top:var(--spacing-sm)}.mt-xl-md{margin-top:var(--spacing-md)}.mt-xl-lg{margin-top:var(--spacing-lg)}.mt-xl-xl{margin-top:var(--spacing-xl)}.mb-xl-0{margin-bottom:0}.mb-xl-xs{margin-bottom:var(--spacing-xs)}.mb-xl-sm{margin-bottom:var(--spacing-sm)}.mb-xl-md{margin-bottom:var(--spacing-md)}.mb-xl-lg{margin-bottom:var(--spacing-lg)}.mb-xl-xl{margin-bottom:var(--spacing-xl)}.ml-xl-0{margin-left:0}.ml-xl-xs{margin-left:var(--spacing-xs)}.ml-xl-sm{margin-left:var(--spacing-sm)}.ml-xl-md{margin-left:var(--spacing-md)}.ml-xl-lg{margin-left:var(--spacing-lg)}.ml-xl-xl{margin-left:var(--spacing-xl)}.mr-xl-0{margin-right:0}.mr-xl-xs{margin-right:var(--spacing-xs)}.mr-xl-sm{margin-right:var(--spacing-sm)}.mr-xl-md{margin-right:var(--spacing-md)}.mr-xl-lg{margin-right:var(--spacing-lg)}.mr-xl-xl{margin-right:var(--spacing-xl)}}@media(min-width:576px){.p-sm-0{padding:0}.p-sm-xs{padding:var(--spacing-xs)}.p-sm-sm{padding:var(--spacing-sm)}.p-sm-md{padding:var(--spacing-md)}.p-sm-lg{padding:var(--spacing-lg)}.p-sm-xl{padding:var(--spacing-xl)}.pt-sm-0{padding-top:0}.pt-sm-xs{padding-top:var(--spacing-xs)}.pt-sm-sm{padding-top:var(--spacing-sm)}.pt-sm-md{padding-top:var(--spacing-md)}.pt-sm-lg{padding-top:var(--spacing-lg)}.pt-sm-xl{padding-top:var(--spacing-xl)}.pb-sm-0{padding-bottom:0}.pb-sm-xs{padding-bottom:var(--spacing-xs)}.pb-sm-sm{padding-bottom:var(--spacing-sm)}.pb-sm-md{padding-bottom:var(--spacing-md)}.pb-sm-lg{padding-bottom:var(--spacing-lg)}.pb-sm-xl{padding-bottom:var(--spacing-xl)}.pl-sm-0{padding-left:0}.pl-sm-xs{padding-left:var(--spacing-xs)}.pl-sm-sm{padding-left:var(--spacing-sm)}.pl-sm-md{padding-left:var(--spacing-md)}.pl-sm-lg{padding-left:var(--spacing-lg)}.pl-sm-xl{padding-left:var(--spacing-xl)}.pr-sm-0{padding-right:0}.pr-sm-xs{padding-right:var(--spacing-xs)}.pr-sm-sm{padding-right:var(--spacing-sm)}.pr-sm-md{padding-right:var(--spacing-md)}.pr-sm-lg{padding-right:var(--spacing-lg)}.pr-sm-xl{padding-right:var(--spacing-xl)}}@media(min-width:768px){.p-md-0{padding:0}.p-md-xs{padding:var(--spacing-xs)}.p-md-sm{padding:var(--spacing-sm)}.p-md-md{padding:var(--spacing-md)}.p-md-lg{padding:var(--spacing-lg)}.p-md-xl{padding:var(--spacing-xl)}.pt-md-0{padding-top:0}.pt-md-xs{padding-top:var(--spacing-xs)}.pt-md-sm{padding-top:var(--spacing-sm)}.pt-md-md{padding-top:var(--spacing-md)}.pt-md-lg{padding-top:var(--spacing-lg)}.pt-md-xl{padding-top:var(--spacing-xl)}.pb-md-0{padding-bottom:0}.pb-md-xs{padding-bottom:var(--spacing-xs)}.pb-md-sm{padding-bottom:var(--spacing-sm)}.pb-md-md{padding-bottom:var(--spacing-md)}.pb-md-lg{padding-bottom:var(--spacing-lg)}.pb-md-xl{padding-bottom:var(--spacing-xl)}.pl-md-0{padding-left:0}.pl-md-xs{padding-left:var(--spacing-xs)}.pl-md-sm{padding-left:var(--spacing-sm)}.pl-md-md{padding-left:var(--spacing-md)}.pl-md-lg{padding-left:var(--spacing-lg)}.pl-md-xl{padding-left:var(--spacing-xl)}.pr-md-0{padding-right:0}.pr-md-xs{padding-right:var(--spacing-xs)}.pr-md-sm{padding-right:var(--spacing-sm)}.pr-md-md{padding-right:var(--spacing-md)}.pr-md-lg{padding-right:var(--spacing-lg)}.pr-md-xl{padding-right:var(--spacing-xl)}}@media(min-width:992px){.p-lg-0{padding:0}.p-lg-xs{padding:var(--spacing-xs)}.p-lg-sm{padding:var(--spacing-sm)}.p-lg-md{padding:var(--spacing-md)}.p-lg-lg{padding:var(--spacing-lg)}.p-lg-xl{padding:var(--spacing-xl)}.pt-lg-0{padding-top:0}.pt-lg-xs{padding-top:var(--spacing-xs)}.pt-lg-sm{padding-top:var(--spacing-sm)}.pt-lg-md{padding-top:var(--spacing-md)}.pt-lg-lg{padding-top:var(--spacing-lg)}.pt-lg-xl{padding-top:var(--spacing-xl)}.pb-lg-0{padding-bottom:0}.pb-lg-xs{padding-bottom:var(--spacing-xs)}.pb-lg-sm{padding-bottom:var(--spacing-sm)}.pb-lg-md{padding-bottom:var(--spacing-md)}.pb-lg-lg{padding-bottom:var(--spacing-lg)}.pb-lg-xl{padding-bottom:var(--spacing-xl)}.pl-lg-0{padding-left:0}.pl-lg-xs{padding-left:var(--spacing-xs)}.pl-lg-sm{padding-left:var(--spacing-sm)}.pl-lg-md{padding-left:var(--spacing-md)}.pl-lg-lg{padding-left:var(--spacing-lg)}.pl-lg-xl{padding-left:var(--spacing-xl)}.pr-lg-0{padding-right:0}.pr-lg-xs{padding-right:var(--spacing-xs)}.pr-lg-sm{padding-right:var(--spacing-sm)}.pr-lg-md{padding-right:var(--spacing-md)}.pr-lg-lg{padding-right:var(--spacing-lg)}.pr-lg-xl{padding-right:var(--spacing-xl)}}@media(min-width:1200px){.p-xl-0{padding:0}.p-xl-xs{padding:var(--spacing-xs)}.p-xl-sm{padding:var(--spacing-sm)}.p-xl-md{padding:var(--spacing-md)}.p-xl-lg{padding:var(--spacing-lg)}.p-xl-xl{padding:var(--spacing-xl)}.pt-xl-0{padding-top:0}.pt-xl-xs{padding-top:var(--spacing-xs)}.pt-xl-sm{padding-top:var(--spacing-sm)}.pt-xl-md{padding-top:var(--spacing-md)}.pt-xl-lg{padding-top:var(--spacing-lg)}.pt-xl-xl{padding-top:var(--spacing-xl)}.pb-xl-0{padding-bottom:0}.pb-xl-xs{padding-bottom:var(--spacing-xs)}.pb-xl-sm{padding-bottom:var(--spacing-sm)}.pb-xl-md{padding-bottom:var(--spacing-md)}.pb-xl-lg{padding-bottom:var(--spacing-lg)}.pb-xl-xl{padding-bottom:var(--spacing-xl)}.pl-xl-0{padding-left:0}.pl-xl-xs{padding-left:var(--spacing-xs)}.pl-xl-sm{padding-left:var(--spacing-sm)}.pl-xl-md{padding-left:var(--spacing-md)}.pl-xl-lg{padding-left:var(--spacing-lg)}.pl-xl-xl{padding-left:var(--spacing-xl)}.pr-xl-0{padding-right:0}.pr-xl-xs{padding-right:var(--spacing-xs)}.pr-xl-sm{padding-right:var(--spacing-sm)}.pr-xl-md{padding-right:var(--spacing-md)}.pr-xl-lg{padding-right:var(--spacing-lg)}.pr-xl-xl{padding-right:var(--spacing-xl)}}.hide-xs{display:none}@media(min-width:576px){.hide-xs{display:block}.hide-sm{display:none}}@media(min-width:768px){.hide-sm{display:block}.hide-md{display:none}}@media(min-width:992px){.hide-md{display:block}.hide-lg{display:none}}@media(min-width:1200px){.hide-lg{display:block}.hide-xl{display:none}}.show-xs-only{display:block}.show-sm-only,.show-md-only,.show-lg-only,.show-xl-only{display:none}@media(min-width:576px){.show-xs-only{display:none}.show-sm-only{display:block}}@media(min-width:768px){.show-sm-only{display:none}.show-md-only{display:block}}@media(min-width:992px){.show-md-only{display:none}.show-lg-only{display:block}}@media(min-width:1200px){.show-lg-only{display:none}.show-xl-only{display:block}}.hide-sm-up,.hide-md-up,.hide-lg-up,.hide-xl-up{display:block}@media(min-width:576px){.hide-sm-up{display:none}}@media(min-width:768px){.hide-md-up{display:none}}@media(min-width:992px){.hide-lg-up{display:none}}@media(min-width:1200px){.hide-xl-up{display:none}}.hide-sm-down,.hide-md-down,.hide-lg-down,.hide-xl-down{display:none}@media(min-width:576px){.hide-sm-down{display:block}}@media(min-width:768px){.hide-md-down{display:block}}@media(min-width:992px){.hide-lg-down{display:block}}@media(min-width:1200px){.hide-xl-down{display:block}}@media(min-width:576px){.flex-sm-row{flex-direction:row}.flex-sm-column{flex-direction:column}.flex-sm-row-reverse{flex-direction:row-reverse}.flex-sm-column-reverse{flex-direction:column-reverse}.justify-sm-start{justify-content:flex-start}.justify-sm-end{justify-content:flex-end}.justify-sm-center{justify-content:center}.justify-sm-between{justify-content:space-between}.justify-sm-around{justify-content:space-around}.align-sm-start{align-items:flex-start}.align-sm-end{align-items:flex-end}.align-sm-center{align-items:center}.align-sm-stretch{align-items:stretch}.flex-sm-wrap{flex-wrap:wrap}.flex-sm-nowrap{flex-wrap:nowrap}}@media(min-width:768px){.flex-md-row{flex-direction:row}.flex-md-column{flex-direction:column}.flex-md-row-reverse{flex-direction:row-reverse}.flex-md-column-reverse{flex-direction:column-reverse}.justify-md-start{justify-content:flex-start}.justify-md-end{justify-content:flex-end}.justify-md-center{justify-content:center}.justify-md-between{justify-content:space-between}.justify-md-around{justify-content:space-around}.align-md-start{align-items:flex-start}.align-md-end{align-items:flex-end}.align-md-center{align-items:center}.align-md-stretch{align-items:stretch}.flex-md-wrap{flex-wrap:wrap}.flex-md-nowrap{flex-wrap:nowrap}}@media(min-width:992px){.flex-lg-row{flex-direction:row}.flex-lg-column{flex-direction:column}.flex-lg-row-reverse{flex-direction:row-reverse}.flex-lg-column-reverse{flex-direction:column-reverse}.justify-lg-start{justify-content:flex-start}.justify-lg-end{justify-content:flex-end}.justify-lg-center{justify-content:center}.justify-lg-between{justify-content:space-between}.justify-lg-around{justify-content:space-around}.align-lg-start{align-items:flex-start}.align-lg-end{align-items:flex-end}.align-lg-center{align-items:center}.align-lg-stretch{align-items:stretch}.flex-lg-wrap{flex-wrap:wrap}.flex-lg-nowrap{flex-wrap:nowrap}}@media(min-width:1200px){.flex-xl-row{flex-direction:row}.flex-xl-column{flex-direction:column}.flex-xl-row-reverse{flex-direction:row-reverse}.flex-xl-column-reverse{flex-direction:column-reverse}.justify-xl-start{justify-content:flex-start}.justify-xl-end{justify-content:flex-end}.justify-xl-center{justify-content:center}.justify-xl-between{justify-content:space-between}.justify-xl-around{justify-content:space-around}.align-xl-start{align-items:flex-start}.align-xl-end{align-items:flex-end}.align-xl-center{align-items:center}.align-xl-stretch{align-items:stretch}.flex-xl-wrap{flex-wrap:wrap}.flex-xl-nowrap{flex-wrap:nowrap}}@media(min-width:576px){.gap-sm-0{gap:0}.gap-sm-xs{gap:var(--spacing-xs)}.gap-sm-sm{gap:var(--spacing-sm)}.gap-sm-md{gap:var(--spacing-md)}.gap-sm-lg{gap:var(--spacing-lg)}.gap-sm-xl{gap:var(--spacing-xl)}}@media(min-width:768px){.gap-md-0{gap:0}.gap-md-xs{gap:var(--spacing-xs)}.gap-md-sm{gap:var(--spacing-sm)}.gap-md-md{gap:var(--spacing-md)}.gap-md-lg{gap:var(--spacing-lg)}.gap-md-xl{gap:var(--spacing-xl)}}@media(min-width:992px){.gap-lg-0{gap:0}.gap-lg-xs{gap:var(--spacing-xs)}.gap-lg-sm{gap:var(--spacing-sm)}.gap-lg-md{gap:var(--spacing-md)}.gap-lg-lg{gap:var(--spacing-lg)}.gap-lg-xl{gap:var(--spacing-xl)}}@media(min-width:1200px){.gap-xl-0{gap:0}.gap-xl-xs{gap:var(--spacing-xs)}.gap-xl-sm{gap:var(--spacing-sm)}.gap-xl-md{gap:var(--spacing-md)}.gap-xl-lg{gap:var(--spacing-lg)}.gap-xl-xl{gap:var(--spacing-xl)}}.w-100{width:100%}.w-auto{width:auto}@media(min-width:576px){.w-sm-100{width:100%}.w-sm-auto{width:auto}.w-sm-50{width:50%}.w-sm-25{width:25%}.w-sm-75{width:75%}}@media(min-width:768px){.w-md-100{width:100%}.w-md-auto{width:auto}.w-md-50{width:50%}.w-md-25{width:25%}.w-md-75{width:75%}}@media(min-width:992px){.w-lg-100{width:100%}.w-lg-auto{width:auto}.w-lg-50{width:50%}.w-lg-25{width:25%}.w-lg-75{width:75%}}@media(min-width:1200px){.w-xl-100{width:100%}.w-xl-auto{width:auto}.w-xl-50{width:50%}.w-xl-25{width:25%}.w-xl-75{width:75%}}#root,.home-page{min-height:100vh;display:flex;flex-direction:column}.home-page main{flex:1;padding:var(--spacing-xl);max-width:1200px;margin:0 auto;width:100%}.home-content{text-align:center;padding:var(--spacing-xl) 0}.home-content h1{color:var(--color-black)}.home-content p{color:var(--color-gray-dark)}.header{background-color:var(--color-primary);padding:var(--spacing-md) var(--spacing-xl);color:var(--color-white)}.header-container{max-width:1200px;margin:0 auto}.header-logo{margin:0;font-size:var(--font-size-h3);font-weight:var(--font-weight-bold)}.navbar{background-color:var(--color-primary-dark);padding:var(--spacing-sm) var(--spacing-xl)}.navbar-list{list-style:none;padding:0;display:flex;gap:var(--spacing-lg);max-width:1200px;margin:0 auto}.navbar-item{margin:0}.navbar-link{color:var(--color-white);text-decoration:none;font-weight:var(--font-weight-bold);font-size:var(--font-size-body);transition:opacity .2s ease}.navbar-link:hover{opacity:.8}.footer{background-color:var(--color-black);padding:var(--spacing-md) var(--spacing-xl);color:var(--color-gray);margin-top:auto}.footer-container{max-width:1200px;margin:0 auto;text-align:center}.footer-text{margin:0;font-size:var(--font-size-small)}.logo{display:inline-block;flex-shrink:0;object-fit:contain}.logo img,.logo svg{display:block;width:100%;height:100%;object-fit:contain}.logo-complete{aspect-ratio:797 / 465}.logo-line{aspect-ratio:798 / 253}.logo-simple{aspect-ratio:300 / 269}.logo-transparent{aspect-ratio:782 / 453}.logo-xs{height:24px;width:auto}.logo-xs.logo-simple{width:24px;height:auto}.logo-sm{height:32px;width:auto}.logo-sm.logo-simple{width:32px;height:auto}.logo-md{height:48px;width:auto}.logo-md.logo-simple{width:48px;height:auto}.logo-lg{height:64px;width:auto}.logo-lg.logo-simple{width:64px;height:auto}.logo-xl{height:96px;width:auto}.logo-xl.logo-simple{width:96px;height:auto}.logo-2xl{height:128px;width:auto}.logo-2xl.logo-simple{width:128px;height:auto}.logo-full{width:100%;height:auto;max-width:400px}.logo-full.logo-simple{max-width:200px}.logo-full.logo-line{max-width:600px}.logo-container{display:flex;align-items:center;justify-content:center}.logo-inline{display:inline-flex;align-items:center;gap:var(--spacing-sm)}.logo-link{display:inline-flex;text-decoration:none;transition:opacity .2s ease}.logo-link:hover{opacity:.85}.logo-link:focus{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}@media(max-width:575px){.logo-responsive{height:32px;width:auto}.logo-responsive.logo-simple{width:32px;height:auto}.logo-responsive.logo-line{height:24px}}@media(min-width:576px)and (max-width:767px){.logo-responsive{height:40px;width:auto}.logo-responsive.logo-simple{width:40px;height:auto}}@media(min-width:768px){.logo-responsive{height:48px;width:auto}.logo-responsive.logo-simple{width:48px;height:auto}}.logo-placeholder{background-color:var(--color-gray-light);border-radius:var(--radius-md);animation:logo-pulse 1.5s ease-in-out infinite}@keyframes logo-pulse{0%,to{opacity:1}50%{opacity:.5}}.logo-badge{padding:var(--spacing-sm);border-radius:var(--radius-lg)}.logo-badge-primary{background-color:var(--color-primary)}.logo-badge-white{background-color:var(--color-white);box-shadow:var(--shadow-sm)}.logo-badge-black{background-color:var(--color-black)}.logo-badge-rounded{border-radius:var(--radius-full);padding:var(--spacing-md)}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:var(--spacing-md);background-color:var(--color-white)}.loading-screen p{font-family:var(--font-family);font-size:var(--font-size-body);color:var(--color-gray-dark)}.loading-spinner{width:40px;height:40px;border:3px solid var(--color-gray-light);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.sidebar{display:flex;flex-direction:column;width:20%;height:100vh;position:fixed;top:0;left:0;background-color:var(--color-white);border-right:1px solid var(--color-gray-light);padding:var(--spacing-md);z-index:100;transition:transform .3s ease}.sidebar-header{display:flex;justify-content:center;align-items:center;padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-gray-light);margin-bottom:var(--spacing-md)}.sidebar-logo{height:auto;width:100%;max-width:140px}.sidebar-profile{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);margin-bottom:var(--spacing-md);border-radius:var(--radius-lg);text-decoration:none;color:var(--color-black);transition:background-color .2s ease}.sidebar-profile:hover{background-color:var(--color-gray-light)}.sidebar-profile-avatar{width:40px;height:40px;border-radius:50%;background-color:var(--color-gray-light);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.sidebar-profile-avatar img{width:100%;height:100%;object-fit:cover}.sidebar-profile-avatar span{font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-bold);color:var(--color-gray-dark)}.sidebar-profile-info{flex:1;min-width:0}.sidebar-profile-name{display:block;font-family:var(--font-family);font-size:14px;font-weight:500;color:var(--color-black);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-profile-role{display:block;font-family:var(--font-family);font-size:var(--font-size-small);color:var(--color-gray)}.sidebar-profile-chevron{color:var(--color-gray);flex-shrink:0}.sidebar-nav{display:flex;flex-direction:column;gap:var(--spacing-sm)}.sidebar-nav-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-lg);text-decoration:none;color:var(--color-gray-dark);font-family:var(--font-family);font-size:14px;font-weight:500;transition:all .2s ease;border-left:3px solid transparent}.sidebar-nav-item:hover{background-color:var(--color-gray-light);color:var(--color-black)}.sidebar-nav-item.active{background-color:#dd81221a;color:var(--color-primary);font-weight:500;border-left-color:var(--color-primary);border-radius:0}.sidebar-nav-item.active .sidebar-nav-icon,.sidebar-nav-item.active .sidebar-nav-label{color:var(--color-primary)}.sidebar-nav-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:inherit}.sidebar-nav-label{flex:1}.hamburger-button{display:none;position:fixed;top:var(--spacing-md);left:var(--spacing-md);z-index:101;width:40px;height:40px;padding:var(--spacing-xs);background-color:var(--color-white);border:1px solid var(--color-gray-light);border-radius:var(--radius-md);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:4px;transition:background-color .2s ease}.hamburger-button:hover{background-color:var(--color-gray-light)}.hamburger-line{width:20px;height:2px;background-color:var(--color-black);border-radius:1px;transition:all .3s ease}.hamburger-button.active .hamburger-line:nth-child(1){transform:rotate(45deg) translate(4px,4px)}.hamburger-button.active .hamburger-line:nth-child(2){opacity:0}.hamburger-button.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(4px,-4px)}.sidebar-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:99}.sidebar-overlay.active{display:block}@media(max-width:991px){.hamburger-button{display:flex}.sidebar{width:280px;transform:translate(-100%);box-shadow:var(--shadow-lg)}.sidebar.open{transform:translate(0)}}.login-page{display:flex;min-height:100vh;width:100%}.login-panel-left{display:none;flex:1;background-color:var(--color-orange-light);position:relative;overflow:hidden}.login-ellipse{position:absolute;width:140%;height:140%;top:50%;left:-20%;transform:translateY(-50%);background:radial-gradient(ellipse at center,var(--color-primary-light) 0%,var(--color-primary) 50%,transparent 70%);opacity:.6;pointer-events:none}.login-cat-container{position:absolute;bottom:0;left:0;width:60%;max-width:350px;z-index:1}.login-cat-image{width:100%;height:auto;display:block;object-fit:contain}.login-panel-left-content{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;height:100%;padding:var(--spacing-2xl);padding-top:var(--spacing-3xl);position:relative;z-index:2}.login-branding{margin-bottom:var(--spacing-xl)}.login-tagline{max-width:480px;text-align:center}.login-title{font-family:var(--font-family);font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);color:var(--color-white);margin-bottom:0;line-height:var(--line-height-h2)}.login-panel-right{flex:1;display:flex;align-items:center;justify-content:center;background-color:var(--color-white);padding:var(--spacing-xl)}.login-form-container{width:100%;max-width:400px}.login-form-logo{display:flex;justify-content:center;margin-bottom:var(--spacing-3xl)}.login-form-logo .logo{width:400px;height:auto}.login-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-error{padding:var(--spacing-md);background-color:#fee2e2;border:1px solid #EF4444;border-radius:var(--radius-md);color:#dc2626;font-family:var(--font-family);font-size:var(--font-size-small);text-align:center}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-label{font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-regular);color:var(--color-black)}.form-input{width:100%;padding:var(--spacing-md);font-family:var(--font-family);font-size:var(--font-size-body);color:var(--color-black);background-color:var(--color-white);border:1px solid var(--color-gray-light);border-radius:var(--radius-md);outline:none;transition:border-color .2s ease,box-shadow .2s ease}.form-input::placeholder{color:var(--color-gray)}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #dd81221a}.form-input:hover:not(:focus){border-color:var(--color-gray)}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper .form-input{padding-right:48px}.password-toggle{position:absolute;right:12px;display:flex;align-items:center;justify-content:center;padding:4px;background:transparent;border:none;cursor:pointer;color:var(--color-gray);transition:color .2s ease}.password-toggle:hover{color:var(--color-gray-dark)}.password-toggle:focus{outline:none;color:var(--color-primary)}.login-button{width:100%;padding:var(--spacing-md) var(--spacing-xl);margin-top:var(--spacing-md);font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-bold);color:var(--color-white);background-color:var(--color-primary);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background-color .2s ease,transform .1s ease}.login-button:hover:not(:disabled){background-color:var(--color-primary-dark)}.login-button:active:not(:disabled){transform:scale(.98)}.login-button:disabled{opacity:.7;cursor:not-allowed}.login-footer{margin-top:var(--spacing-2xl);text-align:center}.login-help-text{font-family:var(--font-family);font-size:var(--font-size-small);color:var(--color-gray-dark);margin:0}.login-highlight{color:var(--color-primary);font-weight:var(--font-weight-regular)}@media(min-width:768px){.login-panel-left{display:block}.login-panel-right{flex:1}.login-title{font-size:var(--font-size-h1);line-height:var(--line-height-h1)}.login-form-container{max-width:420px}.login-cat-container{width:55%;max-width:320px}.login-form-logo .logo{width:420px}}@media(min-width:992px){.login-panel-left-content{padding:var(--spacing-3xl)}.login-cat-container{width:50%;max-width:380px}}@media(min-width:1200px){.login-cat-container{width:50%;max-width:420px}}.dashboard-layout{display:flex;min-height:100vh;background-color:#f5f5f5}.dashboard-content{flex:1;margin-left:20%;padding:var(--spacing-xl);overflow-y:auto}@media(max-width:991px){.dashboard-content{margin-left:0;padding:var(--spacing-md)}}.profile-page{padding:var(--spacing-lg)}.profile-page-header{margin-bottom:var(--spacing-lg)}.profile-page-title{font-size:var(--font-size-h3);font-weight:700;color:var(--color-black);margin:0}.profile-page-content{display:flex;flex-direction:column;gap:var(--spacing-md)}.profile-header-card{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md);box-shadow:var(--shadow-sm)}.profile-header-avatar-container{position:relative;flex-shrink:0}.profile-header-avatar{width:72px;height:72px;border-radius:50%;background:var(--color-gray-light);display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;border:2px solid var(--color-primary-light);transition:border-color .2s ease}.profile-header-avatar:hover{border-color:var(--color-primary)}.profile-header-avatar img{width:100%;height:100%;object-fit:cover}.profile-header-initials{font-size:var(--font-size-h4);font-weight:600;color:var(--color-gray-dark)}.profile-header-avatar.uploading{opacity:.6;pointer-events:none}.profile-header-loading{font-size:var(--font-size-h4);font-weight:600;color:var(--color-gray-dark);animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.profile-header-camera-button{position:absolute;bottom:-2px;right:-2px;width:24px;height:24px;border-radius:50%;background:var(--color-primary);color:var(--color-white);border:2px solid var(--color-white);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease}.profile-header-camera-button:hover{background:var(--color-primary-dark)}.profile-header-camera-button svg{width:12px;height:12px}.profile-header-info{display:flex;flex-direction:column;gap:2px}.profile-header-name{font-size:var(--font-size-body);font-weight:600;color:var(--color-black);margin:0}.profile-header-role{font-size:var(--font-size-small);color:var(--color-gray-dark)}.profile-card{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.profile-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.profile-card-title{font-size:var(--font-size-body);font-weight:600;color:var(--color-black);margin:0}.profile-card-divider{height:1px;background:var(--color-gray-light);margin-bottom:var(--spacing-md)}.profile-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.profile-info-field{display:flex;flex-direction:column;gap:4px}.profile-info-label{font-size:var(--font-size-small);font-weight:500;color:var(--color-gray-dark)}.profile-info-value{font-size:var(--font-size-body);font-weight:500;color:var(--color-black)}.profile-info-value-readonly{color:var(--color-gray-dark)}.profile-info-input{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-gray);border-radius:var(--radius-md);font-size:var(--font-size-small);font-family:inherit;transition:border-color .2s ease}.profile-info-input:focus{outline:none;border-color:var(--color-primary)}.profile-info-hint{font-size:.75rem;color:var(--color-gray);font-style:italic}.profile-edit-button{display:flex;align-items:center;gap:var(--spacing-xs);padding:6px 12px;background:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:var(--font-size-small);font-weight:500;cursor:pointer;transition:background-color .2s ease}.profile-edit-button:hover{background:var(--color-primary-dark)}.profile-edit-button svg{width:14px;height:14px}.profile-actions{display:flex;gap:var(--spacing-sm)}.profile-cancel-button{padding:6px 12px;background:transparent;color:var(--color-gray-dark);border:1px solid var(--color-gray);border-radius:var(--radius-md);font-size:var(--font-size-small);font-weight:500;cursor:pointer;transition:all .2s ease}.profile-cancel-button:hover:not(:disabled){background:var(--color-gray-light)}.profile-cancel-button:disabled{opacity:.5;cursor:not-allowed}.profile-save-button{padding:6px 12px;background:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:var(--font-size-small);font-weight:500;cursor:pointer;transition:background-color .2s ease}.profile-save-button:hover:not(:disabled){background:var(--color-primary-dark)}.profile-save-button:disabled{opacity:.7;cursor:not-allowed}.profile-error-message{color:#dc2626;font-size:var(--font-size-small);margin:0 0 var(--spacing-md) 0;padding:var(--spacing-sm) var(--spacing-md);background:#fef2f2;border-radius:var(--radius-md)}.profile-success-message{color:#16a34a;font-size:var(--font-size-small);margin:0 0 var(--spacing-md) 0;padding:var(--spacing-sm) var(--spacing-md);background:#f0fdf4;border-radius:var(--radius-md)}.profile-password-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.profile-password-field{display:flex;flex-direction:column;gap:4px}.profile-password-field.full-width{grid-column:1 / -1}.profile-logout-card{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;align-items:center}.profile-logout-info{display:flex;flex-direction:column;gap:4px}.profile-logout-title{font-size:var(--font-size-body);font-weight:600;color:var(--color-black);margin:0}.profile-logout-description{font-size:var(--font-size-small);color:var(--color-gray-dark);margin:0}.profile-logout-button{display:flex;align-items:center;gap:var(--spacing-xs);padding:8px 16px;background:transparent;color:#dc2626;border:1px solid #dc2626;border-radius:var(--radius-md);font-size:var(--font-size-small);font-weight:500;cursor:pointer;transition:all .2s ease}.profile-logout-button:hover{background:#dc2626;color:var(--color-white)}.profile-logout-button svg{width:16px;height:16px}@media(max-width:768px){.profile-page{padding:var(--spacing-md)}.profile-header-card{flex-direction:column;text-align:center}.profile-header-avatar{width:64px;height:64px}.profile-header-initials{font-size:var(--font-size-body)}.profile-info-grid,.profile-password-grid{grid-template-columns:1fr}.profile-password-field.full-width{grid-column:1}.profile-card-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.profile-logout-card{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}}.calculator-page{padding:var(--spacing-xl);max-width:1000px;margin:0 auto}.calculator-header{margin-bottom:var(--spacing-xl)}.calculator-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-xs)}.calculator-title{font-family:var(--font-family);font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);color:var(--color-black);margin:0}.calculator-btn-restart{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;color:var(--color-gray-dark);background-color:var(--color-white);border:1px solid var(--color-gray-light);border-radius:50%;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #00000014;flex-shrink:0;margin-top:2px}.calculator-btn-restart:hover{color:var(--color-primary);border-color:var(--color-primary);box-shadow:0 2px 6px #0000001f}.calculator-btn-restart svg{width:20px;height:20px}.calculator-subtitle{font-family:var(--font-family);font-size:var(--font-size-body);color:var(--color-gray-dark);margin:0}.calculator-wizard{display:flex;gap:var(--spacing-2xl)}.calculator-timeline{flex-shrink:0;width:200px;display:flex;flex-direction:column;gap:0}.calculator-timeline-item{position:relative;display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md) 0;cursor:pointer;transition:opacity .2s ease}.calculator-timeline-item:hover{opacity:.8}.calculator-timeline-item.active{cursor:default}.calculator-timeline-item.active:hover{opacity:1}.calculator-timeline-marker{flex-shrink:0;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-family);font-size:var(--font-size-small);font-weight:700;background-color:#999;color:#fff!important;border:2px solid #999999;transition:all .2s ease;z-index:1}.calculator-timeline-marker span{color:#fff!important;font-weight:700}.calculator-timeline-item.active .calculator-timeline-marker{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.calculator-timeline-item.completed .calculator-timeline-marker{background-color:#22c55e;color:#fff!important;border-color:#22c55e}.calculator-timeline-item.completed .calculator-timeline-marker svg{stroke:#fff}.calculator-timeline-content{display:flex;flex-direction:column;gap:2px;padding-top:4px}.calculator-timeline-label{font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--color-gray-dark)}.calculator-timeline-item.active .calculator-timeline-label{color:var(--color-black)}.calculator-timeline-item.completed .calculator-timeline-label{color:var(--color-primary)}.calculator-timeline-description{font-family:var(--font-family);font-size:var(--font-size-small);color:var(--color-gray)}.calculator-timeline-line{position:absolute;left:15px;top:48px;width:2px;height:calc(100% - 16px);background-color:var(--color-gray-light)}.calculator-timeline-item.completed .calculator-timeline-line{background-color:var(--color-primary)}.calculator-step-container{flex:1;background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000001a;padding:var(--spacing-2xl);min-height:400px;display:flex;flex-direction:column}.calculator-step-content{flex:1}.calculator-step-title{font-family:var(--font-family);font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);color:var(--color-black);margin:0 0 var(--spacing-xs) 0}.calculator-step-description{font-family:var(--font-family);font-size:var(--font-size-body);color:var(--color-gray-dark);margin:0 0 var(--spacing-xl) 0}.calculator-form-group{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg)}.calculator-form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.calculator-daily-summary{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);margin-top:var(--spacing-lg);padding:var(--spacing-lg);background-color:var(--color-gray-light);border-radius:var(--radius-lg)}.calculator-daily-label{font-family:var(--font-family);font-size:var(--font-size-body);color:var(--color-gray-dark)}.calculator-daily-value{font-family:var(--font-family);font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);color:var(--color-primary)}.calculator-daily-breakdown{font-family:var(--font-family);font-size:var(--font-size-small);color:var(--color-gray)}.calculator-label{font-family:var(--font-family);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);color:var(--color-black)}.calculator-input,.calculator-select{width:100%;padding:var(--spacing-md);font-family:var(--font-family);font-size:var(--font-size-body);color:var(--color-black);background-color:var(--color-white);border:1px solid var(--color-gray-light);border-radius:var(--radius-md);outline:none;transition:border-color .2s ease,box-shadow .2s ease}.calculator-input:focus,.calculator-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #dd81221a}.calculator-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23666666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:20px;padding-right:48px}.calculator-hint{font-family:var(--font-family);font-size:var(--font-size-small);color:var(--color-gray);margin-top:var(--spacing-xs)}.calculator-service-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}.calculator-service-card{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl);background-color:var(--color-white);border:2px solid var(--color-gray-light);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease;text-align:center}.calculator-service-card:hover{border-color:var(--color-primary-light);background-color:#fff9f5}.calculator-service-card.active{border-color:var(--color-primary);background-color:#fff9f5}.calculator-service-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background-color:var(--color-gray-light);border-radius:50%;color:var(--color-gray-dark);transition:all .2s ease}.calculator-service-card:hover .calculator-service-icon{background-color:var(--color-primary-light);color:var(--color-white)}.calculator-service-card.active .calculator-service-icon{background-color:var(--color-primary);color:var(--color-white)}.calculator-service-info{display:flex;flex-direction:column;gap:4px}.calculator-service-label{font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--color-black)}.calculator-service-card.active .calculator-service-label{color:var(--color-primary)}.calculator-service-description{font-family:var(--font-family);font-size:var(--font-size-small);color:var(--color-gray)}.calculator-date-range{display:flex;flex-direction:column;gap:var(--spacing-lg)}.calculator-date-summary{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-lg);background-color:var(--color-gray-light);border-radius:var(--radius-lg)}.calculator-date-summary-label{font-family:var(--font-family);font-size:var(--font-size-body);color:var(--color-gray-dark)}.calculator-date-summary-value{font-family:var(--font-family);font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);color:var(--color-primary)}.date-picker-container,.date-picker-trigger-wrapper{position:relative;width:100%}.date-picker-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);padding-right:48px;background-color:var(--color-white);border:1px solid var(--color-gray-light);border-radius:32px;cursor:pointer;transition:all .2s ease;text-align:left}.date-picker-trigger:hover{border-color:var(--color-black)}.date-picker-trigger.active{border-color:var(--color-black);box-shadow:0 0 0 1px var(--color-black)}.date-picker-trigger-content{display:flex;flex-direction:column;gap:2px}.date-picker-label{font-family:var(--font-family);font-size:12px;font-weight:var(--font-weight-medium);color:var(--color-gray-dark)}.date-picker-value{font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--color-black)}.date-picker-clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:24px;height:24px;display:flex;align-items:center;justify-content:center;background-color:var(--color-gray-light);border:none;border-radius:50%;cursor:pointer;color:var(--color-gray-dark);transition:all .15s ease;z-index:1}.date-picker-clear:hover{background-color:var(--color-gray);color:var(--color-black)}.date-picker-dropdown{position:absolute;top:calc(100% + var(--spacing-md));left:50%;transform:translate(-50%);min-width:340px;background-color:var(--color-white);border-radius:24px;box-shadow:0 6px 20px #0003;z-index:100;padding:var(--spacing-xl)}.date-picker-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg)}.date-picker-nav{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:50%;cursor:pointer;color:var(--color-black);transition:all .15s ease}.date-picker-nav:hover{background-color:var(--color-gray-light)}.date-picker-month{font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--color-black)}.date-picker-weekdays{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:var(--spacing-xs)}.date-picker-weekday{font-family:var(--font-family);font-size:12px;font-weight:var(--font-weight-medium);color:var(--color-gray);text-align:center;padding:var(--spacing-sm)}.date-picker-days{display:grid;grid-template-columns:repeat(7,1fr)}.date-picker-day{position:relative;aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-family:var(--font-family);font-size:var(--font-size-body);color:var(--color-black);background:transparent;border:none;cursor:pointer;transition:background-color .15s ease;padding:0}.date-picker-day-inner{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .15s ease}.date-picker-day:hover:not(.outside):not(.past) .date-picker-day-inner{background-color:var(--color-gray-light)}.date-picker-day.outside{color:var(--color-gray-light);cursor:default}.date-picker-day.in-range{background-color:#f7f7f7}.date-picker-day.start .date-picker-day-inner{background-color:var(--color-black);color:var(--color-white);font-weight:var(--font-weight-semibold)}.date-picker-day.start{background:linear-gradient(90deg,transparent 50%,#F7F7F7 50%)}.date-picker-day.start.end{background:transparent}.date-picker-day.end .date-picker-day-inner{background-color:var(--color-black);color:var(--color-white);font-weight:var(--font-weight-semibold)}.date-picker-day.end{background:linear-gradient(90deg,#F7F7F7 50%,transparent 50%)}.calculator-radio-group{display:flex;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.calculator-radio-option{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer}.calculator-radio-option input[type=radio]{appearance:none;-webkit-appearance:none;width:20px;height:20px;margin:0;border:2px solid var(--color-gray-light);border-radius:50%;cursor:pointer;transition:all .15s ease;position:relative}.calculator-radio-option input[type=radio]:hover{border-color:var(--color-primary)}.calculator-radio-option input[type=radio]:checked{border-color:var(--color-primary);background-color:var(--color-white)}.calculator-radio-option input[type=radio]:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;background-color:var(--color-primary)}.calculator-radio-option input[type=radio]:focus{outline:none;box-shadow:0 0 0 3px #dd812233}.calculator-radio-label{font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--color-black)}.calculator-checkbox-option{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;margin-bottom:var(--spacing-lg)}.calculator-checkbox-option input[type=checkbox]{appearance:none;-webkit-appearance:none;width:20px;height:20px;margin:0;border:2px solid var(--color-gray-light);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease;position:relative}.calculator-checkbox-option input[type=checkbox]:hover{border-color:var(--color-primary)}.calculator-checkbox-option input[type=checkbox]:checked{border-color:var(--color-primary);background-color:var(--color-primary)}.calculator-checkbox-option input[type=checkbox]:checked:after{content:"";position:absolute;top:2px;left:6px;width:5px;height:10px;border:solid var(--color-white);border-width:0 2px 2px 0;transform:rotate(45deg)}.calculator-checkbox-option input[type=checkbox]:focus{outline:none;box-shadow:0 0 0 3px #dd812233}.calculator-checkbox-label{font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--color-black)}.calculator-disabled{opacity:.5;pointer-events:none}.calculator-input:disabled{background-color:var(--color-gray-light);cursor:not-allowed}.calculator-search-container{position:relative}.calculator-search-input{padding-right:100px}.calculator-search-loading{position:absolute;right:var(--spacing-md);top:50%;transform:translateY(-50%);font-family:var(--font-family);font-size:var(--font-size-small);color:var(--color-gray)}.calculator-search-results{position:absolute;top:calc(100% + var(--spacing-xs));left:0;right:0;background-color:var(--color-white);border:1px solid var(--color-gray-light);border-radius:var(--radius-md);box-shadow:0 4px 12px #00000026;z-index:50;max-height:300px;overflow-y:auto}.calculator-search-result{display:flex;align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-md) var(--spacing-lg);background:none;border:none;border-bottom:1px solid var(--color-gray-light);cursor:pointer;text-align:left;transition:background-color .15s ease}.calculator-search-result:last-child{border-bottom:none}.calculator-search-result:hover{background-color:var(--color-gray-light)}.calculator-result-name{font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--color-black);flex:1}.calculator-result-phone{font-family:var(--font-family);font-size:var(--font-size-small);color:var(--color-gray)}.calculator-result-pets{font-family:var(--font-family);font-size:var(--font-size-small);color:var(--color-primary);background-color:#fff5eb;padding:2px 8px;border-radius:12px}.calculator-selected-guardian{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);background-color:#fff5eb;border:1px solid var(--color-primary);border-radius:var(--radius-md)}.calculator-guardian-info{display:flex;flex-direction:column;gap:2px}.calculator-guardian-name{font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--color-black)}.calculator-guardian-phone{font-family:var(--font-family);font-size:var(--font-size-small);color:var(--color-gray)}.calculator-guardian-clear{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background-color:var(--color-white);border:1px solid var(--color-gray-light);border-radius:50%;cursor:pointer;color:var(--color-gray-dark);transition:all .15s ease}.calculator-guardian-clear:hover{background-color:#fee2e2;border-color:#ef4444;color:#ef4444}.calculator-pets-selection{margin-top:var(--spacing-xl)}.calculator-pets-list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.calculator-pet-checkbox{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-white);border:1px solid var(--color-gray-light);border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease}.calculator-pet-checkbox:hover{border-color:var(--color-primary)}.calculator-pet-checkbox input[type=checkbox]{appearance:none;-webkit-appearance:none;width:18px;height:18px;margin:0;border:2px solid var(--color-gray-light);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease;position:relative}.calculator-pet-checkbox input[type=checkbox]:checked{border-color:var(--color-primary);background-color:var(--color-primary)}.calculator-pet-checkbox input[type=checkbox]:checked:after{content:"";position:absolute;top:1px;left:5px;width:4px;height:8px;border:solid var(--color-white);border-width:0 2px 2px 0;transform:rotate(45deg)}.calculator-pet-name{font-family:var(--font-family);font-size:var(--font-size-body);color:var(--color-black)}.calculator-result-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg)}.calculator-result-header .calculator-step-title,.calculator-result-header .calculator-step-description{margin-bottom:var(--spacing-xs)}.calculator-export-container{position:relative}.calculator-btn-export{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-family);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);color:var(--color-primary);background-color:var(--color-white);border:1px solid var(--color-primary);border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease}.calculator-btn-export:hover{background-color:#fff5eb}.calculator-export-menu{position:absolute;top:calc(100% + var(--spacing-xs));right:0;min-width:180px;background-color:var(--color-white);border:1px solid var(--color-gray-light);border-radius:var(--radius-md);box-shadow:0 4px 12px #00000026;z-index:100;overflow:hidden}.calculator-export-menu button{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-family);font-size:var(--font-size-small);color:var(--color-black);background:none;border:none;border-bottom:1px solid var(--color-gray-light);cursor:pointer;text-align:left;transition:background-color .15s ease}.calculator-export-menu button:last-child{border-bottom:none}.calculator-export-menu button:hover{background-color:var(--color-gray-light)}.calculator-export-message{position:absolute;top:calc(100% + var(--spacing-xs));right:0;padding:var(--spacing-xs) var(--spacing-sm);font-family:var(--font-family);font-size:var(--font-size-small);color:var(--color-white);background-color:#22c55e;border-radius:var(--radius-sm);white-space:nowrap}@media print{body *{visibility:hidden}.calculator-result-card,.calculator-result-card *{visibility:visible}.calculator-result-card{position:absolute;left:0;top:0;width:100%;border:none;box-shadow:none;background-color:#fff;padding:20px}.calculator-result-final{display:none!important}.calculator-card-header{border-bottom:2px solid var(--color-primary)}.calculator-card-logo img{height:50px}}.calculator-percent-input{position:relative;display:flex;align-items:center}.calculator-percent-input .calculator-input{padding-right:40px}.calculator-percent-symbol{position:absolute;right:var(--spacing-md);font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--color-gray-dark);pointer-events:none}.calculator-info-box{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-gray-light);border-radius:var(--radius-md);margin-top:var(--spacing-lg)}.calculator-info-box.calculator-info-success{background-color:#e8f5e9;color:#2e7d32}.calculator-info-label{font-family:var(--font-family);font-size:var(--font-size-body);color:var(--color-gray-dark)}.calculator-info-value{font-family:var(--font-family);font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);color:var(--color-primary)}.calculator-result-card{background-color:#fff9f5;border:1px solid var(--color-primary-light);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.calculator-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-primary-light)}.calculator-card-logo img{height:40px;width:auto}.calculator-card-date{font-family:var(--font-family);font-size:var(--font-size-body);color:var(--color-gray-dark)}.calculator-result-summary{display:flex;flex-direction:column;gap:var(--spacing-sm)}.calculator-result-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0}.calculator-result-item.calculator-result-discount{color:#2e7d32}.calculator-result-label{font-family:var(--font-family);font-size:var(--font-size-body);color:var(--color-gray-dark)}.calculator-result-value{font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--color-black)}.calculator-result-divider{height:1px;background-color:var(--color-primary-light);margin:var(--spacing-lg) 0}.calculator-result-subtotal{margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px dashed var(--color-gray-light)}.calculator-result-proposal{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg) 0}.calculator-result-proposal-label{font-family:var(--font-family);font-size:var(--font-size-h4);font-weight:var(--font-weight-bold);color:var(--color-black)}.calculator-result-proposal-value{font-family:var(--font-family);font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);color:var(--color-primary)}.calculator-result-final{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px dashed var(--color-primary-light)}.calculator-input-final{margin-top:var(--spacing-sm);text-align:right;font-weight:var(--font-weight-semibold);border-color:var(--color-primary)}.calculator-navigation{display:flex;justify-content:space-between;gap:var(--spacing-md);margin-top:var(--spacing-2xl);padding-top:var(--spacing-xl);border-top:1px solid var(--color-gray-light)}.calculator-create-section{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-sm)}.calculator-create-error{font-family:var(--font-family);font-size:var(--font-size-small);color:#dc2626}.calculator-btn-primary,.calculator-btn-secondary{padding:var(--spacing-md) var(--spacing-2xl);font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.calculator-btn-primary{color:var(--color-white);background-color:var(--color-primary);border:none;margin-left:auto}.calculator-btn-primary:hover{background-color:var(--color-primary-dark)}.calculator-btn-primary:disabled{opacity:.7;cursor:not-allowed}.calculator-btn-primary.success{background-color:#22c55e}.calculator-btn-secondary{color:var(--color-gray-dark);background-color:var(--color-white);border:1px solid var(--color-gray-light)}.calculator-btn-secondary:hover{background-color:var(--color-gray-light)}@media(max-width:768px){.calculator-page{padding:var(--spacing-md);padding-top:60px}.calculator-title{font-size:var(--font-size-h4)}.calculator-subtitle{font-size:var(--font-size-small)}.calculator-wizard{flex-direction:column;gap:var(--spacing-lg)}.calculator-timeline{width:100%;flex-direction:row;overflow-x:auto;padding-bottom:var(--spacing-md);gap:var(--spacing-sm)}.calculator-timeline-item{flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-sm);min-width:80px}.calculator-timeline-content{padding-top:var(--spacing-xs)}.calculator-timeline-description,.calculator-timeline-line{display:none}.calculator-step-container{padding:var(--spacing-lg);min-height:auto}.calculator-form-row-2{grid-template-columns:1fr}.calculator-navigation{flex-direction:column}.calculator-btn-primary{margin-left:0;order:-1}.calculator-service-cards{grid-template-columns:1fr}.calculator-service-card{flex-direction:row;text-align:left;padding:var(--spacing-lg)}.calculator-service-icon{width:48px;height:48px;flex-shrink:0}.calculator-service-icon svg{width:24px;height:24px}.calculator-result-card{padding:var(--spacing-md)}.calculator-card-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.calculator-card-logo img{height:32px}.calculator-result-proposal{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.calculator-result-proposal-label{font-size:var(--font-size-body)}.calculator-result-proposal-value{font-size:var(--font-size-h2)}.calculator-result-header{flex-direction:column;gap:var(--spacing-md)}.calculator-export-container{width:100%}.calculator-btn-export{width:100%;justify-content:center}}.guardians-page,.tutores-page{padding:var(--spacing-lg)}.guardians-page-header,.tutores-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.guardians-page-header,.guardians-page-header-left,.tutores-page-header-left{display:flex;align-items:center;gap:var(--spacing-md)}.guardians-page-title,.tutores-page-title{font-size:var(--font-size-h3);font-weight:700;color:var(--color-black);margin:0}.guardians-page-count,.tutores-page-count{font-size:var(--font-size-small);font-weight:500;color:var(--color-primary);background:var(--color-orange-light);padding:4px 12px;border-radius:var(--radius-full)}.guardians-page-actions,.tutores-page-actions{display:flex;gap:var(--spacing-sm)}.guardians-add-button,.tutores-add-button{display:flex;align-items:center;gap:var(--spacing-xs);padding:10px 16px;background:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:var(--font-size-small);font-weight:500;cursor:pointer;transition:background-color .2s ease;text-decoration:none}.guardians-add-button,.tutores-add-button:hover{background:var(--color-primary-dark)}.guardians-add-button,.tutores-add-button svg{width:16px;height:16px}.guardians-table-card,.guardians-table,.tutores-table-card{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.guardians-filters,.tutores-filters{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-gray-light)}.guardians-search,.tutores-search{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;max-width:320px}.guardians-search,.tutores-search-input{flex:1;padding:8px 12px 8px 36px;border:1px solid var(--color-gray-light);border-radius:var(--radius-md);font-size:var(--font-size-small);font-family:inherit;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ACACAC' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");background-repeat:no-repeat;background-position:12px center;transition:border-color .2s ease}.guardians-search,.tutores-search-input:focus{outline:none;border-color:var(--color-primary)}.guardians-search,.tutores-search-input::placeholder{color:var(--color-gray)}.guardians-table,.tutores-table{width:100%;border-collapse:collapse}.guardians-table,.tutores-table th,.tutores-table td{padding:var(--spacing-md) var(--spacing-lg);text-align:left;vertical-align:middle}.guardians-table,.tutores-table th{font-size:var(--font-size-small);font-weight:500;color:var(--color-gray-dark);background:var(--color-gray-light);border-bottom:1px solid var(--color-gray-light)}.guardians-table,.tutores-table th:first-child{width:40px}.guardians-table,.tutores-table tbody tr{border-bottom:1px solid var(--color-gray-light);transition:background-color .15s ease}.guardians-table,.tutores-table tbody tr:hover{background-color:#fafafa}.guardians-table,.tutores-table tbody tr:last-child{border-bottom:none}.guardians-checkbox,.tutores-checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--color-primary)}.guardians-user-cell,.tutores-user-cell{display:flex;align-items:center;gap:var(--spacing-md);text-decoration:none;color:inherit}.guardians-user-cell,.tutores-user-cell:hover .guardians-user-name,.tutores-user-name{color:var(--color-primary)}.guardians-avatar,.tutores-avatar-sm{width:32px;height:32px}.guardians-avatar,.tutores-avatar-lg{width:56px;height:56px}.guardians-user-avatar,.tutores-user-avatar{width:40px;height:40px;border-radius:50%;background:var(--color-gray-light);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.guardians-user-avatar,.tutores-user-avatar img{width:100%;height:100%;object-fit:cover}.guardians-user-avatar,.tutores-user-avatar-initials{font-size:var(--font-size-small);font-weight:600;color:var(--color-gray-dark)}.guardians-user-info,.tutores-user-info{display:flex;flex-direction:column;gap:2px}.guardians-user-name,.tutores-user-name{font-size:var(--font-size-body);font-weight:500;color:var(--color-black)}.guardians-user-phone,.tutores-user-phone{font-size:var(--font-size-small);color:var(--color-gray-dark)}.guardians-status,.tutores-status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-full);font-size:var(--font-size-small);font-weight:500}.guardians-status,.tutores-status-badge.active{color:#16a34a;background:#dcfce7}.guardians-status,.tutores-status-badge.inactive{color:var(--color-gray-dark);background:var(--color-gray-light)}.guardians-status,.tutores-status-dot{width:6px;height:6px;border-radius:50%}.guardians-status,.tutores-status-badge.active .guardians-status,.tutores-status-dot{background:#16a34a}.guardians-status,.tutores-status-badge.inactive .guardians-status,.tutores-status-dot{background:var(--color-gray-dark)}.guardians-pets,.tutores-pets-cell{display:flex;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap}.guardians-pet-badge,.tutores-pet-badge{display:inline-block;padding:4px 10px;border-radius:var(--radius-full);font-size:var(--font-size-small);font-weight:500;white-space:nowrap}.guardians-pet-badge,.tutores-pet-badge.dog{color:#7c3aed;background:#ede9fe}.guardians-pet-badge,.tutores-pet-badge.cat{color:#2563eb;background:#dbeafe}.guardians-pet-badge,.tutores-pet-badge.bird{color:#16a34a;background:#dcfce7}.guardians-pet-badge,.tutores-pet-badge.rabbit{color:#ea580c;background:#ffedd5}.guardians-pet-badge,.tutores-pet-badge.other{color:var(--color-gray-dark);background:var(--color-gray-light)}.guardians-pet-count,.tutores-pet-count{color:var(--color-gray-dark);font-size:var(--font-size-small);font-weight:500}.guardians-actions,.tutores-actions-cell{display:flex;align-items:center;gap:var(--spacing-sm)}.guardians-action-button,.tutores-action-button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;color:var(--color-gray-dark);transition:all .2s ease}.guardians-action-button,.tutores-action-button:hover{background:var(--color-gray-light);color:var(--color-black)}.guardians-action-button,.tutores-action-button.delete:hover{background:#fef2f2;color:#dc2626}.guardians-action-button,.tutores-action-button svg{width:18px;height:18px}.guardians-empty,.tutores-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl) var(--spacing-lg);text-align:center}.guardians-empty,.tutores-empty-icon{width:64px;height:64px;color:var(--color-gray);margin-bottom:var(--spacing-md)}.guardians-empty,.tutores-empty-title{font-size:var(--font-size-body);font-weight:600;color:var(--color-black);margin:0 0 var(--spacing-xs) 0}.guardians-empty,.tutores-empty-description{font-size:var(--font-size-small);color:var(--color-gray-dark);margin:0 0 var(--spacing-lg) 0}.guardians-loading,.tutores-loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-3xl)}.guardians-spinner,.tutores-spinner{width:32px;height:32px;border:3px solid var(--color-gray-light);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.guardians-pagination,.tutores-pagination{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--color-gray-light)}.guardians-pagination,.tutores-pagination-info{font-size:var(--font-size-small);color:var(--color-gray-dark)}.guardians-pagination,.tutores-pagination-buttons{display:flex;gap:var(--spacing-xs)}.guardians-pagination,.tutores-pagination-button{padding:8px 12px;background:var(--color-white);border:1px solid var(--color-gray-light);border-radius:var(--radius-md);font-size:var(--font-size-small);font-weight:500;color:var(--color-black);cursor:pointer;transition:all .2s ease}.guardians-pagination,.tutores-pagination-button:hover:not(:disabled){background:var(--color-gray-light)}.guardians-pagination,.tutores-pagination-button:disabled{opacity:.5;cursor:not-allowed}.guardians-pagination,.tutores-pagination-button.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}@media(max-width:1024px){.guardians-table,.tutores-table th:nth-child(4),.tutores-table td:nth-child(4){display:none}}@media(max-width:768px){.tutores-page{padding:var(--spacing-md)}.guardians-page-header,.tutores-page-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.guardians-page-actions,.tutores-page-actions{width:100%}.guardians-add-button,.tutores-add-button{flex:1;justify-content:center}.guardians-filters,.tutores-filters{padding:var(--spacing-md)}.guardians-search,.tutores-search{max-width:none}.guardians-table,.tutores-table th,.tutores-table td{padding:var(--spacing-sm) var(--spacing-md)}.guardians-table,.tutores-table th:nth-child(3),.tutores-table td:nth-child(3),.tutores-table th:nth-child(5),.tutores-table td:nth-child(5){display:none}.guardians-pagination,.tutores-pagination{flex-direction:column;gap:var(--spacing-md)}}.tutor-form-page{padding:var(--spacing-lg)}.tutor-form-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.tutor-form-back-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:1px solid var(--color-gray-light);border-radius:var(--radius-md);cursor:pointer;color:var(--color-gray-dark);transition:all .2s ease}.tutor-form-back-button:hover{background:var(--color-gray-light);color:var(--color-black)}.tutor-form-title{font-size:var(--font-size-h3);font-weight:700;color:var(--color-black);margin:0}.tutor-form-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.tutor-form-card{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.tutor-form-card-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-gray-light);border-bottom:1px solid var(--color-gray-light)}.tutor-form-card-title{font-size:var(--font-size-body);font-weight:600;color:var(--color-black);margin:0}.tutor-form-card-body{padding:var(--spacing-lg)}.tutor-form-grid,.tutor-form-two-columns{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.tutor-form-field{display:flex;flex-direction:column;gap:6px}.tutor-form-label{font-size:var(--font-size-small);font-weight:500;color:var(--color-gray-dark)}.tutor-form-label.required:after{content:" *";color:#dc2626}.tutor-form-input,.tutor-form-select,.tutor-form-textarea{padding:10px 14px;border:1px solid var(--color-gray-light);border-radius:var(--radius-md);font-size:var(--font-size-body);font-family:inherit;transition:border-color .2s ease}.tutor-form-input:focus,.tutor-form-select:focus,.tutor-form-textarea:focus{outline:none;border-color:var(--color-primary)}.tutor-form-textarea{resize:vertical;min-height:100px}.tutor-form-error{font-size:.75rem;color:#dc2626}.tutor-pets-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.tutor-pet-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-gray-light);border-radius:var(--radius-md)}.tutor-pet-item-avatar{width:48px;height:48px;border-radius:var(--radius-md);background:var(--color-white);display:flex;align-items:center;justify-content:center;flex-shrink:0}.tutor-pet-item-avatar img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-md)}.tutor-pet-item-info{flex:1}.tutor-pet-item-name{font-size:var(--font-size-body);font-weight:500;color:var(--color-black);margin:0 0 2px}.tutor-pet-item-details{font-size:var(--font-size-small);color:var(--color-gray-dark);margin:0}.tutor-pet-item-actions{display:flex;gap:var(--spacing-xs)}.tutor-form-add-button{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);width:100%;padding:var(--spacing-md);background:transparent;border:2px dashed var(--color-gray-light);border-radius:var(--radius-md);font-size:var(--font-size-small);font-weight:500;color:var(--color-gray-dark);cursor:pointer;transition:all .2s ease}.tutor-form-add-button:hover{border-color:var(--color-primary);color:var(--color-primary);background:#fff7ed}.tutor-form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding-top:var(--spacing-md)}.tutor-form-cancel-button{padding:10px 20px;background:transparent;border:1px solid var(--color-gray-light);border-radius:var(--radius-md);font-size:var(--font-size-body);font-weight:500;color:var(--color-gray-dark);cursor:pointer;transition:all .2s ease}.tutor-form-cancel-button:hover{background:var(--color-gray-light);color:var(--color-black)}.tutor-form-submit-button{padding:10px 20px;background:var(--color-primary);border:none;border-radius:var(--radius-md);font-size:var(--font-size-body);font-weight:500;color:var(--color-white);cursor:pointer;transition:background-color .2s ease}.tutor-form-submit-button:hover:not(:disabled){background:var(--color-primary-dark)}.tutor-form-submit-button:disabled{opacity:.7;cursor:not-allowed}.tutor-details-page{padding:var(--spacing-lg)}.tutor-details-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg)}.tutor-details-header-left{display:flex;align-items:center;gap:var(--spacing-md)}.tutor-details-header-right{display:flex;gap:var(--spacing-sm)}.tutor-details-title{font-size:var(--font-size-h3);font-weight:700;color:var(--color-black);margin:0}.tutor-details-content{display:flex;flex-direction:column;gap:var(--spacing-md)}.tutor-details-two-columns{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.tutor-details-card{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.tutor-details-card.full-width{grid-column:1 / -1}.tutor-details-card-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-gray-light);border-bottom:1px solid var(--color-gray-light)}.tutor-details-card-title{font-size:var(--font-size-body);font-weight:600;color:var(--color-black);margin:0}.tutor-details-card-body{padding:var(--spacing-lg)}.tutor-details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.tutor-details-field{display:flex;flex-direction:column;gap:4px}.tutor-details-field.full-width{grid-column:1 / -1}.tutor-details-label{font-size:var(--font-size-small);font-weight:500;color:var(--color-gray-dark)}.tutor-details-value{font-size:var(--font-size-body);font-weight:500;color:var(--color-black)}.tutor-details-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.tutor-details-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:#fafafa;border-radius:var(--radius-md);border:1px solid var(--color-gray-light)}.tutor-details-item-avatar{width:48px;height:48px;border-radius:var(--radius-md);background:var(--color-white);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:24px}.tutor-details-item-avatar img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-md)}.tutor-details-item-info{flex:1}.tutor-details-item-title{font-size:var(--font-size-body);font-weight:500;color:var(--color-black);margin:0 0 2px}.tutor-details-item-subtitle{font-size:var(--font-size-small);color:var(--color-gray-dark);margin:0}.tutor-delete-button{display:flex;align-items:center;gap:var(--spacing-xs);padding:10px 16px;background:transparent;color:#dc2626;border:1px solid #dc2626;border-radius:var(--radius-md);font-size:var(--font-size-small);font-weight:500;cursor:pointer;transition:all .2s ease}.tutor-delete-button:hover{background:#dc2626;color:var(--color-white)}.tutor-edit-button{display:flex;align-items:center;gap:var(--spacing-xs);padding:10px 16px;background:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:var(--font-size-small);font-weight:500;cursor:pointer;transition:background-color .2s ease;text-decoration:none}.tutor-edit-button:hover{background:var(--color-primary-dark)}.tutor-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg)}.tutor-modal{background:var(--color-white);border-radius:var(--radius-lg);width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.tutor-modal-lg{max-width:700px}.tutor-modal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.tutor-modal-full-width{grid-column:1 / -1}.tutor-checkbox-group{display:flex;flex-direction:column;gap:8px}.tutor-checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:var(--font-size-small)}.tutor-checkbox{accent-color:var(--color-primary);width:16px;height:16px}.tutor-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--color-gray-light)}.tutor-modal-title{font-size:var(--font-size-h4);font-weight:600;color:var(--color-black);margin:0}.tutor-modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;color:var(--color-gray-dark);transition:all .2s ease}.tutor-modal-close:hover{background:var(--color-gray-light);color:var(--color-black)}.tutor-modal-body{padding:var(--spacing-lg)}.tutor-modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-lg);border-top:1px solid var(--color-gray-light)}.tutor-error-message{color:#dc2626;font-size:var(--font-size-small);margin:0 0 var(--spacing-md) 0;padding:var(--spacing-sm) var(--spacing-md);background:#fef2f2;border-radius:var(--radius-md)}.tutor-success-message{color:#16a34a;font-size:var(--font-size-small);margin:0 0 var(--spacing-md) 0;padding:var(--spacing-sm) var(--spacing-md);background:#f0fdf4;border-radius:var(--radius-md)}@media(max-width:768px){.tutor-form-page,.tutor-details-page{padding:var(--spacing-md)}.tutor-form-grid,.tutor-form-two-columns,.tutor-details-grid,.tutor-details-two-columns,.tutor-modal-grid{grid-template-columns:1fr}.tutor-modal-lg{max-width:100%}.tutor-form-field.full-width,.tutor-details-field.full-width{grid-column:1}.tutor-details-content{grid-template-columns:1fr}.tutor-details-card.full-width{grid-column:1}.tutor-details-header{flex-direction:column;gap:var(--spacing-md)}.tutor-details-header-right{width:100%}.tutor-delete-button,.tutor-edit-button{flex:1;justify-content:center}.tutor-form-actions{flex-direction:column}.tutor-form-cancel-button,.tutor-form-submit-button,.guardian-form-cancel-button,.guardian-form-submit-button{width:100%}}.guardian-form-page{padding:var(--spacing-lg)}.guardian-form-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.guardian-form-back-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:1px solid var(--color-gray-light);border-radius:var(--radius-md);cursor:pointer;color:var(--color-gray-dark);transition:all .2s ease}.guardian-form-back-button:hover{background:var(--color-gray-light);color:var(--color-black)}.guardian-form-title{font-size:var(--font-size-h3);font-weight:700;color:var(--color-black);margin:0}.guardian-form-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.guardian-form-card{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-lg)}.guardian-form-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.guardian-form-card-title{font-size:var(--font-size-body);font-weight:600;color:var(--color-black);margin:0}.guardian-form-card-divider{height:1px;background:var(--color-gray-light);margin-bottom:var(--spacing-md)}.guardian-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.guardian-form-grid-3{grid-template-columns:repeat(3,1fr)}.guardian-form-field{display:flex;flex-direction:column;gap:6px}.guardian-form-field.full-width{grid-column:1 / -1}.guardian-form-label{font-size:var(--font-size-small);font-weight:500;color:var(--color-gray-dark)}.guardian-form-label.required:after{content:" *";color:#dc2626}.guardian-form-input,.guardian-form-select,.guardian-form-textarea{padding:10px 14px;border:1px solid var(--color-gray-light);border-radius:var(--radius-md);font-size:var(--font-size-body);font-family:inherit;transition:border-color .2s ease}.guardian-form-input:focus,.guardian-form-select:focus,.guardian-form-textarea:focus{outline:none;border-color:var(--color-primary)}.guardian-form-textarea{resize:vertical;min-height:100px}.guardian-form-error{font-size:.75rem;color:#dc2626}.guardian-form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding-top:var(--spacing-md)}.guardian-form-cancel-button{padding:10px 20px;background:transparent;border:1px solid var(--color-gray-light);border-radius:var(--radius-md);font-size:var(--font-size-body);font-weight:500;color:var(--color-gray-dark);cursor:pointer;transition:all .2s ease}.guardian-form-cancel-button:hover{background:var(--color-gray-light);color:var(--color-black)}.guardian-form-submit-button{padding:10px 20px;background:var(--color-primary);border:none;border-radius:var(--radius-md);font-size:var(--font-size-body);font-weight:500;color:var(--color-white);cursor:pointer;transition:background-color .2s ease}.guardian-form-submit-button:hover:not(:disabled){background:var(--color-primary-dark)}.guardian-form-submit-button:disabled{opacity:.7;cursor:not-allowed}.guardian-error-message{color:#dc2626;font-size:var(--font-size-small);margin:0 0 var(--spacing-md) 0;padding:var(--spacing-sm) var(--spacing-md);background:#fef2f2;border-radius:var(--radius-md)}.guardian-details-page{padding:var(--spacing-lg)}.guardian-details-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg)}.guardian-details-header-left{display:flex;align-items:center;gap:var(--spacing-md)}.guardian-details-header-right{display:flex;gap:var(--spacing-sm)}.guardian-details-title{font-size:var(--font-size-h3);font-weight:700;color:var(--color-black);margin:0}.guardian-details-content{display:flex;flex-direction:column;gap:var(--spacing-md)}.guardian-details-two-columns{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.guardian-details-card{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.guardian-details-card-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-gray-light);border-bottom:1px solid var(--color-gray-light)}.guardian-details-card-title{font-size:var(--font-size-body);font-weight:600;color:var(--color-black);margin:0}.guardian-details-card-body{padding:var(--spacing-lg)}.guardian-details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.guardian-details-field{display:flex;flex-direction:column;gap:4px}.guardian-details-label{font-size:var(--font-size-small);font-weight:500;color:var(--color-gray-dark)}.guardian-details-value{font-size:var(--font-size-body);font-weight:500;color:var(--color-black)}.guardian-details-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.guardian-details-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:#fafafa;border-radius:var(--radius-md);border:1px solid var(--color-gray-light);text-decoration:none;color:inherit;transition:background-color .15s ease}.guardian-details-item:hover{background:#f5f5f5}.guardian-details-item-avatar{width:48px;height:48px;border-radius:var(--radius-md);background:var(--color-white);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:24px}.guardian-details-item-avatar img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-md)}.guardian-details-item-info{flex:1}.guardian-details-item-title{font-size:var(--font-size-body);font-weight:500;color:var(--color-black);margin:0 0 2px}.guardian-details-item-subtitle{font-size:var(--font-size-small);color:var(--color-gray-dark);margin:0}.guardian-delete-button{display:flex;align-items:center;gap:var(--spacing-xs);padding:10px 16px;background:transparent;color:#dc2626;border:1px solid #dc2626;border-radius:var(--radius-md);font-size:var(--font-size-small);font-weight:500;cursor:pointer;transition:all .2s ease}.guardian-delete-button:hover{background:#dc2626;color:var(--color-white)}.guardian-delete-button:disabled{opacity:.7;cursor:not-allowed}.guardian-edit-button{display:flex;align-items:center;gap:var(--spacing-xs);padding:10px 16px;background:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:var(--font-size-small);font-weight:500;cursor:pointer;transition:background-color .2s ease;text-decoration:none}.guardian-edit-button:hover{background:var(--color-primary-dark)}.guardian-add-button{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:6px 12px;background:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:var(--font-size-small);font-weight:500;cursor:pointer;transition:background-color .2s ease;text-decoration:none;white-space:nowrap}.guardian-add-button:hover{background:var(--color-primary-dark)}.guardian-add-button svg{width:14px;height:14px;flex-shrink:0}.guardian-pets-list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.guardian-pet-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:#fafafa;border-radius:var(--radius-md);border:1px solid var(--color-gray-light)}.guardian-pet-item-avatar{width:40px;height:40px;border-radius:var(--radius-md);background:var(--color-white);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:20px}.guardian-pet-item-info{flex:1}.guardian-pet-item-name{font-size:var(--font-size-body);font-weight:500;color:var(--color-black);margin:0 0 2px;display:flex;align-items:center}.guardian-pet-item-details{font-size:var(--font-size-small);color:var(--color-gray-dark);margin:0}.guardian-pet-item-actions{display:flex;gap:var(--spacing-xs)}.guardian-empty-text{font-size:var(--font-size-small);color:var(--color-gray-dark);margin:0;font-style:italic}.guardian-checkbox-group{display:flex;flex-direction:column;gap:8px}.guardian-checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:var(--font-size-small)}.guardian-checkbox{accent-color:var(--color-primary);width:16px;height:16px}.guardian-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg)}.guardian-modal{background:var(--color-white);border-radius:var(--radius-lg);width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.guardian-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--color-gray-light)}.guardian-modal-title{font-size:var(--font-size-h4);font-weight:600;color:var(--color-black);margin:0}.guardian-modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;color:var(--color-gray-dark);transition:all .2s ease}.guardian-modal-close:hover{background:var(--color-gray-light);color:var(--color-black)}.guardian-modal-body{padding:var(--spacing-lg)}.guardian-modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-lg);border-top:1px solid var(--color-gray-light)}@media(max-width:768px){.guardian-form-page,.guardian-details-page{padding:var(--spacing-md)}.guardian-form-grid,.guardian-form-grid-3,.guardian-details-grid,.guardian-details-two-columns{grid-template-columns:1fr}.guardian-details-header{flex-direction:column;gap:var(--spacing-md)}.guardian-details-header-right{width:100%}.guardian-delete-button,.guardian-edit-button{flex:1;justify-content:center}.guardian-form-actions{flex-direction:column}}.pet-form-page{padding:var(--spacing-lg);max-width:700px;min-width:min(50%,700px);margin:0 auto}.pet-form-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.pet-form-back-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:1px solid var(--color-gray-light);border-radius:var(--radius-md);cursor:pointer;color:var(--color-gray-dark);transition:all .2s ease}.pet-form-back-button:hover{background:var(--color-gray-light);color:var(--color-black)}.pet-form-title{font-size:var(--font-size-h3);font-weight:700;color:var(--color-black);margin:0}.pet-form-subtitle{margin:4px 0 0;color:var(--color-gray-dark);font-size:.875rem}.pet-form-card{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-xl)}.pet-form-error-banner{color:#dc2626;font-size:var(--font-size-small);margin:0 0 var(--spacing-md) 0;padding:var(--spacing-sm) var(--spacing-md);background:#fef2f2;border-radius:var(--radius-md)}.pet-photo-section{display:flex;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);cursor:pointer;padding:var(--spacing-sm);margin:calc(-1 * var(--spacing-sm));margin-bottom:calc(var(--spacing-xl) - var(--spacing-sm));border-radius:var(--radius-md);transition:background-color .2s ease}.pet-photo-section:hover{background-color:#f5f5f5}.pet-photo-avatar{position:relative;flex-shrink:0;width:72px;height:72px;border-radius:50%;background:#e5e5e5;display:flex;align-items:center;justify-content:center}.pet-photo-icon{width:36px;height:36px;filter:brightness(0) saturate(100%) invert(67%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(90%) contrast(90%)}.pet-photo-image{width:100%;height:100%;object-fit:cover;border-radius:50%}.pet-photo-add-button{position:absolute;bottom:-4px;right:-4px;width:28px;height:28px;border-radius:50%;background:var(--color-primary);border:2px solid var(--color-white);color:var(--color-white);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease}.pet-photo-add-button:hover{background:var(--color-primary-dark)}.pet-photo-text h3{margin:0 0 4px;font-size:var(--font-size-body);font-weight:600;color:var(--color-black)}.pet-photo-text p{margin:0;font-size:var(--font-size-small);color:var(--color-gray-dark);line-height:1.4}.pet-form-section{margin-bottom:var(--spacing-lg)}.pet-form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.pet-form-field{display:flex;flex-direction:column;gap:6px}.pet-form-label{font-size:var(--font-size-small);font-weight:600;color:var(--color-black)}.pet-form-input,.pet-form-select{padding:12px 14px;border:1px solid var(--color-gray-light);border-radius:8px;font-size:var(--font-size-body);font-family:inherit;background:var(--color-white);transition:border-color .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}.pet-form-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px}.pet-form-input:focus,.pet-form-select:focus{outline:none;border-color:var(--color-gray)}.pet-form-input::placeholder,.pet-form-textarea::placeholder{color:var(--color-gray)}.pet-form-textarea{padding:12px 14px;border:1px solid var(--color-gray-light);border-radius:8px;font-size:var(--font-size-body);font-family:inherit;background:var(--color-white);transition:border-color .2s ease;resize:vertical;min-height:80px;width:100%;box-sizing:border-box}.pet-form-textarea:focus{outline:none;border-color:var(--color-gray)}.pet-form-error{font-size:.75rem;color:#dc2626}.pet-toggle-group{display:flex;gap:0;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-gray-light)}.pet-toggle-button{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:12px 16px;background:var(--color-white);border:none;font-size:var(--font-size-body);font-weight:500;color:var(--color-gray-dark);cursor:pointer;transition:all .2s ease}.pet-toggle-button:not(:last-child){border-right:1px solid var(--color-gray-light)}.pet-toggle-button.active{background:#4b5563;color:var(--color-white)}.pet-toggle-button:hover:not(.active){background:#f5f5f5}.pet-toggle-group-vaccines{border:none;gap:var(--spacing-sm)}.pet-toggle-chip{flex:none;padding:10px 20px;border-radius:var(--radius-full);background:var(--color-white);border:1px solid var(--color-gray-light);font-size:var(--font-size-body);font-weight:500;color:var(--color-black);cursor:pointer;transition:all .2s ease}.pet-toggle-chip:hover:not(.active){border-color:var(--color-gray)}.pet-toggle-chip.active{background:#4b5563;border-color:#4b5563;color:var(--color-white)}.pet-birthday-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.pet-birthday-row{display:flex;gap:var(--spacing-sm)}.pet-birthday-select{width:90px}.pet-birthday-select-year{flex:1;min-width:100px}.pet-checkbox-inline{display:flex;align-items:center;gap:var(--spacing-xs);cursor:pointer;font-size:var(--font-size-small);color:var(--color-black)}.pet-checkbox-inline input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer}.pet-form-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);margin-top:var(--spacing-xl)}.pet-form-cancel-button{padding:14px 20px;background:var(--color-white);border:1px solid var(--color-gray-light);border-radius:var(--radius-md);font-size:var(--font-size-body);font-weight:500;color:var(--color-primary);cursor:pointer;transition:all .2s ease}.pet-form-cancel-button:hover:not(:disabled){background:#fff7ed;border-color:var(--color-primary)}.pet-form-cancel-button:disabled{opacity:.5;cursor:not-allowed}.pet-form-submit-button{padding:14px 20px;background:var(--color-primary);border:none;border-radius:var(--radius-md);font-size:var(--font-size-body);font-weight:500;color:var(--color-white);cursor:pointer;transition:background-color .2s ease}.pet-form-submit-button:hover:not(:disabled){background:var(--color-primary-dark)}.pet-form-submit-button:disabled{opacity:.7;cursor:not-allowed}.pet-form-delete-section{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-gray-light)}.pet-form-delete-button{width:100%;padding:12px 20px;background:transparent;border:1px solid #dc2626;border-radius:var(--radius-md);font-size:var(--font-size-body);font-weight:500;color:#dc2626;cursor:pointer;transition:all .2s ease}.pet-form-delete-button:hover:not(:disabled){background:#dc2626;color:var(--color-white)}.pet-form-delete-button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.pet-form-page{padding:var(--spacing-md)}.pet-form-card{padding:var(--spacing-lg)}.pet-form-row{grid-template-columns:1fr}.pet-birthday-row{flex-wrap:wrap}.pet-birthday-select{flex:1;min-width:80px}.pet-birthday-select-year{width:100%}}.estimates-page{padding:var(--spacing-lg)}.estimates-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.estimates-page-header-left{display:flex;align-items:center;gap:var(--spacing-md)}.estimates-page-title{font-size:var(--font-size-h3);font-weight:700;color:var(--color-black);margin:0}.estimates-page-count{font-size:var(--font-size-small);font-weight:500;color:var(--color-primary);background:var(--color-orange-light);padding:4px 12px;border-radius:var(--radius-full)}.estimates-page-actions{display:flex;gap:var(--spacing-sm)}.estimate-add-button{display:flex;align-items:center;gap:var(--spacing-xs);padding:10px 16px;background:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:var(--font-size-small);font-weight:500;cursor:pointer;transition:background-color .2s ease;text-decoration:none;white-space:nowrap}.estimate-add-button:hover{background:var(--color-primary-dark)}.estimate-add-button svg{width:16px;height:16px}.estimates-table-card{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.estimates-filters{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-gray-light);gap:var(--spacing-md)}.estimates-search{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;max-width:320px}.estimates-search-input{flex:1;padding:8px 12px 8px 36px;border:1px solid var(--color-gray-light);border-radius:var(--radius-md);font-size:var(--font-size-small);font-family:inherit;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ACACAC' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");background-repeat:no-repeat;background-position:12px center;transition:border-color .2s ease}.estimates-search-input:focus{outline:none;border-color:var(--color-primary)}.estimates-search-input::placeholder{color:var(--color-gray)}.estimates-status-filter{padding:8px 12px;border:1px solid var(--color-gray-light);border-radius:var(--radius-md);font-size:var(--font-size-small);font-family:inherit;background:var(--color-white);cursor:pointer;min-width:150px}.estimates-status-filter:focus{outline:none;border-color:var(--color-primary)}.estimates-table{width:100%;border-collapse:collapse}.estimates-table th,.estimates-table td{padding:var(--spacing-md) var(--spacing-lg);text-align:left;vertical-align:middle}.estimates-table th{font-size:var(--font-size-small);font-weight:700;color:var(--color-gray-dark);background:#fafafa;border-bottom:1px solid var(--color-gray-light)}.estimates-table tbody tr{border-bottom:1px solid var(--color-gray-light);transition:background-color .15s ease;cursor:pointer}.estimates-table tbody tr:hover{background-color:#f5f5f5}.estimates-table tbody tr:last-child{border-bottom:none}.estimates-guardian-cell{display:flex;align-items:center;gap:var(--spacing-md);text-decoration:none;color:inherit}.estimates-avatar{width:40px;height:40px;border-radius:50%;background:var(--color-gray-light);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.estimates-avatar img{width:100%;height:100%;object-fit:cover}.estimates-avatar span{font-size:var(--font-size-small);font-weight:600;color:var(--color-gray-dark)}.estimates-guardian-name{font-size:var(--font-size-body);font-weight:500;color:var(--color-black);line-height:1}.estimates-dates,.estimates-pets-count{font-size:var(--font-size-small);color:var(--color-gray-dark)}.estimates-price{font-size:var(--font-size-body);font-weight:600;color:var(--color-black)}.estimates-discount{display:inline-block;margin-left:var(--spacing-xs);font-size:var(--font-size-small);font-weight:500;color:#16a34a;background:#f0fdf4;padding:2px 6px;border-radius:var(--radius-sm)}.estimates-status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-full);font-size:var(--font-size-small);font-weight:500}.estimates-status-dot{width:6px;height:6px;border-radius:50%}.estimates-status-badge.pending{background:#fef3c7;color:#92400e}.estimates-status-badge.pending .estimates-status-dot{background:#f59e0b}.estimates-status-badge.reviewed{background:#dbeafe;color:#1e40af}.estimates-status-badge.reviewed .estimates-status-dot{background:#3b82f6}.estimates-status-badge.approved{background:#dcfce7;color:#166534}.estimates-status-badge.approved .estimates-status-dot{background:#22c55e}.estimates-status-badge.rejected{background:#fee2e2;color:#991b1b}.estimates-status-badge.rejected .estimates-status-dot{background:#ef4444}.estimates-actions{position:relative}.estimates-actions-trigger{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-gray-dark);cursor:pointer;transition:all .2s ease}.estimates-actions-trigger:hover{background:var(--color-gray-light);color:var(--color-black)}.estimates-actions-dropdown{min-width:140px;background:var(--color-white);border:1px solid var(--color-gray-light);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1000}.estimates-actions-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);border:none;background:none;font-size:var(--font-size-small);font-family:inherit;color:var(--color-gray-dark);cursor:pointer;text-decoration:none;transition:background-color .15s ease}.estimates-actions-item:hover{background:var(--color-gray-light);color:var(--color-black)}.estimates-actions-item.delete{color:#dc2626}.estimates-actions-item.delete:hover{background:#fee2e2}.estimates-actions-item svg{width:16px;height:16px}.estimates-pagination{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--color-gray-light)}.estimates-pagination-info{font-size:var(--font-size-small);color:var(--color-gray-dark)}.estimates-pagination-buttons{display:flex;gap:var(--spacing-xs)}.estimates-pagination-button{padding:6px 12px;border:1px solid var(--color-gray-light);border-radius:var(--radius-md);background:var(--color-white);font-size:var(--font-size-small);font-family:inherit;color:var(--color-gray-dark);cursor:pointer;transition:all .2s ease}.estimates-pagination-button:hover:not(:disabled){background:var(--color-gray-light)}.estimates-pagination-button:disabled{opacity:.5;cursor:not-allowed}.estimates-pagination-button.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.estimates-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl);text-align:center}.estimates-empty-icon{width:64px;height:64px;color:var(--color-gray);margin-bottom:var(--spacing-md)}.estimates-empty-title{font-size:var(--font-size-h4);font-weight:600;color:var(--color-black);margin:0 0 var(--spacing-sm) 0}.estimates-empty-description{font-size:var(--font-size-body);color:var(--color-gray-dark);margin:0 0 var(--spacing-lg) 0}.estimates-loading{display:flex;justify-content:center;align-items:center;padding:var(--spacing-3xl)}.estimates-spinner{width:40px;height:40px;border:3px solid var(--color-gray-light);border-top-color:var(--color-primary);border-radius:50%;animation:estimates-spin .8s linear infinite}@keyframes estimates-spin{to{transform:rotate(360deg)}}.estimate-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.estimate-modal{background:var(--color-white);border-radius:var(--radius-lg);width:100%;max-width:420px;box-shadow:var(--shadow-lg)}.estimate-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--color-gray-light)}.estimate-modal-title{font-size:var(--font-size-h4);font-weight:600;color:var(--color-black);margin:0}.estimate-modal-close{background:none;border:none;cursor:pointer;color:var(--color-gray-dark);padding:4px}.estimate-modal-close:hover{color:var(--color-black)}.estimate-modal-body{padding:var(--spacing-lg)}.estimate-modal-body p{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-body);color:var(--color-gray-dark)}.estimate-modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-lg);border-top:1px solid var(--color-gray-light)}.estimate-form-cancel-button{padding:8px 16px;background:transparent;border:1px solid var(--color-gray);border-radius:var(--radius-md);font-size:var(--font-size-small);font-family:inherit;color:var(--color-gray-dark);cursor:pointer;transition:all .2s ease}.estimate-form-cancel-button:hover:not(:disabled){background:var(--color-gray-light)}.estimate-form-cancel-button:disabled{opacity:.5;cursor:not-allowed}.estimate-delete-button{padding:8px 16px;background:#dc2626;border:none;border-radius:var(--radius-md);font-size:var(--font-size-small);font-family:inherit;font-weight:500;color:var(--color-white);cursor:pointer;transition:background-color .2s ease}.estimate-delete-button:hover:not(:disabled){background:#b91c1c}.estimate-delete-button:disabled{opacity:.7;cursor:not-allowed}@media(max-width:1024px){.estimates-table th:nth-child(4),.estimates-table td:nth-child(4){display:none}}@media(max-width:768px){.estimates-page{padding:var(--spacing-md);padding-top:60px}.estimates-page-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.estimates-page-title{font-size:var(--font-size-h4)}.estimates-filters{flex-direction:column;align-items:stretch}.estimates-search{max-width:none}.estimates-status-filter{width:100%}.estimates-table th:nth-child(3),.estimates-table td:nth-child(3),.estimates-table th:nth-child(5),.estimates-table td:nth-child(5){display:none}.estimates-pagination{flex-direction:column;gap:var(--spacing-md)}}.estimate-details-page{padding:var(--spacing-lg)}.estimate-details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.estimate-details-header-left{display:flex;align-items:center;gap:var(--spacing-md)}.estimate-back-button{display:flex;align-items:center;gap:var(--spacing-xs);padding:8px 12px;background:var(--color-white);border:1px solid var(--color-gray-light);border-radius:var(--radius-md);font-size:var(--font-size-small);font-family:inherit;color:var(--color-gray-dark);cursor:pointer;transition:all .2s ease}.estimate-back-button:hover{background:var(--color-gray-light)}.estimate-details-title{font-size:var(--font-size-h3);font-weight:700;color:var(--color-black);margin:0}.estimate-details-header-actions{display:flex;gap:var(--spacing-sm)}.estimate-edit-button{display:flex;align-items:center;gap:var(--spacing-xs);padding:8px 16px;background:var(--color-primary);border:none;border-radius:var(--radius-md);font-size:var(--font-size-small);font-family:inherit;font-weight:500;color:var(--color-white);cursor:pointer;transition:background-color .2s ease;text-decoration:none}.estimate-edit-button:hover{background:var(--color-primary-dark)}.estimate-delete-button-header{display:flex;align-items:center;gap:var(--spacing-xs);padding:8px 16px;background:transparent;border:1px solid #dc2626;border-radius:var(--radius-md);font-size:var(--font-size-small);font-family:inherit;font-weight:500;color:#dc2626;cursor:pointer;transition:all .2s ease}.estimate-delete-button-header:hover{background:#dc2626;color:var(--color-white)}.estimate-details-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.estimate-details-two-columns{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.estimate-details-card{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.estimate-details-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.estimate-details-card-title{font-size:var(--font-size-body);font-weight:600;color:var(--color-black);margin:0}.estimate-details-count{font-size:var(--font-size-small);font-weight:500;color:var(--color-primary);background:var(--color-orange-light);padding:2px 8px;border-radius:var(--radius-full)}.estimate-details-link{font-size:var(--font-size-small);color:var(--color-primary);text-decoration:none}.estimate-details-link:hover{text-decoration:underline}.estimate-details-card-divider{height:1px;background:var(--color-gray-light);margin-bottom:var(--spacing-md)}.estimate-details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.estimate-details-field{display:flex;flex-direction:column;gap:4px}.estimate-details-field.full-width{grid-column:1 / -1}.estimate-details-label{font-size:var(--font-size-small);font-weight:500;color:var(--color-gray-dark)}.estimate-details-value{font-size:var(--font-size-body);font-weight:500;color:var(--color-black)}.estimate-details-value-highlight{font-size:var(--font-size-h4);font-weight:700;color:var(--color-primary)}.estimate-details-empty{text-align:center;padding:var(--spacing-lg);color:var(--color-gray)}.estimate-guardian-info{display:flex;align-items:center;gap:var(--spacing-md)}.estimate-guardian-avatar{width:56px;height:56px;border-radius:50%;background:var(--color-gray-light);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.estimate-guardian-avatar img{width:100%;height:100%;object-fit:cover}.estimate-guardian-avatar span{font-size:var(--font-size-body);font-weight:600;color:var(--color-gray-dark)}.estimate-guardian-details{display:flex;flex-direction:column;gap:4px}.estimate-guardian-name{font-size:var(--font-size-body);font-weight:600;color:var(--color-black)}.estimate-guardian-contact{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-small);color:var(--color-gray-dark)}.estimate-pets-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.estimate-pet-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm);background:var(--color-gray-light);border-radius:var(--radius-md)}.estimate-pet-avatar{width:40px;height:40px;border-radius:50%;background:var(--color-white);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.estimate-pet-avatar img{width:100%;height:100%;object-fit:cover}.estimate-pet-avatar span{font-size:1.25rem}.estimate-pet-info{display:flex;flex-direction:column;gap:2px}.estimate-pet-name{font-size:var(--font-size-body);font-weight:500;color:var(--color-black)}.estimate-pet-details{font-size:var(--font-size-small);color:var(--color-gray-dark)}@media(max-width:768px){.estimate-details-page{padding:var(--spacing-md);padding-top:60px}.estimate-details-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.estimate-details-title{font-size:var(--font-size-h4)}.estimate-details-two-columns,.estimate-details-grid{grid-template-columns:1fr}}.estimate-export-container{position:relative;z-index:10}.estimate-export-button{display:flex;align-items:center;gap:var(--spacing-xs);padding:8px 16px;background:var(--color-white);border:1px solid var(--color-gray-light);border-radius:var(--radius-md);font-size:var(--font-size-small);font-family:inherit;font-weight:500;color:var(--color-gray-dark);cursor:pointer;transition:all .2s ease;position:relative;z-index:1;pointer-events:auto}.estimate-export-button:hover{background:var(--color-gray-light);color:var(--color-black)}.estimate-export-menu{position:absolute;top:100%;right:0;margin-top:4px;min-width:180px;background:var(--color-white);border:1px solid var(--color-gray-light);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:100;overflow:hidden}.estimate-export-menu button{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);border:none;background:none;font-size:var(--font-size-small);font-family:inherit;color:var(--color-gray-dark);cursor:pointer;text-align:left;transition:background-color .15s ease}.estimate-export-menu button:hover{background:var(--color-gray-light);color:var(--color-black)}.estimate-export-message{position:absolute;top:100%;right:0;margin-top:4px;padding:4px 8px;background:var(--color-black);color:var(--color-white);font-size:var(--font-size-small);border-radius:var(--radius-sm);white-space:nowrap}.estimate-export-card-wrapper{position:absolute;left:-9999px;top:-9999px}.estimate-export-card{width:400px;background-color:#fff9f5;border:1px solid var(--color-primary-light);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.estimate-export-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-primary-light)}.estimate-export-logo img{height:40px;width:auto}.estimate-export-date{font-family:var(--font-family);font-size:var(--font-size-small);color:var(--color-gray-dark)}.estimate-export-summary{display:flex;flex-direction:column}.estimate-export-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0}.estimate-export-item.estimate-export-discount{color:#2e7d32}.estimate-export-item-label{font-family:var(--font-family);font-size:var(--font-size-body);color:var(--color-gray-dark)}.estimate-export-item-value{font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--color-black)}.estimate-export-divider{height:1px;background-color:var(--color-primary-light);margin:var(--spacing-md) 0}.estimate-export-proposal{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg) 0}.estimate-export-proposal-label{font-family:var(--font-family);font-size:var(--font-size-h4);font-weight:var(--font-weight-bold);color:var(--color-black)}.estimate-export-proposal-value{font-family:var(--font-family);font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);color:var(--color-primary)}.estimate-form-page{padding:var(--spacing-lg)}.estimate-form-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.estimate-form-title{font-size:var(--font-size-h3);font-weight:700;color:var(--color-black);margin:0}.estimate-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.estimate-form-card{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.estimate-form-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.estimate-form-card-title{font-size:var(--font-size-body);font-weight:600;color:var(--color-black);margin:0}.estimate-form-card-divider{height:1px;background:var(--color-gray-light);margin-bottom:var(--spacing-md)}.estimate-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.estimate-form-field{display:flex;flex-direction:column;gap:6px}.estimate-form-label{font-size:var(--font-size-small);font-weight:500;color:var(--color-gray-dark)}.estimate-form-input{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-gray-light);border-radius:var(--radius-md);font-size:var(--font-size-body);font-family:inherit;transition:border-color .2s ease}.estimate-form-input:focus{outline:none;border-color:var(--color-primary)}.estimate-form-textarea{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-gray-light);border-radius:var(--radius-md);font-size:var(--font-size-body);font-family:inherit;resize:vertical;transition:border-color .2s ease}.estimate-form-textarea:focus{outline:none;border-color:var(--color-primary)}.estimate-form-error{font-size:var(--font-size-small);color:#dc2626}.estimate-guardian-search{position:relative}.estimate-guardian-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--color-white);border:1px solid var(--color-gray-light);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:10;max-height:200px;overflow-y:auto}.estimate-guardian-option{display:flex;justify-content:space-between;width:100%;padding:var(--spacing-sm) var(--spacing-md);border:none;background:none;cursor:pointer;text-align:left;transition:background-color .15s ease}.estimate-guardian-option:hover{background:var(--color-gray-light)}.estimate-guardian-option-name{font-size:var(--font-size-body);color:var(--color-black)}.estimate-guardian-option-phone{font-size:var(--font-size-small);color:var(--color-gray)}.estimate-guardian-selected{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-gray-light);border-radius:var(--radius-md)}.estimate-guardian-selected span{font-size:var(--font-size-body);color:var(--color-black)}.estimate-guardian-selected button{background:none;border:none;cursor:pointer;color:var(--color-gray-dark);padding:4px}.estimate-guardian-selected button:hover{color:var(--color-black)}.estimate-form-pets{display:flex;flex-direction:column;gap:var(--spacing-sm)}.estimate-form-pet-option{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-gray-light);border-radius:var(--radius-md);cursor:pointer;transition:background-color .15s ease}.estimate-form-pet-option:hover{background:#e5e5e5}.estimate-form-pet-option input{accent-color:var(--color-primary)}.estimate-form-pet-name{flex:1;font-size:var(--font-size-body);color:var(--color-black)}.estimate-form-pet-species{font-size:var(--font-size-small);color:var(--color-gray);text-transform:capitalize}.estimate-form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm)}.estimate-form-submit-button{padding:10px 20px;background:var(--color-primary);border:none;border-radius:var(--radius-md);font-size:var(--font-size-body);font-family:inherit;font-weight:500;color:var(--color-white);cursor:pointer;transition:background-color .2s ease}.estimate-form-submit-button:hover:not(:disabled){background:var(--color-primary-dark)}.estimate-form-submit-button:disabled{opacity:.7;cursor:not-allowed}@media(max-width:768px){.estimate-form-page{padding:var(--spacing-md);padding-top:60px}.estimate-form-header{flex-direction:column;align-items:flex-start}.estimate-form-title{font-size:var(--font-size-h4)}.estimate-form-grid{grid-template-columns:1fr}.estimate-form-actions{flex-direction:column}.estimate-form-actions button{width:100%}}.services-page{padding:var(--spacing-lg)}.services-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.services-page-header-left{display:flex;align-items:center;gap:var(--spacing-md)}.services-page-title{font-size:var(--font-size-h3);font-weight:700;color:var(--color-black);margin:0}.services-page-count{font-size:var(--font-size-small);font-weight:500;color:var(--color-primary);background:var(--color-orange-light);padding:4px 12px;border-radius:var(--radius-full)}.service-add-button{display:flex;align-items:center;gap:var(--spacing-xs);padding:10px 16px;background:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:var(--font-size-small);font-weight:500;cursor:pointer;transition:background-color .2s ease;text-decoration:none;white-space:nowrap}.service-add-button:hover{background:var(--color-primary-dark)}.service-add-button svg{width:16px;height:16px}.services-table-card{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.services-filters{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-gray-light);gap:var(--spacing-md)}.services-filters-right{display:flex;gap:var(--spacing-sm)}.services-search{display:flex;align-items:center;flex:1;max-width:320px}.services-search-input{flex:1;padding:8px 12px 8px 36px;border:1px solid var(--color-gray-light);border-radius:var(--radius-md);font-size:var(--font-size-small);font-family:inherit;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ACACAC' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:12px center;transition:border-color .2s ease}.services-search-input:focus{outline:none;border-color:var(--color-primary)}.services-search-input::placeholder{color:var(--color-gray)}.services-filter{padding:8px 12px;border:1px solid var(--color-gray-light);border-radius:var(--radius-md);font-size:var(--font-size-small);font-family:inherit;background:var(--color-white);cursor:pointer;min-width:140px}.services-filter:focus{outline:none;border-color:var(--color-primary)}.services-table{width:100%;border-collapse:collapse}.services-table th,.services-table td{padding:var(--spacing-md) var(--spacing-lg);text-align:left;vertical-align:middle}.services-table th{font-size:var(--font-size-small);font-weight:500;color:var(--color-gray-dark);background:var(--color-gray-light);border-bottom:1px solid var(--color-gray-light)}.services-table th:first-child{width:40px}.services-table tbody tr{border-bottom:1px solid var(--color-gray-light);transition:background-color .15s ease}.services-table tbody tr:hover{background-color:#fafafa}.services-table tbody tr:last-child{border-bottom:none}.services-checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--color-primary)}.services-guardian-cell{display:flex;align-items:center;gap:var(--spacing-md);text-decoration:none;color:inherit}.services-avatar{width:40px;height:40px;border-radius:50%;background:var(--color-gray-light);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.services-avatar img{width:100%;height:100%;object-fit:cover}.services-avatar span{font-size:var(--font-size-small);font-weight:600;color:var(--color-gray-dark)}.services-guardian-info{display:flex;flex-direction:column;gap:2px}.services-guardian-name{font-size:var(--font-size-body);font-weight:500;color:var(--color-black)}.services-guardian-phone{font-size:var(--font-size-small);color:var(--color-gray)}.services-dates,.services-nights{font-size:var(--font-size-small);color:var(--color-gray-dark)}.services-type-badge{display:inline-block;padding:4px 10px;border-radius:var(--radius-full);font-size:var(--font-size-small);font-weight:500}.services-type-badge.hosting{background:#e0e7ff;color:#3730a3}.services-type-badge.daycare{background:#fef3c7;color:#92400e}.services-type-badge.pet-sitter{background:#d1fae5;color:#065f46}.services-status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-full);font-size:var(--font-size-small);font-weight:500}.services-status-dot{width:6px;height:6px;border-radius:50%}.services-status-badge.scheduled{background:#dbeafe;color:#1e40af}.services-status-badge.scheduled .services-status-dot{background:#3b82f6}.services-status-badge.in-progress{background:#fef3c7;color:#92400e}.services-status-badge.in-progress .services-status-dot{background:#f59e0b}.services-status-badge.completed{background:#dcfce7;color:#166534}.services-status-badge.completed .services-status-dot{background:#22c55e}.services-status-badge.cancelled{background:#fee2e2;color:#991b1b}.services-status-badge.cancelled .services-status-dot{background:#ef4444}.services-actions{display:flex;gap:var(--spacing-xs)}.services-action-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-gray-dark);cursor:pointer;transition:all .2s ease;text-decoration:none}.services-action-button:hover{background:var(--color-gray-light);color:var(--color-black)}.services-action-button.delete:hover{background:#fee2e2;color:#dc2626}.services-pagination{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--color-gray-light)}.services-pagination-info{font-size:var(--font-size-small);color:var(--color-gray-dark)}.services-pagination-buttons{display:flex;gap:var(--spacing-xs)}.services-pagination-button{padding:6px 12px;border:1px solid var(--color-gray-light);border-radius:var(--radius-md);background:var(--color-white);font-size:var(--font-size-small);font-family:inherit;color:var(--color-gray-dark);cursor:pointer;transition:all .2s ease}.services-pagination-button:hover:not(:disabled){background:var(--color-gray-light)}.services-pagination-button:disabled{opacity:.5;cursor:not-allowed}.services-pagination-button.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.services-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl);text-align:center}.services-empty-icon{width:64px;height:64px;color:var(--color-gray);margin-bottom:var(--spacing-md)}.services-empty-title{font-size:var(--font-size-h4);font-weight:600;color:var(--color-black);margin:0 0 var(--spacing-sm) 0}.services-empty-description{font-size:var(--font-size-body);color:var(--color-gray-dark);margin:0 0 var(--spacing-lg) 0}.services-loading{display:flex;justify-content:center;align-items:center;padding:var(--spacing-3xl)}.services-spinner{width:40px;height:40px;border:3px solid var(--color-gray-light);border-top-color:var(--color-primary);border-radius:50%;animation:services-spin .8s linear infinite}@keyframes services-spin{to{transform:rotate(360deg)}}.service-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.service-modal{background:var(--color-white);border-radius:var(--radius-lg);width:100%;max-width:420px;box-shadow:var(--shadow-lg)}.service-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--color-gray-light)}.service-modal-title{font-size:var(--font-size-h4);font-weight:600;color:var(--color-black);margin:0}.service-modal-close{background:none;border:none;cursor:pointer;color:var(--color-gray-dark);padding:4px}.service-modal-close:hover{color:var(--color-black)}.service-modal-body{padding:var(--spacing-lg)}.service-modal-body p{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-body);color:var(--color-gray-dark)}.service-modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-lg);border-top:1px solid var(--color-gray-light)}.service-form-cancel-button{padding:8px 16px;background:transparent;border:1px solid var(--color-gray);border-radius:var(--radius-md);font-size:var(--font-size-small);font-family:inherit;color:var(--color-gray-dark);cursor:pointer;transition:all .2s ease}.service-form-cancel-button:hover:not(:disabled){background:var(--color-gray-light)}.service-form-cancel-button:disabled{opacity:.5;cursor:not-allowed}.service-delete-button{padding:8px 16px;background:#dc2626;border:none;border-radius:var(--radius-md);font-size:var(--font-size-small);font-family:inherit;font-weight:500;color:var(--color-white);cursor:pointer;transition:background-color .2s ease}.service-delete-button:hover:not(:disabled){background:#b91c1c}.service-delete-button:disabled{opacity:.7;cursor:not-allowed}.service-details-page{padding:var(--spacing-lg)}.service-details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.service-details-header-left{display:flex;align-items:center;gap:var(--spacing-md)}.service-back-button{display:flex;align-items:center;gap:var(--spacing-xs);padding:8px 12px;background:transparent;border:1px solid var(--color-gray-light);border-radius:var(--radius-md);font-size:var(--font-size-small);font-family:inherit;color:var(--color-gray-dark);cursor:pointer;transition:all .2s ease}.service-back-button:hover{background:var(--color-gray-light);color:var(--color-black)}.service-details-title{font-size:var(--font-size-h3);font-weight:700;color:var(--color-black);margin:0}.service-details-header-actions{display:flex;gap:var(--spacing-sm)}.service-edit-button{display:flex;align-items:center;gap:var(--spacing-xs);padding:8px 16px;background:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:var(--font-size-small);font-weight:500;cursor:pointer;transition:background-color .2s ease;text-decoration:none}.service-edit-button:hover{background:var(--color-primary-dark)}.service-delete-button-header{display:flex;align-items:center;gap:var(--spacing-xs);padding:8px 16px;background:transparent;border:1px solid #dc2626;border-radius:var(--radius-md);font-size:var(--font-size-small);font-weight:500;color:#dc2626;cursor:pointer;transition:all .2s ease}.service-delete-button-header:hover{background:#fee2e2}.service-details-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.service-details-card{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.service-details-card-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg)}.service-details-card-title{font-size:var(--font-size-h4);font-weight:600;color:var(--color-black);margin:0}.service-details-card-divider{height:1px;background:var(--color-gray-light)}.service-details-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-lg);padding:var(--spacing-lg)}.service-details-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.service-details-field.full-width{grid-column:1 / -1}.service-details-label{font-size:var(--font-size-small);font-weight:500;color:var(--color-gray-dark)}.service-details-value{font-size:var(--font-size-body);color:var(--color-black)}.service-details-count{font-size:var(--font-size-small);font-weight:500;color:var(--color-primary);background:var(--color-orange-light);padding:2px 10px;border-radius:var(--radius-full)}.service-details-link{font-size:var(--font-size-small);color:var(--color-primary);text-decoration:none;font-weight:500}.service-details-link:hover{text-decoration:underline}.service-details-two-columns{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.service-details-empty{padding:var(--spacing-lg);text-align:center;color:var(--color-gray);font-size:var(--font-size-body);margin:0}.service-guardian-info{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg)}.service-guardian-avatar{width:48px;height:48px;border-radius:50%;background:var(--color-gray-light);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.service-guardian-avatar img{width:100%;height:100%;object-fit:cover}.service-guardian-avatar span{font-size:var(--font-size-small);font-weight:600;color:var(--color-gray-dark)}.service-guardian-details{display:flex;flex-direction:column;gap:2px}.service-guardian-name{font-size:var(--font-size-body);font-weight:500;color:var(--color-black)}.service-guardian-contact{font-size:var(--font-size-small);color:var(--color-gray)}.service-pets-list{display:flex;flex-direction:column;padding:var(--spacing-md) var(--spacing-lg)}.service-pet-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-gray-light)}.service-pet-item:last-child{border-bottom:none}.service-pet-name{font-size:var(--font-size-body);font-weight:500;color:var(--color-black)}.service-pet-species{font-size:var(--font-size-small);color:var(--color-gray);text-transform:capitalize}.service-estimates-list{display:flex;flex-direction:column;padding:var(--spacing-md) var(--spacing-lg)}.service-estimate-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);text-decoration:none;color:inherit;transition:background-color .15s ease}.service-estimate-item:hover{background:var(--color-gray-light)}.service-estimate-dates{font-size:var(--font-size-small);color:var(--color-gray-dark)}.service-estimate-price{font-size:var(--font-size-body);font-weight:600;color:var(--color-primary)}.service-form-page{padding:var(--spacing-lg);max-width:800px}.service-form-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.service-form-title{font-size:var(--font-size-h3);font-weight:700;color:var(--color-black);margin:0}.service-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.service-form-card{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.service-form-card-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg)}.service-form-card-title{font-size:var(--font-size-h4);font-weight:600;color:var(--color-black);margin:0}.service-form-card-divider{height:1px;background:var(--color-gray-light)}.service-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg);padding:var(--spacing-lg)}.service-form-field{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-lg)}.service-form-grid .service-form-field{padding:0}.service-form-label{font-size:var(--font-size-small);font-weight:500;color:var(--color-gray-dark)}.service-form-input{padding:10px 12px;border:1px solid var(--color-gray-light);border-radius:var(--radius-md);font-size:var(--font-size-body);font-family:inherit;transition:border-color .2s ease}.service-form-input:focus{outline:none;border-color:var(--color-primary)}.service-form-input::placeholder{color:var(--color-gray)}.service-form-textarea{padding:10px 12px;border:1px solid var(--color-gray-light);border-radius:var(--radius-md);font-size:var(--font-size-body);font-family:inherit;resize:vertical;min-height:100px;transition:border-color .2s ease}.service-form-textarea:focus{outline:none;border-color:var(--color-primary)}.service-form-error{font-size:var(--font-size-small);color:#dc2626}.service-form-empty{padding:var(--spacing-lg);text-align:center;color:var(--color-gray);font-size:var(--font-size-body);margin:0}.service-form-type-options{display:flex;gap:var(--spacing-sm);padding:var(--spacing-lg)}.service-form-type-option{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);border:2px solid var(--color-gray-light);border-radius:var(--radius-md);font-size:var(--font-size-body);font-weight:500;color:var(--color-gray-dark);cursor:pointer;transition:all .2s ease}.service-form-type-option input{display:none}.service-form-type-option:hover{border-color:var(--color-primary)}.service-form-type-option.active{border-color:var(--color-primary);background:var(--color-orange-light);color:var(--color-primary)}.service-form-nights-badge{font-size:var(--font-size-small);font-weight:500;color:var(--color-primary);background:var(--color-orange-light);padding:4px 12px;border-radius:var(--radius-full)}.service-guardian-search{position:relative}.service-guardian-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:var(--color-white);border:1px solid var(--color-gray-light);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:10;max-height:200px;overflow-y:auto}.service-guardian-option{display:flex;justify-content:space-between;align-items:center;width:100%;padding:var(--spacing-sm) var(--spacing-md);border:none;background:transparent;cursor:pointer;text-align:left;font-family:inherit;transition:background-color .15s ease}.service-guardian-option:hover{background:var(--color-gray-light)}.service-guardian-option-name{font-size:var(--font-size-body);color:var(--color-black);font-weight:500}.service-guardian-option-phone{font-size:var(--font-size-small);color:var(--color-gray)}.service-guardian-selected{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border:1px solid var(--color-primary);border-radius:var(--radius-md);background:var(--color-orange-light)}.service-guardian-selected span{font-size:var(--font-size-body);color:var(--color-black);font-weight:500}.service-guardian-selected button{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;color:var(--color-gray-dark);cursor:pointer;border-radius:var(--radius-sm);transition:all .15s ease}.service-guardian-selected button:hover{background:#0000001a;color:var(--color-black)}.service-form-pets{display:flex;flex-direction:column;padding:var(--spacing-md) var(--spacing-lg)}.service-form-pet-option{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) 0;cursor:pointer;border-bottom:1px solid var(--color-gray-light)}.service-form-pet-option:last-child{border-bottom:none}.service-form-pet-option input{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer}.service-form-pet-name{flex:1;font-size:var(--font-size-body);font-weight:500;color:var(--color-black)}.service-form-pet-species{font-size:var(--font-size-small);color:var(--color-gray);text-transform:capitalize}.service-form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding-top:var(--spacing-md)}.service-form-submit-button{padding:10px 20px;background:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:var(--font-size-body);font-family:inherit;font-weight:500;cursor:pointer;transition:background-color .2s ease}.service-form-submit-button:hover:not(:disabled){background:var(--color-primary-dark)}.service-form-submit-button:disabled{opacity:.7;cursor:not-allowed}@media(max-width:1024px){.services-table th:nth-child(5),.services-table td:nth-child(5){display:none}.service-details-two-columns{grid-template-columns:1fr}}@media(max-width:768px){.services-page{padding:var(--spacing-md);padding-top:60px}.services-page-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.services-page-title{font-size:var(--font-size-h4)}.services-filters{flex-direction:column;align-items:stretch}.services-search{max-width:none}.services-filters-right{flex-wrap:wrap}.services-filter{flex:1;min-width:120px}.services-table th:nth-child(4),.services-table td:nth-child(4){display:none}.services-pagination{flex-direction:column;gap:var(--spacing-md)}.service-details-page{padding:var(--spacing-md);padding-top:60px}.service-details-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.service-details-title{font-size:var(--font-size-h4)}.service-details-grid{grid-template-columns:1fr}.service-form-page{padding:var(--spacing-md);padding-top:60px}.service-form-header{flex-direction:column;align-items:flex-start}.service-form-title{font-size:var(--font-size-h4)}.service-form-grid{grid-template-columns:1fr}.service-form-type-options,.service-form-actions{flex-direction:column}.service-form-actions button{width:100%}}
