@import"https://fonts.googleapis.com/css2?family=Red+Hat+Display:wght@300;400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800;900&display=swap";/*!
* Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
* Copyright 2023 Fonticons, Inc.
*/.fa{font-family:var(--fa-style-family,"Font Awesome 6 Free");font-weight:var(--fa-style,900)}.fa,.fa-brands,.fa-classic,.fa-regular,.fa-sharp,.fa-solid,.fab,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display,inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}.fa-classic,.fa-regular,.fa-solid,.far,.fas{font-family:"Font Awesome 6 Free"}.fa-brands,.fab{font-family:"Font Awesome 6 Brands"}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-2xs{font-size:.625em;line-height:.1em;vertical-align:.225em}.fa-xs{font-size:.75em;line-height:.08333em;vertical-align:.125em}.fa-sm{font-size:.875em;line-height:.07143em;vertical-align:.05357em}.fa-lg{font-size:1.25em;line-height:.05em;vertical-align:-.075em}.fa-xl{font-size:1.5em;line-height:.04167em;vertical-align:-.125em}.fa-2xl{font-size:2em;line-height:.03125em;vertical-align:-.1875em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:var(--fa-li-margin,2.5em);padding-left:0}.fa-ul>li{position:relative}.fa-li{left:calc(var(--fa-li-width, 2em)*-1);position:absolute;text-align:center;width:var(--fa-li-width,2em);line-height:inherit}.fa-border{border-radius:var(--fa-border-radius,.1em);border:var(--fa-border-width,.08em) var(--fa-border-style,solid) var(--fa-border-color,#eee);padding:var(--fa-border-padding,.2em .25em .15em)}.fa-pull-left{float:left;margin-right:var(--fa-pull-margin,.3em)}.fa-pull-right{float:right;margin-left:var(--fa-pull-margin,.3em)}.fa-beat{-webkit-animation-name:fa-beat;animation-name:fa-beat;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,ease-in-out);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-bounce{-webkit-animation-name:fa-bounce;animation-name:fa-bounce;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1))}.fa-fade{-webkit-animation-name:fa-fade;animation-name:fa-fade;-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-beat-fade,.fa-fade{-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s)}.fa-beat-fade{-webkit-animation-name:fa-beat-fade;animation-name:fa-beat-fade;-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-flip{-webkit-animation-name:fa-flip;animation-name:fa-flip;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,ease-in-out);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-shake{-webkit-animation-name:fa-shake;animation-name:fa-shake;-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,linear);animation-timing-function:var(--fa-animation-timing,linear)}.fa-shake,.fa-spin{-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal)}.fa-spin{-webkit-animation-name:fa-spin;animation-name:fa-spin;-webkit-animation-duration:var(--fa-animation-duration,2s);animation-duration:var(--fa-animation-duration,2s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,linear);animation-timing-function:var(--fa-animation-timing,linear)}.fa-spin-reverse{--fa-animation-direction:reverse}.fa-pulse,.fa-spin-pulse{-webkit-animation-name:fa-spin;animation-name:fa-spin;-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,steps(8));animation-timing-function:var(--fa-animation-timing,steps(8))}@media (prefers-reduced-motion:reduce){.fa-beat,.fa-beat-fade,.fa-bounce,.fa-fade,.fa-flip,.fa-pulse,.fa-shake,.fa-spin,.fa-spin-pulse{-webkit-animation-delay:-1ms;animation-delay:-1ms;-webkit-animation-duration:1ms;animation-duration:1ms;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s}}@-webkit-keyframes fa-beat{0%,90%{-webkit-transform:scale(1);transform:scale(1)}45%{-webkit-transform:scale(var(--fa-beat-scale,1.25));transform:scale(var(--fa-beat-scale,1.25))}}@keyframes fa-beat{0%,90%{-webkit-transform:scale(1);transform:scale(1)}45%{-webkit-transform:scale(var(--fa-beat-scale,1.25));transform:scale(var(--fa-beat-scale,1.25))}}@-webkit-keyframes fa-bounce{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}10%{-webkit-transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0);transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{-webkit-transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em));transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{-webkit-transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0);transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{-webkit-transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em));transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em))}64%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}to{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@keyframes fa-bounce{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}10%{-webkit-transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0);transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{-webkit-transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em));transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{-webkit-transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0);transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{-webkit-transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em));transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em))}64%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}to{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@-webkit-keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@-webkit-keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity,.4);-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(var(--fa-beat-fade-scale,1.125));transform:scale(var(--fa-beat-fade-scale,1.125))}}@keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity,.4);-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(var(--fa-beat-fade-scale,1.125));transform:scale(var(--fa-beat-fade-scale,1.125))}}@-webkit-keyframes fa-flip{50%{-webkit-transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@keyframes fa-flip{50%{-webkit-transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@-webkit-keyframes fa-shake{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}4%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}8%,24%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}12%,28%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}20%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}32%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}36%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}40%,to{-webkit-transform:rotate(0deg);transform:rotate(0)}}@keyframes fa-shake{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}4%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}8%,24%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}12%,28%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}20%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}32%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}36%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}40%,to{-webkit-transform:rotate(0deg);transform:rotate(0)}}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fa-rotate-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fa-flip-vertical{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1);transform:scale(-1)}.fa-rotate-by{-webkit-transform:rotate(var(--fa-rotate-angle,none));transform:rotate(var(--fa-rotate-angle,none))}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%;z-index:var(--fa-stack-z-index,auto)}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:var(--fa-inverse,#fff)}.fa-0:before{content:"0"}.fa-1:before{content:"1"}.fa-2:before{content:"2"}.fa-3:before{content:"3"}.fa-4:before{content:"4"}.fa-5:before{content:"5"}.fa-6:before{content:"6"}.fa-7:before{content:"7"}.fa-8:before{content:"8"}.fa-9:before{content:"9"}.fa-fill-drip:before{content:""}.fa-arrows-to-circle:before{content:""}.fa-chevron-circle-right:before,.fa-circle-chevron-right:before{content:""}.fa-at:before{content:"@"}.fa-trash-alt:before,.fa-trash-can:before{content:""}.fa-text-height:before{content:""}.fa-user-times:before,.fa-user-xmark:before{content:""}.fa-stethoscope:before{content:""}.fa-comment-alt:before,.fa-message:before{content:""}.fa-info:before{content:""}.fa-compress-alt:before,.fa-down-left-and-up-right-to-center:before{content:""}.fa-explosion:before{content:""}.fa-file-alt:before,.fa-file-lines:before,.fa-file-text:before{content:""}.fa-wave-square:before{content:""}.fa-ring:before{content:""}.fa-building-un:before{content:""}.fa-dice-three:before{content:""}.fa-calendar-alt:before,.fa-calendar-days:before{content:""}.fa-anchor-circle-check:before{content:""}.fa-building-circle-arrow-right:before{content:""}.fa-volleyball-ball:before,.fa-volleyball:before{content:""}.fa-arrows-up-to-line:before{content:""}.fa-sort-desc:before,.fa-sort-down:before{content:""}.fa-circle-minus:before,.fa-minus-circle:before{content:""}.fa-door-open:before{content:""}.fa-right-from-bracket:before,.fa-sign-out-alt:before{content:""}.fa-atom:before{content:""}.fa-soap:before{content:""}.fa-heart-music-camera-bolt:before,.fa-icons:before{content:""}.fa-microphone-alt-slash:before,.fa-microphone-lines-slash:before{content:""}.fa-bridge-circle-check:before{content:""}.fa-pump-medical:before{content:""}.fa-fingerprint:before{content:""}.fa-hand-point-right:before{content:""}.fa-magnifying-glass-location:before,.fa-search-location:before{content:""}.fa-forward-step:before,.fa-step-forward:before{content:""}.fa-face-smile-beam:before,.fa-smile-beam:before{content:""}.fa-flag-checkered:before{content:""}.fa-football-ball:before,.fa-football:before{content:""}.fa-school-circle-exclamation:before{content:""}.fa-crop:before{content:""}.fa-angle-double-down:before,.fa-angles-down:before{content:""}.fa-users-rectangle:before{content:""}.fa-people-roof:before{content:""}.fa-people-line:before{content:""}.fa-beer-mug-empty:before,.fa-beer:before{content:""}.fa-diagram-predecessor:before{content:""}.fa-arrow-up-long:before,.fa-long-arrow-up:before{content:""}.fa-burn:before,.fa-fire-flame-simple:before{content:""}.fa-male:before,.fa-person:before{content:""}.fa-laptop:before{content:""}.fa-file-csv:before{content:""}.fa-menorah:before{content:""}.fa-truck-plane:before{content:""}.fa-record-vinyl:before{content:""}.fa-face-grin-stars:before,.fa-grin-stars:before{content:""}.fa-bong:before{content:""}.fa-pastafarianism:before,.fa-spaghetti-monster-flying:before{content:""}.fa-arrow-down-up-across-line:before{content:""}.fa-spoon:before,.fa-utensil-spoon:before{content:""}.fa-jar-wheat:before{content:""}.fa-envelopes-bulk:before,.fa-mail-bulk:before{content:""}.fa-file-circle-exclamation:before{content:""}.fa-circle-h:before,.fa-hospital-symbol:before{content:""}.fa-pager:before{content:""}.fa-address-book:before,.fa-contact-book:before{content:""}.fa-strikethrough:before{content:""}.fa-k:before{content:"K"}.fa-landmark-flag:before{content:""}.fa-pencil-alt:before,.fa-pencil:before{content:""}.fa-backward:before{content:""}.fa-caret-right:before{content:""}.fa-comments:before{content:""}.fa-file-clipboard:before,.fa-paste:before{content:""}.fa-code-pull-request:before{content:""}.fa-clipboard-list:before{content:""}.fa-truck-loading:before,.fa-truck-ramp-box:before{content:""}.fa-user-check:before{content:""}.fa-vial-virus:before{content:""}.fa-sheet-plastic:before{content:""}.fa-blog:before{content:""}.fa-user-ninja:before{content:""}.fa-person-arrow-up-from-line:before{content:""}.fa-scroll-torah:before,.fa-torah:before{content:""}.fa-broom-ball:before,.fa-quidditch-broom-ball:before,.fa-quidditch:before{content:""}.fa-toggle-off:before{content:""}.fa-archive:before,.fa-box-archive:before{content:""}.fa-person-drowning:before{content:""}.fa-arrow-down-9-1:before,.fa-sort-numeric-desc:before,.fa-sort-numeric-down-alt:before{content:""}.fa-face-grin-tongue-squint:before,.fa-grin-tongue-squint:before{content:""}.fa-spray-can:before{content:""}.fa-truck-monster:before{content:""}.fa-w:before{content:"W"}.fa-earth-africa:before,.fa-globe-africa:before{content:""}.fa-rainbow:before{content:""}.fa-circle-notch:before{content:""}.fa-tablet-alt:before,.fa-tablet-screen-button:before{content:""}.fa-paw:before{content:""}.fa-cloud:before{content:""}.fa-trowel-bricks:before{content:""}.fa-face-flushed:before,.fa-flushed:before{content:""}.fa-hospital-user:before{content:""}.fa-tent-arrow-left-right:before{content:""}.fa-gavel:before,.fa-legal:before{content:""}.fa-binoculars:before{content:""}.fa-microphone-slash:before{content:""}.fa-box-tissue:before{content:""}.fa-motorcycle:before{content:""}.fa-bell-concierge:before,.fa-concierge-bell:before{content:""}.fa-pen-ruler:before,.fa-pencil-ruler:before{content:""}.fa-people-arrows-left-right:before,.fa-people-arrows:before{content:""}.fa-mars-and-venus-burst:before{content:""}.fa-caret-square-right:before,.fa-square-caret-right:before{content:""}.fa-cut:before,.fa-scissors:before{content:""}.fa-sun-plant-wilt:before{content:""}.fa-toilets-portable:before{content:""}.fa-hockey-puck:before{content:""}.fa-table:before{content:""}.fa-magnifying-glass-arrow-right:before{content:""}.fa-digital-tachograph:before,.fa-tachograph-digital:before{content:""}.fa-users-slash:before{content:""}.fa-clover:before{content:""}.fa-mail-reply:before,.fa-reply:before{content:""}.fa-star-and-crescent:before{content:""}.fa-house-fire:before{content:""}.fa-minus-square:before,.fa-square-minus:before{content:""}.fa-helicopter:before{content:""}.fa-compass:before{content:""}.fa-caret-square-down:before,.fa-square-caret-down:before{content:""}.fa-file-circle-question:before{content:""}.fa-laptop-code:before{content:""}.fa-swatchbook:before{content:""}.fa-prescription-bottle:before{content:""}.fa-bars:before,.fa-navicon:before{content:""}.fa-people-group:before{content:""}.fa-hourglass-3:before,.fa-hourglass-end:before{content:""}.fa-heart-broken:before,.fa-heart-crack:before{content:""}.fa-external-link-square-alt:before,.fa-square-up-right:before{content:""}.fa-face-kiss-beam:before,.fa-kiss-beam:before{content:""}.fa-film:before{content:""}.fa-ruler-horizontal:before{content:""}.fa-people-robbery:before{content:""}.fa-lightbulb:before{content:""}.fa-caret-left:before{content:""}.fa-circle-exclamation:before,.fa-exclamation-circle:before{content:""}.fa-school-circle-xmark:before{content:""}.fa-arrow-right-from-bracket:before,.fa-sign-out:before{content:""}.fa-chevron-circle-down:before,.fa-circle-chevron-down:before{content:""}.fa-unlock-alt:before,.fa-unlock-keyhole:before{content:""}.fa-cloud-showers-heavy:before{content:""}.fa-headphones-alt:before,.fa-headphones-simple:before{content:""}.fa-sitemap:before{content:""}.fa-circle-dollar-to-slot:before,.fa-donate:before{content:""}.fa-memory:before{content:""}.fa-road-spikes:before{content:""}.fa-fire-burner:before{content:""}.fa-flag:before{content:""}.fa-hanukiah:before{content:""}.fa-feather:before{content:""}.fa-volume-down:before,.fa-volume-low:before{content:""}.fa-comment-slash:before{content:""}.fa-cloud-sun-rain:before{content:""}.fa-compress:before{content:""}.fa-wheat-alt:before,.fa-wheat-awn:before{content:""}.fa-ankh:before{content:""}.fa-hands-holding-child:before{content:""}.fa-asterisk:before{content:"*"}.fa-check-square:before,.fa-square-check:before{content:""}.fa-peseta-sign:before{content:""}.fa-header:before,.fa-heading:before{content:""}.fa-ghost:before{content:""}.fa-list-squares:before,.fa-list:before{content:""}.fa-phone-square-alt:before,.fa-square-phone-flip:before{content:""}.fa-cart-plus:before{content:""}.fa-gamepad:before{content:""}.fa-circle-dot:before,.fa-dot-circle:before{content:""}.fa-dizzy:before,.fa-face-dizzy:before{content:""}.fa-egg:before{content:""}.fa-house-medical-circle-xmark:before{content:""}.fa-campground:before{content:""}.fa-folder-plus:before{content:""}.fa-futbol-ball:before,.fa-futbol:before,.fa-soccer-ball:before{content:""}.fa-paint-brush:before,.fa-paintbrush:before{content:""}.fa-lock:before{content:""}.fa-gas-pump:before{content:""}.fa-hot-tub-person:before,.fa-hot-tub:before{content:""}.fa-map-location:before,.fa-map-marked:before{content:""}.fa-house-flood-water:before{content:""}.fa-tree:before{content:""}.fa-bridge-lock:before{content:""}.fa-sack-dollar:before{content:""}.fa-edit:before,.fa-pen-to-square:before{content:""}.fa-car-side:before{content:""}.fa-share-alt:before,.fa-share-nodes:before{content:""}.fa-heart-circle-minus:before{content:""}.fa-hourglass-2:before,.fa-hourglass-half:before{content:""}.fa-microscope:before{content:""}.fa-sink:before{content:""}.fa-bag-shopping:before,.fa-shopping-bag:before{content:""}.fa-arrow-down-z-a:before,.fa-sort-alpha-desc:before,.fa-sort-alpha-down-alt:before{content:""}.fa-mitten:before{content:""}.fa-person-rays:before{content:""}.fa-users:before{content:""}.fa-eye-slash:before{content:""}.fa-flask-vial:before{content:""}.fa-hand-paper:before,.fa-hand:before{content:""}.fa-om:before{content:""}.fa-worm:before{content:""}.fa-house-circle-xmark:before{content:""}.fa-plug:before{content:""}.fa-chevron-up:before{content:""}.fa-hand-spock:before{content:""}.fa-stopwatch:before{content:""}.fa-face-kiss:before,.fa-kiss:before{content:""}.fa-bridge-circle-xmark:before{content:""}.fa-face-grin-tongue:before,.fa-grin-tongue:before{content:""}.fa-chess-bishop:before{content:""}.fa-face-grin-wink:before,.fa-grin-wink:before{content:""}.fa-deaf:before,.fa-deafness:before,.fa-ear-deaf:before,.fa-hard-of-hearing:before{content:""}.fa-road-circle-check:before{content:""}.fa-dice-five:before{content:""}.fa-rss-square:before,.fa-square-rss:before{content:""}.fa-land-mine-on:before{content:""}.fa-i-cursor:before{content:""}.fa-stamp:before{content:""}.fa-stairs:before{content:""}.fa-i:before{content:"I"}.fa-hryvnia-sign:before,.fa-hryvnia:before{content:""}.fa-pills:before{content:""}.fa-face-grin-wide:before,.fa-grin-alt:before{content:""}.fa-tooth:before{content:""}.fa-v:before{content:"V"}.fa-bangladeshi-taka-sign:before{content:""}.fa-bicycle:before{content:""}.fa-rod-asclepius:before,.fa-rod-snake:before,.fa-staff-aesculapius:before,.fa-staff-snake:before{content:""}.fa-head-side-cough-slash:before{content:""}.fa-ambulance:before,.fa-truck-medical:before{content:""}.fa-wheat-awn-circle-exclamation:before{content:""}.fa-snowman:before{content:""}.fa-mortar-pestle:before{content:""}.fa-road-barrier:before{content:""}.fa-school:before{content:""}.fa-igloo:before{content:""}.fa-joint:before{content:""}.fa-angle-right:before{content:""}.fa-horse:before{content:""}.fa-q:before{content:"Q"}.fa-g:before{content:"G"}.fa-notes-medical:before{content:""}.fa-temperature-2:before,.fa-temperature-half:before,.fa-thermometer-2:before,.fa-thermometer-half:before{content:""}.fa-dong-sign:before{content:""}.fa-capsules:before{content:""}.fa-poo-bolt:before,.fa-poo-storm:before{content:""}.fa-face-frown-open:before,.fa-frown-open:before{content:""}.fa-hand-point-up:before{content:""}.fa-money-bill:before{content:""}.fa-bookmark:before{content:""}.fa-align-justify:before{content:""}.fa-umbrella-beach:before{content:""}.fa-helmet-un:before{content:""}.fa-bullseye:before{content:""}.fa-bacon:before{content:""}.fa-hand-point-down:before{content:""}.fa-arrow-up-from-bracket:before{content:""}.fa-folder-blank:before,.fa-folder:before{content:""}.fa-file-medical-alt:before,.fa-file-waveform:before{content:""}.fa-radiation:before{content:""}.fa-chart-simple:before{content:""}.fa-mars-stroke:before{content:""}.fa-vial:before{content:""}.fa-dashboard:before,.fa-gauge-med:before,.fa-gauge:before,.fa-tachometer-alt-average:before{content:""}.fa-magic-wand-sparkles:before,.fa-wand-magic-sparkles:before{content:""}.fa-e:before{content:"E"}.fa-pen-alt:before,.fa-pen-clip:before{content:""}.fa-bridge-circle-exclamation:before{content:""}.fa-user:before{content:""}.fa-school-circle-check:before{content:""}.fa-dumpster:before{content:""}.fa-shuttle-van:before,.fa-van-shuttle:before{content:""}.fa-building-user:before{content:""}.fa-caret-square-left:before,.fa-square-caret-left:before{content:""}.fa-highlighter:before{content:""}.fa-key:before{content:""}.fa-bullhorn:before{content:""}.fa-globe:before{content:""}.fa-synagogue:before{content:""}.fa-person-half-dress:before{content:""}.fa-road-bridge:before{content:""}.fa-location-arrow:before{content:""}.fa-c:before{content:"C"}.fa-tablet-button:before{content:""}.fa-building-lock:before{content:""}.fa-pizza-slice:before{content:""}.fa-money-bill-wave:before{content:""}.fa-area-chart:before,.fa-chart-area:before{content:""}.fa-house-flag:before{content:""}.fa-person-circle-minus:before{content:""}.fa-ban:before,.fa-cancel:before{content:""}.fa-camera-rotate:before{content:""}.fa-air-freshener:before,.fa-spray-can-sparkles:before{content:""}.fa-star:before{content:""}.fa-repeat:before{content:""}.fa-cross:before{content:""}.fa-box:before{content:""}.fa-venus-mars:before{content:""}.fa-arrow-pointer:before,.fa-mouse-pointer:before{content:""}.fa-expand-arrows-alt:before,.fa-maximize:before{content:""}.fa-charging-station:before{content:""}.fa-shapes:before,.fa-triangle-circle-square:before{content:""}.fa-random:before,.fa-shuffle:before{content:""}.fa-person-running:before,.fa-running:before{content:""}.fa-mobile-retro:before{content:""}.fa-grip-lines-vertical:before{content:""}.fa-spider:before{content:""}.fa-hands-bound:before{content:""}.fa-file-invoice-dollar:before{content:""}.fa-plane-circle-exclamation:before{content:""}.fa-x-ray:before{content:""}.fa-spell-check:before{content:""}.fa-slash:before{content:""}.fa-computer-mouse:before,.fa-mouse:before{content:""}.fa-arrow-right-to-bracket:before,.fa-sign-in:before{content:""}.fa-shop-slash:before,.fa-store-alt-slash:before{content:""}.fa-server:before{content:""}.fa-virus-covid-slash:before{content:""}.fa-shop-lock:before{content:""}.fa-hourglass-1:before,.fa-hourglass-start:before{content:""}.fa-blender-phone:before{content:""}.fa-building-wheat:before{content:""}.fa-person-breastfeeding:before{content:""}.fa-right-to-bracket:before,.fa-sign-in-alt:before{content:""}.fa-venus:before{content:""}.fa-passport:before{content:""}.fa-heart-pulse:before,.fa-heartbeat:before{content:""}.fa-people-carry-box:before,.fa-people-carry:before{content:""}.fa-temperature-high:before{content:""}.fa-microchip:before{content:""}.fa-crown:before{content:""}.fa-weight-hanging:before{content:""}.fa-xmarks-lines:before{content:""}.fa-file-prescription:before{content:""}.fa-weight-scale:before,.fa-weight:before{content:""}.fa-user-friends:before,.fa-user-group:before{content:""}.fa-arrow-up-a-z:before,.fa-sort-alpha-up:before{content:""}.fa-chess-knight:before{content:""}.fa-face-laugh-squint:before,.fa-laugh-squint:before{content:""}.fa-wheelchair:before{content:""}.fa-arrow-circle-up:before,.fa-circle-arrow-up:before{content:""}.fa-toggle-on:before{content:""}.fa-person-walking:before,.fa-walking:before{content:""}.fa-l:before{content:"L"}.fa-fire:before{content:""}.fa-bed-pulse:before,.fa-procedures:before{content:""}.fa-shuttle-space:before,.fa-space-shuttle:before{content:""}.fa-face-laugh:before,.fa-laugh:before{content:""}.fa-folder-open:before{content:""}.fa-heart-circle-plus:before{content:""}.fa-code-fork:before{content:""}.fa-city:before{content:""}.fa-microphone-alt:before,.fa-microphone-lines:before{content:""}.fa-pepper-hot:before{content:""}.fa-unlock:before{content:""}.fa-colon-sign:before{content:""}.fa-headset:before{content:""}.fa-store-slash:before{content:""}.fa-road-circle-xmark:before{content:""}.fa-user-minus:before{content:""}.fa-mars-stroke-up:before,.fa-mars-stroke-v:before{content:""}.fa-champagne-glasses:before,.fa-glass-cheers:before{content:""}.fa-clipboard:before{content:""}.fa-house-circle-exclamation:before{content:""}.fa-file-arrow-up:before,.fa-file-upload:before{content:""}.fa-wifi-3:before,.fa-wifi-strong:before,.fa-wifi:before{content:""}.fa-bath:before,.fa-bathtub:before{content:""}.fa-underline:before{content:""}.fa-user-edit:before,.fa-user-pen:before{content:""}.fa-signature:before{content:""}.fa-stroopwafel:before{content:""}.fa-bold:before{content:""}.fa-anchor-lock:before{content:""}.fa-building-ngo:before{content:""}.fa-manat-sign:before{content:""}.fa-not-equal:before{content:""}.fa-border-style:before,.fa-border-top-left:before{content:""}.fa-map-location-dot:before,.fa-map-marked-alt:before{content:""}.fa-jedi:before{content:""}.fa-poll:before,.fa-square-poll-vertical:before{content:""}.fa-mug-hot:before{content:""}.fa-battery-car:before,.fa-car-battery:before{content:""}.fa-gift:before{content:""}.fa-dice-two:before{content:""}.fa-chess-queen:before{content:""}.fa-glasses:before{content:""}.fa-chess-board:before{content:""}.fa-building-circle-check:before{content:""}.fa-person-chalkboard:before{content:""}.fa-mars-stroke-h:before,.fa-mars-stroke-right:before{content:""}.fa-hand-back-fist:before,.fa-hand-rock:before{content:""}.fa-caret-square-up:before,.fa-square-caret-up:before{content:""}.fa-cloud-showers-water:before{content:""}.fa-bar-chart:before,.fa-chart-bar:before{content:""}.fa-hands-bubbles:before,.fa-hands-wash:before{content:""}.fa-less-than-equal:before{content:""}.fa-train:before{content:""}.fa-eye-low-vision:before,.fa-low-vision:before{content:""}.fa-crow:before{content:""}.fa-sailboat:before{content:""}.fa-window-restore:before{content:""}.fa-plus-square:before,.fa-square-plus:before{content:""}.fa-torii-gate:before{content:""}.fa-frog:before{content:""}.fa-bucket:before{content:""}.fa-image:before{content:""}.fa-microphone:before{content:""}.fa-cow:before{content:""}.fa-caret-up:before{content:""}.fa-screwdriver:before{content:""}.fa-folder-closed:before{content:""}.fa-house-tsunami:before{content:""}.fa-square-nfi:before{content:""}.fa-arrow-up-from-ground-water:before{content:""}.fa-glass-martini-alt:before,.fa-martini-glass:before{content:""}.fa-rotate-back:before,.fa-rotate-backward:before,.fa-rotate-left:before,.fa-undo-alt:before{content:""}.fa-columns:before,.fa-table-columns:before{content:""}.fa-lemon:before{content:""}.fa-head-side-mask:before{content:""}.fa-handshake:before{content:""}.fa-gem:before{content:""}.fa-dolly-box:before,.fa-dolly:before{content:""}.fa-smoking:before{content:""}.fa-compress-arrows-alt:before,.fa-minimize:before{content:""}.fa-monument:before{content:""}.fa-snowplow:before{content:""}.fa-angle-double-right:before,.fa-angles-right:before{content:""}.fa-cannabis:before{content:""}.fa-circle-play:before,.fa-play-circle:before{content:""}.fa-tablets:before{content:""}.fa-ethernet:before{content:""}.fa-eur:before,.fa-euro-sign:before,.fa-euro:before{content:""}.fa-chair:before{content:""}.fa-check-circle:before,.fa-circle-check:before{content:""}.fa-circle-stop:before,.fa-stop-circle:before{content:""}.fa-compass-drafting:before,.fa-drafting-compass:before{content:""}.fa-plate-wheat:before{content:""}.fa-icicles:before{content:""}.fa-person-shelter:before{content:""}.fa-neuter:before{content:""}.fa-id-badge:before{content:""}.fa-marker:before{content:""}.fa-face-laugh-beam:before,.fa-laugh-beam:before{content:""}.fa-helicopter-symbol:before{content:""}.fa-universal-access:before{content:""}.fa-chevron-circle-up:before,.fa-circle-chevron-up:before{content:""}.fa-lari-sign:before{content:""}.fa-volcano:before{content:""}.fa-person-walking-dashed-line-arrow-right:before{content:""}.fa-gbp:before,.fa-pound-sign:before,.fa-sterling-sign:before{content:""}.fa-viruses:before{content:""}.fa-square-person-confined:before{content:""}.fa-user-tie:before{content:""}.fa-arrow-down-long:before,.fa-long-arrow-down:before{content:""}.fa-tent-arrow-down-to-line:before{content:""}.fa-certificate:before{content:""}.fa-mail-reply-all:before,.fa-reply-all:before{content:""}.fa-suitcase:before{content:""}.fa-person-skating:before,.fa-skating:before{content:""}.fa-filter-circle-dollar:before,.fa-funnel-dollar:before{content:""}.fa-camera-retro:before{content:""}.fa-arrow-circle-down:before,.fa-circle-arrow-down:before{content:""}.fa-arrow-right-to-file:before,.fa-file-import:before{content:""}.fa-external-link-square:before,.fa-square-arrow-up-right:before{content:""}.fa-box-open:before{content:""}.fa-scroll:before{content:""}.fa-spa:before{content:""}.fa-location-pin-lock:before{content:""}.fa-pause:before{content:""}.fa-hill-avalanche:before{content:""}.fa-temperature-0:before,.fa-temperature-empty:before,.fa-thermometer-0:before,.fa-thermometer-empty:before{content:""}.fa-bomb:before{content:""}.fa-registered:before{content:""}.fa-address-card:before,.fa-contact-card:before,.fa-vcard:before{content:""}.fa-balance-scale-right:before,.fa-scale-unbalanced-flip:before{content:""}.fa-subscript:before{content:""}.fa-diamond-turn-right:before,.fa-directions:before{content:""}.fa-burst:before{content:""}.fa-house-laptop:before,.fa-laptop-house:before{content:""}.fa-face-tired:before,.fa-tired:before{content:""}.fa-money-bills:before{content:""}.fa-smog:before{content:""}.fa-crutch:before{content:""}.fa-cloud-arrow-up:before,.fa-cloud-upload-alt:before,.fa-cloud-upload:before{content:""}.fa-palette:before{content:""}.fa-arrows-turn-right:before{content:""}.fa-vest:before{content:""}.fa-ferry:before{content:""}.fa-arrows-down-to-people:before{content:""}.fa-seedling:before,.fa-sprout:before{content:""}.fa-arrows-alt-h:before,.fa-left-right:before{content:""}.fa-boxes-packing:before{content:""}.fa-arrow-circle-left:before,.fa-circle-arrow-left:before{content:""}.fa-group-arrows-rotate:before{content:""}.fa-bowl-food:before{content:""}.fa-candy-cane:before{content:""}.fa-arrow-down-wide-short:before,.fa-sort-amount-asc:before,.fa-sort-amount-down:before{content:""}.fa-cloud-bolt:before,.fa-thunderstorm:before{content:""}.fa-remove-format:before,.fa-text-slash:before{content:""}.fa-face-smile-wink:before,.fa-smile-wink:before{content:""}.fa-file-word:before{content:""}.fa-file-powerpoint:before{content:""}.fa-arrows-h:before,.fa-arrows-left-right:before{content:""}.fa-house-lock:before{content:""}.fa-cloud-arrow-down:before,.fa-cloud-download-alt:before,.fa-cloud-download:before{content:""}.fa-children:before{content:""}.fa-blackboard:before,.fa-chalkboard:before{content:""}.fa-user-alt-slash:before,.fa-user-large-slash:before{content:""}.fa-envelope-open:before{content:""}.fa-handshake-alt-slash:before,.fa-handshake-simple-slash:before{content:""}.fa-mattress-pillow:before{content:""}.fa-guarani-sign:before{content:""}.fa-arrows-rotate:before,.fa-refresh:before,.fa-sync:before{content:""}.fa-fire-extinguisher:before{content:""}.fa-cruzeiro-sign:before{content:""}.fa-greater-than-equal:before{content:""}.fa-shield-alt:before,.fa-shield-halved:before{content:""}.fa-atlas:before,.fa-book-atlas:before{content:""}.fa-virus:before{content:""}.fa-envelope-circle-check:before{content:""}.fa-layer-group:before{content:""}.fa-arrows-to-dot:before{content:""}.fa-archway:before{content:""}.fa-heart-circle-check:before{content:""}.fa-house-chimney-crack:before,.fa-house-damage:before{content:""}.fa-file-archive:before,.fa-file-zipper:before{content:""}.fa-square:before{content:""}.fa-glass-martini:before,.fa-martini-glass-empty:before{content:""}.fa-couch:before{content:""}.fa-cedi-sign:before{content:""}.fa-italic:before{content:""}.fa-church:before{content:""}.fa-comments-dollar:before{content:""}.fa-democrat:before{content:""}.fa-z:before{content:"Z"}.fa-person-skiing:before,.fa-skiing:before{content:""}.fa-road-lock:before{content:""}.fa-a:before{content:"A"}.fa-temperature-arrow-down:before,.fa-temperature-down:before{content:""}.fa-feather-alt:before,.fa-feather-pointed:before{content:""}.fa-p:before{content:"P"}.fa-snowflake:before{content:""}.fa-newspaper:before{content:""}.fa-ad:before,.fa-rectangle-ad:before{content:""}.fa-arrow-circle-right:before,.fa-circle-arrow-right:before{content:""}.fa-filter-circle-xmark:before{content:""}.fa-locust:before{content:""}.fa-sort:before,.fa-unsorted:before{content:""}.fa-list-1-2:before,.fa-list-numeric:before,.fa-list-ol:before{content:""}.fa-person-dress-burst:before{content:""}.fa-money-check-alt:before,.fa-money-check-dollar:before{content:""}.fa-vector-square:before{content:""}.fa-bread-slice:before{content:""}.fa-language:before{content:""}.fa-face-kiss-wink-heart:before,.fa-kiss-wink-heart:before{content:""}.fa-filter:before{content:""}.fa-question:before{content:"?"}.fa-file-signature:before{content:""}.fa-arrows-alt:before,.fa-up-down-left-right:before{content:""}.fa-house-chimney-user:before{content:""}.fa-hand-holding-heart:before{content:""}.fa-puzzle-piece:before{content:""}.fa-money-check:before{content:""}.fa-star-half-alt:before,.fa-star-half-stroke:before{content:""}.fa-code:before{content:""}.fa-glass-whiskey:before,.fa-whiskey-glass:before{content:""}.fa-building-circle-exclamation:before{content:""}.fa-magnifying-glass-chart:before{content:""}.fa-arrow-up-right-from-square:before,.fa-external-link:before{content:""}.fa-cubes-stacked:before{content:""}.fa-krw:before,.fa-won-sign:before,.fa-won:before{content:""}.fa-virus-covid:before{content:""}.fa-austral-sign:before{content:""}.fa-f:before{content:"F"}.fa-leaf:before{content:""}.fa-road:before{content:""}.fa-cab:before,.fa-taxi:before{content:""}.fa-person-circle-plus:before{content:""}.fa-chart-pie:before,.fa-pie-chart:before{content:""}.fa-bolt-lightning:before{content:""}.fa-sack-xmark:before{content:""}.fa-file-excel:before{content:""}.fa-file-contract:before{content:""}.fa-fish-fins:before{content:""}.fa-building-flag:before{content:""}.fa-face-grin-beam:before,.fa-grin-beam:before{content:""}.fa-object-ungroup:before{content:""}.fa-poop:before{content:""}.fa-location-pin:before,.fa-map-marker:before{content:""}.fa-kaaba:before{content:""}.fa-toilet-paper:before{content:""}.fa-hard-hat:before,.fa-hat-hard:before,.fa-helmet-safety:before{content:""}.fa-eject:before{content:""}.fa-arrow-alt-circle-right:before,.fa-circle-right:before{content:""}.fa-plane-circle-check:before{content:""}.fa-face-rolling-eyes:before,.fa-meh-rolling-eyes:before{content:""}.fa-object-group:before{content:""}.fa-chart-line:before,.fa-line-chart:before{content:""}.fa-mask-ventilator:before{content:""}.fa-arrow-right:before{content:""}.fa-map-signs:before,.fa-signs-post:before{content:""}.fa-cash-register:before{content:""}.fa-person-circle-question:before{content:""}.fa-h:before{content:"H"}.fa-tarp:before{content:""}.fa-screwdriver-wrench:before,.fa-tools:before{content:""}.fa-arrows-to-eye:before{content:""}.fa-plug-circle-bolt:before{content:""}.fa-heart:before{content:""}.fa-mars-and-venus:before{content:""}.fa-home-user:before,.fa-house-user:before{content:""}.fa-dumpster-fire:before{content:""}.fa-house-crack:before{content:""}.fa-cocktail:before,.fa-martini-glass-citrus:before{content:""}.fa-face-surprise:before,.fa-surprise:before{content:""}.fa-bottle-water:before{content:""}.fa-circle-pause:before,.fa-pause-circle:before{content:""}.fa-toilet-paper-slash:before{content:""}.fa-apple-alt:before,.fa-apple-whole:before{content:""}.fa-kitchen-set:before{content:""}.fa-r:before{content:"R"}.fa-temperature-1:before,.fa-temperature-quarter:before,.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:""}.fa-cube:before{content:""}.fa-bitcoin-sign:before{content:""}.fa-shield-dog:before{content:""}.fa-solar-panel:before{content:""}.fa-lock-open:before{content:""}.fa-elevator:before{content:""}.fa-money-bill-transfer:before{content:""}.fa-money-bill-trend-up:before{content:""}.fa-house-flood-water-circle-arrow-right:before{content:""}.fa-poll-h:before,.fa-square-poll-horizontal:before{content:""}.fa-circle:before{content:""}.fa-backward-fast:before,.fa-fast-backward:before{content:""}.fa-recycle:before{content:""}.fa-user-astronaut:before{content:""}.fa-plane-slash:before{content:""}.fa-trademark:before{content:""}.fa-basketball-ball:before,.fa-basketball:before{content:""}.fa-satellite-dish:before{content:""}.fa-arrow-alt-circle-up:before,.fa-circle-up:before{content:""}.fa-mobile-alt:before,.fa-mobile-screen-button:before{content:""}.fa-volume-high:before,.fa-volume-up:before{content:""}.fa-users-rays:before{content:""}.fa-wallet:before{content:""}.fa-clipboard-check:before{content:""}.fa-file-audio:before{content:""}.fa-burger:before,.fa-hamburger:before{content:""}.fa-wrench:before{content:""}.fa-bugs:before{content:""}.fa-rupee-sign:before,.fa-rupee:before{content:""}.fa-file-image:before{content:""}.fa-circle-question:before,.fa-question-circle:before{content:""}.fa-plane-departure:before{content:""}.fa-handshake-slash:before{content:""}.fa-book-bookmark:before{content:""}.fa-code-branch:before{content:""}.fa-hat-cowboy:before{content:""}.fa-bridge:before{content:""}.fa-phone-alt:before,.fa-phone-flip:before{content:""}.fa-truck-front:before{content:""}.fa-cat:before{content:""}.fa-anchor-circle-exclamation:before{content:""}.fa-truck-field:before{content:""}.fa-route:before{content:""}.fa-clipboard-question:before{content:""}.fa-panorama:before{content:""}.fa-comment-medical:before{content:""}.fa-teeth-open:before{content:""}.fa-file-circle-minus:before{content:""}.fa-tags:before{content:""}.fa-wine-glass:before{content:""}.fa-fast-forward:before,.fa-forward-fast:before{content:""}.fa-face-meh-blank:before,.fa-meh-blank:before{content:""}.fa-parking:before,.fa-square-parking:before{content:""}.fa-house-signal:before{content:""}.fa-bars-progress:before,.fa-tasks-alt:before{content:""}.fa-faucet-drip:before{content:""}.fa-cart-flatbed:before,.fa-dolly-flatbed:before{content:""}.fa-ban-smoking:before,.fa-smoking-ban:before{content:""}.fa-terminal:before{content:""}.fa-mobile-button:before{content:""}.fa-house-medical-flag:before{content:""}.fa-basket-shopping:before,.fa-shopping-basket:before{content:""}.fa-tape:before{content:""}.fa-bus-alt:before,.fa-bus-simple:before{content:""}.fa-eye:before{content:""}.fa-face-sad-cry:before,.fa-sad-cry:before{content:""}.fa-audio-description:before{content:""}.fa-person-military-to-person:before{content:""}.fa-file-shield:before{content:""}.fa-user-slash:before{content:""}.fa-pen:before{content:""}.fa-tower-observation:before{content:""}.fa-file-code:before{content:""}.fa-signal-5:before,.fa-signal-perfect:before,.fa-signal:before{content:""}.fa-bus:before{content:""}.fa-heart-circle-xmark:before{content:""}.fa-home-lg:before,.fa-house-chimney:before{content:""}.fa-window-maximize:before{content:""}.fa-face-frown:before,.fa-frown:before{content:""}.fa-prescription:before{content:""}.fa-shop:before,.fa-store-alt:before{content:""}.fa-floppy-disk:before,.fa-save:before{content:""}.fa-vihara:before{content:""}.fa-balance-scale-left:before,.fa-scale-unbalanced:before{content:""}.fa-sort-asc:before,.fa-sort-up:before{content:""}.fa-comment-dots:before,.fa-commenting:before{content:""}.fa-plant-wilt:before{content:""}.fa-diamond:before{content:""}.fa-face-grin-squint:before,.fa-grin-squint:before{content:""}.fa-hand-holding-dollar:before,.fa-hand-holding-usd:before{content:""}.fa-bacterium:before{content:""}.fa-hand-pointer:before{content:""}.fa-drum-steelpan:before{content:""}.fa-hand-scissors:before{content:""}.fa-hands-praying:before,.fa-praying-hands:before{content:""}.fa-arrow-right-rotate:before,.fa-arrow-rotate-forward:before,.fa-arrow-rotate-right:before,.fa-redo:before{content:""}.fa-biohazard:before{content:""}.fa-location-crosshairs:before,.fa-location:before{content:""}.fa-mars-double:before{content:""}.fa-child-dress:before{content:""}.fa-users-between-lines:before{content:""}.fa-lungs-virus:before{content:""}.fa-face-grin-tears:before,.fa-grin-tears:before{content:""}.fa-phone:before{content:""}.fa-calendar-times:before,.fa-calendar-xmark:before{content:""}.fa-child-reaching:before{content:""}.fa-head-side-virus:before{content:""}.fa-user-cog:before,.fa-user-gear:before{content:""}.fa-arrow-up-1-9:before,.fa-sort-numeric-up:before{content:""}.fa-door-closed:before{content:""}.fa-shield-virus:before{content:""}.fa-dice-six:before{content:""}.fa-mosquito-net:before{content:""}.fa-bridge-water:before{content:""}.fa-person-booth:before{content:""}.fa-text-width:before{content:""}.fa-hat-wizard:before{content:""}.fa-pen-fancy:before{content:""}.fa-digging:before,.fa-person-digging:before{content:""}.fa-trash:before{content:""}.fa-gauge-simple-med:before,.fa-gauge-simple:before,.fa-tachometer-average:before{content:""}.fa-book-medical:before{content:""}.fa-poo:before{content:""}.fa-quote-right-alt:before,.fa-quote-right:before{content:""}.fa-shirt:before,.fa-t-shirt:before,.fa-tshirt:before{content:""}.fa-cubes:before{content:""}.fa-divide:before{content:""}.fa-tenge-sign:before,.fa-tenge:before{content:""}.fa-headphones:before{content:""}.fa-hands-holding:before{content:""}.fa-hands-clapping:before{content:""}.fa-republican:before{content:""}.fa-arrow-left:before{content:""}.fa-person-circle-xmark:before{content:""}.fa-ruler:before{content:""}.fa-align-left:before{content:""}.fa-dice-d6:before{content:""}.fa-restroom:before{content:""}.fa-j:before{content:"J"}.fa-users-viewfinder:before{content:""}.fa-file-video:before{content:""}.fa-external-link-alt:before,.fa-up-right-from-square:before{content:""}.fa-table-cells:before,.fa-th:before{content:""}.fa-file-pdf:before{content:""}.fa-bible:before,.fa-book-bible:before{content:""}.fa-o:before{content:"O"}.fa-medkit:before,.fa-suitcase-medical:before{content:""}.fa-user-secret:before{content:""}.fa-otter:before{content:""}.fa-female:before,.fa-person-dress:before{content:""}.fa-comment-dollar:before{content:""}.fa-briefcase-clock:before,.fa-business-time:before{content:""}.fa-table-cells-large:before,.fa-th-large:before{content:""}.fa-book-tanakh:before,.fa-tanakh:before{content:""}.fa-phone-volume:before,.fa-volume-control-phone:before{content:""}.fa-hat-cowboy-side:before{content:""}.fa-clipboard-user:before{content:""}.fa-child:before{content:""}.fa-lira-sign:before{content:""}.fa-satellite:before{content:""}.fa-plane-lock:before{content:""}.fa-tag:before{content:""}.fa-comment:before{content:""}.fa-birthday-cake:before,.fa-cake-candles:before,.fa-cake:before{content:""}.fa-envelope:before{content:""}.fa-angle-double-up:before,.fa-angles-up:before{content:""}.fa-paperclip:before{content:""}.fa-arrow-right-to-city:before{content:""}.fa-ribbon:before{content:""}.fa-lungs:before{content:""}.fa-arrow-up-9-1:before,.fa-sort-numeric-up-alt:before{content:""}.fa-litecoin-sign:before{content:""}.fa-border-none:before{content:""}.fa-circle-nodes:before{content:""}.fa-parachute-box:before{content:""}.fa-indent:before{content:""}.fa-truck-field-un:before{content:""}.fa-hourglass-empty:before,.fa-hourglass:before{content:""}.fa-mountain:before{content:""}.fa-user-doctor:before,.fa-user-md:before{content:""}.fa-circle-info:before,.fa-info-circle:before{content:""}.fa-cloud-meatball:before{content:""}.fa-camera-alt:before,.fa-camera:before{content:""}.fa-square-virus:before{content:""}.fa-meteor:before{content:""}.fa-car-on:before{content:""}.fa-sleigh:before{content:""}.fa-arrow-down-1-9:before,.fa-sort-numeric-asc:before,.fa-sort-numeric-down:before{content:""}.fa-hand-holding-droplet:before,.fa-hand-holding-water:before{content:""}.fa-water:before{content:""}.fa-calendar-check:before{content:""}.fa-braille:before{content:""}.fa-prescription-bottle-alt:before,.fa-prescription-bottle-medical:before{content:""}.fa-landmark:before{content:""}.fa-truck:before{content:""}.fa-crosshairs:before{content:""}.fa-person-cane:before{content:""}.fa-tent:before{content:""}.fa-vest-patches:before{content:""}.fa-check-double:before{content:""}.fa-arrow-down-a-z:before,.fa-sort-alpha-asc:before,.fa-sort-alpha-down:before{content:""}.fa-money-bill-wheat:before{content:""}.fa-cookie:before{content:""}.fa-arrow-left-rotate:before,.fa-arrow-rotate-back:before,.fa-arrow-rotate-backward:before,.fa-arrow-rotate-left:before,.fa-undo:before{content:""}.fa-hard-drive:before,.fa-hdd:before{content:""}.fa-face-grin-squint-tears:before,.fa-grin-squint-tears:before{content:""}.fa-dumbbell:before{content:""}.fa-list-alt:before,.fa-rectangle-list:before{content:""}.fa-tarp-droplet:before{content:""}.fa-house-medical-circle-check:before{content:""}.fa-person-skiing-nordic:before,.fa-skiing-nordic:before{content:""}.fa-calendar-plus:before{content:""}.fa-plane-arrival:before{content:""}.fa-arrow-alt-circle-left:before,.fa-circle-left:before{content:""}.fa-subway:before,.fa-train-subway:before{content:""}.fa-chart-gantt:before{content:""}.fa-indian-rupee-sign:before,.fa-indian-rupee:before,.fa-inr:before{content:""}.fa-crop-alt:before,.fa-crop-simple:before{content:""}.fa-money-bill-1:before,.fa-money-bill-alt:before{content:""}.fa-left-long:before,.fa-long-arrow-alt-left:before{content:""}.fa-dna:before{content:""}.fa-virus-slash:before{content:""}.fa-minus:before,.fa-subtract:before{content:""}.fa-chess:before{content:""}.fa-arrow-left-long:before,.fa-long-arrow-left:before{content:""}.fa-plug-circle-check:before{content:""}.fa-street-view:before{content:""}.fa-franc-sign:before{content:""}.fa-volume-off:before{content:""}.fa-american-sign-language-interpreting:before,.fa-asl-interpreting:before,.fa-hands-american-sign-language-interpreting:before,.fa-hands-asl-interpreting:before{content:""}.fa-cog:before,.fa-gear:before{content:""}.fa-droplet-slash:before,.fa-tint-slash:before{content:""}.fa-mosque:before{content:""}.fa-mosquito:before{content:""}.fa-star-of-david:before{content:""}.fa-person-military-rifle:before{content:""}.fa-cart-shopping:before,.fa-shopping-cart:before{content:""}.fa-vials:before{content:""}.fa-plug-circle-plus:before{content:""}.fa-place-of-worship:before{content:""}.fa-grip-vertical:before{content:""}.fa-arrow-turn-up:before,.fa-level-up:before{content:""}.fa-u:before{content:"U"}.fa-square-root-alt:before,.fa-square-root-variable:before{content:""}.fa-clock-four:before,.fa-clock:before{content:""}.fa-backward-step:before,.fa-step-backward:before{content:""}.fa-pallet:before{content:""}.fa-faucet:before{content:""}.fa-baseball-bat-ball:before{content:""}.fa-s:before{content:"S"}.fa-timeline:before{content:""}.fa-keyboard:before{content:""}.fa-caret-down:before{content:""}.fa-clinic-medical:before,.fa-house-chimney-medical:before{content:""}.fa-temperature-3:before,.fa-temperature-three-quarters:before,.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:""}.fa-mobile-android-alt:before,.fa-mobile-screen:before{content:""}.fa-plane-up:before{content:""}.fa-piggy-bank:before{content:""}.fa-battery-3:before,.fa-battery-half:before{content:""}.fa-mountain-city:before{content:""}.fa-coins:before{content:""}.fa-khanda:before{content:""}.fa-sliders-h:before,.fa-sliders:before{content:""}.fa-folder-tree:before{content:""}.fa-network-wired:before{content:""}.fa-map-pin:before{content:""}.fa-hamsa:before{content:""}.fa-cent-sign:before{content:""}.fa-flask:before{content:""}.fa-person-pregnant:before{content:""}.fa-wand-sparkles:before{content:""}.fa-ellipsis-v:before,.fa-ellipsis-vertical:before{content:""}.fa-ticket:before{content:""}.fa-power-off:before{content:""}.fa-long-arrow-alt-right:before,.fa-right-long:before{content:""}.fa-flag-usa:before{content:""}.fa-laptop-file:before{content:""}.fa-teletype:before,.fa-tty:before{content:""}.fa-diagram-next:before{content:""}.fa-person-rifle:before{content:""}.fa-house-medical-circle-exclamation:before{content:""}.fa-closed-captioning:before{content:""}.fa-hiking:before,.fa-person-hiking:before{content:""}.fa-venus-double:before{content:""}.fa-images:before{content:""}.fa-calculator:before{content:""}.fa-people-pulling:before{content:""}.fa-n:before{content:"N"}.fa-cable-car:before,.fa-tram:before{content:""}.fa-cloud-rain:before{content:""}.fa-building-circle-xmark:before{content:""}.fa-ship:before{content:""}.fa-arrows-down-to-line:before{content:""}.fa-download:before{content:""}.fa-face-grin:before,.fa-grin:before{content:""}.fa-backspace:before,.fa-delete-left:before{content:""}.fa-eye-dropper-empty:before,.fa-eye-dropper:before,.fa-eyedropper:before{content:""}.fa-file-circle-check:before{content:""}.fa-forward:before{content:""}.fa-mobile-android:before,.fa-mobile-phone:before,.fa-mobile:before{content:""}.fa-face-meh:before,.fa-meh:before{content:""}.fa-align-center:before{content:""}.fa-book-dead:before,.fa-book-skull:before{content:""}.fa-drivers-license:before,.fa-id-card:before{content:""}.fa-dedent:before,.fa-outdent:before{content:""}.fa-heart-circle-exclamation:before{content:""}.fa-home-alt:before,.fa-home-lg-alt:before,.fa-home:before,.fa-house:before{content:""}.fa-calendar-week:before{content:""}.fa-laptop-medical:before{content:""}.fa-b:before{content:"B"}.fa-file-medical:before{content:""}.fa-dice-one:before{content:""}.fa-kiwi-bird:before{content:""}.fa-arrow-right-arrow-left:before,.fa-exchange:before{content:""}.fa-redo-alt:before,.fa-rotate-forward:before,.fa-rotate-right:before{content:""}.fa-cutlery:before,.fa-utensils:before{content:""}.fa-arrow-up-wide-short:before,.fa-sort-amount-up:before{content:""}.fa-mill-sign:before{content:""}.fa-bowl-rice:before{content:""}.fa-skull:before{content:""}.fa-broadcast-tower:before,.fa-tower-broadcast:before{content:""}.fa-truck-pickup:before{content:""}.fa-long-arrow-alt-up:before,.fa-up-long:before{content:""}.fa-stop:before{content:""}.fa-code-merge:before{content:""}.fa-upload:before{content:""}.fa-hurricane:before{content:""}.fa-mound:before{content:""}.fa-toilet-portable:before{content:""}.fa-compact-disc:before{content:""}.fa-file-arrow-down:before,.fa-file-download:before{content:""}.fa-caravan:before{content:""}.fa-shield-cat:before{content:""}.fa-bolt:before,.fa-zap:before{content:""}.fa-glass-water:before{content:""}.fa-oil-well:before{content:""}.fa-vault:before{content:""}.fa-mars:before{content:""}.fa-toilet:before{content:""}.fa-plane-circle-xmark:before{content:""}.fa-cny:before,.fa-jpy:before,.fa-rmb:before,.fa-yen-sign:before,.fa-yen:before{content:""}.fa-rouble:before,.fa-rub:before,.fa-ruble-sign:before,.fa-ruble:before{content:""}.fa-sun:before{content:""}.fa-guitar:before{content:""}.fa-face-laugh-wink:before,.fa-laugh-wink:before{content:""}.fa-horse-head:before{content:""}.fa-bore-hole:before{content:""}.fa-industry:before{content:""}.fa-arrow-alt-circle-down:before,.fa-circle-down:before{content:""}.fa-arrows-turn-to-dots:before{content:""}.fa-florin-sign:before{content:""}.fa-arrow-down-short-wide:before,.fa-sort-amount-desc:before,.fa-sort-amount-down-alt:before{content:""}.fa-less-than:before{content:"<"}.fa-angle-down:before{content:""}.fa-car-tunnel:before{content:""}.fa-head-side-cough:before{content:""}.fa-grip-lines:before{content:""}.fa-thumbs-down:before{content:""}.fa-user-lock:before{content:""}.fa-arrow-right-long:before,.fa-long-arrow-right:before{content:""}.fa-anchor-circle-xmark:before{content:""}.fa-ellipsis-h:before,.fa-ellipsis:before{content:""}.fa-chess-pawn:before{content:""}.fa-first-aid:before,.fa-kit-medical:before{content:""}.fa-person-through-window:before{content:""}.fa-toolbox:before{content:""}.fa-hands-holding-circle:before{content:""}.fa-bug:before{content:""}.fa-credit-card-alt:before,.fa-credit-card:before{content:""}.fa-automobile:before,.fa-car:before{content:""}.fa-hand-holding-hand:before{content:""}.fa-book-open-reader:before,.fa-book-reader:before{content:""}.fa-mountain-sun:before{content:""}.fa-arrows-left-right-to-line:before{content:""}.fa-dice-d20:before{content:""}.fa-truck-droplet:before{content:""}.fa-file-circle-xmark:before{content:""}.fa-temperature-arrow-up:before,.fa-temperature-up:before{content:""}.fa-medal:before{content:""}.fa-bed:before{content:""}.fa-h-square:before,.fa-square-h:before{content:""}.fa-podcast:before{content:""}.fa-temperature-4:before,.fa-temperature-full:before,.fa-thermometer-4:before,.fa-thermometer-full:before{content:""}.fa-bell:before{content:""}.fa-superscript:before{content:""}.fa-plug-circle-xmark:before{content:""}.fa-star-of-life:before{content:""}.fa-phone-slash:before{content:""}.fa-paint-roller:before{content:""}.fa-hands-helping:before,.fa-handshake-angle:before{content:""}.fa-location-dot:before,.fa-map-marker-alt:before{content:""}.fa-file:before{content:""}.fa-greater-than:before{content:">"}.fa-person-swimming:before,.fa-swimmer:before{content:""}.fa-arrow-down:before{content:""}.fa-droplet:before,.fa-tint:before{content:""}.fa-eraser:before{content:""}.fa-earth-america:before,.fa-earth-americas:before,.fa-earth:before,.fa-globe-americas:before{content:""}.fa-person-burst:before{content:""}.fa-dove:before{content:""}.fa-battery-0:before,.fa-battery-empty:before{content:""}.fa-socks:before{content:""}.fa-inbox:before{content:""}.fa-section:before{content:""}.fa-gauge-high:before,.fa-tachometer-alt-fast:before,.fa-tachometer-alt:before{content:""}.fa-envelope-open-text:before{content:""}.fa-hospital-alt:before,.fa-hospital-wide:before,.fa-hospital:before{content:""}.fa-wine-bottle:before{content:""}.fa-chess-rook:before{content:""}.fa-bars-staggered:before,.fa-reorder:before,.fa-stream:before{content:""}.fa-dharmachakra:before{content:""}.fa-hotdog:before{content:""}.fa-blind:before,.fa-person-walking-with-cane:before{content:""}.fa-drum:before{content:""}.fa-ice-cream:before{content:""}.fa-heart-circle-bolt:before{content:""}.fa-fax:before{content:""}.fa-paragraph:before{content:""}.fa-check-to-slot:before,.fa-vote-yea:before{content:""}.fa-star-half:before{content:""}.fa-boxes-alt:before,.fa-boxes-stacked:before,.fa-boxes:before{content:""}.fa-chain:before,.fa-link:before{content:""}.fa-assistive-listening-systems:before,.fa-ear-listen:before{content:""}.fa-tree-city:before{content:""}.fa-play:before{content:""}.fa-font:before{content:""}.fa-rupiah-sign:before{content:""}.fa-magnifying-glass:before,.fa-search:before{content:""}.fa-ping-pong-paddle-ball:before,.fa-table-tennis-paddle-ball:before,.fa-table-tennis:before{content:""}.fa-diagnoses:before,.fa-person-dots-from-line:before{content:""}.fa-trash-can-arrow-up:before,.fa-trash-restore-alt:before{content:""}.fa-naira-sign:before{content:""}.fa-cart-arrow-down:before{content:""}.fa-walkie-talkie:before{content:""}.fa-file-edit:before,.fa-file-pen:before{content:""}.fa-receipt:before{content:""}.fa-pen-square:before,.fa-pencil-square:before,.fa-square-pen:before{content:""}.fa-suitcase-rolling:before{content:""}.fa-person-circle-exclamation:before{content:""}.fa-chevron-down:before{content:""}.fa-battery-5:before,.fa-battery-full:before,.fa-battery:before{content:""}.fa-skull-crossbones:before{content:""}.fa-code-compare:before{content:""}.fa-list-dots:before,.fa-list-ul:before{content:""}.fa-school-lock:before{content:""}.fa-tower-cell:before{content:""}.fa-down-long:before,.fa-long-arrow-alt-down:before{content:""}.fa-ranking-star:before{content:""}.fa-chess-king:before{content:""}.fa-person-harassing:before{content:""}.fa-brazilian-real-sign:before{content:""}.fa-landmark-alt:before,.fa-landmark-dome:before{content:""}.fa-arrow-up:before{content:""}.fa-television:before,.fa-tv-alt:before,.fa-tv:before{content:""}.fa-shrimp:before{content:""}.fa-list-check:before,.fa-tasks:before{content:""}.fa-jug-detergent:before{content:""}.fa-circle-user:before,.fa-user-circle:before{content:""}.fa-user-shield:before{content:""}.fa-wind:before{content:""}.fa-car-burst:before,.fa-car-crash:before{content:""}.fa-y:before{content:"Y"}.fa-person-snowboarding:before,.fa-snowboarding:before{content:""}.fa-shipping-fast:before,.fa-truck-fast:before{content:""}.fa-fish:before{content:""}.fa-user-graduate:before{content:""}.fa-adjust:before,.fa-circle-half-stroke:before{content:""}.fa-clapperboard:before{content:""}.fa-circle-radiation:before,.fa-radiation-alt:before{content:""}.fa-baseball-ball:before,.fa-baseball:before{content:""}.fa-jet-fighter-up:before{content:""}.fa-diagram-project:before,.fa-project-diagram:before{content:""}.fa-copy:before{content:""}.fa-volume-mute:before,.fa-volume-times:before,.fa-volume-xmark:before{content:""}.fa-hand-sparkles:before{content:""}.fa-grip-horizontal:before,.fa-grip:before{content:""}.fa-share-from-square:before,.fa-share-square:before{content:""}.fa-child-combatant:before,.fa-child-rifle:before{content:""}.fa-gun:before{content:""}.fa-phone-square:before,.fa-square-phone:before{content:""}.fa-add:before,.fa-plus:before{content:"+"}.fa-expand:before{content:""}.fa-computer:before{content:""}.fa-close:before,.fa-multiply:before,.fa-remove:before,.fa-times:before,.fa-xmark:before{content:""}.fa-arrows-up-down-left-right:before,.fa-arrows:before{content:""}.fa-chalkboard-teacher:before,.fa-chalkboard-user:before{content:""}.fa-peso-sign:before{content:""}.fa-building-shield:before{content:""}.fa-baby:before{content:""}.fa-users-line:before{content:""}.fa-quote-left-alt:before,.fa-quote-left:before{content:""}.fa-tractor:before{content:""}.fa-trash-arrow-up:before,.fa-trash-restore:before{content:""}.fa-arrow-down-up-lock:before{content:""}.fa-lines-leaning:before{content:""}.fa-ruler-combined:before{content:""}.fa-copyright:before{content:""}.fa-equals:before{content:"="}.fa-blender:before{content:""}.fa-teeth:before{content:""}.fa-ils:before,.fa-shekel-sign:before,.fa-shekel:before,.fa-sheqel-sign:before,.fa-sheqel:before{content:""}.fa-map:before{content:""}.fa-rocket:before{content:""}.fa-photo-film:before,.fa-photo-video:before{content:""}.fa-folder-minus:before{content:""}.fa-store:before{content:""}.fa-arrow-trend-up:before{content:""}.fa-plug-circle-minus:before{content:""}.fa-sign-hanging:before,.fa-sign:before{content:""}.fa-bezier-curve:before{content:""}.fa-bell-slash:before{content:""}.fa-tablet-android:before,.fa-tablet:before{content:""}.fa-school-flag:before{content:""}.fa-fill:before{content:""}.fa-angle-up:before{content:""}.fa-drumstick-bite:before{content:""}.fa-holly-berry:before{content:""}.fa-chevron-left:before{content:""}.fa-bacteria:before{content:""}.fa-hand-lizard:before{content:""}.fa-notdef:before{content:""}.fa-disease:before{content:""}.fa-briefcase-medical:before{content:""}.fa-genderless:before{content:""}.fa-chevron-right:before{content:""}.fa-retweet:before{content:""}.fa-car-alt:before,.fa-car-rear:before{content:""}.fa-pump-soap:before{content:""}.fa-video-slash:before{content:""}.fa-battery-2:before,.fa-battery-quarter:before{content:""}.fa-radio:before{content:""}.fa-baby-carriage:before,.fa-carriage-baby:before{content:""}.fa-traffic-light:before{content:""}.fa-thermometer:before{content:""}.fa-vr-cardboard:before{content:""}.fa-hand-middle-finger:before{content:""}.fa-percent:before,.fa-percentage:before{content:"%"}.fa-truck-moving:before{content:""}.fa-glass-water-droplet:before{content:""}.fa-display:before{content:""}.fa-face-smile:before,.fa-smile:before{content:""}.fa-thumb-tack:before,.fa-thumbtack:before{content:""}.fa-trophy:before{content:""}.fa-person-praying:before,.fa-pray:before{content:""}.fa-hammer:before{content:""}.fa-hand-peace:before{content:""}.fa-rotate:before,.fa-sync-alt:before{content:""}.fa-spinner:before{content:""}.fa-robot:before{content:""}.fa-peace:before{content:""}.fa-cogs:before,.fa-gears:before{content:""}.fa-warehouse:before{content:""}.fa-arrow-up-right-dots:before{content:""}.fa-splotch:before{content:""}.fa-face-grin-hearts:before,.fa-grin-hearts:before{content:""}.fa-dice-four:before{content:""}.fa-sim-card:before{content:""}.fa-transgender-alt:before,.fa-transgender:before{content:""}.fa-mercury:before{content:""}.fa-arrow-turn-down:before,.fa-level-down:before{content:""}.fa-person-falling-burst:before{content:""}.fa-award:before{content:""}.fa-ticket-alt:before,.fa-ticket-simple:before{content:""}.fa-building:before{content:""}.fa-angle-double-left:before,.fa-angles-left:before{content:""}.fa-qrcode:before{content:""}.fa-clock-rotate-left:before,.fa-history:before{content:""}.fa-face-grin-beam-sweat:before,.fa-grin-beam-sweat:before{content:""}.fa-arrow-right-from-file:before,.fa-file-export:before{content:""}.fa-shield-blank:before,.fa-shield:before{content:""}.fa-arrow-up-short-wide:before,.fa-sort-amount-up-alt:before{content:""}.fa-house-medical:before{content:""}.fa-golf-ball-tee:before,.fa-golf-ball:before{content:""}.fa-chevron-circle-left:before,.fa-circle-chevron-left:before{content:""}.fa-house-chimney-window:before{content:""}.fa-pen-nib:before{content:""}.fa-tent-arrow-turn-left:before{content:""}.fa-tents:before{content:""}.fa-magic:before,.fa-wand-magic:before{content:""}.fa-dog:before{content:""}.fa-carrot:before{content:""}.fa-moon:before{content:""}.fa-wine-glass-alt:before,.fa-wine-glass-empty:before{content:""}.fa-cheese:before{content:""}.fa-yin-yang:before{content:""}.fa-music:before{content:""}.fa-code-commit:before{content:""}.fa-temperature-low:before{content:""}.fa-biking:before,.fa-person-biking:before{content:""}.fa-broom:before{content:""}.fa-shield-heart:before{content:""}.fa-gopuram:before{content:""}.fa-earth-oceania:before,.fa-globe-oceania:before{content:""}.fa-square-xmark:before,.fa-times-square:before,.fa-xmark-square:before{content:""}.fa-hashtag:before{content:"#"}.fa-expand-alt:before,.fa-up-right-and-down-left-from-center:before{content:""}.fa-oil-can:before{content:""}.fa-t:before{content:"T"}.fa-hippo:before{content:""}.fa-chart-column:before{content:""}.fa-infinity:before{content:""}.fa-vial-circle-check:before{content:""}.fa-person-arrow-down-to-line:before{content:""}.fa-voicemail:before{content:""}.fa-fan:before{content:""}.fa-person-walking-luggage:before{content:""}.fa-arrows-alt-v:before,.fa-up-down:before{content:""}.fa-cloud-moon-rain:before{content:""}.fa-calendar:before{content:""}.fa-trailer:before{content:""}.fa-bahai:before,.fa-haykal:before{content:""}.fa-sd-card:before{content:""}.fa-dragon:before{content:""}.fa-shoe-prints:before{content:""}.fa-circle-plus:before,.fa-plus-circle:before{content:""}.fa-face-grin-tongue-wink:before,.fa-grin-tongue-wink:before{content:""}.fa-hand-holding:before{content:""}.fa-plug-circle-exclamation:before{content:""}.fa-chain-broken:before,.fa-chain-slash:before,.fa-link-slash:before,.fa-unlink:before{content:""}.fa-clone:before{content:""}.fa-person-walking-arrow-loop-left:before{content:""}.fa-arrow-up-z-a:before,.fa-sort-alpha-up-alt:before{content:""}.fa-fire-alt:before,.fa-fire-flame-curved:before{content:""}.fa-tornado:before{content:""}.fa-file-circle-plus:before{content:""}.fa-book-quran:before,.fa-quran:before{content:""}.fa-anchor:before{content:""}.fa-border-all:before{content:""}.fa-angry:before,.fa-face-angry:before{content:""}.fa-cookie-bite:before{content:""}.fa-arrow-trend-down:before{content:""}.fa-feed:before,.fa-rss:before{content:""}.fa-draw-polygon:before{content:""}.fa-balance-scale:before,.fa-scale-balanced:before{content:""}.fa-gauge-simple-high:before,.fa-tachometer-fast:before,.fa-tachometer:before{content:""}.fa-shower:before{content:""}.fa-desktop-alt:before,.fa-desktop:before{content:""}.fa-m:before{content:"M"}.fa-table-list:before,.fa-th-list:before{content:""}.fa-comment-sms:before,.fa-sms:before{content:""}.fa-book:before{content:""}.fa-user-plus:before{content:""}.fa-check:before{content:""}.fa-battery-4:before,.fa-battery-three-quarters:before{content:""}.fa-house-circle-check:before{content:""}.fa-angle-left:before{content:""}.fa-diagram-successor:before{content:""}.fa-truck-arrow-right:before{content:""}.fa-arrows-split-up-and-left:before{content:""}.fa-fist-raised:before,.fa-hand-fist:before{content:""}.fa-cloud-moon:before{content:""}.fa-briefcase:before{content:""}.fa-person-falling:before{content:""}.fa-image-portrait:before,.fa-portrait:before{content:""}.fa-user-tag:before{content:""}.fa-rug:before{content:""}.fa-earth-europe:before,.fa-globe-europe:before{content:""}.fa-cart-flatbed-suitcase:before,.fa-luggage-cart:before{content:""}.fa-rectangle-times:before,.fa-rectangle-xmark:before,.fa-times-rectangle:before,.fa-window-close:before{content:""}.fa-baht-sign:before{content:""}.fa-book-open:before{content:""}.fa-book-journal-whills:before,.fa-journal-whills:before{content:""}.fa-handcuffs:before{content:""}.fa-exclamation-triangle:before,.fa-triangle-exclamation:before,.fa-warning:before{content:""}.fa-database:before{content:""}.fa-arrow-turn-right:before,.fa-mail-forward:before,.fa-share:before{content:""}.fa-bottle-droplet:before{content:""}.fa-mask-face:before{content:""}.fa-hill-rockslide:before{content:""}.fa-exchange-alt:before,.fa-right-left:before{content:""}.fa-paper-plane:before{content:""}.fa-road-circle-exclamation:before{content:""}.fa-dungeon:before{content:""}.fa-align-right:before{content:""}.fa-money-bill-1-wave:before,.fa-money-bill-wave-alt:before{content:""}.fa-life-ring:before{content:""}.fa-hands:before,.fa-sign-language:before,.fa-signing:before{content:""}.fa-calendar-day:before{content:""}.fa-ladder-water:before,.fa-swimming-pool:before,.fa-water-ladder:before{content:""}.fa-arrows-up-down:before,.fa-arrows-v:before{content:""}.fa-face-grimace:before,.fa-grimace:before{content:""}.fa-wheelchair-alt:before,.fa-wheelchair-move:before{content:""}.fa-level-down-alt:before,.fa-turn-down:before{content:""}.fa-person-walking-arrow-right:before{content:""}.fa-envelope-square:before,.fa-square-envelope:before{content:""}.fa-dice:before{content:""}.fa-bowling-ball:before{content:""}.fa-brain:before{content:""}.fa-band-aid:before,.fa-bandage:before{content:""}.fa-calendar-minus:before{content:""}.fa-circle-xmark:before,.fa-times-circle:before,.fa-xmark-circle:before{content:""}.fa-gifts:before{content:""}.fa-hotel:before{content:""}.fa-earth-asia:before,.fa-globe-asia:before{content:""}.fa-id-card-alt:before,.fa-id-card-clip:before{content:""}.fa-magnifying-glass-plus:before,.fa-search-plus:before{content:""}.fa-thumbs-up:before{content:""}.fa-user-clock:before{content:""}.fa-allergies:before,.fa-hand-dots:before{content:""}.fa-file-invoice:before{content:""}.fa-window-minimize:before{content:""}.fa-coffee:before,.fa-mug-saucer:before{content:""}.fa-brush:before{content:""}.fa-mask:before{content:""}.fa-magnifying-glass-minus:before,.fa-search-minus:before{content:""}.fa-ruler-vertical:before{content:""}.fa-user-alt:before,.fa-user-large:before{content:""}.fa-train-tram:before{content:""}.fa-user-nurse:before{content:""}.fa-syringe:before{content:""}.fa-cloud-sun:before{content:""}.fa-stopwatch-20:before{content:""}.fa-square-full:before{content:""}.fa-magnet:before{content:""}.fa-jar:before{content:""}.fa-note-sticky:before,.fa-sticky-note:before{content:""}.fa-bug-slash:before{content:""}.fa-arrow-up-from-water-pump:before{content:""}.fa-bone:before{content:""}.fa-user-injured:before{content:""}.fa-face-sad-tear:before,.fa-sad-tear:before{content:""}.fa-plane:before{content:""}.fa-tent-arrows-down:before{content:""}.fa-exclamation:before{content:"!"}.fa-arrows-spin:before{content:""}.fa-print:before{content:""}.fa-try:before,.fa-turkish-lira-sign:before,.fa-turkish-lira:before{content:""}.fa-dollar-sign:before,.fa-dollar:before,.fa-usd:before{content:"$"}.fa-x:before{content:"X"}.fa-magnifying-glass-dollar:before,.fa-search-dollar:before{content:""}.fa-users-cog:before,.fa-users-gear:before{content:""}.fa-person-military-pointing:before{content:""}.fa-bank:before,.fa-building-columns:before,.fa-institution:before,.fa-museum:before,.fa-university:before{content:""}.fa-umbrella:before{content:""}.fa-trowel:before{content:""}.fa-d:before{content:"D"}.fa-stapler:before{content:""}.fa-masks-theater:before,.fa-theater-masks:before{content:""}.fa-kip-sign:before{content:""}.fa-hand-point-left:before{content:""}.fa-handshake-alt:before,.fa-handshake-simple:before{content:""}.fa-fighter-jet:before,.fa-jet-fighter:before{content:""}.fa-share-alt-square:before,.fa-square-share-nodes:before{content:""}.fa-barcode:before{content:""}.fa-plus-minus:before{content:""}.fa-video-camera:before,.fa-video:before{content:""}.fa-graduation-cap:before,.fa-mortar-board:before{content:""}.fa-hand-holding-medical:before{content:""}.fa-person-circle-check:before{content:""}.fa-level-up-alt:before,.fa-turn-up:before{content:""}.fa-sr-only,.fa-sr-only-focusable:not(:focus),.sr-only,.sr-only-focusable:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:host,:root{--fa-style-family-brands:"Font Awesome 6 Brands";--fa-font-brands:normal 400 1em/1 "Font Awesome 6 Brands"}@font-face{font-family:"Font Awesome 6 Brands";font-style:normal;font-weight:400;font-display:block;src:url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.ttf) format("truetype")}.fa-brands,.fab{font-weight:400}.fa-monero:before{content:""}.fa-hooli:before{content:""}.fa-yelp:before{content:""}.fa-cc-visa:before{content:""}.fa-lastfm:before{content:""}.fa-shopware:before{content:""}.fa-creative-commons-nc:before{content:""}.fa-aws:before{content:""}.fa-redhat:before{content:""}.fa-yoast:before{content:""}.fa-cloudflare:before{content:""}.fa-ups:before{content:""}.fa-wpexplorer:before{content:""}.fa-dyalog:before{content:""}.fa-bity:before{content:""}.fa-stackpath:before{content:""}.fa-buysellads:before{content:""}.fa-first-order:before{content:""}.fa-modx:before{content:""}.fa-guilded:before{content:""}.fa-vnv:before{content:""}.fa-js-square:before,.fa-square-js:before{content:""}.fa-microsoft:before{content:""}.fa-qq:before{content:""}.fa-orcid:before{content:""}.fa-java:before{content:""}.fa-invision:before{content:""}.fa-creative-commons-pd-alt:before{content:""}.fa-centercode:before{content:""}.fa-glide-g:before{content:""}.fa-drupal:before{content:""}.fa-hire-a-helper:before{content:""}.fa-creative-commons-by:before{content:""}.fa-unity:before{content:""}.fa-whmcs:before{content:""}.fa-rocketchat:before{content:""}.fa-vk:before{content:""}.fa-untappd:before{content:""}.fa-mailchimp:before{content:""}.fa-css3-alt:before{content:""}.fa-reddit-square:before,.fa-square-reddit:before{content:""}.fa-vimeo-v:before{content:""}.fa-contao:before{content:""}.fa-square-font-awesome:before{content:""}.fa-deskpro:before{content:""}.fa-sistrix:before{content:""}.fa-instagram-square:before,.fa-square-instagram:before{content:""}.fa-battle-net:before{content:""}.fa-the-red-yeti:before{content:""}.fa-hacker-news-square:before,.fa-square-hacker-news:before{content:""}.fa-edge:before{content:""}.fa-napster:before{content:""}.fa-snapchat-square:before,.fa-square-snapchat:before{content:""}.fa-google-plus-g:before{content:""}.fa-artstation:before{content:""}.fa-markdown:before{content:""}.fa-sourcetree:before{content:""}.fa-google-plus:before{content:""}.fa-diaspora:before{content:""}.fa-foursquare:before{content:""}.fa-stack-overflow:before{content:""}.fa-github-alt:before{content:""}.fa-phoenix-squadron:before{content:""}.fa-pagelines:before{content:""}.fa-algolia:before{content:""}.fa-red-river:before{content:""}.fa-creative-commons-sa:before{content:""}.fa-safari:before{content:""}.fa-google:before{content:""}.fa-font-awesome-alt:before,.fa-square-font-awesome-stroke:before{content:""}.fa-atlassian:before{content:""}.fa-linkedin-in:before{content:""}.fa-digital-ocean:before{content:""}.fa-nimblr:before{content:""}.fa-chromecast:before{content:""}.fa-evernote:before{content:""}.fa-hacker-news:before{content:""}.fa-creative-commons-sampling:before{content:""}.fa-adversal:before{content:""}.fa-creative-commons:before{content:""}.fa-watchman-monitoring:before{content:""}.fa-fonticons:before{content:""}.fa-weixin:before{content:""}.fa-shirtsinbulk:before{content:""}.fa-codepen:before{content:""}.fa-git-alt:before{content:""}.fa-lyft:before{content:""}.fa-rev:before{content:""}.fa-windows:before{content:""}.fa-wizards-of-the-coast:before{content:""}.fa-square-viadeo:before,.fa-viadeo-square:before{content:""}.fa-meetup:before{content:""}.fa-centos:before{content:""}.fa-adn:before{content:""}.fa-cloudsmith:before{content:""}.fa-pied-piper-alt:before{content:""}.fa-dribbble-square:before,.fa-square-dribbble:before{content:""}.fa-codiepie:before{content:""}.fa-node:before{content:""}.fa-mix:before{content:""}.fa-steam:before{content:""}.fa-cc-apple-pay:before{content:""}.fa-scribd:before{content:""}.fa-openid:before{content:""}.fa-instalod:before{content:""}.fa-expeditedssl:before{content:""}.fa-sellcast:before{content:""}.fa-square-twitter:before,.fa-twitter-square:before{content:""}.fa-r-project:before{content:""}.fa-delicious:before{content:""}.fa-freebsd:before{content:""}.fa-vuejs:before{content:""}.fa-accusoft:before{content:""}.fa-ioxhost:before{content:""}.fa-fonticons-fi:before{content:""}.fa-app-store:before{content:""}.fa-cc-mastercard:before{content:""}.fa-itunes-note:before{content:""}.fa-golang:before{content:""}.fa-kickstarter:before{content:""}.fa-grav:before{content:""}.fa-weibo:before{content:""}.fa-uncharted:before{content:""}.fa-firstdraft:before{content:""}.fa-square-youtube:before,.fa-youtube-square:before{content:""}.fa-wikipedia-w:before{content:""}.fa-rendact:before,.fa-wpressr:before{content:""}.fa-angellist:before{content:""}.fa-galactic-republic:before{content:""}.fa-nfc-directional:before{content:""}.fa-skype:before{content:""}.fa-joget:before{content:""}.fa-fedora:before{content:""}.fa-stripe-s:before{content:""}.fa-meta:before{content:""}.fa-laravel:before{content:""}.fa-hotjar:before{content:""}.fa-bluetooth-b:before{content:""}.fa-sticker-mule:before{content:""}.fa-creative-commons-zero:before{content:""}.fa-hips:before{content:""}.fa-behance:before{content:""}.fa-reddit:before{content:""}.fa-discord:before{content:""}.fa-chrome:before{content:""}.fa-app-store-ios:before{content:""}.fa-cc-discover:before{content:""}.fa-wpbeginner:before{content:""}.fa-confluence:before{content:""}.fa-mdb:before{content:""}.fa-dochub:before{content:""}.fa-accessible-icon:before{content:""}.fa-ebay:before{content:""}.fa-amazon:before{content:""}.fa-unsplash:before{content:""}.fa-yarn:before{content:""}.fa-square-steam:before,.fa-steam-square:before{content:""}.fa-500px:before{content:""}.fa-square-vimeo:before,.fa-vimeo-square:before{content:""}.fa-asymmetrik:before{content:""}.fa-font-awesome-flag:before,.fa-font-awesome-logo-full:before,.fa-font-awesome:before{content:""}.fa-gratipay:before{content:""}.fa-apple:before{content:""}.fa-hive:before{content:""}.fa-gitkraken:before{content:""}.fa-keybase:before{content:""}.fa-apple-pay:before{content:""}.fa-padlet:before{content:""}.fa-amazon-pay:before{content:""}.fa-github-square:before,.fa-square-github:before{content:""}.fa-stumbleupon:before{content:""}.fa-fedex:before{content:""}.fa-phoenix-framework:before{content:""}.fa-shopify:before{content:""}.fa-neos:before{content:""}.fa-hackerrank:before{content:""}.fa-researchgate:before{content:""}.fa-swift:before{content:""}.fa-angular:before{content:""}.fa-speakap:before{content:""}.fa-angrycreative:before{content:""}.fa-y-combinator:before{content:""}.fa-empire:before{content:""}.fa-envira:before{content:""}.fa-gitlab-square:before,.fa-square-gitlab:before{content:""}.fa-studiovinari:before{content:""}.fa-pied-piper:before{content:""}.fa-wordpress:before{content:""}.fa-product-hunt:before{content:""}.fa-firefox:before{content:""}.fa-linode:before{content:""}.fa-goodreads:before{content:""}.fa-odnoklassniki-square:before,.fa-square-odnoklassniki:before{content:""}.fa-jsfiddle:before{content:""}.fa-sith:before{content:""}.fa-themeisle:before{content:""}.fa-page4:before{content:""}.fa-hashnode:before{content:""}.fa-react:before{content:""}.fa-cc-paypal:before{content:""}.fa-squarespace:before{content:""}.fa-cc-stripe:before{content:""}.fa-creative-commons-share:before{content:""}.fa-bitcoin:before{content:""}.fa-keycdn:before{content:""}.fa-opera:before{content:""}.fa-itch-io:before{content:""}.fa-umbraco:before{content:""}.fa-galactic-senate:before{content:""}.fa-ubuntu:before{content:""}.fa-draft2digital:before{content:""}.fa-stripe:before{content:""}.fa-houzz:before{content:""}.fa-gg:before{content:""}.fa-dhl:before{content:""}.fa-pinterest-square:before,.fa-square-pinterest:before{content:""}.fa-xing:before{content:""}.fa-blackberry:before{content:""}.fa-creative-commons-pd:before{content:""}.fa-playstation:before{content:""}.fa-quinscape:before{content:""}.fa-less:before{content:""}.fa-blogger-b:before{content:""}.fa-opencart:before{content:""}.fa-vine:before{content:""}.fa-paypal:before{content:""}.fa-gitlab:before{content:""}.fa-typo3:before{content:""}.fa-reddit-alien:before{content:""}.fa-yahoo:before{content:""}.fa-dailymotion:before{content:""}.fa-affiliatetheme:before{content:""}.fa-pied-piper-pp:before{content:""}.fa-bootstrap:before{content:""}.fa-odnoklassniki:before{content:""}.fa-nfc-symbol:before{content:""}.fa-ethereum:before{content:""}.fa-speaker-deck:before{content:""}.fa-creative-commons-nc-eu:before{content:""}.fa-patreon:before{content:""}.fa-avianex:before{content:""}.fa-ello:before{content:""}.fa-gofore:before{content:""}.fa-bimobject:before{content:""}.fa-facebook-f:before{content:""}.fa-google-plus-square:before,.fa-square-google-plus:before{content:""}.fa-mandalorian:before{content:""}.fa-first-order-alt:before{content:""}.fa-osi:before{content:""}.fa-google-wallet:before{content:""}.fa-d-and-d-beyond:before{content:""}.fa-periscope:before{content:""}.fa-fulcrum:before{content:""}.fa-cloudscale:before{content:""}.fa-forumbee:before{content:""}.fa-mizuni:before{content:""}.fa-schlix:before{content:""}.fa-square-xing:before,.fa-xing-square:before{content:""}.fa-bandcamp:before{content:""}.fa-wpforms:before{content:""}.fa-cloudversify:before{content:""}.fa-usps:before{content:""}.fa-megaport:before{content:""}.fa-magento:before{content:""}.fa-spotify:before{content:""}.fa-optin-monster:before{content:""}.fa-fly:before{content:""}.fa-aviato:before{content:""}.fa-itunes:before{content:""}.fa-cuttlefish:before{content:""}.fa-blogger:before{content:""}.fa-flickr:before{content:""}.fa-viber:before{content:""}.fa-soundcloud:before{content:""}.fa-digg:before{content:""}.fa-tencent-weibo:before{content:""}.fa-symfony:before{content:""}.fa-maxcdn:before{content:""}.fa-etsy:before{content:""}.fa-facebook-messenger:before{content:""}.fa-audible:before{content:""}.fa-think-peaks:before{content:""}.fa-bilibili:before{content:""}.fa-erlang:before{content:""}.fa-cotton-bureau:before{content:""}.fa-dashcube:before{content:""}.fa-42-group:before,.fa-innosoft:before{content:""}.fa-stack-exchange:before{content:""}.fa-elementor:before{content:""}.fa-pied-piper-square:before,.fa-square-pied-piper:before{content:""}.fa-creative-commons-nd:before{content:""}.fa-palfed:before{content:""}.fa-superpowers:before{content:""}.fa-resolving:before{content:""}.fa-xbox:before{content:""}.fa-searchengin:before{content:""}.fa-tiktok:before{content:""}.fa-facebook-square:before,.fa-square-facebook:before{content:""}.fa-renren:before{content:""}.fa-linux:before{content:""}.fa-glide:before{content:""}.fa-linkedin:before{content:""}.fa-hubspot:before{content:""}.fa-deploydog:before{content:""}.fa-twitch:before{content:""}.fa-ravelry:before{content:""}.fa-mixer:before{content:""}.fa-lastfm-square:before,.fa-square-lastfm:before{content:""}.fa-vimeo:before{content:""}.fa-mendeley:before{content:""}.fa-uniregistry:before{content:""}.fa-figma:before{content:""}.fa-creative-commons-remix:before{content:""}.fa-cc-amazon-pay:before{content:""}.fa-dropbox:before{content:""}.fa-instagram:before{content:""}.fa-cmplid:before{content:""}.fa-facebook:before{content:""}.fa-gripfire:before{content:""}.fa-jedi-order:before{content:""}.fa-uikit:before{content:""}.fa-fort-awesome-alt:before{content:""}.fa-phabricator:before{content:""}.fa-ussunnah:before{content:""}.fa-earlybirds:before{content:""}.fa-trade-federation:before{content:""}.fa-autoprefixer:before{content:""}.fa-whatsapp:before{content:""}.fa-slideshare:before{content:""}.fa-google-play:before{content:""}.fa-viadeo:before{content:""}.fa-line:before{content:""}.fa-google-drive:before{content:""}.fa-servicestack:before{content:""}.fa-simplybuilt:before{content:""}.fa-bitbucket:before{content:""}.fa-imdb:before{content:""}.fa-deezer:before{content:""}.fa-raspberry-pi:before{content:""}.fa-jira:before{content:""}.fa-docker:before{content:""}.fa-screenpal:before{content:""}.fa-bluetooth:before{content:""}.fa-gitter:before{content:""}.fa-d-and-d:before{content:""}.fa-microblog:before{content:""}.fa-cc-diners-club:before{content:""}.fa-gg-circle:before{content:""}.fa-pied-piper-hat:before{content:""}.fa-kickstarter-k:before{content:""}.fa-yandex:before{content:""}.fa-readme:before{content:""}.fa-html5:before{content:""}.fa-sellsy:before{content:""}.fa-sass:before{content:""}.fa-wirsindhandwerk:before,.fa-wsh:before{content:""}.fa-buromobelexperte:before{content:""}.fa-salesforce:before{content:""}.fa-octopus-deploy:before{content:""}.fa-medapps:before{content:""}.fa-ns8:before{content:""}.fa-pinterest-p:before{content:""}.fa-apper:before{content:""}.fa-fort-awesome:before{content:""}.fa-waze:before{content:""}.fa-cc-jcb:before{content:""}.fa-snapchat-ghost:before,.fa-snapchat:before{content:""}.fa-fantasy-flight-games:before{content:""}.fa-rust:before{content:""}.fa-wix:before{content:""}.fa-behance-square:before,.fa-square-behance:before{content:""}.fa-supple:before{content:""}.fa-rebel:before{content:""}.fa-css3:before{content:""}.fa-staylinked:before{content:""}.fa-kaggle:before{content:""}.fa-space-awesome:before{content:""}.fa-deviantart:before{content:""}.fa-cpanel:before{content:""}.fa-goodreads-g:before{content:""}.fa-git-square:before,.fa-square-git:before{content:""}.fa-square-tumblr:before,.fa-tumblr-square:before{content:""}.fa-trello:before{content:""}.fa-creative-commons-nc-jp:before{content:""}.fa-get-pocket:before{content:""}.fa-perbyte:before{content:""}.fa-grunt:before{content:""}.fa-weebly:before{content:""}.fa-connectdevelop:before{content:""}.fa-leanpub:before{content:""}.fa-black-tie:before{content:""}.fa-themeco:before{content:""}.fa-python:before{content:""}.fa-android:before{content:""}.fa-bots:before{content:""}.fa-free-code-camp:before{content:""}.fa-hornbill:before{content:""}.fa-js:before{content:""}.fa-ideal:before{content:""}.fa-git:before{content:""}.fa-dev:before{content:""}.fa-sketch:before{content:""}.fa-yandex-international:before{content:""}.fa-cc-amex:before{content:""}.fa-uber:before{content:""}.fa-github:before{content:""}.fa-php:before{content:""}.fa-alipay:before{content:""}.fa-youtube:before{content:""}.fa-skyatlas:before{content:""}.fa-firefox-browser:before{content:""}.fa-replyd:before{content:""}.fa-suse:before{content:""}.fa-jenkins:before{content:""}.fa-twitter:before{content:""}.fa-rockrms:before{content:""}.fa-pinterest:before{content:""}.fa-buffer:before{content:""}.fa-npm:before{content:""}.fa-yammer:before{content:""}.fa-btc:before{content:""}.fa-dribbble:before{content:""}.fa-stumbleupon-circle:before{content:""}.fa-internet-explorer:before{content:""}.fa-stubber:before{content:""}.fa-telegram-plane:before,.fa-telegram:before{content:""}.fa-old-republic:before{content:""}.fa-odysee:before{content:""}.fa-square-whatsapp:before,.fa-whatsapp-square:before{content:""}.fa-node-js:before{content:""}.fa-edge-legacy:before{content:""}.fa-slack-hash:before,.fa-slack:before{content:""}.fa-medrt:before{content:""}.fa-usb:before{content:""}.fa-tumblr:before{content:""}.fa-vaadin:before{content:""}.fa-quora:before{content:""}.fa-reacteurope:before{content:""}.fa-medium-m:before,.fa-medium:before{content:""}.fa-amilia:before{content:""}.fa-mixcloud:before{content:""}.fa-flipboard:before{content:""}.fa-viacoin:before{content:""}.fa-critical-role:before{content:""}.fa-sitrox:before{content:""}.fa-discourse:before{content:""}.fa-joomla:before{content:""}.fa-mastodon:before{content:""}.fa-airbnb:before{content:""}.fa-wolf-pack-battalion:before{content:""}.fa-buy-n-large:before{content:""}.fa-gulp:before{content:""}.fa-creative-commons-sampling-plus:before{content:""}.fa-strava:before{content:""}.fa-ember:before{content:""}.fa-canadian-maple-leaf:before{content:""}.fa-teamspeak:before{content:""}.fa-pushed:before{content:""}.fa-wordpress-simple:before{content:""}.fa-nutritionix:before{content:""}.fa-wodu:before{content:""}.fa-google-pay:before{content:""}.fa-intercom:before{content:""}.fa-zhihu:before{content:""}.fa-korvue:before{content:""}.fa-pix:before{content:""}.fa-steam-symbol:before{content:""}:host,:root{--fa-font-regular:normal 400 1em/1 "Font Awesome 6 Free"}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:400;font-display:block;src:url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.ttf) format("truetype")}.fa-regular,.far{font-weight:400}:host,:root{--fa-style-family-classic:"Font Awesome 6 Free";--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Free"}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:900;font-display:block;src:url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.ttf) format("truetype")}.fa-solid,.fas{font-weight:900}@font-face{font-family:"Font Awesome 5 Brands";font-display:block;font-weight:400;src:url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.ttf) format("truetype")}@font-face{font-family:"Font Awesome 5 Free";font-display:block;font-weight:900;src:url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.ttf) format("truetype")}@font-face{font-family:"Font Awesome 5 Free";font-display:block;font-weight:400;src:url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.ttf) format("truetype")}@font-face{font-family:FontAwesome;font-display:block;src:url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.ttf) format("truetype")}@font-face{font-family:FontAwesome;font-display:block;src:url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.ttf) format("truetype")}@font-face{font-family:FontAwesome;font-display:block;src:url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.ttf) format("truetype");unicode-range:u+f003,u+f006,u+f014,u+f016-f017,u+f01a-f01b,u+f01d,u+f022,u+f03e,u+f044,u+f046,u+f05c-f05d,u+f06e,u+f070,u+f087-f088,u+f08a,u+f094,u+f096-f097,u+f09d,u+f0a0,u+f0a2,u+f0a4-f0a7,u+f0c5,u+f0c7,u+f0e5-f0e6,u+f0eb,u+f0f6-f0f8,u+f10c,u+f114-f115,u+f118-f11a,u+f11c-f11d,u+f133,u+f147,u+f14e,u+f150-f152,u+f185-f186,u+f18e,u+f190-f192,u+f196,u+f1c1-f1c9,u+f1d9,u+f1db,u+f1e3,u+f1ea,u+f1f7,u+f1f9,u+f20a,u+f247-f248,u+f24a,u+f24d,u+f255-f25b,u+f25d,u+f271-f274,u+f278,u+f27b,u+f28c,u+f28e,u+f29c,u+f2b5,u+f2b7,u+f2ba,u+f2bc,u+f2be,u+f2c0-f2c1,u+f2c3,u+f2d0,u+f2d2,u+f2d4,u+f2dc}@font-face{font-family:FontAwesome;font-display:block;src:url(../webfonts/fa-v4compatibility.woff2) format("woff2"),url(../webfonts/fa-v4compatibility.ttf) format("truetype");unicode-range:u+f041,u+f047,u+f065-f066,u+f07d-f07e,u+f080,u+f08b,u+f08e,u+f090,u+f09a,u+f0ac,u+f0ae,u+f0b2,u+f0d0,u+f0d6,u+f0e4,u+f0ec,u+f10a-f10b,u+f123,u+f13e,u+f148-f149,u+f14c,u+f156,u+f15e,u+f160-f161,u+f163,u+f175-f178,u+f195,u+f1f8,u+f219,u+f27a}.star-rating-container{display:flex;align-items:center;gap:8px;font-size:14px;color:#6b7280;-webkit-user-select:none;user-select:none;min-width:120px}.star-rating-stars{display:flex;align-items:center;gap:2px;position:relative}.star-rating-star{display:inline-flex;align-items:center;justify-content:center;transition:transform .1s ease;position:relative}.star-rating-star:hover{transform:scale(1.1)}.star-rating-star svg{width:20px;height:20px;display:block}.star-rating-star-full .star-rating-star-full{fill:#fbbf24;stroke:#fbbf24}.star-rating-star-half{position:relative}.star-rating-star-half .star-rating-star-half{fill:#fbbf24}.star-rating-star-half .star-rating-star-full{fill:none;stroke:#d1d5db}.star-rating-star-empty svg path{fill:none!important;stroke:#d1d5db!important;stroke-width:1.5}.star-rating-text{font-size:14px;font-weight:500;color:#6b7280;min-width:40px;text-align:left}.star-rating-text-empty{font-size:12px;color:#9ca3af;font-weight:400}[dir=rtl] .star-rating-container,[dir=rtl] .star-rating-stars{flex-direction:row-reverse}[dir=rtl] .star-rating-text{text-align:right}.star-rating-container[style*="opacity: 0.6"]{cursor:wait}.star-rating-container:not([style*="pointer-events: none"]) .star-rating-stars:hover .star-rating-star{opacity:.7}.star-rating-container:not([style*="pointer-events: none"]) .star-rating-stars:hover .star-rating-star:hover{opacity:1}.channel-post-reactions{display:contents}.channel-post-reactions-left{display:flex;align-items:center;gap:12px;position:relative;flex:0 0 auto}.channel-post-reactions-right{display:flex;align-items:center;margin-left:auto}[dir=rtl] .channel-post-reactions-right{margin-left:0;margin-right:auto}.channel-post-reaction-wrapper{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.channel-post-reaction-container{position:relative;display:inline-block}.channel-post-like-btn,.channel-post-share-btn,.channel-post-comment-btn-integrated{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#f3f4f6;border:none;border-radius:8px;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease;font-family:Red Hat Display,sans-serif}.channel-post-like-btn:hover,.channel-post-share-btn:hover,.channel-post-comment-btn-integrated:hover{background:#e5e7eb;color:#374151}.channel-post-comment-btn-integrated svg{width:20px;height:20px}.channel-post-like-btn.has-reaction{background:#f0f9ff;color:#0ea5e9}.channel-post-like-btn.has-reaction:hover{background:#e0f2fe}.channel-post-reaction-emoji-display{font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center}.channel-post-like-btn svg,.channel-post-share-btn svg{width:20px;height:20px}.channel-post-btn-text{display:flex;align-items:center;gap:4px}.channel-post-reaction-picker{position:absolute;bottom:calc(100% + 8px);left:0;display:flex;padding:3px;background:#fff;border:1px solid #E5E7EB;border-radius:32px;box-shadow:0 4px 12px #00000026;z-index:10000;animation:slideUp .2s ease;pointer-events:auto}.channel-post-reaction-emoji{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:50%;font-size:20px;cursor:pointer;transition:all .2s ease;padding:4px}.channel-post-reaction-emoji:hover{background:#f3f4f6}.channel-post-reaction-emoji img{width:100%;height:100%;object-fit:contain}.channel-post-reaction-breakdown{display:flex;align-items:center;background:#fff;padding:8px 16px;border-radius:26px;border:1px solid #E1E8ED;box-shadow:0 2px 4px #0000000d;width:fit-content;height:52px;cursor:pointer;transition:all .2s ease}.channel-post-reaction-breakdown:hover{background:#f8f9fa;border-color:#d1d9e0}.channel-post-reaction-item{display:flex;align-items:center;margin-left:-12px;position:relative;transition:all .2s ease}.channel-post-reaction-item:first-child{margin-left:0}.channel-post-reaction-item:hover{background:#e5e7eb}.channel-post-reaction-item .channel-post-reaction-emoji{width:36px;height:36px;border:2px solid #FFFFFF;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.channel-post-reaction-item .channel-post-reaction-emoji:hover{background:transparent;transform:none}.channel-post-reaction-count{font-size:15px;font-weight:600;color:#65676b;margin-left:8px;font-family:'"Red Hat Display", sans-serif'}.channel-post-reaction-item .channel-post-reaction-count{display:none}@media (max-width: 500px){.channel-post-reactions{flex-direction:column;gap:12px;width:100%}.channel-post-reactions-left{width:100%;justify-content:space-between;gap:8px}.channel-post-like-btn,.channel-post-share-btn,.channel-post-comment-btn-integrated{flex:1;justify-content:center;padding:8px 4px;background:#f3f4f6!important;border-radius:8px}.channel-post-btn-label{display:none}}.confirm-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:11000;padding:20px;animation:fadeIn .3s ease}.confirm-modal{width:100%;max-width:420px;background:#fff;border-radius:16px;padding:40px 32px 32px;box-shadow:0 25px 50px #00000040;font-family:Red Hat Display,sans-serif;position:relative;animation:slideUp .3s ease;display:flex;flex-direction:column;align-items:center;text-align:center}.confirm-modal-icon{margin-bottom:20px;display:flex;justify-content:center;align-items:center}.confirm-modal-icon-circle{width:64px;height:64px;border-radius:50%;background:#fee2e2;display:flex;align-items:center;justify-content:center}.confirm-modal-content{width:100%;display:flex;flex-direction:column;align-items:center}.confirm-modal-title{margin:0 0 16px;font-size:24px;font-weight:700;color:#1f2937;letter-spacing:-.025em;text-align:center}.confirm-modal-body{font-size:16px;color:#6b7280;line-height:1.6;margin-bottom:32px;text-align:center}.confirm-modal-body p{margin:0}.confirm-modal-actions{display:flex;justify-content:center;gap:12px;width:100%}.confirm-modal-cancel,.confirm-modal-confirm{min-width:100px;padding:12px 24px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;font-family:Red Hat Display,sans-serif;transition:all .2s ease}.confirm-modal-cancel{background:#fff;color:#374151;border:1.5px solid #E5E7EB}.confirm-modal-cancel:hover{background:#f9fafb;border-color:#d1d5db;transform:translateY(-1px)}.confirm-modal-confirm{background:#ef4444;color:#fff;border:none}.confirm-modal-confirm:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.channel-post-comments{margin-top:16px;padding-top:16px;border-top:1px solid #E5E7EB}.channel-post-comments-list{display:flex;flex-direction:column;gap:16px;margin-bottom:16px;max-height:400px;overflow-y:auto}.channel-post-comment{display:flex;gap:12px;padding:8px;border-radius:8px;transition:background-color .5s ease}.channel-post-comment-highlighted{background-color:color-mix(in srgb,var(--user-type-color, #8548A8) 15%,transparent);animation:comment-highlight-pulse 2s infinite ease-in-out}@keyframes comment-highlight-pulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.channel-post-comment-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid #E5E7EB;flex-shrink:0}.channel-post-comment-content{flex:1;display:flex;flex-direction:column;gap:4px}.channel-post-comment-header{display:flex;align-items:center;gap:8px}.channel-post-comment-author{font-size:14px;font-weight:600;color:#1f2937;font-family:Red Hat Display,sans-serif}.channel-post-comment-time{font-size:12px;color:#9ca3af;font-family:Red Hat Display,sans-serif}.channel-post-comment-text{font-size:14px;color:#374151;line-height:1.5;margin:0;font-family:Red Hat Display,sans-serif;white-space:pre-wrap;word-wrap:break-word}.channel-post-comment-actions{display:flex;gap:12px;margin-top:4px}.channel-post-comment-actions-wrapper{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.channel-post-comment-like-btn{display:flex;align-items:center;gap:4px;padding:4px 8px;background:transparent;border:none;border-radius:6px;font-size:12px;color:#6b7280;cursor:pointer;transition:all .2s ease;font-family:Red Hat Display,sans-serif}.channel-post-comment-like-btn:hover{background:#f3f4f6;color:#374151}.channel-post-comment-like-btn.has-reaction{background:#f0f9ff;color:#0ea5e9}.channel-post-comment-like-btn.has-reaction:hover{background:#e0f2fe}.channel-post-comment-reaction-container{position:relative;display:inline-block}.channel-post-comment-like-btn svg{width:16px;height:16px}.channel-post-comment-reaction-breakdown{display:flex;align-items:center;background:#fff;padding:2px 8px;border-radius:16px;border:1px solid #E5E7EB;box-shadow:0 1px 3px #0000000d;width:fit-content;height:30px;margin-top:4px}.channel-post-comment-reaction-item{display:flex;align-items:center;margin-left:-10px;position:relative;transition:all .2s ease}.channel-post-comment-reaction-item:first-child{margin-left:0}.channel-post-comment-reaction-emoji{width:24px;height:24px;border:1.5px solid #FFFFFF;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.channel-post-comment-reaction-item:hover{transform:translateY(-2px);z-index:20!important}.channel-post-comment-reaction-emoji{font-size:14px;line-height:1}.channel-post-comment-reaction-count{font-size:12px;font-weight:600;color:#65676b;margin-left:4px;font-family:Red Hat Display,sans-serif}.channel-post-comment-reaction-item .channel-post-comment-reaction-count{display:none}.channel-post-comments-empty{padding:24px;text-align:center}.channel-post-comments-empty p{font-size:14px;color:#9ca3af;margin:0;font-family:Red Hat Display,sans-serif}.channel-post-comment-form{display:flex;gap:12px;align-items:flex-start;padding-top:16px;border-top:1px solid #E5E7EB}.channel-post-comment-form-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid #E5E7EB;flex-shrink:0}.channel-post-comment-form-input-container{flex:1;display:flex;gap:8px;align-items:center;padding:8px 12px;background:#f3f4f6;border:1px solid #E5E7EB;border-radius:24px;transition:all .2s ease}.channel-post-comment-form-input-container:focus-within{background:#fff;border-color:var(--user-type-color, #8548A8);box-shadow:0 0 0 3px color-mix(in srgb,var(--user-type-color, #8548A8) 20%,transparent)}.channel-post-comment-form-input{flex:1;border:none;background:transparent;outline:none;font-size:14px;color:#1f2937;font-family:Red Hat Display,sans-serif}.channel-post-comment-form-input::placeholder{color:#9ca3af}.channel-post-comment-form-submit{padding:6px 16px;background:linear-gradient(135deg,var(--user-type-color, #8548A8) 0%,color-mix(in srgb,var(--user-type-color, #8548A8) 70%,white) 100%);color:#fff;border:none;border-radius:20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Red Hat Display,sans-serif;white-space:nowrap}.channel-post-comment-form-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 8px color-mix(in srgb,var(--user-type-color, #8548A8) 40%,transparent)}.channel-post-comment-form-submit:disabled{opacity:.6;cursor:not-allowed}.channel-post-comment-reply-btn{display:flex;align-items:center;gap:4px;padding:4px 8px;background:transparent;border:none;border-radius:6px;font-size:12px;color:#6b7280;cursor:pointer;transition:all .2s ease;font-family:Red Hat Display,sans-serif}.channel-post-comment-reply-btn:hover{background:#f3f4f6;color:#374151}.channel-post-comment-reply-btn svg{width:16px;height:16px}.channel-post-comment-delete-btn,.channel-post-reply-delete-btn{display:flex;align-items:center;gap:4px;padding:4px 8px;background:transparent;border:none;border-radius:6px;font-size:12px;color:#d65745;cursor:pointer;transition:all .2s ease;font-family:Red Hat Display,sans-serif}.channel-post-comment-delete-btn:hover,.channel-post-reply-delete-btn:hover{background:#fef2f2;color:#b91c1c}.channel-post-comment-delete-btn:disabled,.channel-post-reply-delete-btn:disabled{opacity:.6;cursor:not-allowed}.channel-post-comment-delete-btn svg,.channel-post-reply-delete-btn svg{width:14px;height:14px}.channel-post-reply-form{display:flex;gap:12px;align-items:flex-start;margin-top:12px;margin-left:48px;padding-top:12px;border-top:1px solid #E5E7EB}.channel-post-reply-form-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid #E5E7EB;flex-shrink:0}.channel-post-reply-form-input-container{flex:1;display:flex;gap:8px;align-items:center;padding:8px 12px;background:#f3f4f6;border:1px solid #E5E7EB;border-radius:24px;transition:all .2s ease}.channel-post-reply-form-input-container:focus-within{background:#fff;border-color:var(--user-type-color, #8548A8);box-shadow:0 0 0 3px color-mix(in srgb,var(--user-type-color, #8548A8) 20%,transparent)}.channel-post-reply-form-input{flex:1;border:none;background:transparent;outline:none;font-size:14px;color:#1f2937;font-family:Red Hat Display,sans-serif}.channel-post-reply-form-input::placeholder{color:#9ca3af}.channel-post-reply-form-submit{padding:6px 16px;background:linear-gradient(135deg,var(--user-type-color, #8548A8) 0%,color-mix(in srgb,var(--user-type-color, #8548A8) 70%,white) 100%);color:#fff;border:none;border-radius:20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Red Hat Display,sans-serif;white-space:nowrap}.channel-post-reply-form-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 8px color-mix(in srgb,var(--user-type-color, #8548A8) 40%,transparent)}.channel-post-reply-form-submit:disabled{opacity:.6;cursor:not-allowed}.channel-post-replies-section{margin-top:12px;margin-left:48px;padding-top:12px;border-top:1px solid #E5E7EB;display:flex;flex-direction:column;gap:12px}.channel-post-reply{display:flex;gap:12px}.channel-post-reply-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid #E5E7EB;flex-shrink:0}.channel-post-reply-content{flex:1;display:flex;flex-direction:column;gap:4px}.channel-post-reply-header{display:flex;align-items:center;gap:8px}.channel-post-reply-author{font-size:13px;font-weight:600;color:#1f2937;font-family:Red Hat Display,sans-serif}.channel-post-reply-time{font-size:11px;color:#9ca3af;font-family:Red Hat Display,sans-serif}.channel-post-reply-text{font-size:13px;color:#374151;line-height:1.5;margin:0;font-family:Red Hat Display,sans-serif;white-space:pre-wrap;word-wrap:break-word}.channel-post-reply-actions{display:flex;gap:12px;margin-top:4px}.channel-post-reply-actions-wrapper{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.channel-post-reply-reaction-container{position:relative;display:inline-block}.channel-post-reply-like-btn{display:flex;align-items:center;gap:4px;padding:4px 8px;background:transparent;border:none;border-radius:6px;font-size:12px;color:#6b7280;cursor:pointer;transition:all .2s ease;font-family:Red Hat Display,sans-serif}.channel-post-reply-like-btn:hover{background:#f3f4f6;color:#374151}.channel-post-reply-like-btn.has-reaction{background:#f0f9ff;color:#0ea5e9}.channel-post-reply-like-btn.has-reaction:hover{background:#e0f2fe}.channel-post-reply-like-btn svg{width:16px;height:16px}.channel-post-replies-loading{padding:12px;text-align:center;font-size:14px;color:#9ca3af;font-family:Red Hat Display,sans-serif}@media (max-width: 768px){.channel-post-comments-list{max-height:300px}.channel-post-comment-form{flex-direction:column;gap:8px}.channel-post-comment-form-input-container{width:100%}.channel-post-reply-form{margin-left:0;flex-direction:column;gap:8px}.channel-post-reply-form-input-container{width:100%}.channel-post-replies-section{margin-left:0}}.vjs-svg-icon{display:inline-block;background-repeat:no-repeat;background-position:center;fill:currentColor;height:1.8em;width:1.8em}.vjs-svg-icon:before{content:none!important}.vjs-svg-icon:hover,.vjs-control:focus .vjs-svg-icon{filter:drop-shadow(0 0 .25em #fff)}.vjs-modal-dialog .vjs-modal-dialog-content,.video-js .vjs-modal-dialog,.vjs-button>.vjs-icon-placeholder:before,.video-js .vjs-big-play-button .vjs-icon-placeholder:before{position:absolute;top:0;left:0;width:100%;height:100%}.vjs-button>.vjs-icon-placeholder:before,.video-js .vjs-big-play-button .vjs-icon-placeholder:before{text-align:center}@font-face{font-family:VideoJS;src:url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABTsAAsAAAAAIpAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV32Y21hcAAAAYQAAAEJAAAD5p42+VxnbHlmAAACkAAADtIAABckI4l972hlYWQAABFkAAAAKwAAADYsvIjpaGhlYQAAEZAAAAAdAAAAJA+RCL1obXR4AAARsAAAABcAAAC8Q2YAAGxvY2EAABHIAAAAYAAAAGB7CIGGbWF4cAAAEigAAAAfAAAAIAFAAI9uYW1lAAASSAAAASUAAAIK1cf1oHBvc3QAABNwAAABfAAAAnXdFqh1eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGR7yDiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGPHcRdyA4RZgQRADaGCyYAAHic7dPXbcMwAEXRK1vuvffem749XAbKV3bjBA6fXsaIgMMLEWoQJaAEFKNnlELyQ4K27zib5PNF6vl8yld+TKr5kH0+cUw0xv00Hwvx2DResUyFKrV4XoMmLdp06NKjz4AhI8ZMmDJjzoIlK9Zs2LJjz4EjJ85cuHLjziPe/0UWL17mf2tqKLz/9jK9f8tXpGCoRdPKhtS0RqFkWvVQNtSKoVYNtWaoddPXEBqG2jQ9XWgZattQO4baNdSeofYNdWCoQ0MdGerYUCeGOjXUmaHODXVhqEtDXRnq2lA3hro11J2h7g31YKhHQz0Z6tlQL4Z6NdSbod4N9WGoT9MfHF6GmhnZLxyDcRMAAAB4nJ1YC1hU17U+a5/HMA4iA3NmVBDmoQwP5TFnHlFeA4gYiUFRQINoSCBAyK3G2yi+0aipYtFcHYo2xsb4NiY3+VrNxSaX5uvt495ozNdoYoxmem2/L8HGpLc+InB279pnhlGr5mvL4eyz99nrrL32eu1/DQcc/okdYgdHOA6MQKp4r9gx0EcMHMezOalVasW5BM7NcXoSb9fFgE6KtSSBxWz1FYDPG+vMBGcKb9cebu2VS5s2aaTkCvRSf6C7Y+Ppibm5E09v7IDs2/3uZQtbD0zIyppwoHXh/93ukmyYgdePNRp65p5v+3v/9otQl2O7wP34cT88p8Md2YxpYLQZoRcy6FlSBRnwnGAe6BPMSCZo+7NJVqS0cE4uHendzhSnbPH6TDqL1+Nme5LZXkCHnGyoH0kne30WH+gswhm3q+pt/mTas9NLS64GnjmSlTPw0wVQT/ewRaBgxtydy3cuUB9/6SW+vb5yRvr+t0eOfPKJZ/9t3+4tL7xj32Xd3thCxi+ge6ifdsAN+l5+wi5HQ/cCoeull1AszS7CUfEcJzK7sKWJAdJhCd0sPM4+EY7QDm5ov08hXRQXE5bf6PV5Q5+IjW7X7Nku92Ask4l2hCRRD6TPqISiCJeQna3SCFwrhrNzXHzo4yFevBwxpzxk8WCIIfkvVEKVy32SbT8n68gzgaslpaiO2zIGIyuSb7RNf9HSuN26y/7OC1tgEmpiyA6aD4qcgTOiLThwGG0eB694FI8NHLLN6OBlRVaMxNAFS4JdXUG6mW8PwpKuYLCLXKGbu8iwYNdgO06Sn3Th+/vyZAxs8Ro30DjHe9gy8Fywi24OMm7Qyzh3MTZVOMYhLBnoC+J79lpTUyQmorjhnMwlcQ5uPEYGpDjsOkkH49BjQLQBqs3jFtFdJNlksYmoQFDArLh8Xh+Qd6Ghcsb6FUuehDi+U/lqD71K/qiegeV1imcwjl7ExwiSrf4BZyCujV6cVcFo6VX+G9IcPyFjJnUufbU/jzrL1X99as36reXl8K32nFaOr+E8jWJEcJ55DpMVfSMe95/AJaOsGBH2GJCNpiRQbK4C8BjdmQA22QY2j03Em13i2YHqtNLU1NI04Yj2HJgA6fQc6VPNpA/D+Ryks554NnVy2mB72uRUfPLsqR4N0LOBQKArwJYO+5W2fgZX8oC1HR6HjNaQTVIG2FPwnTcXXGZZfNB7TE6pTKZUwaw91XWLAoFFGcnB5PHjsckgBjbWutrL+0h5Y1xw3DRGDumsnXb3MJwXrJIN5U7m0rgJ3yG5w4he5ckFG4pmNEkOm0/xOO4r4yL87wqtQM+hiJIVp+6iG2wPBKD35ElGkDx+UfC2v1mFG1o+M3AjNFty8biKMXwzyxnZLds8wYD2BxmCPHAldPOeLsy/0BugftYhVYFAhO8SqQ0j3oK7dHJZnI/jxmUS4onlxskSF8thmvNZjIrRZwEPxr0lBuLRuz3oy/FOHCsxwOPYh2M+e9u3J5pgPYz9gp6G7C9m0A11F9ddqKMfV+4sbq45/YspOysXvT+3pdFdYNg2fHbW8Dz301MqDVuGrz0Fuh0YMW8mddrpqzST7rV9BcvqPoNvadRndWp0p8HvbiqrFj5yFQ/vNFSXDpxpLEFWp+DcrF3FT1afWshFcmCfeAMjEvO65i0Y6XijQfSRPWx3TV/Df7Km3E1l+kLt56s/rwVzuRusNMhudznkwdLaS+QNdeal2jDPP4l9qHc98vTYZOSkxzD+njBWVWjFPKgipx6DkWvXQiW8OYcewVHE5yukinDMcfGgc0opDltYKDxIGBedkzc6jSfE7tlvESCDFUw0Hx0opS+U0lHCxNottbNWSxX9zZVvEhKWUSyBpaXwBc2a98M6UqPeXAs/GDon8Ax7hsthO8cM5HU7Ad0UvRR9lHmtyQKZ4MAe814X5h9MSUkQmhf96eVJ6p90OjIiqSIjvykvr2l5U55O/fPQKD+jIomYpNyGJQ25uQ2kIikRfAmuBHCPsWqkSDEqgZ5KDI2sifS/R43MbZg0idFHbCPNxXxZws1ACVE6hAhOdJwRkJLFBLPZpRGYJ50pko6XzMkgmSx40ljik6AQcKhFnLcQE6rF7PXFe1Ocoj0T3AXgSgJTDIhHRfHlYZKuSzc6uievOJGXY+i5GJkkTp7UM3y0LqATDbtFcbdBxO7o4T25JYlEjoH0uynUh8rapkxp62QN70svSF+hT4gGPlovlmcm/ComLi7mV4kTykV9NFWjE/QrwgQ4uIcAP0rQF4VZYRP2o3PhHHzfPMJj9Ir+uzKUlrH49ntT18AVvj1sc3YGjUT/Mt2Dxawa8ArcA7bCQIpvfwAYu22vEG/No/5RvPdA7g+AelLrPwzy+LtkLPhnpIxH14m4EYq8eeMHbPEPNm6G7Nv9B4jcFPZ8bJj0SEjP3MPgQdKTqqEoy2v6G32P/Y6dxOv04AxnoAeq+GILvUavtYCBXm+BaIhuodcfrN5B/V2EYMCPh+SxavjGyPwV0x4CJgUPGT0mQaODGBACIJZGsMXwAD0LGXx7l3CdAcKMIKI+f5CepWeD0BvyU/GcdBxPF8SwejC6LGZmAURFdsSWKR5HyHld2kbdIZO1Ixx+bnnzU7n5+blPNV9jnUDWhP2tC68tbN3PVIldsQPxSAcSpjOav7Q05uXn5zW2LLvDXn9B6syscPy9iDLEMmSrJz6nYuWMipukjM0AH8JkGS+XFyMRkzSCH7KD/hwm172SAyZYumHlefr5AddrtA0O0TnwaVZxcRY9Bfukn9Gf05N1r9DV9MoBsJ1f+ZrqUvtPHizJAntWybv7hmqLt6QLuK6ZS9Fqi1jO5rDoWPZXXII5Tgajg53cIXCjDCGIcYrRIY2n6+mXOa/W0bdhau3ryiEYe2FV/5oeaIYK/5w5frCyll6/cYO8DiNhw6t1MBWmznt91QX62UF1N7l0eHBZTRGpKaqpKVIPF9UcIzmReud9TSY75+K899GHbBu6wjoR7RKKZVYiYxSPf5/2wJT5e3NAhmUbVn5KLx1Ujg0+BGvpAIh0DezInTkzF37KVocxrKU3r1+XLtAe2lO3l66kfQfB/unKY+q8N375Ru8bc4pJXfEcESU95q+p8ZNZRTWH1d9FzvUdYXk5rLkcdkEisoKKVHQW/b3GEx6tPaYcoJfOr9wAbSBnv1IHpep0OExr4LPMkpJM+j7sly7UHkOzXjoAZljHCGiyegtNlwljM0v+c19ET9Pvst09a2Mtgcf5/ZSzYO5h1156+eyydfAsxGa9XAuF6vzjh6CssLq6ECysperXX0sX5h5ZdpZe3guxsGIPEtHk/aqXX1hVqP5HYVVVISkrrNqvXorIc+5Ou91Hnr/LcD2afi6eX7UBloOcs7cOpqgGaNfs1g7bNbs9z6wASaylN69d0/TFTIz6Ws8+oGV3mE2612wRTHKcVUbhjKadebloMc+dyXgMVtVK6BwMB/+mVW09igdRBWaRtNQX59d/VD//xdQ0TCiYNj1KT9sq6Wdu5WTbqk3qDXyDaLa1fv621LS01G3z61sD6lH8lAxDLicV921s6Bf92JOYvzNYCL1khbqBXEFUzC521N5NyzNaQIWhjyFyDoBIVrAjmv2UEaLlI+c6zw1jmVIPLLLZZUTj6GxGHW+mq1tgHXR2D85p4Q934+jLbtjVLcyCdS10NVzpHqxp4Q/hK7WopY/NRGx9HGsPGdFjOjcpjBnGYMVqY/4eqT5khWEHWUup2A/pTw7pdWgsWft7ETUERL96nRg0HNFPmCYba6pylECaExX89A9WLUOVB4oKLu/o1oqSYHCgLzBUlAz8hNFDRpeSU1XT+LRmDUgPaKbYdHDn9suF/tu13nHJij0N97LfS0QmqONuyONk7zvUI6Qa0pF9f2+oABL92AT6e0U//z9YqAiWtJLU1JK0gS+1aacwamiNqK067u9ZQ8f1d4qLodMzz3uL89Z68V/Hnr++hXWUuHgw8dfi972PeTyPefu3aNNucemQ74qFuIaJnVkOu4Q+yjuwmmC1FqZpl1i4uzoPxjkpPf3Xv545tl26Rr+dOvUd+omqJzch9dOeU7f10Y64nMcKK137DccIZq2WdXtdZjbEoLSzHwiMtrjYLDxpHQW8gjMX6XFYAE2zSWVD04EGYSs9MbO6sEo20BMEAB4mpvSypsKjZ4Stgzb+c3A9/MQT2+vrBy+qvyFxLUtLlSRF/Ri2wjfZ2dus2Q8lXx4608/jnqK5OOap6NY2PSjYYnECCjiEeLJll/pbmqfeIK+ps3+MxrlEhqmTPipVP7kqlF4VhpEb6r+Q7YOJg38kJ9SHBf3NBl6+9YchfbUjb5ahLSzUM3kPHmwFAsZ5rpai0S7E5xWzZ1j+fW7zsUWP2g5NXTw52ySCTrgG0+lbw60l2Y/CB185CoA8NK+tbRKxfjy6pm5hzQRRR+cMqv1Jbiw6STivtEvt3DRcy0QEh92JlUGo2PG4tSKHl00YD6xc8CK+YPYyy3io2lN8BcSjKRzrIV6ypOAobqxViJPaT9M9Hy5szY33mp7OX/Zu89L/7Ww5vqY2Y8b0pKgoiUhG5cPDPzq8qTV/WkzUOIvXVVA96kmjcBrr3HrYC/Wn+fYP6Z7T1rqy3zknbvqma/FvVk96fNXGkuaXrdHW5JGSxZT/2I/O73v+yNWafMdzc5NdxYurHs6h86e01sLKLz9EBrg+x36rxAaED7hRnAMx7Vzu+9wabh3zG8XLQjx0ablUJzmxdErxYT3kzQSd0SSafVqF5PXgpp0OyYJ1EyNHpGUZmvK575ySzd85JSqF7IBzSAbMM04+MbE58xF3/njXOGecSaermlw2y9PsSQdytLJVr8t+wg+rR8cZYoeNxVIzNdk3Bngi8U5LAlgTFoQnzJCa5EsCgYhCaGL+qPj7TdhG31p9tej3R04N//PXxNwJvyUqwaJqRPJY98TJ5TPndmflRAkAhBfe46sfKW5wizSge08Xb7Ca/GUVs55trngkKkrUS2WPzKttaaqq+idmahugkY+W6fN0I6i3gPt/x88U4wAAeJxjYGRgYADiGU9YXsXz23xl4GZnAIFH7fO+IdMc/WBxDgYmEAUASbMKwAB4nGNgZGBgZwABjj4Ghv//OfoZGBlQgT4ARicDZAAAAHicY2BgYGAfxJijD8Fmu4EqBwCSpgKpAAAAAAAADgBoAH4AzADgAQIBQgFsAZgB7gIuAooC0AL8A2IDjAOoA+AEMASwBNoFCAVaBcAGCAYuBnAGrAb2B04HigfSCCoIcAiGCJwIyAkkCVYJiAmsCfIKIApWCsQLknicY2BkYGDQZ2hmYGcAASYg5gJCBob/YD4DABqrAdAAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2ReVPbMBDF/ULi2EkDBFqO3gdHLxUzDB9IkdexBllydRD49ihO3Ckz7B/a31utZnafkkGyiXnyclxhgB0MMUKKMTLkmGCKV5hhF3vYxxwHOMRrvMERjnGCU7zFO7zHB3zEJ3zGF3zFN5zhHBe4xHf8wE/8wm8w/MEVimTYKv44XR9MSCsUjVoeHE3vjQoNsSZ4mmxZmVWPjSz7jlou6/0qKOWEJdKMtCe793/hQfqxa6XWZHMXFl56RS4TvPXSaDeoy0zUUZB109KstDK8lHo5q6Qi1hcOnqkImubPS6aqRq7mlnaEWabub4iYblba3SRmgldS0+FWdhNtt04F14JUaqkl7tcpOpJtErvNt3Bd9HRT5JWxK25Ldjvp6br4hzfFiIdSmlzTg2fSUzNrLd1LE1ynxq4OVaVoKLjzJ60UPtj1RKzHzsbjly6inVnFBS2MucviPncU7Rr7lfTxRepDs1A2j3ZHRc7PuzFYSfE3ZOd4kjwBy227hA==) format("woff");font-weight:400;font-style:normal}.vjs-icon-play,.video-js .vjs-play-control .vjs-icon-placeholder,.video-js .vjs-big-play-button .vjs-icon-placeholder:before{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-play:before,.video-js .vjs-play-control .vjs-icon-placeholder:before,.video-js .vjs-big-play-button .vjs-icon-placeholder:before{content:""}.vjs-icon-play-circle{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-play-circle:before{content:""}.vjs-icon-pause,.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-pause:before,.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before{content:""}.vjs-icon-volume-mute,.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-volume-mute:before,.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before{content:""}.vjs-icon-volume-low,.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-volume-low:before,.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before{content:""}.vjs-icon-volume-mid,.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-volume-mid:before,.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before{content:""}.vjs-icon-volume-high,.video-js .vjs-mute-control .vjs-icon-placeholder{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-volume-high:before,.video-js .vjs-mute-control .vjs-icon-placeholder:before{content:""}.vjs-icon-fullscreen-enter,.video-js .vjs-fullscreen-control .vjs-icon-placeholder{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-fullscreen-enter:before,.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before{content:""}.vjs-icon-fullscreen-exit,.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-fullscreen-exit:before,.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before{content:""}.vjs-icon-spinner{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-spinner:before{content:""}.vjs-icon-subtitles,.video-js .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js .vjs-subtitles-button .vjs-icon-placeholder{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-subtitles:before,.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js .vjs-subtitles-button .vjs-icon-placeholder:before{content:""}.vjs-icon-captions,.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js .vjs-captions-button .vjs-icon-placeholder{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-captions:before,.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js .vjs-captions-button .vjs-icon-placeholder:before{content:""}.vjs-icon-hd{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-hd:before{content:""}.vjs-icon-chapters,.video-js .vjs-chapters-button .vjs-icon-placeholder{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-chapters:before,.video-js .vjs-chapters-button .vjs-icon-placeholder:before{content:""}.vjs-icon-downloading{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-downloading:before{content:""}.vjs-icon-file-download{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-file-download:before{content:""}.vjs-icon-file-download-done{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-file-download-done:before{content:""}.vjs-icon-file-download-off{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-file-download-off:before{content:""}.vjs-icon-share{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-share:before{content:""}.vjs-icon-cog{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-cog:before{content:""}.vjs-icon-square{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-square:before{content:""}.vjs-icon-circle,.vjs-seek-to-live-control .vjs-icon-placeholder,.video-js .vjs-volume-level,.video-js .vjs-play-progress{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle:before,.vjs-seek-to-live-control .vjs-icon-placeholder:before,.video-js .vjs-volume-level:before,.video-js .vjs-play-progress:before{content:""}.vjs-icon-circle-outline{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle-outline:before{content:""}.vjs-icon-circle-inner-circle{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle-inner-circle:before{content:""}.vjs-icon-cancel,.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-cancel:before,.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before{content:""}.vjs-icon-repeat{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-repeat:before{content:""}.vjs-icon-replay,.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-replay:before,.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before{content:""}.vjs-icon-replay-5,.video-js .vjs-skip-backward-5 .vjs-icon-placeholder{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-replay-5:before,.video-js .vjs-skip-backward-5 .vjs-icon-placeholder:before{content:""}.vjs-icon-replay-10,.video-js .vjs-skip-backward-10 .vjs-icon-placeholder{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-replay-10:before,.video-js .vjs-skip-backward-10 .vjs-icon-placeholder:before{content:""}.vjs-icon-replay-30,.video-js .vjs-skip-backward-30 .vjs-icon-placeholder{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-replay-30:before,.video-js .vjs-skip-backward-30 .vjs-icon-placeholder:before{content:""}.vjs-icon-forward-5,.video-js .vjs-skip-forward-5 .vjs-icon-placeholder{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-forward-5:before,.video-js .vjs-skip-forward-5 .vjs-icon-placeholder:before{content:""}.vjs-icon-forward-10,.video-js .vjs-skip-forward-10 .vjs-icon-placeholder{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-forward-10:before,.video-js .vjs-skip-forward-10 .vjs-icon-placeholder:before{content:""}.vjs-icon-forward-30,.video-js .vjs-skip-forward-30 .vjs-icon-placeholder{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-forward-30:before,.video-js .vjs-skip-forward-30 .vjs-icon-placeholder:before{content:""}.vjs-icon-audio,.video-js .vjs-audio-button .vjs-icon-placeholder{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-audio:before,.video-js .vjs-audio-button .vjs-icon-placeholder:before{content:""}.vjs-icon-next-item{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-next-item:before{content:""}.vjs-icon-previous-item{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-previous-item:before{content:""}.vjs-icon-shuffle{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-shuffle:before{content:""}.vjs-icon-cast{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-cast:before{content:""}.vjs-icon-picture-in-picture-enter,.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-picture-in-picture-enter:before,.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before{content:""}.vjs-icon-picture-in-picture-exit,.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-picture-in-picture-exit:before,.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before{content:""}.vjs-icon-facebook{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-facebook:before{content:""}.vjs-icon-linkedin{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-linkedin:before{content:""}.vjs-icon-twitter{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-twitter:before{content:""}.vjs-icon-tumblr{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-tumblr:before{content:""}.vjs-icon-pinterest{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-pinterest:before{content:""}.vjs-icon-audio-description,.video-js .vjs-descriptions-button .vjs-icon-placeholder{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-audio-description:before,.video-js .vjs-descriptions-button .vjs-icon-placeholder:before{content:""}.video-js{display:inline-block;vertical-align:top;box-sizing:border-box;color:#fff;background-color:#000;position:relative;padding:0;font-size:10px;line-height:1;font-weight:400;font-style:normal;font-family:Arial,Helvetica,sans-serif;word-break:initial}.video-js:-moz-full-screen{position:absolute}.video-js:-webkit-full-screen{width:100%!important;height:100%!important}.video-js[tabindex="-1"]{outline:none}.video-js *,.video-js *:before,.video-js *:after{box-sizing:inherit}.video-js ul{font-family:inherit;font-size:inherit;line-height:inherit;list-style-position:outside;margin:0}.video-js.vjs-fluid,.video-js.vjs-16-9,.video-js.vjs-4-3,.video-js.vjs-9-16,.video-js.vjs-1-1{width:100%;max-width:100%}.video-js.vjs-fluid:not(.vjs-audio-only-mode),.video-js.vjs-16-9:not(.vjs-audio-only-mode),.video-js.vjs-4-3:not(.vjs-audio-only-mode),.video-js.vjs-9-16:not(.vjs-audio-only-mode),.video-js.vjs-1-1:not(.vjs-audio-only-mode){height:0}.video-js.vjs-16-9:not(.vjs-audio-only-mode){padding-top:56.25%}.video-js.vjs-4-3:not(.vjs-audio-only-mode){padding-top:75%}.video-js.vjs-9-16:not(.vjs-audio-only-mode){padding-top:177.7777777778%}.video-js.vjs-1-1:not(.vjs-audio-only-mode){padding-top:100%}.video-js.vjs-fill:not(.vjs-audio-only-mode){width:100%;height:100%}.video-js .vjs-tech{position:absolute;top:0;left:0;width:100%;height:100%}.video-js.vjs-audio-only-mode .vjs-tech{display:none}body.vjs-full-window,body.vjs-pip-window{padding:0;margin:0;height:100%}.vjs-full-window .video-js.vjs-fullscreen,body.vjs-pip-window .video-js{position:fixed;overflow:hidden;z-index:1000;left:0;top:0;bottom:0;right:0}.video-js.vjs-fullscreen:not(.vjs-ios-native-fs),body.vjs-pip-window .video-js{width:100%!important;height:100%!important;padding-top:0!important;display:block}.video-js.vjs-fullscreen.vjs-user-inactive{cursor:none}.vjs-pip-container .vjs-pip-text{position:absolute;bottom:10%;font-size:2em;background-color:#000000b3;padding:.5em;text-align:center;width:100%}.vjs-layout-tiny.vjs-pip-container .vjs-pip-text,.vjs-layout-x-small.vjs-pip-container .vjs-pip-text,.vjs-layout-small.vjs-pip-container .vjs-pip-text{bottom:0;font-size:1.4em}.vjs-hidden{display:none!important}.vjs-disabled{opacity:.5;cursor:default}.video-js .vjs-offscreen{height:1px;left:-9999px;position:absolute;top:0;width:1px}.vjs-lock-showing{display:block!important;opacity:1!important;visibility:visible!important}.vjs-no-js{padding:20px;color:#fff;background-color:#000;font-size:18px;font-family:Arial,Helvetica,sans-serif;text-align:center;width:300px;height:150px;margin:0 auto}.vjs-no-js a,.vjs-no-js a:visited{color:#66a8cc}.video-js .vjs-big-play-button{font-size:3em;line-height:1.5em;height:1.63332em;width:3em;display:block;position:absolute;top:50%;left:50%;padding:0;margin-top:-.81666em;margin-left:-1.5em;cursor:pointer;opacity:1;border:.06666em solid #fff;background-color:#2b333f;background-color:#2b333fb3;border-radius:.3em;transition:all .4s}.vjs-big-play-button .vjs-svg-icon{width:1em;height:1em;position:absolute;top:50%;left:50%;line-height:1;transform:translate(-50%,-50%)}.video-js:hover .vjs-big-play-button,.video-js .vjs-big-play-button:focus{border-color:#fff;background-color:#73859f;background-color:#73859f80;transition:all 0s}.vjs-controls-disabled .vjs-big-play-button,.vjs-has-started .vjs-big-play-button,.vjs-using-native-controls .vjs-big-play-button,.vjs-error .vjs-big-play-button{display:none}.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause:not(.vjs-seeking,.vjs-scrubbing,.vjs-error) .vjs-big-play-button{display:block}.video-js button{background:none;border:none;color:inherit;display:inline-block;font-size:inherit;line-height:inherit;text-transform:none;text-decoration:none;transition:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.video-js.vjs-spatial-navigation-enabled .vjs-button:focus{outline:.0625em solid white;box-shadow:none}.vjs-control .vjs-button{width:100%;height:100%}.video-js .vjs-control.vjs-close-button{cursor:pointer;height:3em;position:absolute;right:0;top:.5em;z-index:2}.video-js .vjs-modal-dialog{background:#000c;background:linear-gradient(180deg,#000c,#fff0);overflow:auto}.video-js .vjs-modal-dialog>*{box-sizing:border-box}.vjs-modal-dialog .vjs-modal-dialog-content{font-size:1.2em;line-height:1.5;padding:20px 24px;z-index:1}.vjs-menu-button{cursor:pointer}.vjs-menu-button.vjs-disabled{cursor:default}.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu{display:none}.vjs-menu .vjs-menu-content{display:block;padding:0;margin:0;font-family:Arial,Helvetica,sans-serif;overflow:auto}.vjs-menu .vjs-menu-content>*{box-sizing:border-box}.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu{display:none}.vjs-menu li{display:flex;justify-content:center;list-style:none;margin:0;padding:.2em 0;line-height:1.4em;font-size:1.2em;text-align:center;text-transform:lowercase}.vjs-menu li.vjs-menu-item:focus,.vjs-menu li.vjs-menu-item:hover,.js-focus-visible .vjs-menu li.vjs-menu-item:hover{background-color:#73859f;background-color:#73859f80}.vjs-menu li.vjs-selected,.vjs-menu li.vjs-selected:focus,.vjs-menu li.vjs-selected:hover,.js-focus-visible .vjs-menu li.vjs-selected:hover{background-color:#fff;color:#2b333f}.vjs-menu li.vjs-selected .vjs-svg-icon,.vjs-menu li.vjs-selected:focus .vjs-svg-icon,.vjs-menu li.vjs-selected:hover .vjs-svg-icon,.js-focus-visible .vjs-menu li.vjs-selected:hover .vjs-svg-icon{fill:#000}.video-js .vjs-menu *:not(.vjs-selected):focus:not(:focus-visible),.js-focus-visible .vjs-menu *:not(.vjs-selected):focus:not(.focus-visible){background:none}.vjs-menu li.vjs-menu-title{text-align:center;text-transform:uppercase;font-size:1em;line-height:2em;padding:0;margin:0 0 .3em;font-weight:700;cursor:default}.vjs-menu-button-popup .vjs-menu{display:none;position:absolute;bottom:0;width:10em;left:-3em;height:0em;margin-bottom:1.5em;border-top-color:#2b333fb3}.vjs-pip-window .vjs-menu-button-popup .vjs-menu{left:unset;right:1em}.vjs-menu-button-popup .vjs-menu .vjs-menu-content{background-color:#2b333f;background-color:#2b333fb3;position:absolute;width:100%;bottom:1.5em;max-height:15em}.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:5em}.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:10em}.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:14em}.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:25em}.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu,.vjs-menu-button-popup .vjs-menu.vjs-lock-showing{display:block}.video-js .vjs-menu-button-inline{transition:all .4s;overflow:hidden}.video-js .vjs-menu-button-inline:before{width:2.222222222em}.video-js .vjs-menu-button-inline:hover,.video-js .vjs-menu-button-inline:focus,.video-js .vjs-menu-button-inline.vjs-slider-active{width:12em}.vjs-menu-button-inline .vjs-menu{opacity:0;height:100%;width:auto;position:absolute;left:4em;top:0;padding:0;margin:0;transition:all .4s}.vjs-menu-button-inline:hover .vjs-menu,.vjs-menu-button-inline:focus .vjs-menu,.vjs-menu-button-inline.vjs-slider-active .vjs-menu{display:block;opacity:1}.vjs-menu-button-inline .vjs-menu-content{width:auto;height:100%;margin:0;overflow:hidden}.video-js .vjs-control-bar{display:none;width:100%;position:absolute;bottom:0;left:0;right:0;height:3em;background-color:#2b333f;background-color:#2b333fb3}.video-js.vjs-spatial-navigation-enabled .vjs-control-bar{gap:1px}.video-js:not(.vjs-controls-disabled,.vjs-using-native-controls,.vjs-error) .vjs-control-bar.vjs-lock-showing{display:flex!important}.vjs-has-started .vjs-control-bar,.vjs-audio-only-mode .vjs-control-bar{display:flex;visibility:visible;opacity:1;transition:visibility .1s,opacity .1s}.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{visibility:visible;opacity:0;pointer-events:none;transition:visibility 1s,opacity 1s}.vjs-controls-disabled .vjs-control-bar,.vjs-using-native-controls .vjs-control-bar,.vjs-error .vjs-control-bar{display:none!important}.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar,.vjs-audio-only-mode.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{opacity:1;visibility:visible;pointer-events:auto}.video-js .vjs-control{position:relative;text-align:center;margin:0;padding:0;height:100%;width:4em;flex:none}.video-js .vjs-control.vjs-visible-text{width:auto;padding-left:1em;padding-right:1em}.vjs-button>.vjs-icon-placeholder:before{font-size:1.8em;line-height:1.67}.vjs-button>.vjs-icon-placeholder{display:block}.vjs-button>.vjs-svg-icon{display:inline-block}.video-js .vjs-control:focus:before,.video-js .vjs-control:hover:before,.video-js .vjs-control:focus{text-shadow:0em 0em 1em white}.video-js *:not(.vjs-visible-text)>.vjs-control-text{border:0;clip:rect(0 0 0 0);height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.video-js .vjs-custom-control-spacer{display:none}.video-js .vjs-progress-control{cursor:pointer;flex:auto;display:flex;align-items:center;min-width:4em;touch-action:none}.video-js .vjs-progress-control.disabled{cursor:default}.vjs-live .vjs-progress-control{display:none}.vjs-liveui .vjs-progress-control{display:flex;align-items:center}.video-js .vjs-progress-holder{flex:auto;transition:all .2s;height:.3em}.video-js .vjs-progress-control .vjs-progress-holder{margin:0 10px}.video-js .vjs-progress-control:hover .vjs-progress-holder,.video-js.vjs-scrubbing.vjs-touch-enabled .vjs-progress-control .vjs-progress-holder{font-size:1.6666666667em}.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled{font-size:1em}.video-js .vjs-progress-holder .vjs-play-progress,.video-js .vjs-progress-holder .vjs-load-progress,.video-js .vjs-progress-holder .vjs-load-progress div{position:absolute;display:block;height:100%;margin:0;padding:0;width:0}.video-js .vjs-play-progress{background-color:#fff}.video-js .vjs-play-progress:before{font-size:.9em;position:absolute;right:-.5em;line-height:.35em;z-index:1}.vjs-svg-icons-enabled .vjs-play-progress:before{content:none!important}.vjs-play-progress .vjs-svg-icon{position:absolute;top:-.35em;right:-.4em;width:.9em;height:.9em;pointer-events:none;line-height:.15em;z-index:1}.video-js .vjs-load-progress{background:#73859f80}.video-js .vjs-load-progress div{background:#73859fbf}.video-js .vjs-time-tooltip{background-color:#fff;background-color:#fffc;border-radius:.3em;color:#000;float:right;font-family:Arial,Helvetica,sans-serif;font-size:1em;padding:6px 8px 8px;pointer-events:none;position:absolute;top:-3.4em;visibility:hidden;z-index:1}.video-js .vjs-progress-holder:focus .vjs-time-tooltip{display:none}.video-js .vjs-progress-control:hover .vjs-time-tooltip,.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip,.video-js.vjs-scrubbing.vjs-touch-enabled .vjs-progress-control .vjs-time-tooltip{display:block;font-size:.6em;visibility:visible}.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip{font-size:1em}.video-js .vjs-progress-control .vjs-mouse-display{display:none;position:absolute;width:1px;height:100%;background-color:#000;z-index:1}.video-js .vjs-progress-control:hover .vjs-mouse-display,.video-js.vjs-scrubbing.vjs-touch-enabled .vjs-progress-control .vjs-mouse-display{display:block}.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display,.video-js.vjs-touch-enabled:not(.vjs-scrubbing) .vjs-progress-control .vjs-mouse-display{visibility:hidden;opacity:0;transition:visibility 1s,opacity 1s}.vjs-mouse-display .vjs-time-tooltip{color:#fff;background-color:#000;background-color:#000c}.video-js .vjs-slider{position:relative;cursor:pointer;padding:0;margin:0 .45em;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:#73859f;background-color:#73859f80}.video-js .vjs-slider.disabled{cursor:default}.video-js .vjs-slider:focus{text-shadow:0em 0em 1em white;box-shadow:0 0 1em #fff}.video-js.vjs-spatial-navigation-enabled .vjs-slider:focus{outline:.0625em solid white}.video-js .vjs-mute-control{cursor:pointer;flex:none}.video-js .vjs-volume-control{cursor:pointer;margin-right:1em;display:flex}.video-js .vjs-volume-control.vjs-volume-horizontal{width:5em}.video-js .vjs-volume-panel .vjs-volume-control{visibility:visible;opacity:0;width:1px;height:1px;margin-left:-1px}.video-js .vjs-volume-panel{transition:width 1s}.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control,.video-js .vjs-volume-panel:active .vjs-volume-control,.video-js .vjs-volume-panel:focus .vjs-volume-control,.video-js .vjs-volume-panel .vjs-volume-control:active,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control,.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active{visibility:visible;opacity:1;position:relative;transition:visibility .1s,opacity .1s,height .1s,width .1s,left 0s,top 0s}.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal{width:5em;height:3em;margin-right:0}.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical{left:-3.5em;transition:left 0s}.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active{width:10em;transition:width .1s}.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only{width:4em}.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical{height:8em;width:3em;left:-3000em;transition:visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s}.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal{transition:visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s}.video-js .vjs-volume-panel{display:flex}.video-js .vjs-volume-bar{margin:1.35em .45em}.vjs-volume-bar.vjs-slider-horizontal{width:5em;height:.3em}.vjs-volume-bar.vjs-slider-vertical{width:.3em;height:5em;margin:1.35em auto}.video-js .vjs-volume-level{position:absolute;bottom:0;left:0;background-color:#fff}.video-js .vjs-volume-level:before{position:absolute;font-size:.9em;z-index:1}.vjs-slider-vertical .vjs-volume-level{width:.3em}.vjs-slider-vertical .vjs-volume-level:before{top:-.5em;left:-.3em;z-index:1}.vjs-svg-icons-enabled .vjs-volume-level:before{content:none}.vjs-volume-level .vjs-svg-icon{position:absolute;width:.9em;height:.9em;pointer-events:none;z-index:1}.vjs-slider-horizontal .vjs-volume-level{height:.3em}.vjs-slider-horizontal .vjs-volume-level:before{line-height:.35em;right:-.5em}.vjs-slider-horizontal .vjs-volume-level .vjs-svg-icon{right:-.3em;transform:translateY(-50%)}.vjs-slider-vertical .vjs-volume-level .vjs-svg-icon{top:-.55em;transform:translate(-50%)}.video-js .vjs-volume-panel.vjs-volume-panel-vertical{width:4em}.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level{height:100%}.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level{width:100%}.video-js .vjs-volume-vertical{width:3em;height:8em;bottom:8em;background-color:#2b333f;background-color:#2b333fb3}.video-js .vjs-volume-horizontal .vjs-menu{left:-2em}.video-js .vjs-volume-tooltip{background-color:#fff;background-color:#fffc;border-radius:.3em;color:#000;float:right;font-family:Arial,Helvetica,sans-serif;font-size:1em;padding:6px 8px 8px;pointer-events:none;position:absolute;top:-3.4em;visibility:hidden;z-index:1}.video-js .vjs-volume-control:hover .vjs-volume-tooltip,.video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip{display:block;font-size:1em;visibility:visible}.video-js .vjs-volume-vertical:hover .vjs-volume-tooltip,.video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip{left:1em;top:-12px}.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip{font-size:1em}.video-js .vjs-volume-control .vjs-mouse-display{display:none;position:absolute;width:100%;height:1px;background-color:#000;z-index:1}.video-js .vjs-volume-horizontal .vjs-mouse-display{width:1px;height:100%}.video-js .vjs-volume-control:hover .vjs-mouse-display{display:block}.video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display{visibility:hidden;opacity:0;transition:visibility 1s,opacity 1s}.vjs-mouse-display .vjs-volume-tooltip{color:#fff;background-color:#000;background-color:#000c}.vjs-poster{display:inline-block;vertical-align:middle;cursor:pointer;margin:0;padding:0;position:absolute;top:0;right:0;bottom:0;left:0;height:100%}.vjs-has-started .vjs-poster,.vjs-using-native-controls .vjs-poster{display:none}.vjs-audio.vjs-has-started .vjs-poster,.vjs-has-started.vjs-audio-poster-mode .vjs-poster,.vjs-pip-container.vjs-has-started .vjs-poster{display:block}.vjs-poster img{width:100%;height:100%;object-fit:contain}.video-js .vjs-live-control{display:flex;align-items:flex-start;flex:auto;font-size:1em;line-height:3em}.video-js:not(.vjs-live) .vjs-live-control,.video-js.vjs-liveui .vjs-live-control{display:none}.video-js .vjs-seek-to-live-control{align-items:center;cursor:pointer;flex:none;display:inline-flex;height:100%;padding-left:.5em;padding-right:.5em;font-size:1em;line-height:3em;width:auto;min-width:4em}.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,.video-js:not(.vjs-live) .vjs-seek-to-live-control{display:none}.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{cursor:auto}.vjs-seek-to-live-control .vjs-icon-placeholder{margin-right:.5em;color:#888}.vjs-svg-icons-enabled .vjs-seek-to-live-control{line-height:0}.vjs-seek-to-live-control .vjs-svg-icon{width:1em;height:1em;pointer-events:none;fill:#888}.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder{color:red}.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-svg-icon{fill:red}.video-js .vjs-time-control{flex:none;font-size:1em;line-height:3em;min-width:2em;width:auto;padding-left:1em;padding-right:1em}.vjs-live .vjs-time-control,.vjs-live .vjs-time-divider,.video-js .vjs-current-time,.video-js .vjs-duration{display:none}.vjs-time-divider{display:none;line-height:3em}.vjs-normalise-time-controls:not(.vjs-live) .vjs-time-control{display:flex}.video-js .vjs-play-control{cursor:pointer}.video-js .vjs-play-control .vjs-icon-placeholder{flex:none}.vjs-text-track-display{position:absolute;bottom:3em;left:0;right:0;top:0;pointer-events:none}.vjs-error .vjs-text-track-display{display:none}.video-js.vjs-controls-disabled .vjs-text-track-display,.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display{bottom:1em}.video-js .vjs-text-track{font-size:1.4em;text-align:center;margin-bottom:.1em}.vjs-subtitles{color:#fff}.vjs-captions{color:#fc6}.vjs-tt-cue{display:block}video::-webkit-media-text-track-display{transform:translateY(-3em)}.video-js.vjs-controls-disabled video::-webkit-media-text-track-display,.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display{transform:translateY(-1.5em)}.video-js.vjs-force-center-align-cues .vjs-text-track-cue{text-align:center!important;width:80%!important}@supports not (inset: 10px){.video-js .vjs-text-track-display>div{top:0;right:0;bottom:0;left:0}}.video-js .vjs-picture-in-picture-control{cursor:pointer;flex:none}.video-js.vjs-audio-only-mode .vjs-picture-in-picture-control,.vjs-pip-window .vjs-picture-in-picture-control{display:none}.video-js .vjs-fullscreen-control{cursor:pointer;flex:none}.video-js.vjs-audio-only-mode .vjs-fullscreen-control,.vjs-pip-window .vjs-fullscreen-control{display:none}.vjs-playback-rate>.vjs-menu-button,.vjs-playback-rate .vjs-playback-rate-value{position:absolute;top:0;left:0;width:100%;height:100%}.vjs-playback-rate .vjs-playback-rate-value{pointer-events:none;font-size:1.5em;line-height:2;text-align:center}.vjs-playback-rate .vjs-menu{width:4em;left:0}.vjs-error .vjs-error-display .vjs-modal-dialog-content{font-size:1.4em;text-align:center}.vjs-loading-spinner{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.85;text-align:left;border:.6em solid rgba(43,51,63,.7);box-sizing:border-box;background-clip:padding-box;width:5em;height:5em;border-radius:50%;visibility:hidden}.vjs-seeking .vjs-loading-spinner,.vjs-waiting .vjs-loading-spinner{display:flex;justify-content:center;align-items:center;animation:vjs-spinner-show 0s linear .3s forwards}.vjs-error .vjs-loading-spinner{display:none}.vjs-loading-spinner:before,.vjs-loading-spinner:after{content:"";position:absolute;box-sizing:inherit;width:inherit;height:inherit;border-radius:inherit;opacity:1;border:inherit;border-color:transparent;border-top-color:#fff}.vjs-seeking .vjs-loading-spinner:before,.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:after{animation:vjs-spinner-spin 1.1s cubic-bezier(.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite}.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:before{border-top-color:#fff}.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:after{border-top-color:#fff;animation-delay:.44s}@keyframes vjs-spinner-show{to{visibility:visible}}@keyframes vjs-spinner-spin{to{transform:rotate(360deg)}}@keyframes vjs-spinner-fade{0%{border-top-color:#73859f}20%{border-top-color:#73859f}35%{border-top-color:#fff}60%{border-top-color:#73859f}to{border-top-color:#73859f}}.video-js.vjs-audio-only-mode .vjs-captions-button{display:none}.vjs-chapters-button .vjs-menu ul{width:24em}.video-js.vjs-audio-only-mode .vjs-descriptions-button{display:none}.vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-svg-icon{width:1.5em;height:1.5em}.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder{vertical-align:middle;display:inline-block;margin-bottom:-.1em}.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before{font-family:VideoJS;content:"";font-size:1.5em;line-height:inherit}.video-js.vjs-audio-only-mode .vjs-subs-caps-button{display:none}.video-js .vjs-audio-button+.vjs-menu .vjs-descriptions-menu-item .vjs-menu-item-text .vjs-icon-placeholder,.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder{vertical-align:middle;display:inline-block;margin-bottom:-.1em}.video-js .vjs-audio-button+.vjs-menu .vjs-descriptions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before,.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before{font-family:VideoJS;content:" ";font-size:1.5em;line-height:inherit}.video-js.vjs-layout-small .vjs-current-time,.video-js.vjs-layout-small .vjs-time-divider,.video-js.vjs-layout-small .vjs-duration,.video-js.vjs-layout-small .vjs-remaining-time,.video-js.vjs-layout-small .vjs-playback-rate,.video-js.vjs-layout-small .vjs-volume-control,.video-js.vjs-layout-x-small .vjs-current-time,.video-js.vjs-layout-x-small .vjs-time-divider,.video-js.vjs-layout-x-small .vjs-duration,.video-js.vjs-layout-x-small .vjs-remaining-time,.video-js.vjs-layout-x-small .vjs-playback-rate,.video-js.vjs-layout-x-small .vjs-volume-control,.video-js.vjs-layout-tiny .vjs-current-time,.video-js.vjs-layout-tiny .vjs-time-divider,.video-js.vjs-layout-tiny .vjs-duration,.video-js.vjs-layout-tiny .vjs-remaining-time,.video-js.vjs-layout-tiny .vjs-playback-rate,.video-js.vjs-layout-tiny .vjs-volume-control{display:none}.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover{width:auto;width:initial}.video-js.vjs-layout-x-small .vjs-progress-control,.video-js.vjs-layout-tiny .vjs-progress-control{display:none}.video-js.vjs-layout-x-small .vjs-custom-control-spacer{flex:auto;display:block}.vjs-modal-dialog.vjs-text-track-settings{background-color:#2b333f;background-color:#2b333fbf;color:#fff;height:70%}.vjs-spatial-navigation-enabled .vjs-modal-dialog.vjs-text-track-settings{height:80%}.vjs-error .vjs-text-track-settings{display:none}.vjs-text-track-settings .vjs-modal-dialog-content{display:table}.vjs-text-track-settings .vjs-track-settings-colors,.vjs-text-track-settings .vjs-track-settings-font,.vjs-text-track-settings .vjs-track-settings-controls{display:table-cell}.vjs-text-track-settings .vjs-track-settings-controls{text-align:right;vertical-align:bottom}@supports (display: grid){.vjs-text-track-settings .vjs-modal-dialog-content{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;padding:20px 24px 0}.vjs-track-settings-controls .vjs-default-button{margin-bottom:20px}.vjs-text-track-settings .vjs-track-settings-controls{grid-column:1/-1}.vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,.vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,.vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content{grid-template-columns:1fr}}.vjs-text-track-settings select{font-size:inherit}.vjs-track-setting>select{margin-right:1em;margin-bottom:.5em}.vjs-text-track-settings fieldset{margin:10px;border:none}.vjs-text-track-settings fieldset span{display:inline-block;padding:0 .6em .8em}.vjs-text-track-settings fieldset span>select{max-width:7.3em}.vjs-text-track-settings legend{color:#fff;font-weight:700;font-size:1.2em}.vjs-text-track-settings .vjs-label{margin:0 .5em .5em 0}.vjs-track-settings-controls button:focus,.vjs-track-settings-controls button:active{outline-style:solid;outline-width:medium;background-image:linear-gradient(0deg,#fff 88%,#73859f)}.vjs-track-settings-controls button:hover{color:#2b333fbf}.vjs-track-settings-controls button{background-color:#fff;background-image:linear-gradient(-180deg,#fff 88%,#73859f);color:#2b333f;cursor:pointer;border-radius:2px}.vjs-track-settings-controls .vjs-default-button{margin-right:1em}.vjs-title-bar{background:#000000e6;background:linear-gradient(180deg,#000000e6,#000000b3 60%,#0000);font-size:1.2em;line-height:1.5;transition:opacity .1s;padding:.666em 1.333em 4em;pointer-events:none;position:absolute;top:0;width:100%}.vjs-error .vjs-title-bar{display:none}.vjs-title-bar-title,.vjs-title-bar-description{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vjs-title-bar-title{font-weight:700;margin-bottom:.333em}.vjs-playing.vjs-user-inactive .vjs-title-bar{opacity:0;transition:opacity 1s}.video-js .vjs-skip-forward-5,.video-js .vjs-skip-forward-10,.video-js .vjs-skip-forward-30,.video-js .vjs-skip-backward-5,.video-js .vjs-skip-backward-10,.video-js .vjs-skip-backward-30{cursor:pointer}.video-js .vjs-transient-button{position:absolute;height:3em;display:flex;align-items:center;justify-content:center;background-color:#32323280;cursor:pointer;opacity:1;transition:opacity 1s}.video-js:not(.vjs-has-started) .vjs-transient-button{display:none}.video-js.not-hover .vjs-transient-button:not(.force-display),.video-js.vjs-user-inactive .vjs-transient-button:not(.force-display){opacity:0}.video-js .vjs-transient-button span{padding:0 .5em}.video-js .vjs-transient-button.vjs-left{left:1em}.video-js .vjs-transient-button.vjs-right{right:1em}.video-js .vjs-transient-button.vjs-top{top:1em}.video-js .vjs-transient-button.vjs-near-top{top:4em}.video-js .vjs-transient-button.vjs-bottom{bottom:4em}.video-js .vjs-transient-button:hover{background-color:#323232e6}@media print{.video-js>*:not(.vjs-tech):not(.vjs-poster){visibility:hidden}}.vjs-resize-manager{position:absolute;top:0;left:0;width:100%;height:100%;border:none;z-index:-1000}.js-focus-visible .video-js *:focus:not(.focus-visible){outline:none}.video-js *:focus:not(:focus-visible){outline:none}.adoption-post-detail-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0f172a8c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1001;padding:20px;box-sizing:border-box}.adoption-post-detail-modal{background-color:#fff;border-radius:18px;width:100%;max-width:960px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 24px 60px #0f172a59;box-sizing:border-box;overflow:hidden;word-wrap:break-word;overflow-wrap:break-word}.adoption-post-detail-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.adoption-post-detail-modal-title{font-size:22px;font-weight:700;color:#111827;margin:0}.adoption-post-detail-modal-close{background:none;border:none;font-size:28px;color:#6b7280;cursor:pointer;width:32px;height:32px;border-radius:9999px;display:flex;align-items:center;justify-content:center;transition:background-color .15s ease,transform .15s ease}.adoption-post-detail-modal-close:hover:not(:disabled){background-color:#94a3b82e;transform:translateY(-1px)}.adoption-post-detail-modal-content{padding:20px 24px 24px;overflow-y:auto;overflow-x:hidden;word-wrap:break-word;overflow-wrap:break-word}.adoption-post-detail-modal-loading,.adoption-post-detail-modal-error,.adoption-post-detail-modal-empty{min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#4b5563}.adoption-post-detail-modal-spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top:4px solid #8548a8;border-radius:50%;animation:adoption-detail-spin 1s linear infinite;margin-bottom:16px}@keyframes adoption-detail-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.adoption-detail-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.2fr);gap:24px;align-items:start;margin-bottom:0;min-width:0;max-width:100%;overflow-x:hidden}.adoption-detail-media{min-width:0;display:flex;flex-direction:column;align-items:stretch}.adoption-detail-media-placeholder{width:100%;border-radius:16px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;padding:40px 0}.adoption-detail-media-placeholder img{width:80%;max-width:320px;object-fit:contain}.adoption-detail-info{min-width:0;display:flex;flex-direction:column;gap:20px;overflow-wrap:break-word;word-wrap:break-word;max-width:100%}.adoption-detail-owner{display:flex;align-items:center;justify-content:space-between;gap:16px}.adoption-detail-owner-main{display:flex;align-items:center;gap:12px}.adoption-detail-owner-avatar{width:44px;height:44px;border-radius:9999px;overflow:hidden;border:2px solid #e5e7eb}.adoption-detail-owner-avatar img{width:100%;height:100%;object-fit:cover}.adoption-detail-owner-text{display:flex;flex-direction:column}.adoption-detail-owner-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#9ca3af}.adoption-detail-owner-name{font-size:15px;font-weight:600;color:#111827;word-wrap:break-word;overflow-wrap:break-word;max-width:100%}.adoption-detail-owner-button{border-radius:9999px;border:1px solid #d1d5db;padding:8px 16px;font-size:13px;font-weight:600;background:#fff;color:#4b5563;cursor:pointer;transition:all .15s ease;text-decoration:none;display:inline-block}.adoption-detail-owner-button:hover{background:#f3f4f6;border-color:#9ca3af;text-decoration:none;color:#4b5563}.adoption-detail-pet-tabs{display:flex;gap:8px;margin-bottom:20px;margin-top:16px;flex-wrap:wrap;border-bottom:2px solid #e5e7eb;padding-bottom:12px}.adoption-detail-pet-tab{padding:10px 16px;border:none;border-radius:8px;background-color:#f3f4f6;color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;font-family:Red Hat Display,sans-serif;transition:all .2s ease;position:relative}.adoption-detail-pet-tab:hover{background-color:#e5e7eb;color:#374151}.adoption-detail-pet-tab.active{background-color:#8548a8;color:#fff;box-shadow:0 2px 8px #8548a840}.adoption-detail-pet-tab.active:after{content:"";position:absolute;bottom:-14px;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #8548a8}.adoption-detail-section{padding-top:4px;min-width:0;max-width:100%;overflow-wrap:break-word;word-wrap:break-word}.adoption-detail-section-title{font-size:16px;font-weight:600;color:#111827;margin:0 0 8px}.adoption-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px}.adoption-detail-item{display:flex;flex-direction:column;gap:2px}.adoption-detail-item-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#6b7280}.adoption-detail-item-value{font-size:14px;font-weight:500;color:#111827;word-wrap:break-word;overflow-wrap:break-word;max-width:100%}.adoption-detail-pill{display:inline-flex;align-items:center;justify-content:center;min-width:72px;padding:4px 10px;border-radius:9999px;font-size:12px;font-weight:600}.adoption-detail-pill--yes{background-color:#ecfdf5;color:#15803d}.adoption-detail-pill--no{background-color:#fef2f2;color:#b91c1c}.adoption-detail-text{font-size:14px;color:#374151;line-height:1.6;margin:0;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;max-width:100%;overflow-x:hidden}.adoption-detail-footer{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding-top:16px;border-top:1px solid #e5e7eb;grid-column:1 / -1}.adoption-detail-footer-meta{display:flex;align-items:center;gap:12px}.adoption-detail-requests{font-size:13px;font-weight:600;color:#8548a8}.adoption-detail-offer-btn{padding:10px 18px;border-radius:9999px;border:none;background-color:#8548a8;color:#fff;font-size:14px;font-weight:600;cursor:pointer;font-family:Red Hat Display,sans-serif;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 6px 18px #8548a859;transition:background-color .15s ease,transform .1s ease,box-shadow .15s ease,opacity .15s ease}.adoption-detail-offer-btn:hover:not(:disabled){background-color:#7a4397;transform:translateY(-1px);box-shadow:0 8px 22px #8548a866}.adoption-detail-offer-btn:disabled{opacity:.65;cursor:not-allowed;box-shadow:0 4px 12px #94a3b859}.adoption-detail-disclaimer{margin-top:12px;padding:12px 14px;border-radius:10px;background-color:#fef3c7;border:1px solid #facc15;grid-column:1 / -1}.adoption-detail-disclaimer-text{font-size:13px;color:#92400e}@media (max-width: 900px){.adoption-detail-layout{grid-template-columns:1fr}}@media (max-width: 768px){.adoption-post-detail-modal{max-width:100%;max-height:95vh;border-radius:14px}.adoption-post-detail-modal-header,.adoption-post-detail-modal-content{padding:16px}.adoption-post-detail-modal-title{font-size:18px}}@media (max-width: 480px){.adoption-post-detail-modal-overlay{padding:12px}.adoption-post-detail-modal{max-height:100vh}}.channel-post{background:#fff;border:1px solid #E5E7EB;border-radius:16px;padding:18px;margin-bottom:16px;box-shadow:0 2px 8px #0f172a0f;transition:all .25s ease;position:relative;overflow:hidden}.channel-post:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .25s ease}.channel-post:hover{box-shadow:0 12px 30px #0f172a1f}.channel-post-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.channel-post-author{display:flex;align-items:center;gap:12px;flex:1}.channel-post-author-img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid #E5E7EB;cursor:pointer;transition:all .2s ease}.channel-post-author-img:hover{border-color:var(--user-type-color, #8548A8);transform:scale(1.05)}.channel-post-author-info{display:flex;flex-direction:column;gap:2px}.channel-post-header-right{display:flex;align-items:center;gap:12px}.channel-post-author-name{font-size:16px;font-weight:600;color:#1f2937;font-family:Red Hat Display,sans-serif}.channel-post-author-username{font-size:14px;color:#6b7280;font-family:Red Hat Display,sans-serif}.channel-post-time{font-size:12px;color:#9ca3af;font-family:Red Hat Display,sans-serif}.channel-post-type-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;background:#f3f4f6;color:#374151;border:1px solid rgba(148,163,184,.4)}.channel-post-type-badge svg{width:14px;height:14px}.channel-post-type-badge--question{background:#0ea5e926;color:#0ea5e9;border-color:#0ea5e966}.channel-post-type-badge--poll{background:#6366f126;color:#6366f1;border-color:#6366f166}.channel-post-type-badge--story{background:#f9731626;color:#f97316;border-color:#f9731666}.channel-post-actions{display:flex;gap:8px}.channel-post-action-btn{width:32px;height:32px;background:#f3f4f6;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:#6b7280}.channel-post-action-btn:hover{background:#ef4444;color:#fff}.channel-post-action-btn--pinned{background:#3b82f6;color:#fff}.channel-post-action-btn--pinned:hover{background:#2563eb;color:#fff}.channel-post-action-btn svg{width:18px;height:18px}.channel-post-content{margin-bottom:16px}.channel-post-text{font-size:16px;color:#1f2937;line-height:1.6;margin:0 0 12px;font-family:Red Hat Display,sans-serif;white-space:pre-wrap;word-wrap:break-word}.channel-post-images{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:12px}.channel-post-images img{width:100%;max-width:100%;height:auto;border-radius:12px;object-fit:contain;max-height:500px;background:#f9fafb;cursor:pointer;transition:all .2s ease;display:block}.channel-post-images img:hover{transform:scale(1.02);box-shadow:0 4px 12px #00000026}.channel-post-question{display:flex;gap:16px;padding:16px;background:#bfdbfe59;border:1px solid rgba(125,211,252,.8);border-radius:12px}.channel-post-question-icon{flex-shrink:0;color:#0284c7}.channel-post-question-icon svg{width:24px;height:24px}.channel-post-poll{padding:16px;background:#c7d2fe59;border:1px solid rgba(165,180,252,.75);border-radius:12px}.channel-post-poll-options{display:flex;flex-direction:column;gap:12px;margin-top:16px}.channel-post-poll-option{position:relative;padding:12px;background:#fff;border:2px solid #E5E7EB;border-radius:10px;cursor:pointer;transition:all .2s ease}.channel-post-poll-option:hover{border-color:var(--user-type-color, #8548A8);background:#f9fafb}.channel-post-poll-option.selected{border-color:var(--user-type-color, #8548A8);box-shadow:0 0 0 3px color-mix(in srgb,var(--user-type-color, #8548A8) 20%,transparent);background:color-mix(in srgb,var(--user-type-color, #8548A8) 12%,#FFFFFF)}.channel-post-poll-option.voted{border-color:color-mix(in srgb,var(--user-type-color, #8548A8) 75%,white);background:#e2e8f066}.channel-post-poll-option.pending{background:color-mix(in srgb,var(--user-type-color, #8548A8) 8%,#FFFFFF)}.poll-option-selected-indicator{position:absolute;top:10px;right:12px;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--user-type-color, #8548A8);color:#fff;font-size:14px;font-weight:700;box-shadow:0 6px 12px #0f172a26}.poll-option-pending-indicator{position:absolute;top:10px;right:12px;width:10px;height:10px;border-radius:50%;background:var(--user-type-color, #8548A8);box-shadow:0 0 0 6px color-mix(in srgb,var(--user-type-color, #8548A8) 20%,transparent)}.poll-option-votes{font-size:12px;color:#6b7280;font-family:Red Hat Display,sans-serif}.poll-option-bar{width:100%;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden;margin-bottom:8px}.poll-option-fill{height:100%;background:linear-gradient(135deg,var(--user-type-color, #8548A8) 0%,color-mix(in srgb,var(--user-type-color, #8548A8) 70%,white) 100%);border-radius:4px;transition:width .3s ease}.poll-option-info{display:flex;justify-content:space-between;align-items:center}.poll-option-text{font-size:14px;font-weight:500;color:#1f2937;font-family:Red Hat Display,sans-serif}.channel-post-poll-footer{margin-top:20px;display:flex;align-items:center;justify-content:space-between;gap:12px}.channel-post-poll-totals{font-size:14px;color:#4b5563;font-weight:500;font-family:Red Hat Display,sans-serif}.channel-post-poll-submit{padding:10px 18px;border-radius:999px;border:none;font-size:14px;font-weight:600;font-family:Red Hat Display,sans-serif;background:linear-gradient(135deg,var(--user-type-color, #8548A8) 0%,color-mix(in srgb,var(--user-type-color, #8548A8) 70%,white) 100%);color:#fff;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.channel-post-poll-submit:disabled{background:#d1d5db;cursor:not-allowed;box-shadow:none;transform:none;color:#6b7280}.channel-post-poll-submit:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 10px 24px #1f29372e}.channel-post-story{display:flex;gap:16px;padding:16px;background:#fde68a59;border:1px solid rgba(249,196,88,.75);border-radius:12px}.channel-post-story-icon{flex-shrink:0;color:#d97706}.channel-post-story-icon svg{width:24px;height:24px}.channel-post-footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid #E5E7EB}.channel-post-comment-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#f3f4f6;border:none;border-radius:8px;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease;font-family:Red Hat Display,sans-serif}.channel-post-comment-btn:hover{background:#e5e7eb;color:#374151}.channel-post-comment-btn svg{width:18px;height:18px}@media (max-width: 1024px){.channel-post{padding:16px;border-radius:14px}.channel-post-text{font-size:15px}}@media (max-width: 768px){.channel-post{padding:16px;border-radius:14px;margin-bottom:12px}.channel-post-header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:10px}.channel-post-author{gap:10px}.channel-post-author-img{width:44px;height:44px}.channel-post-author-name{font-size:15px}.channel-post-author-username{font-size:13px}.channel-post-time{font-size:11px}.channel-post-header-right{width:100%;justify-content:space-between}.channel-post-type-badge{order:-1;padding:5px 10px;font-size:10px}.channel-post-type-badge svg{width:12px;height:12px}.channel-post-action-btn{width:30px;height:30px}.channel-post-action-btn svg{width:16px;height:16px}.channel-post-content{margin-bottom:12px}.channel-post-text{font-size:14px;margin-bottom:10px}.channel-post-images{grid-template-columns:1fr;gap:10px;margin-top:10px}.channel-post-images img{border-radius:10px;max-height:350px;object-fit:contain;background:#f9fafb}.channel-post-question,.channel-post-poll,.channel-post-story{padding:12px;gap:12px}.channel-post-question-icon svg,.channel-post-story-icon svg{width:20px;height:20px}.channel-post-poll-options{gap:10px;margin-top:12px}.channel-post-poll-option{padding:10px}.poll-option-text{font-size:13px}.poll-option-votes{font-size:11px}.channel-post-poll-footer{margin-top:16px;gap:10px}.channel-post-poll-totals{font-size:13px}.channel-post-poll-submit{padding:8px 16px;font-size:13px}.channel-post-footer{flex-direction:column;gap:12px;align-items:stretch;padding-top:12px}.channel-post-comment-btn{width:100%;justify-content:center;padding:7px 14px;font-size:13px}.channel-post-comment-btn svg{width:16px;height:16px}}@media (max-width: 500px){.channel-post{padding:12px 16px;border-radius:0!important;margin-bottom:0!important;width:100%!important;max-width:100%!important;border-left:none!important;border-right:none!important;box-shadow:none!important;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0}.channel-post-header{gap:10px;margin-bottom:8px}.channel-post-author{gap:8px}.channel-post-author-img{width:40px;height:40px}.channel-post-author-name{font-size:14px}.channel-post-author-username{font-size:12px}.channel-post-time{font-size:10px}.channel-post-type-badge{padding:4px 8px;font-size:9px;gap:4px}.channel-post-type-badge svg{width:11px;height:11px}.channel-post-action-btn{width:28px;height:28px;border-radius:6px}.channel-post-action-btn svg{width:14px;height:14px}.channel-post-content{margin-bottom:10px}.channel-post-text{font-size:13px;margin-bottom:8px;line-height:1.5}.channel-post-images{gap:8px;margin-top:8px}.channel-post-images img{border-radius:8px;max-height:300px;object-fit:contain;background:#f9fafb}.channel-post-question,.channel-post-poll,.channel-post-story{padding:10px;gap:10px;border-radius:10px}.channel-post-question-icon svg,.channel-post-story-icon svg{width:18px;height:18px}.channel-post-poll-options{gap:8px;margin-top:10px}.channel-post-poll-option{padding:8px;border-radius:8px}.poll-option-text{font-size:12px}.poll-option-votes{font-size:10px}.poll-option-bar{height:6px;margin-bottom:6px}.channel-post-poll-footer{margin-top:12px;gap:8px}.channel-post-poll-totals{font-size:12px}.channel-post-poll-submit{padding:7px 14px;font-size:12px}.channel-post-footer{gap:10px;padding-top:10px}.channel-post-comment-btn{padding:6px 12px;font-size:12px;gap:6px}.channel-post-comment-btn svg{width:14px;height:14px}}.post-detail-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;overflow-y:auto;animation:fadeIn .2s ease-out}.post-detail-modal{position:relative;background:#fff;border-radius:16px;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out;margin:auto}.post-detail-modal-close{position:absolute;top:16px;right:16px;background:#0000000d;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .2s ease;color:#6b7280}.post-detail-modal-close:hover{background:#0000001a;color:#1f2937}.post-detail-modal-content{padding:24px}.post-detail-modal-loading,.post-detail-modal-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.post-detail-modal-spinner{width:40px;height:40px;border:4px solid #F3F4F6;border-top-color:var(--user-type-color, #8548A8);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.post-detail-modal-error p{color:#ef4444;margin-bottom:16px;font-size:16px}.post-detail-modal-retry{padding:10px 20px;background:var(--user-type-color, #8548A8);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:opacity .2s ease}.post-detail-modal-retry:hover{opacity:.9}.post-detail-modal-post{width:100%}.post-detail-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #E5E7EB}.post-detail-modal-author{display:flex;align-items:center;gap:12px;flex:1}.post-detail-modal-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:3px solid var(--user-type-color, #8548A8);box-shadow:0 0 0 1px #fffc}.post-detail-modal-author-info{display:flex;flex-direction:column;gap:2px}.post-detail-modal-author-line{display:flex;align-items:center;gap:8px}.post-detail-modal-author-name{font-size:16px;font-weight:600;color:#1f2937}.post-detail-modal-reposted-indicator{display:flex;align-items:center;gap:4px;font-size:13px;color:#6b7280;font-weight:400}.post-detail-modal-author-username{font-size:14px;color:#6b7280}.post-detail-modal-time{font-size:13px;color:#9ca3af}.post-detail-modal-body{width:100%}.post-detail-modal-text{font-size:16px;line-height:1.6;color:#1f2937;margin-bottom:16px;white-space:pre-wrap;word-wrap:break-word}.post-detail-modal-media{margin-bottom:16px}.post-detail-modal-comments{border-top:1px solid #E5E7EB;padding-top:16px}[dir=rtl] .post-detail-modal-close{right:auto;left:16px}[dir=rtl] .post-detail-modal-author{flex-direction:row-reverse}@media (max-width: 768px){.post-detail-modal{max-width:100%;max-height:100vh;border-radius:0;margin:0}.post-detail-modal-overlay{padding:0}.post-detail-modal-content{padding:20px}}.post-detail-modal-repost-comment{margin-bottom:16px;font-size:16px;line-height:1.6;color:#1f2937;white-space:pre-wrap;word-wrap:break-word}.post-detail-modal-original-post{border:1px solid #E5E7EB;border-radius:12px;padding:16px;background-color:#f9fafb;margin-bottom:20px;cursor:pointer;transition:all .2s ease;position:relative}.post-detail-modal-original-post:hover{border-color:#d1d5db;background-color:#f3f4f6;box-shadow:0 2px 8px #0000000d}.post-detail-modal-original-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.post-detail-modal-original-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid var(--original-user-type-color, #8548A8)}.post-detail-modal-original-author-info{display:flex;flex-direction:column}.post-detail-modal-original-author-name{font-size:14px;font-weight:600;color:#111827}.post-detail-modal-original-time{font-size:12px;color:#6b7280}.post-detail-modal-original-content{font-size:14px;color:#374151;line-height:1.5;margin-bottom:8px}.post-detail-modal-original-media{margin-top:8px;border-radius:8px;overflow:hidden}.our-services-section{width:100%;background:#fff;padding:clamp(80px,12vh,120px) 0;position:relative;z-index:2}.our-services-container{max-width:1400px;margin:0 auto;padding:0 clamp(10px,1vw,10px);box-sizing:border-box}.our-services-header{text-align:center;margin-bottom:clamp(60px,8vh,80px)}.our-services-header h2{font-family:Red Hat Display,sans-serif;font-weight:700;font-size:clamp(32px,5vw,48px);color:#4a90e2;margin:0 0 clamp(16px,3vh,24px) 0;letter-spacing:-.02em}.our-services-header p{font-family:Red Hat Display,sans-serif;font-weight:400;font-size:clamp(16px,2vw,20px);line-height:1.6;color:#6b7280;max-width:800px;margin:0 auto;padding:0 20px}.our-services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:clamp(24px,4vw,40px);align-items:stretch}.our-services-card{background:#fff;border:1px solid #494949;border-radius:30px;transition:all .3s ease;cursor:pointer;box-shadow:0 4px 15px #0000000d;position:relative;overflow:hidden;min-height:400px;display:flex;flex-direction:column;height:100%}.our-services-content-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent;border-radius:1px;padding:0;transition:background .3s,color .3s;text-align:center}.our-services-content-inner h3,.our-services-content-inner p{text-align:center!important;margin-left:auto;margin-right:auto;width:100%}.our-services-content-inner .our-services-button{align-self:center}.connect-card:hover .our-services-content-inner{background:#4a90e2}.connect-card:hover .our-services-content-inner h3,.connect-card:hover .our-services-content-inner p{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}.care-card:hover .our-services-content-inner{background:#00d4b3}.care-card:hover .our-services-content-inner h3,.care-card:hover .our-services-content-inner p{color:#fff}.shop-card:hover .our-services-content-inner{background:#ffc107}.shop-card:hover .our-services-content-inner h3,.shop-card:hover .our-services-content-inner p{color:#fff}.connect-card:hover{border-color:#4a90e2;box-shadow:0 6px 24px #4a90e226}.connect-card:hover h3,.connect-card:hover p{color:#494949}.connect-card:hover .connect-button{background:#fff;color:#4a90e2;border-color:#fff}.connect-button{background:#4a90e2;color:#fff;border:2px solid #4a90e2;border-radius:25px;padding:clamp(14px,2vh,18px) clamp(24px,3vw,32px);font-family:Red Hat Display,sans-serif;font-weight:600;font-size:clamp(15px,1.5vw,17px);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;align-self:flex-start;margin-top:auto;box-shadow:0 2px 8px #4a90e233}.connect-button:hover{background:#fff;color:#4a90e2;border-color:#4a90e2}.care-card:hover{border-color:#00d4b3;box-shadow:0 6px 24px #00d4b326}.care-card:hover h3,.care-card:hover p{color:#494949}.care-card:hover .care-button{background:#fff;color:#00d4b3;border-color:#fff}.care-button{background:#00d4b3;color:#fff;border:2px solid #00d4b3;border-radius:25px;padding:clamp(14px,2vh,18px) clamp(24px,3vw,32px);font-family:Red Hat Display,sans-serif;font-weight:600;font-size:clamp(15px,1.5vw,17px);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;align-self:flex-start;margin-top:auto;box-shadow:0 2px 8px #00d4b333}.care-button:hover{background:#fff;color:#00d4b3;border-color:#00d4b3}.shop-card:hover{border-color:#ffc107;box-shadow:0 6px 24px #ffc10726}.shop-card:hover h3,.shop-card:hover p{color:#494949}.shop-card:hover .shop-button{background:#fff;color:#ffc107;border-color:#fff}.shop-button{background:#ffc107;color:#fff;border:2px solid #ffc107;border-radius:25px;padding:clamp(14px,2vh,18px) clamp(24px,3vw,32px);font-family:Red Hat Display,sans-serif;font-weight:600;font-size:clamp(15px,1.5vw,17px);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;align-self:flex-start;margin-top:auto;box-shadow:0 2px 8px #ffc10733}.shop-button:hover{background:#fff;color:#ffc107;border-color:#ffc107}.our-services-content{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(16px,3vh,24px);flex:1 1 auto;justify-content:flex-end;height:100%;position:relative}.our-services-icon{display:center;margin:0 auto 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;flex:1 1 auto;min-height:0;box-sizing:border-box}.our-services-card:hover .our-services-icon-container{transform:scale(1.1)}.our-services-icon-container svg,.our-services-icon-container img{width:100%;height:100%;transition:all .3s ease}.our-services-card:hover .our-services-icon-container img{transform:scale(1.1)}.our-services-card:hover .our-services-icon-container svg{transform:scale(1.1)}.our-services-button .button-arrow,.our-services-button svg{width:16px;height:16px;transition:transform .2s ease}.our-services-button:hover .button-arrow,.our-services-button:hover svg{transform:translate(2px)}.our-services-card h3{font-family:Red Hat Display,sans-serif;font-weight:700;font-size:clamp(24px,3.5vw,32px);color:#494949;margin:0;line-height:1.3;text-align:left;transition:all .3s ease}.our-services-card p{font-family:Red Hat Display,sans-serif;font-weight:400;font-size:clamp(15px,2.2vw,18px);line-height:1.6;color:#494949;margin:0;text-align:left;flex:1;transition:all .3s ease}.our-services-button svg{width:16px;height:16px;transition:transform .2s ease}.our-services-button:hover svg{transform:translate(2px)}@media (max-width: 1200px){.our-services-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.our-services-card{min-height:350px}}@media (max-width: 768px){.our-services-grid{grid-template-columns:1fr;gap:24px;max-width:400px;margin:0 auto}.our-services-card{padding:24px;min-height:400px}.our-services-icon-container{width:90px;height:90px}.our-services-icon-container svg,.our-services-icon-container img{width:45px;height:45px}.our-services-content{gap:16px}.our-services-card h3{font-size:clamp(22px,3.2vw,30px)}.our-services-card p{font-size:clamp(15px,2.2vw,17px)}}@media (max-width: 480px){.our-services-container{padding:0 20px}.our-services-header{margin-bottom:40px}.our-services-card{padding:20px;min-height:360px}.our-services-icon-container{width:80px;height:80px}.our-services-icon-container svg,.our-services-icon-container img{width:40px;height:40px}.our-services-card h3{font-size:clamp(20px,3vw,28px)}.our-services-card p{font-size:clamp(14px,2vw,16px)}}.about-connect-feature-card:last-child{grid-column:1 / span 2;justify-self:center}.minimal-footer{width:100%;background:#ffa05505;padding:32px 0 0;box-sizing:border-box;font-family:Red Hat Display,Cairo,sans-serif}.minimal-footer .footer-container{max-width:1440px;margin:0 auto;display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:32px;padding:0 48px 32px}.footer-logo-section{flex:1 1 480px;display:flex;flex-direction:column;align-items:flex-start;gap:18px}.footer-logo{width:180px;height:auto;margin-bottom:8px}.footer-description{font-size:1rem;color:#303e4e;line-height:1.6;max-width:480px}.footer-columns{display:flex;flex-direction:row;gap:64px;flex:2 1 600px;justify-content:center}.footer-column{display:flex;flex-direction:column;gap:12px;min-width:160px}.footer-title{font-size:1.1rem;font-weight:700;color:#303e4e;margin-bottom:8px}.footer-link{font-size:1rem;color:#303e4e;text-decoration:none;margin-bottom:4px;transition:color .2s}.footer-link:hover{color:#ffa055}.footer-subscribe-desc{font-size:.95rem;color:#303e4e;margin-bottom:8px}.footer-subscribe-form{display:flex;gap:8px;margin-top:4px}.footer-input{padding:10px 14px;border:1px solid #d5dae1;border-radius:8px;font-size:1rem;width:220px;outline:none;transition:border-color .2s}.footer-input:focus{border-color:#ffa055}.footer-subscribe-btn{background:#ffa055;color:#fff;border:none;border-radius:6px;padding:10px 22px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.footer-subscribe-btn:hover{background:#ff8c42}.footer-contact-info{flex:1 1 180px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-left:32px}.footer-contact-info h4{font-size:1rem;font-weight:700;margin-bottom:4px;color:#303e4e}.footer-contact-info a{color:#2a8ad2;text-decoration:none;font-weight:500;transition:color .2s}.footer-contact-info a:hover{color:#ffa055;text-decoration:underline}@media (max-width: 1024px){.minimal-footer .footer-container{flex-direction:column;align-items:center;gap:32px;padding:0 16px 32px}.footer-logo-section,.footer-contact-info{align-items:center;text-align:center;margin-left:0}.footer-columns{flex-direction:column;gap:32px;align-items:center}.footer-column{align-items:center;min-width:0}.footer-description{max-width:100%;text-align:center}}.about-connect-features-section{background:#fff;padding:64px 0;display:flex;flex-direction:column;align-items:center}.about-connect-features-title{color:#2196f3;font-family:Red Hat Display,Cairo,sans-serif;font-weight:700;font-size:2rem;margin-bottom:8px}.about-connect-features-sub{font-family:Red Hat Display,Cairo,sans-serif;font-size:1.2rem;color:#222e3a;margin-bottom:32px}.about-connect-features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px 48px;max-width:1100px;width:100%;margin-top:24px;justify-items:center}@media (max-width: 900px){.about-connect-features-grid{grid-template-columns:1fr;gap:32px}}.about-connect-feature-card{display:flex;flex-direction:row;align-items:flex-start;gap:18px;background:#fff;border:2px solid #2196f3;border-radius:16px;box-shadow:0 2px 8px #ffa0551f;padding:32px 28px;width:100%;max-width:480px;min-height:160px;transition:box-shadow .2s,border-color .2s}.about-connect-feature-card:hover{box-shadow:0 8px 32px #ffa0552e;border-color:#1976d2}.about-connect-feature-icon{font-size:2.2rem;background:#fff7f0;color:#ffa055;border-radius:12px;width:56px;height:56px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.about-connect-feature-title{font-family:Red Hat Display,Cairo,sans-serif;font-weight:700;font-size:1.18rem;color:#222e3a;margin-bottom:8px}.about-connect-feature-desc{font-family:Red Hat Display,Cairo,sans-serif;font-size:1.05rem;color:#222e3a;margin-bottom:0}.about-connect-container{width:100%;background:#fff;min-height:100vh;padding:48px 0 0;box-sizing:border-box}.about-connect-container.rtl{direction:rtl;text-align:right}.about-connect-container.rtl .connect-feature-card,.about-connect-container.rtl .connect-benefit-card{text-align:right}.about-connect-container.rtl .connect-feature-icon,.about-connect-container.rtl .connect-benefit-icon{margin-left:auto;margin-right:0}.about-connect-container.rtl .connect-vision-section,.about-connect-container.rtl .connect-features-section,.about-connect-container.rtl .connect-benefits-section,.about-connect-container.rtl .connect-closing-section{text-align:center}.about-connect-container.rtl .connect-vision-text,.about-connect-container.rtl .connect-features-title,.about-connect-container.rtl .connect-benefits-title,.about-connect-container.rtl .connect-closing-title,.about-connect-container.rtl .connect-closing-subtitle{text-align:center;margin-right:auto;margin-left:auto}.about-care-container.rtl{direction:rtl;text-align:right}.about-care-container.rtl .about-care-text{margin-right:0;margin-left:auto;text-align:right}.about-care-container.rtl .about-care-offer-section,.about-care-container.rtl .about-care-benefits-section,.about-care-container.rtl .about-care-closing-section{text-align:center}.about-care-container.rtl .about-care-offer-title,.about-care-container.rtl .about-care-offer-desc,.about-care-container.rtl .about-care-benefits-title,.about-care-container.rtl .about-care-closing-title,.about-care-container.rtl .about-care-closing-subtitle,.about-care-container.rtl .about-care-closing-desc{text-align:center;margin-right:auto;margin-left:auto}.about-care-container.rtl .about-care-offer-card,.about-care-container.rtl .about-care-benefit-card{text-align:right}.about-care-container.rtl .about-care-offer-icon,.about-care-container.rtl .about-care-benefit-icon{margin-left:auto;margin-right:0}.about-care-container.rtl .about-care-breadcrumb{margin-left:0;margin-right:48px}.about-care-container.rtl .about-care-link{margin-left:0;margin-right:8px}.about-shop-container.rtl{direction:rtl;text-align:right}.about-shop-container.rtl .about-shop-text{margin-right:0;margin-left:auto;text-align:right}.about-shop-container.rtl .about-shop-image img{margin-left:0;margin-right:32px}.about-shop-container.rtl .shop-features-section,.about-shop-container.rtl .shop-benefits-section,.about-shop-container.rtl .shop-additional-section,.about-shop-container.rtl .shop-medical-section,.about-shop-container.rtl .shop-closing-section{text-align:center}.about-shop-container.rtl .shop-features-title,.about-shop-container.rtl .shop-features-desc,.about-shop-container.rtl .shop-benefits-title,.about-shop-container.rtl .shop-additional-card,.about-shop-container.rtl .shop-medical-title,.about-shop-container.rtl .shop-medical-desc,.about-shop-container.rtl .shop-closing-title,.about-shop-container.rtl .shop-closing-subtitle{text-align:center;margin-right:auto;margin-left:auto}.about-shop-container.rtl .shop-feature-card,.about-shop-container.rtl .shop-benefit-card{text-align:right}.about-shop-container.rtl .shop-feature-icon,.about-shop-container.rtl .shop-benefit-icon{margin-left:auto;margin-right:0}.about-connect-breadcrumb{font-family:Red Hat Display,Cairo,sans-serif;font-size:1.1rem;margin-left:48px;margin-bottom:32px;color:#2196f3}.about-connect-link{color:#2196f3;font-weight:500;margin-left:8px}.about-connect-content{display:flex;align-items:flex-start;justify-content:center;max-width:1100px;margin:0 auto 64px;padding:40px 24px 0;gap:64px}.about-connect-container.rtl .about-connect-text{margin-right:0;margin-left:32px;text-align:right}.about-connect-title{color:#2196f3;font-family:Red Hat Display,Cairo,sans-serif;font-weight:700;font-size:2.2rem;margin-bottom:24px}.about-connect-desc{font-family:Red Hat Display,Cairo,sans-serif;font-size:1.15rem;color:#222e3a;line-height:1.7}.about-connect-image img{width:320px;height:auto;display:block;border-radius:16px;margin-left:32px;scale:1.75}.about-connect-container.rtl .about-connect-image img{margin-left:0;margin-right:32px}.connect-vision-section{max-width:1200px;margin:64px auto 0;padding:0 48px;text-align:center}.connect-vision-content{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;padding:48px 32px;color:#fff}.connect-vision-text{font-family:Red Hat Display,Cairo,sans-serif;font-size:1.2rem;line-height:1.6;max-width:900px;margin:0 auto}.connect-features-section{max-width:1200px;margin:80px auto 0;padding:0 48px;text-align:center}.connect-features-title{font-family:Red Hat Display,Cairo,sans-serif;font-weight:700;font-size:2.2rem;color:#222e3a;margin-bottom:48px;line-height:1.3}.connect-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;margin-top:48px}.connect-feature-card{background:#fff;border-radius:16px;padding:32px 24px;text-align:left;box-shadow:0 4px 20px #00000014;transition:transform .3s ease,box-shadow .3s ease;border:1px solid #f0f0f0}.connect-feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f}.connect-feature-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.connect-feature-card h3{font-family:Red Hat Display,Cairo,sans-serif;font-weight:600;font-size:1.25rem;color:#222e3a;margin-bottom:16px;line-height:1.4}.connect-feature-card p{font-family:Red Hat Display,Cairo,sans-serif;font-size:1rem;color:#546a7b;line-height:1.6;margin:0}.connect-benefits-section{max-width:1200px;margin:80px auto 0;padding:0 48px;text-align:center}.connect-benefits-title{font-family:Red Hat Display,Cairo,sans-serif;font-weight:700;font-size:2.2rem;color:#222e3a;margin-bottom:48px;line-height:1.3}.connect-benefits-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;margin-top:48px}.connect-benefit-card{background:#fff;border-radius:16px;padding:32px 24px;text-align:left;box-shadow:0 4px 20px #00000014;transition:transform .3s ease,box-shadow .3s ease;border:1px solid #f0f0f0}.connect-benefit-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f}.connect-benefit-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.connect-benefit-card h3{font-family:Red Hat Display,Cairo,sans-serif;font-weight:600;font-size:1.25rem;color:#222e3a;margin-bottom:16px;line-height:1.4}.connect-benefit-card p{font-family:Red Hat Display,Cairo,sans-serif;font-size:1rem;color:#546a7b;line-height:1.6;margin:0}.connect-closing-section{max-width:800px;margin:80px auto 64px;padding:0 48px;text-align:center}.connect-closing-content{background:linear-gradient(135deg,#fc466b,#3f5efb);border-radius:20px;padding:48px 32px;color:#fff}.connect-closing-title{font-family:Red Hat Display,Cairo,sans-serif;font-weight:700;font-size:2rem;margin-bottom:12px;line-height:1.3}.connect-closing-subtitle{font-family:Red Hat Display,Cairo,sans-serif;font-weight:600;font-size:1.3rem;margin:0;opacity:.9;line-height:1.4}@media (max-width: 768px){.connect-vision-section,.connect-features-section,.connect-benefits-section,.connect-closing-section{padding:0 24px}.connect-vision-text{font-size:1rem}.connect-features-title,.connect-benefits-title{font-size:1.8rem}.connect-features-grid,.connect-benefits-cards{grid-template-columns:1fr;gap:24px}.connect-feature-card,.connect-benefit-card{padding:24px 20px}.connect-vision-content,.connect-closing-content{padding:36px 24px}.connect-closing-title{font-size:1.6rem}.connect-closing-subtitle{font-size:1.1rem}}.shop-category-section{margin:64px 0 48px;padding:0 48px;display:flex;flex-direction:column;align-items:center}.shop-category-title{font-family:Red Hat Display,Cairo,sans-serif;font-weight:700;font-size:2rem;color:#222e3a;margin-bottom:8px}.shop-category-desc{font-family:Red Hat Display,Cairo,sans-serif;font-size:1.1rem;color:#222e3a;margin-bottom:32px}.shop-category-cards{display:flex;gap:32px;margin-bottom:18px;justify-content:center;width:100%;max-width:1100px}.shop-category-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #303e4e14;width:320px;min-height:320px;padding:0 0 18px;display:flex;flex-direction:column;align-items:center;position:relative}.shop-category-img{width:100%;height:160px;object-fit:cover;border-top-left-radius:12px;border-top-right-radius:12px}.shop-category-card-title{font-family:Red Hat Display,Cairo,sans-serif;font-weight:600;font-size:1.15rem;color:#222e3a;margin:18px 0 4px;text-align:center}.shop-category-card-desc{font-family:Red Hat Display,Cairo,sans-serif;font-size:1rem;color:#222e3a;margin-bottom:12px;text-align:center}.shop-category-btn{background:#ff9c5a;color:#fff;border:none;border-radius:8px;padding:8px 18px;font-family:Red Hat Display,Cairo,sans-serif;font-size:1rem;font-weight:500;margin-top:8px;cursor:pointer;transition:background .2s,color .2s}.shop-category-pagination{display:flex;justify-content:center;gap:12px;margin-top:8px}.shop-category-page-btn{width:28px;height:28px;border-radius:50%;border:none;background:#ffe7d6;color:#ff9c5a;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s}.shop-category-page-btn.active{background:#ff9c5a;color:#fff}.about-shop-offer-section{margin:64px 0 48px;padding:0 48px;display:flex;flex-direction:column;align-items:center}.about-shop-offer-title{font-family:Red Hat Display,Cairo,sans-serif;font-weight:700;font-size:2rem;color:#222e3a;margin-bottom:8px}.about-shop-offer-desc{font-family:Red Hat Display,Cairo,sans-serif;font-size:1.1rem;color:#222e3a;margin-bottom:32px}.about-shop-offer-cards{display:flex;flex-wrap:wrap;gap:32px;justify-content:center;width:100%;max-width:1200px}.about-shop-offer-card{background:#fff;border:2px solid #ff9c5a;border-radius:12px;box-shadow:0 2px 8px #303e4e14;padding:28px 24px 24px;width:340px;min-height:120px;display:flex;flex-direction:column;align-items:center;position:relative}.about-shop-offer-icon{font-size:2rem;margin-bottom:10px}.about-shop-offer-card-title{font-family:Red Hat Display,Cairo,sans-serif;font-weight:600;font-size:1.15rem;color:#222e3a;margin-bottom:10px;text-align:center}.about-shop-offer-card-desc{font-family:Red Hat Display,Cairo,sans-serif;font-size:1rem;color:#222e3a;text-align:center}.about-shop-container{width:100%;background:#fff;min-height:100vh;padding:48px 0 0}.about-shop-breadcrumb{font-family:Red Hat Display,Cairo,sans-serif;font-size:1.1rem;margin-left:48px;margin-bottom:32px;color:#222e3a}.about-shop-link{color:#ff9c5a;font-weight:500;margin-left:8px}.about-shop-content{display:flex;align-items:center;justify-content:space-between;max-width:1400px;margin:0 auto;padding:32px 48px 0}.about-shop-text{max-width:600px}.about-shop-title{color:#ff9c5a;font-family:Red Hat Display,Cairo,sans-serif;font-weight:700;font-size:2.2rem;margin-bottom:24px}.about-shop-desc{font-family:Red Hat Display,Cairo,sans-serif;font-size:1.15rem;color:#222e3a;line-height:1.7}.about-shop-image img{width:320px;height:auto;display:block;scale:1.75}.shop-features-section{max-width:1200px;margin:64px auto 0;padding:0 48px;text-align:center}.shop-features-title{font-family:Red Hat Display,Cairo,sans-serif;font-weight:700;font-size:2.2rem;color:#222e3a;margin-bottom:16px;line-height:1.3}.shop-features-desc{font-family:Red Hat Display,Cairo,sans-serif;font-size:1.1rem;color:#546a7b;margin-bottom:48px;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6}.shop-features-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;margin-top:48px}.shop-feature-card{background:#fff;border-radius:16px;padding:32px 24px;text-align:left;box-shadow:0 4px 20px #00000014;transition:transform .3s ease,box-shadow .3s ease;border:1px solid #f0f0f0}.shop-feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f}.shop-feature-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.shop-feature-card-title{font-family:Red Hat Display,Cairo,sans-serif;font-weight:600;font-size:1.25rem;color:#222e3a;margin-bottom:16px;line-height:1.4}.shop-feature-card-desc{font-family:Red Hat Display,Cairo,sans-serif;font-size:1rem;color:#546a7b;line-height:1.6;margin:0}.shop-benefits-section{max-width:1200px;margin:80px auto 0;padding:0 48px;text-align:center}.shop-benefits-title{font-family:Red Hat Display,Cairo,sans-serif;font-weight:700;font-size:2.2rem;color:#222e3a;margin-bottom:48px;line-height:1.3}.shop-benefits-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;margin-top:48px}.shop-benefit-card{background:#fff;border-radius:16px;padding:32px 24px;text-align:left;box-shadow:0 4px 20px #00000014;transition:transform .3s ease,box-shadow .3s ease;border:1px solid #f0f0f0}.shop-benefit-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f}.shop-benefit-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.shop-benefit-card h3{font-family:Red Hat Display,Cairo,sans-serif;font-weight:600;font-size:1.25rem;color:#222e3a;margin-bottom:16px;line-height:1.4}.shop-benefit-card p{font-family:Red Hat Display,Cairo,sans-serif;font-size:1rem;color:#546a7b;line-height:1.6;margin:0}.shop-additional-section{max-width:1000px;margin:64px auto 0;padding:0 48px}.shop-additional-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.shop-additional-card{background:#f8fcfd;border-radius:12px;padding:24px;text-align:center;border:1px solid #e8f4f6;transition:transform .3s ease}.shop-additional-card:hover{transform:translateY(-2px)}.shop-additional-icon{font-size:2rem;margin-bottom:16px;display:block}.shop-additional-card h3{font-family:Red Hat Display,Cairo,sans-serif;font-weight:600;font-size:1.1rem;color:#222e3a;margin-bottom:12px}.shop-additional-card p{font-family:Red Hat Display,Cairo,sans-serif;font-size:.95rem;color:#546a7b;line-height:1.5;margin:0}.shop-medical-section{max-width:800px;margin:80px auto 0;padding:0 48px;text-align:center}.shop-medical-content{background:#fff3cd;border:1px solid #ffeaa7;border-radius:16px;padding:40px 32px}.shop-medical-title{font-family:Red Hat Display,Cairo,sans-serif;font-weight:700;font-size:1.5rem;color:#856404;margin-bottom:20px;line-height:1.3}.shop-medical-desc{font-family:Red Hat Display,Cairo,sans-serif;font-size:1rem;color:#856404;line-height:1.6;margin:0}.shop-closing-section{max-width:800px;margin:80px auto 64px;padding:0 48px;text-align:center}.shop-closing-content{background:linear-gradient(135deg,#ff6b35,#f7931e);border-radius:20px;padding:48px 32px;color:#fff}.shop-closing-title{font-family:Red Hat Display,Cairo,sans-serif;font-weight:700;font-size:2rem;margin-bottom:12px;line-height:1.3}.shop-closing-subtitle{font-family:Red Hat Display,Cairo,sans-serif;font-weight:600;font-size:1.3rem;margin:0;opacity:.9;line-height:1.4}@media (max-width: 768px){.shop-features-section,.shop-benefits-section,.shop-additional-section,.shop-medical-section,.shop-closing-section{padding:0 24px}.shop-features-title,.shop-benefits-title{font-size:1.8rem}.shop-features-cards,.shop-benefits-cards{grid-template-columns:1fr;gap:24px}.shop-feature-card,.shop-benefit-card{padding:24px 20px}.shop-additional-cards{grid-template-columns:1fr}.shop-medical-content{padding:32px 24px}.shop-closing-title{font-size:1.6rem}.shop-closing-subtitle{font-size:1.1rem}.shop-closing-content{padding:36px 24px}}.about-care-offer-section{max-width:1200px;margin:0 auto;padding:64px 48px;text-align:center}.about-care-offer-desc{font-family:Red Hat Display,Cairo,sans-serif;font-size:1.1rem;color:#546a7b;max-width:600px;line-height:1.6;max-width:1200px;margin:0 auto;padding:64px 48px;text-align:center}.about-care-offer-title{font-family:Red Hat Display,Cairo,sans-serif;font-weight:700;font-size:2.2rem;color:#222e3a;margin-bottom:16px;line-height:1.3}.about-care-offer-desc{font-family:Red Hat Display,Cairo,sans-serif;font-size:1.1rem;color:#546a7b;margin-bottom:48px;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6}.about-care-offer-cards{display:flex;gap:32px;margin-top:32px;justify-content:center}.about-care-offer-card{background:#fff;border:1.5px solid #dbe6e4;box-shadow:0 2px 8px #303e4e14;padding:32px 28px 28px;width:420px;min-height:220px;display:flex;flex-direction:column;align-items:flex-start;position:relative}.about-care-offer-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:18px}.about-care-offer-card-title{font-family:Red Hat Display,Cairo,sans-serif;font-weight:600;font-size:1.15rem;color:#222e3a;margin-bottom:10px}.about-care-offer-card-desc{font-family:Red Hat Display,Cairo,sans-serif;font-size:1rem;color:#222e3a}.about-care-offer-pagination{display:flex;justify-content:center;gap:12px;margin-top:18px}.about-care-offer-page-btn{width:28px;height:28px;border-radius:50%;border:none;background:#e6f7f2;color:#19c37d;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s}.about-care-offer-page-btn.active{background:#19c37d;color:#fff}.about-care-benefits-section{max-width:1200px;margin:64px auto 0;padding:0 24px;text-align:center}.about-care-benefits-title{font-family:Red Hat Display,Cairo,sans-serif;font-weight:700;font-size:2.2rem;color:#222e3a;margin-bottom:48px;line-height:1.3}.about-care-benefits-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;margin-top:48px}.about-care-benefit-card{background:#fff;border-radius:16px;padding:32px 24px;text-align:left;box-shadow:0 4px 20px #00000014;transition:transform .3s ease,box-shadow .3s ease;border:1px solid #f0f0f0}.about-care-benefit-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f}.about-care-benefit-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.about-care-benefit-card h3{font-family:Red Hat Display,Cairo,sans-serif;font-weight:600;font-size:1.25rem;color:#222e3a;margin-bottom:16px;line-height:1.4}.about-care-benefit-card p{font-family:Red Hat Display,Cairo,sans-serif;font-size:1rem;color:#546a7b;line-height:1.6;margin:0}.about-care-benefit-card.guardians .about-care-benefit-icon{background:#8548a8}.about-care-benefit-card.vets .about-care-benefit-icon{background:#2a8ad2}.about-care-benefit-card.providers .about-care-benefit-icon{background:#ff9c5a}.about-care-closing-section{max-width:800px;margin:80px auto 64px;padding:0 24px;text-align:center}.about-care-closing-content{background:linear-gradient(135deg,#19c37d,#2a8ad2);border-radius:20px;padding:48px 32px;color:#fff}.about-care-closing-title{font-family:Red Hat Display,Cairo,sans-serif;font-weight:700;font-size:2rem;margin-bottom:12px;line-height:1.3}.about-care-closing-subtitle{font-family:Red Hat Display,Cairo,sans-serif;font-weight:600;font-size:1.3rem;margin-bottom:24px;opacity:.9;line-height:1.4}.about-care-closing-desc{font-family:Red Hat Display,Cairo,sans-serif;font-size:1.1rem;line-height:1.6;opacity:.9;max-width:600px;margin:0 auto}@media (max-width: 1024px){.about-care-content{padding:32px 32px 48px;gap:32px}.about-care-offer-section{padding:48px 32px}}@media (max-width: 768px){.about-care-content{flex-direction:column;text-align:center;padding:24px;gap:32px}.about-care-title{font-size:2rem;margin-bottom:24px}.about-care-desc{font-size:1rem}.about-care-image img{width:280px}.about-care-offer-section{padding:40px 24px}.about-care-offer-cards{flex-direction:column;gap:24px}.about-care-benefits-title{font-size:1.8rem}.about-care-benefits-cards{grid-template-columns:1fr;gap:24px}.about-care-benefit-card{padding:24px 20px}.about-care-closing-title{font-size:1.6rem}.about-care-closing-subtitle{font-size:1.1rem}.about-care-closing-desc{font-size:1rem}.about-care-closing-content{padding:36px 24px}}.free-card .plan-button{margin-top:35px}.about-container{width:100%;padding:32px 24px;background:#fff;border-radius:18px}.about-story-section{display:flex;align-items:flex-start;justify-content:center;gap:64px;margin:100px 0 80px}.about-care-container{width:100%;background:#fff;min-height:100vh;padding:32px 0}.about-care-breadcrumb{font-family:Red Hat Display,Cairo,sans-serif;font-size:1.1rem;margin-left:48px;margin-bottom:32px;color:#222e3a}.about-care-link{color:#19c37d;font-weight:500;margin-left:8px}.about-care-content{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:48px 48px 64px;gap:48px}.about-care-text{flex:1;max-width:600px}.about-care-title{color:#19c37d;font-family:Red Hat Display,Cairo,sans-serif;font-weight:700;font-size:2.5rem;margin-bottom:32px;line-height:1.2}.about-care-desc{font-family:Red Hat Display,Cairo,sans-serif;font-size:1.15rem;color:#222e3a;line-height:1.7}.about-care-image{flex:0 0 auto;display:flex;align-items:center;justify-content:center}.about-care-image img{width:350px;height:auto;display:block;max-width:100%}.about-story-content{max-width:700px;margin-bottom:0;padding-top:24px}.about-story-title{color:#1976d2;font-family:Red Hat Display,Cairo,sans-serif;font-weight:700;font-size:2.2rem;margin-bottom:24px}.about-story-subtitle{font-family:Red Hat Display,Cairo,sans-serif;font-weight:600;font-size:1.15rem;color:#222e3a;margin-bottom:24px}.about-story-desc{font-family:Red Hat Display,Cairo,sans-serif;font-size:1.1rem;color:#222e3a;margin-bottom:32px}.about-story-image{display:flex;align-items:flex-end;margin-left:64px;scale:1.8}.about-story-image img{width:320px;height:auto;display:block;margin-left:40px;margin-top:0}.about-header{text-align:center;margin-top:48px;margin-bottom:32px}.about-header h1{font-family:Red Hat Display,Cairo,sans-serif;font-weight:700;font-size:2.5rem;color:#222e3a;margin-bottom:12px}.about-header p{font-family:Red Hat Display,Cairo,sans-serif;font-size:1.15rem;color:#222e3a}.about-buttons{display:flex;justify-content:center;gap:40px;margin-bottom:56px}.about-btn{font-family:Red Hat Display,Cairo,sans-serif;font-weight:600;font-size:1.1rem;border:none;border-radius:10px;padding:12px 32px;cursor:pointer;color:#fff;box-shadow:0 2px 8px #303e4e0a;transition:background .2s,color .2s;text-decoration:none!important}.about-btn b,.about-btn strong,.about-btn span{text-decoration:none!important}.about-btn.care{background:#19c37d}.about-btn.shop{background:#ff9c5a}.about-btn.connect{background:#2a8ad2}.about-cards{display:flex;justify-content:center;gap:48px;flex-wrap:wrap;margin-top:24px;margin-bottom:48px}.about-card{background:#fff;border-radius:16px;border:2px solid #b48ad5;width:560px;min-height:220px;padding:36px 28px 28px;display:flex;flex-direction:column;align-items:flex-start;position:relative;transition:box-shadow .3s,transform .3s,border-color .3s}.about-card.vision{border-color:#7c3aed}.about-card.mission{border-color:#ff9c5a}.about-card-icon{font-size:2rem;margin-bottom:10px}.about-card h2{font-family:Red Hat Display,Cairo,sans-serif;font-weight:700;font-size:1.25rem;color:#222e3a;margin-bottom:8px}.about-card p{font-family:Red Hat Display,Cairo,sans-serif;font-size:1rem;color:#222e3a;margin-bottom:0}.about-framework-section{margin:80px 0;text-align:center}.about-framework-title{font-family:Red Hat Display,Cairo,sans-serif;font-weight:700;font-size:2.2rem;color:#222e3a;margin-bottom:16px}.about-framework-desc{font-family:Red Hat Display,Cairo,sans-serif;font-size:1.15rem;color:#222e3a;margin-bottom:48px;max-width:800px;margin-left:auto;margin-right:auto}.about-framework-cards{display:flex;justify-content:center;gap:32px;flex-wrap:wrap;margin-top:48px}.about-framework-card{background:#fff;border-radius:16px;border:2px solid #e0e2ea;width:360px;min-height:280px;padding:32px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:transform .3s,box-shadow .3s,border-color .3s}.about-framework-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #303e4e1a}.about-framework-card.curriculum{border-color:#8548a8}.about-framework-card.curriculum:hover{border-color:#8548a8;box-shadow:0 12px 24px #8548a826}.about-framework-card.coaching{border-color:#2a8ad2}.about-framework-card.coaching:hover{border-color:#2a8ad2;box-shadow:0 12px 24px #2a8ad226}.about-framework-card.community{border-color:#ff9c5a}.about-framework-card.community:hover{border-color:#ff9c5a;box-shadow:0 12px 24px #ff9c5a26}.about-framework-icon{margin-bottom:16px;display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:#fffc}.about-framework-card h3{font-family:Red Hat Display,Cairo,sans-serif;font-weight:700;font-size:1.2rem;color:#222e3a;margin-bottom:16px}.about-framework-card p{font-family:Red Hat Display,Cairo,sans-serif;font-size:1rem;color:#222e3a;line-height:1.6;margin-bottom:0}.about-purpose-section{background:#f8fcfd;padding:80px 0;margin:80px 0;border-radius:24px}.about-purpose-content{max-width:900px;margin:0 auto;text-align:center;padding:0 24px}.about-purpose-title{font-family:Red Hat Display,Cairo,sans-serif;font-weight:700;font-size:2.2rem;color:#222e3a;margin-bottom:16px}.about-purpose-subtitle{font-family:Red Hat Display,Cairo,sans-serif;font-weight:600;font-size:1.3rem;color:#222e3a;margin-bottom:40px}.about-purpose-points{display:flex;flex-direction:column;gap:24px;margin-bottom:40px}.about-purpose-point{display:flex;align-items:center;justify-content:flex-start;gap:16px;text-align:left;background:#fff;padding:20px 24px;border-radius:12px;border:1px solid #e0e2ea}.about-purpose-icon{font-size:1.5rem;min-width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fffc}.about-purpose-point p{font-family:Red Hat Display,Cairo,sans-serif;font-size:1.1rem;color:#222e3a;margin:0;line-height:1.6}.about-purpose-conclusion{font-family:Red Hat Display,Cairo,sans-serif;font-size:1.15rem;color:#222e3a;line-height:1.7;margin-bottom:32px}.about-purpose-promise{font-family:Red Hat Display,Cairo,sans-serif;font-size:1.2rem;color:#222e3a;line-height:1.7;background:#fff;padding:24px;border-radius:12px;border:2px solid #8548a8;margin-bottom:0}@media (max-width: 768px){.about-framework-cards{flex-direction:column;align-items:center;gap:24px}.about-framework-card{width:100%;max-width:360px}.about-framework-title{font-size:1.8rem}.about-purpose-points{gap:16px}.about-purpose-point{flex-direction:column;text-align:center;gap:12px}.about-purpose-title{font-size:1.8rem}.about-purpose-subtitle{font-size:1.1rem}}.contact-page{background:linear-gradient(135deg,#f8fbfd,#e3f2fd);min-height:100vh}.contact-section{display:flex;justify-content:space-between;align-items:flex-start;max-width:1200px;margin:48px auto 0;padding:48px 32px;gap:64px}.contact-left{flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.contact-title{font-family:Red Hat Display,Cairo,sans-serif;font-weight:700;font-size:2.5rem;color:#222e3a;margin-bottom:20px;line-height:1.2}.contact-desc{font-family:Red Hat Display,Cairo,sans-serif;font-size:1.15rem;color:#4a5568;margin-bottom:32px;max-width:450px;line-height:1.6}.contact-info-row{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.contact-info-btn{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:14px 24px;font-family:Red Hat Display,Cairo,sans-serif;font-size:1rem;font-weight:500;color:#2a8ad2;cursor:pointer;box-shadow:0 4px 12px #2a8ad214;transition:all .3s ease;text-align:left;max-width:220px}.contact-info-btn:hover{border-color:#2a8ad2;background:#f0f8ff;transform:translateY(-2px);box-shadow:0 6px 20px #2a8ad226}.contact-form{flex:1;background:#fff;border-radius:20px;padding:40px 36px 32px;box-shadow:0 8px 32px #2a8ad21f;display:flex;flex-direction:column;gap:20px;min-width:500px;position:relative;overflow:hidden}.contact-form:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#2a8ad2,#19c37d,#ff6b35);border-radius:20px 20px 0 0}.form-group{display:flex;flex-direction:column;gap:8px;width:100%}.form-group label{font-family:Red Hat Display,Cairo,sans-serif;font-size:1rem;font-weight:600;color:#222e3a;margin-bottom:0;display:block;width:25%}.form-group input,.form-group textarea{font-family:Red Hat Display,Cairo,sans-serif;font-size:1rem;padding:14px 16px;border:2px solid #e2e8f0;border-radius:12px;background:#f8fafc;color:#222e3a;resize:none;outline:none;transition:all .3s ease;width:100%;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus{border-color:#2a8ad2;background:#fff;box-shadow:0 0 0 3px #2a8ad21a}.contact-submit-btn{background:linear-gradient(135deg,#2a8ad2,#1e6faa);color:#fff;border:none;border-radius:12px;padding:16px 0;font-family:Red Hat Display,Cairo,sans-serif;font-weight:700;font-size:1.1rem;cursor:pointer;margin-top:12px;width:100%;transition:all .3s ease;box-shadow:0 4px 16px #2a8ad240}.contact-submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #2a8ad259}.contact-form-note{font-family:Red Hat Display,Cairo,sans-serif;font-size:.95rem;color:#7c3aed;margin-top:12px;text-align:center;font-weight:500}html[dir=rtl] .contact-form,html[lang=ar] .contact-form,html[dir=rtl] .contact-title,html[lang=ar] .contact-title,html[dir=rtl] .contact-desc,html[lang=ar] .contact-desc,html[dir=rtl] .form-group label,html[lang=ar] .form-group label,html[dir=rtl] .form-group input,html[lang=ar] .form-group input,html[dir=rtl] .form-group textarea,html[lang=ar] .form-group textarea,html[dir=rtl] .contact-submit-btn,html[lang=ar] .contact-submit-btn,html[dir=rtl] .contact-form-note,html[lang=ar] .contact-form-note{font-family:Cairo,Red Hat Display,sans-serif}html[dir=rtl] .contact-info-btn,html[lang=ar] .contact-info-btn{text-align:right}html[dir=rtl] .contact-left,html[lang=ar] .contact-left{align-items:flex-end}html[dir=rtl] .contact-title,html[lang=ar] .contact-title,html[dir=rtl] .contact-desc,html[lang=ar] .contact-desc,html[dir=rtl] .form-group label,html[lang=ar] .form-group label{text-align:right}html[dir=rtl] .form-group input,html[lang=ar] .form-group input,html[dir=rtl] .form-group textarea,html[lang=ar] .form-group textarea{text-align:right;direction:rtl}html[dir=rtl] .add-question,html[lang=ar] .add-question{text-align:right}html[dir=rtl] .add-question,html[lang=ar] .add-question{flex-direction:row-reverse}html[dir=rtl] .add-question span,html[lang=ar] .add-question span{text-align:right;direction:rtl}html[dir=rtl] .faq-question,html[lang=ar] .faq-question{text-align:right!important;flex-direction:row-reverse!important;direction:rtl!important}html[dir=rtl] .faq-answer,html[lang=ar] .faq-answer,html[dir=rtl] .faq-answer p,html[lang=ar] .faq-answer p{text-align:right;direction:rtl}html[dir=rtl] .faq-questions-container,html[lang=ar] .faq-questions-container{direction:rtl}html[dir=rtl] .faq-question span,html[lang=ar] .faq-question span{text-align:right!important;direction:rtl!important;width:100%;display:block}html[dir=rtl] .faq-left,html[lang=ar] .faq-left,html[dir=rtl] .faq-left h2,html[lang=ar] .faq-left h2,html[dir=rtl] .faq-left p,html[lang=ar] .faq-left p,html[dir=rtl] .faq-left button,html[lang=ar] .faq-left button{text-align:right}.choose-journey-section{background:#f8fbfd;padding:64px 0 48px;text-align:center}.choose-journey-title{font-family:Red Hat Display,Cairo,sans-serif;font-weight:700;font-size:2.5rem;color:#303e4e;margin-bottom:16px}.choose-journey-subtitle{font-family:Red Hat Display,Cairo,sans-serif;font-weight:400;font-size:1.25rem;color:#303e4e;margin-bottom:48px}.choose-journey-cards-row{display:flex;justify-content:center;gap:48px;flex-wrap:wrap}.choose-journey-card{background:#fff;border-radius:75px 75px 15px;border:4px solid #b48ad5;width:340px;padding:40px 0 32px;display:flex;flex-direction:column;align-items:center;box-shadow:0 2px 12px #303e4e0f;transition:box-shadow .3s,transform .3s,border-color .3s}.choose-journey-card.vet{border-color:#00d6b7}.choose-journey-card.service{border-color:#ff9c5a;border-radius:75px 75px 15px}.choose-journey-card:hover{transform:scale(1.04) translateY(-8px);box-shadow:0 8px 32px #303e4e1f}.choose-journey-img{width:120px;height:120px;object-fit:cover;border-radius:50%;border:4px solid #b48ad5;margin-bottom:32px}.choose-journey-card.vet .choose-journey-img{border-color:#00d6b7}.choose-journey-card.service .choose-journey-img{border-color:#ff9c5a}.choose-journey-role{font-family:Red Hat Display,Cairo,sans-serif;font-weight:600;font-size:1.35rem;margin-bottom:24px}.choose-journey-card.guardian .choose-journey-role{color:#7c4bc0}.choose-journey-card.vet .choose-journey-role{color:#00d6b7}.choose-journey-card.service .choose-journey-role{color:#ff9c5a}.choose-journey-btn{border:none;border-radius:16px;padding:14px 32px;font-family:Red Hat Display,Cairo,sans-serif;font-weight:700;font-size:1.1rem;cursor:pointer;margin-top:8px;transition:background .2s,box-shadow .2s,transform .2s}.choose-journey-card.guardian .choose-journey-btn{background:#7c4bc0;color:#fff}.choose-journey-card.vet .choose-journey-btn{background:#00d6b7;color:#fff}.choose-journey-card.service .choose-journey-btn{background:#ff9c5a;color:#fff}.choose-journey-btn:hover{filter:brightness(.95);transform:translateY(-2px)}.experiences-section{width:100%;background:#a9b7c6;padding:64px 0 80px;display:flex;justify-content:center;align-items:flex-start;position:relative;z-index:30}.experiences-container{max-width:1400px;width:100%;margin:0 auto;padding:0 40px;display:flex;flex-direction:column;align-items:center}.experiences-title{font-family:Red Hat Display,Cairo,sans-serif;font-weight:800;font-size:2.5rem;color:#303e4e;margin-bottom:18px;text-align:center}.experiences-desc{font-family:Red Hat Display,Cairo,sans-serif;font-weight:500;font-size:1.25rem;color:#303e4e;margin-bottom:48px;text-align:center;max-width:800px}.experiences-cards-row{display:flex;gap:40px;justify-content:center;width:100%}.experiences-card{background:#fff;border-radius:24px;box-shadow:0 2px 12px #303e4e14;padding:40px 32px 32px;text-align:center;width:340px;display:flex;flex-direction:column;align-items:center;border:4px solid #e5e7eb;cursor:pointer;transition:box-shadow .3s,transform .3s,border-color .3s,border-width .3s}.experiences-card:hover{transform:scale(1.04) translateY(-8px);box-shadow:0 8px 32px #0000001f;border-width:2px;z-index:2}.experiences-card.connect:hover{border-color:#2196f3}.experiences-card.care:hover{border-color:#00d6b7}.experiences-card.shop:hover{border-color:#ff9c5a}.experiences-card-content{background:#fff;padding:32px 24px 24px;border-bottom-left-radius:20px;border-bottom-right-radius:20px;color:#303e4e;min-height:180px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;transition:background .3s,color .3s}.experiences-card.connect:hover .experiences-card-content{background:#2196f3;color:#fff}.experiences-card.care:hover .experiences-card-content{background:#00d6b7;color:#fff}.experiences-card.shop:hover .experiences-card-content{background:#ff9c5a;color:#fff}.experiences-card.connect:hover .experiences-btn{background:#fff;color:#2196f3}.experiences-card.care:hover .experiences-btn{background:#fff;color:#00d6b7}.experiences-card.shop:hover .experiences-btn{background:#fff;color:#ff9c5a}.connect-card{border-color:#2a8ad2}.care-card{border-color:#00d4b3}.shop-card{border-color:#ffa055}.experiences-mascot{width:210px;height:210px;object-fit:contain;margin-bottom:8px}.experiences-card-title{font-family:Red Hat Display,Cairo,sans-serif;font-weight:700;font-size:1.35rem;color:#303e4e;margin-bottom:18px}.experiences-card-desc{font-family:Red Hat Display,Cairo,sans-serif;font-weight:400;font-size:1rem;color:#303e4e;margin-bottom:32px}.experiences-btn{border:none;border-radius:24px;padding:14px 32px;font-family:Red Hat Display,Cairo,sans-serif;font-weight:700;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .2s,box-shadow .2s,transform .2s;text-decoration:none!important}.experiences-btn b,.experiences-btn strong,.experiences-btn span{text-decoration:none!important}.experiences-btn.connect{background:#2a8ad2;color:#fff}.experiences-btn.care{background:#00d4b3;color:#fff}.experiences-btn.shop{background:#ffa055;color:#fff}.experiences-btn:hover{filter:brightness(.95);transform:translateY(-2px)}.experiences-btn-arrow{font-size:1.2rem;font-weight:700}@media (max-width: 1024px){.experiences-cards-row{flex-direction:column;gap:32px;align-items:center}.experiences-card{width:100%;max-width:400px}}.header-logo{position:absolute;top:0;left:0;width:120px;height:120px;display:flex;align-items:flex-start;justify-content:flex-start;z-index:101;overflow:hidden;transition:all .3s ease}.hamburger-menu-btn{display:none;background:none;border:none;cursor:pointer;padding:8px;z-index:102;transition:all .3s ease}.hamburger-menu-btn svg{color:#303e4e}.mobile-menu-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:98;opacity:0;pointer-events:none;transition:opacity .3s ease}@media (max-width: 768px){.mobile-menu-overlay.menu-open{display:block;opacity:1;pointer-events:all}}@media (max-width: 768px){.hamburger-menu-btn{display:block;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.header-logo{left:0;right:auto}.contact-fix{position:fixed;top:0;right:-300px;width:280px;height:100vh;background:#fff;flex-direction:column;align-items:center;justify-content:normal;padding:10px 32px 20px;box-shadow:-2px 0 10px #0000001a;transition:right .3s ease;z-index:99;gap:0;opacity:0;pointer-events:none;overflow-y:auto}.contact-fix.menu-open{right:0;opacity:1;pointer-events:all}.contact-item-fix{padding:16px 0!important;font-size:18px!important;border-bottom:1px solid #e5e7eb;width:100%;text-align:right!important}.header-logo img{margin:-140px 0 0 -120px}}.header-logo img{width:300px;height:auto;margin:-140px 0 0 -120px;object-fit:contain}.hero-section-landing{position:relative;width:100%;min-height:100vh;background:#fff;display:flex;flex-direction:column;justify-content:flex-start;overflow:visible;padding-bottom:120px;z-index:1}.hero-content-landing{display:flex;flex-direction:row;align-items:center;justify-content:space-between;max-width:1400px;width:100%;margin:0 auto;padding:80px 60px 0;box-sizing:border-box;z-index:2}.hero-left{flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:24px;position:relative;z-index:10}.hero-title{font-family:Red Hat Display,Cairo,sans-serif;font-weight:800;font-size:3rem;line-height:1.1;color:#303e4e;margin-bottom:.5em}.hero-subtitle{font-family:Red Hat Display,Cairo,sans-serif;font-weight:500;font-size:2rem;color:#303e4e;margin-bottom:.5em}.hero-desc{font-family:Red Hat Display,Cairo,sans-serif;font-weight:500;font-size:1.15rem;color:#303e4e;margin-bottom:1.5em}.hero-brand{color:#2a8ad2;font-weight:700}.hero-cta{background:#2a8ad2;color:#fff;border:none;border-radius:2em;padding:18px 44px;font-family:Red Hat Display,Cairo,sans-serif;font-weight:700;font-size:1.5rem;cursor:pointer;box-shadow:0 3px 10px #2a8ad233;display:flex;align-items:center;gap:12px;transition:background .2s,box-shadow .2s,transform .2s}.hero-cta:hover{background:#1e6faa;box-shadow:0 5px 15px #2a8ad24d;transform:translateY(-2px)}.hero-cta-arrow{font-size:1.5rem;font-weight:700;margin-left:8px}.hero-right{flex:1;display:flex;align-items:flex-end;justify-content:flex-end;min-height:520px}.hero-mascot-img{position:relative;z-index:20;width:420px;height:auto;object-fit:contain;transform:scale(2.4) translateY(55px);transition:transform .3s ease}.hero-right.rtl .hero-mascot-img{transform:scale(2.4) translateY(55px) scaleX(-1)}.hero-wave{position:absolute;left:0;bottom:0;width:100%;height:120px;z-index:5}@media (max-width: 1550px){.hero-mascot-img{transform:scale(1.4) translateY(0)}.hero-right.rtl .hero-mascot-img{transform:scale(1.4) translateY(0) scaleX(-1)}}@media (max-width: 1280px){.hero-content-landing{flex-direction:column;align-items:center;padding:60px 20px 0;gap:40px}.hero-right{justify-content:center}.hero-mascot-img{transform:scale(1.2) translateY(20px)}.hero-right.rtl .hero-mascot-img{transform:scale(1.2) translateY(20px) scaleX(-1)}}@media (max-width: 600px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1.2rem}.hero-cta{font-size:1rem;padding:12px 24px}.hero-mascot-img{transform:scale(1.5) translateY(18px)}.hero-right.rtl .hero-mascot-img{transform:scale(1.5) translateY(18px) scaleX(-1)}.hero-content-landing{padding:30px 8px 0}}.header-fix{width:100%;height:100px;background:transparent;margin:0;padding:0 40px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:100}.header-fix *{pointer-events:auto!important}.header-logo{flex-shrink:0;order:1}.contact-fix{display:flex;gap:60px;align-items:center;justify-content:center;position:absolute;left:50%;transform:translate(-50%);z-index:1;order:2}.controls-fix{display:flex!important;gap:32px!important;align-items:center!important;flex-shrink:0;position:relative;z-index:2;order:3;margin-left:auto}.controls-fix-mobile{display:none}@media (max-width: 768px){.controls-fix{display:none!important}.controls-fix-mobile{display:flex!important;gap:12px!important;align-items:center!important;position:absolute;right:60px;top:50%;transform:translateY(-50%)}.controls-fix-mobile .language-fix{padding:8px 12px!important;height:36px!important;font-size:14px!important}.controls-fix-mobile .login-fix{padding:10px 16px!important;height:36px!important;font-size:13px!important}}.contact-item-fix{display:flex!important;align-items:center!important;gap:12px!important;font-family:Red Hat Display,sans-serif!important;font-weight:700!important;font-size:18px!important;color:#303e4e!important;line-height:1!important;text-decoration:none!important;transition:color .2s!important}.nav-selected{color:#2a8ad2!important;font-weight:800!important}.language-fix{display:flex!important;align-items:center!important;gap:10px!important;cursor:pointer!important;font-family:Red Hat Display,sans-serif!important;font-weight:700!important;font-size:18px!important;color:#303e4e!important;padding:12px 20px!important;border-radius:8px!important;transition:background-color .2s ease!important;height:48px!important}.login-fix{background:#2a8ad2!important;color:#fff!important;border:none!important;border-radius:10px!important;padding:16px 28px!important;font-family:Red Hat Display,sans-serif!important;font-weight:700!important;font-size:18px!important;cursor:pointer!important;transition:all .3s ease!important;box-shadow:0 3px 10px #2a8ad24d!important;min-width:140px!important;height:48px!important;display:flex!important;align-items:center!important;justify-content:center!important}.login-fix:hover{background:#1e6faa!important;transform:translateY(-1px)!important;box-shadow:0 5px 15px #2a8ad266!important}.language-fix:hover{background-color:#ffffff1a!important}@media (max-width: 1024px){.header-fix{padding:0 24px;height:80px}.contact-fix{gap:40px}.contact-item-fix{font-size:16px!important}}@media (max-width: 768px){.header-fix{height:70px;padding:0 16px}.header-logo img{width:200px;margin:-100px 0 0 -80px}.contact-fix{gap:20px}.contact-item-fix{font-size:14px!important}.language-fix{font-size:14px!important;padding:8px 12px!important;height:40px!important}.login-fix{font-size:14px!important;padding:12px 20px!important;height:40px!important;min-width:100px!important}}@media (max-width: 480px){.header-fix{padding:0 8px}.header-logo img{width:150px;margin:-80px 0 0 -60px}.contact-fix{gap:12px}.contact-item-fix{font-size:12px!important}.language-fix span{display:none}.language-fix svg{width:18px;height:18px}.login-fix{padding:10px 16px!important;font-size:12px!important;min-width:80px!important}}@media (max-width: 1024px){.hero-section-landing{min-height:90vh;padding-bottom:100px}.hero-content-landing{padding:60px 40px 0}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.6rem}}@media (max-width: 768px){.hero-section-landing{padding-bottom:80px}.hero-content-landing{flex-direction:column;padding:20px;gap:32px}.hero-left{align-items:center;text-align:center;gap:16px}.hero-title{font-size:2rem}.hero-subtitle{font-size:1.3rem}.hero-desc{font-size:1rem}.hero-right{justify-content:center;min-height:300px}.hero-mascot-img{width:220px;transform:scale(1.4) translateY(20px)}}@media (max-width: 480px){.hero-title{font-size:1.5rem}.hero-subtitle{font-size:1.1rem}.hero-desc{font-size:.95rem}.hero-mascot-img{width:160px;transform:scale(1.2) translateY(0)}.hero-cta{font-size:1.1rem;padding:14px 32px}}@media (max-width: 768px){.about-care-content{flex-direction:column;padding:24px;text-align:center;gap:24px}.about-care-title{font-size:1.8rem}.about-care-desc{font-size:1rem}.about-care-image img{width:220px}.about-care-offer-cards{flex-direction:column;gap:20px}.about-care-offer-card{width:100%;max-width:400px;margin:0 auto}.about-care-benefits-cards{grid-template-columns:1fr;gap:20px}.about-care-closing-section{padding:0 16px}.about-care-closing-content{padding:32px 20px}.about-care-closing-title{font-size:1.5rem}.about-care-closing-subtitle{font-size:1.1rem}}@media (max-width: 480px){.about-care-title{font-size:1.5rem}.about-care-offer-title,.about-care-benefits-title{font-size:1.6rem}.about-care-image img{width:180px}}@media (max-width: 768px){.about-connect-content{flex-direction:column;padding:24px;gap:24px;text-align:center}.about-connect-title{font-size:1.8rem}.about-connect-desc{font-size:1rem}.about-connect-image img{width:220px;margin-left:0}.connect-vision-section,.connect-features-section,.connect-benefits-section,.connect-closing-section{padding:0 24px}.connect-vision-text{font-size:1rem}.connect-features-title,.connect-benefits-title{font-size:1.6rem}.connect-features-grid,.connect-benefits-cards{grid-template-columns:1fr;gap:20px}.connect-closing-title{font-size:1.5rem}.connect-closing-subtitle{font-size:1.1rem}}@media (max-width: 480px){.about-connect-title{font-size:1.5rem}.connect-vision-content,.connect-closing-content{padding:24px 16px}}@media (max-width: 768px){.about-shop-content{flex-direction:column;padding:24px;gap:24px;text-align:center}.about-shop-title{font-size:1.8rem}.about-shop-desc{font-size:1rem}.about-shop-image img{width:220px}.shop-features-section,.shop-benefits-section,.shop-additional-section,.shop-medical-section,.shop-closing-section{padding:0 24px}.shop-features-title,.shop-benefits-title{font-size:1.6rem}.shop-features-cards,.shop-benefits-cards{grid-template-columns:1fr;gap:20px}.shop-additional-cards{grid-template-columns:1fr}.shop-closing-title{font-size:1.5rem}.shop-closing-subtitle{font-size:1.1rem}}@media (max-width: 480px){.about-shop-title{font-size:1.5rem}.shop-medical-content{padding:24px 16px}.shop-closing-content{padding:32px 20px}}@media (max-width: 1024px){.minimal-footer .footer-container{flex-direction:column;padding:0 24px 32px}.footer-logo-section,.footer-contact-info{align-items:center;text-align:center;margin-left:0}.footer-columns{gap:32px}}@media (max-width: 768px){.footer-logo-section{align-items:center;text-align:center}.footer-columns{width:100%;gap:28px}.footer-column{align-items:center;text-align:center}.footer-subscribe-form{flex-direction:column;gap:12px}.footer-input,.footer-subscribe-btn{width:100%;max-width:300px}}@media (max-width: 480px){.footer-container{padding:0 16px 24px}.footer-logo{width:140px}.footer-description{font-size:.9rem}}@media (max-width: 1024px){.contact-section{flex-direction:column;gap:48px;padding:32px 24px}.contact-left,.contact-form{max-width:100%}.contact-form{min-width:100%}}@media (max-width: 768px){.header-fix .contact-fix:not(.menu-open),.header-fix .controls-fix:not(.menu-open){display:none!important}.contact-title{font-size:2rem;text-align:center}.contact-desc{text-align:center;max-width:100%}.contact-info-row{align-items:center}.contact-info-btn{max-width:100%;text-align:center}.contact-form{padding:32px 24px;min-width:100%}}@media (max-width: 480px){.contact-section{padding:24px 16px;gap:32px}.contact-title{font-size:1.8rem}.contact-desc{font-size:1rem}.contact-form{padding:24px 20px}}@media (max-width: 768px){.about-container{padding:40px 20px!important}.about-header{text-align:center!important;margin-bottom:32px!important}.about-header h1{font-size:2rem!important;margin-bottom:12px!important}.about-header p{font-size:1rem!important}.about-buttons{flex-direction:column!important;gap:16px!important;margin-bottom:40px!important}.about-btn{width:100%!important;padding:14px 24px!important;font-size:1rem!important}.about-cards{flex-direction:column!important;gap:24px!important;margin-bottom:40px!important}.about-card{width:100%!important;padding:24px!important}.about-card h2{font-size:1.5rem!important;margin-bottom:12px!important}.about-card p{font-size:.95rem!important}.about-story-section{flex-direction:column!important;padding:40px 20px!important;gap:32px!important}.about-story-content{width:100%!important}.about-story-title{font-size:1.75rem!important;margin-bottom:12px!important}.about-story-subtitle{font-size:1.25rem!important;margin-bottom:16px!important}.about-story-desc{font-size:.95rem!important;line-height:1.6!important;margin-bottom:12px!important}.about-story-image{width:100%!important;text-align:center!important}.about-story-image img{width:100%!important;max-width:300px!important;height:auto!important}.about-framework-section{padding:40px 20px!important}.about-framework-title{font-size:1.75rem!important;margin-bottom:12px!important}.about-framework-desc{font-size:.95rem!important;margin-bottom:32px!important}.about-framework-cards{flex-direction:column!important;gap:24px!important}.about-framework-card{width:100%!important;padding:24px!important}.about-framework-card h3{font-size:1.25rem!important;margin-bottom:12px!important}.about-framework-card p{font-size:.95rem!important}.about-purpose-section{padding:40px 20px!important}.about-purpose-title{font-size:1.75rem!important;margin-bottom:12px!important}.about-purpose-subtitle{font-size:1.25rem!important;margin-bottom:24px!important}.about-purpose-points{flex-direction:column!important;gap:16px!important;margin-bottom:24px!important}.about-purpose-point{flex-direction:column!important;text-align:center!important;padding:16px!important}.about-purpose-conclusion,.about-purpose-promise{font-size:.95rem!important}.contact-section{flex-direction:column!important;padding:40px 20px!important;gap:40px!important}.contact-left{width:100%!important;padding-right:0!important}.contact-title{font-size:2rem!important;margin-bottom:16px!important}.contact-desc{font-size:1rem!important;margin-bottom:24px!important}.contact-info-row{flex-direction:column!important;gap:12px!important}.contact-info-btn{width:100%!important;padding:12px 20px!important}.contact-form{width:100%!important;padding:32px 24px!important}.form-group{margin-bottom:20px!important}.contact-submit-btn{width:100%!important;padding:14px!important}.faq-container{flex-direction:column!important;gap:32px!important;padding-top:40px!important}.faq-left{text-align:center!important}.faq-left h2{font-size:1.75rem!important;margin-bottom:16px!important}.faq-left p{font-size:1rem!important;max-width:100%!important;margin-bottom:24px!important}.faq-left button{width:100%!important;margin-bottom:12px!important}.faq-left img{width:200px!important;margin-top:24px!important}.faq-right{width:100%!important}.faq-questions-container{width:100%!important;max-width:100%!important;padding:24px 20px!important}.faq-item{padding:10px 0!important}.faq-question{font-size:1rem!important}.terms-container{padding:40px 20px!important;max-width:100%!important}.terms-container h1{font-size:2rem!important;margin-bottom:24px!important;text-align:center!important}.terms-container p{font-size:.95rem!important;line-height:1.6!important}}@media (max-width: 480px){.about-container{padding:24px 16px!important}.about-header h1{font-size:1.75rem!important}.about-header p{font-size:.9rem!important}.about-btn{padding:12px 20px!important;font-size:.95rem!important}.about-card{padding:20px!important}.about-card h2{font-size:1.25rem!important}.about-card p{font-size:.9rem!important}.about-story-section{padding:32px 16px!important}.about-story-title,.about-framework-title,.about-purpose-title{font-size:1.5rem!important}.about-story-subtitle,.about-purpose-subtitle{font-size:1.1rem!important}.contact-section{padding:32px 16px!important}.contact-title{font-size:1.5rem!important}.contact-desc{font-size:.9rem!important}.contact-form{padding:24px 16px!important}.contact-submit-btn{padding:12px!important;font-size:.95rem!important}.faq-container{padding-top:32px!important}.faq-left h2{font-size:1.5rem!important}.faq-left p{font-size:.9rem!important}.faq-questions-container{padding:20px 16px!important}.faq-question{font-size:.95rem!important}.terms-container{padding:32px 16px!important}.terms-container h1{font-size:1.75rem!important}.terms-container p{font-size:.9rem!important}}/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:""}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-800:oklch(44.4% .177 26.899);--color-orange-500:oklch(70.5% .213 47.604);--color-yellow-50:oklch(98.7% .026 102.212);--color-yellow-200:oklch(94.5% .129 101.54);--color-yellow-600:oklch(68.1% .162 75.834);--color-yellow-700:oklch(55.4% .135 66.442);--color-yellow-800:oklch(47.6% .114 61.907);--color-green-50:oklch(98.2% .018 155.826);--color-green-100:oklch(96.2% .044 156.743);--color-green-200:oklch(92.5% .084 155.995);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-700:oklch(52.7% .154 150.069);--color-green-800:oklch(44.8% .119 151.328);--color-teal-500:oklch(70.4% .14 182.503);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-800:oklch(42.4% .199 265.638);--color-blue-900:oklch(37.9% .146 265.522);--color-indigo-50:oklch(96.2% .018 272.314);--color-indigo-100:oklch(93% .034 272.788);--color-indigo-500:oklch(58.5% .233 277.117);--color-indigo-600:oklch(51.1% .262 276.966);--color-purple-50:oklch(97.7% .014 308.299);--color-purple-100:oklch(94.6% .033 307.174);--color-purple-200:oklch(90.2% .063 306.703);--color-purple-400:oklch(71.4% .203 305.504);--color-purple-500:oklch(62.7% .265 303.9);--color-purple-600:oklch(55.8% .288 302.321);--color-purple-700:oklch(49.6% .265 301.924);--color-pink-500:oklch(65.6% .241 354.308);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-2xl:42rem;--container-4xl:56rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-tighter:-.05em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:root{--background:0 0% 100%;--foreground:0 0% 3.9%;--card:0 0% 100%;--card-foreground:0 0% 3.9%;--popover:0 0% 100%;--popover-foreground:0 0% 3.9%;--primary:0 0% 9%;--primary-foreground:0 0% 98%;--secondary:0 0% 96.1%;--secondary-foreground:0 0% 9%;--muted:0 0% 96.1%;--muted-foreground:0 0% 45.1%;--accent:0 0% 96.1%;--accent-foreground:0 0% 9%;--destructive:0 84.2% 60.2%;--destructive-foreground:0 0% 98%;--border:0 0% 89.8%;--input:0 0% 89.8%;--ring:0 0% 3.9%;--chart-1:12 76% 61%;--chart-2:173 58% 39%;--chart-3:197 37% 24%;--chart-4:43 74% 66%;--chart-5:27 87% 67%;--radius:.5rem;--sidebar-background:0 0% 98%;--sidebar-foreground:240 5.3% 26.1%;--sidebar-primary:240 5.9% 10%;--sidebar-primary-foreground:0 0% 98%;--sidebar-accent:240 4.8% 95.9%;--sidebar-accent-foreground:240 5.9% 10%;--sidebar-border:220 13% 91%;--sidebar-ring:217.2 91.2% 59.8%}.dark{--background:0 0% 3.9%;--foreground:0 0% 98%;--card:0 0% 3.9%;--card-foreground:0 0% 98%;--popover:0 0% 3.9%;--popover-foreground:0 0% 98%;--primary:0 0% 98%;--primary-foreground:0 0% 9%;--secondary:0 0% 14.9%;--secondary-foreground:0 0% 98%;--muted:0 0% 14.9%;--muted-foreground:0 0% 63.9%;--accent:0 0% 14.9%;--accent-foreground:0 0% 98%;--destructive:0 62.8% 30.6%;--destructive-foreground:0 0% 98%;--border:0 0% 14.9%;--input:0 0% 14.9%;--ring:0 0% 83.1%;--chart-1:220 70% 50%;--chart-2:160 60% 45%;--chart-3:30 80% 55%;--chart-4:280 65% 60%;--chart-5:340 75% 55%;--sidebar-background:240 5.9% 10%;--sidebar-foreground:240 4.8% 95.9%;--sidebar-primary:224.3 76.3% 48%;--sidebar-primary-foreground:0 0% 100%;--sidebar-accent:240 3.7% 15.9%;--sidebar-accent-foreground:240 4.8% 95.9%;--sidebar-border:240 3.7% 15.9%;--sidebar-ring:217.2 91.2% 59.8%}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.-top-1{top:calc(var(--spacing)*-1)}.top-1\/2{top:50%}.-right-1{right:calc(var(--spacing)*-1)}.right-0{right:calc(var(--spacing)*0)}.bottom-0{bottom:calc(var(--spacing)*0)}.left-0{left:calc(var(--spacing)*0)}.left-1\/2{left:50%}.isolate{isolation:isolate}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.-mx-4{margin-inline:calc(var(--spacing)*-4)}.mx-auto{margin-inline:auto}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-8{margin-top:calc(var(--spacing)*8)}.mr-1{margin-right:calc(var(--spacing)*1)}.mr-2{margin-right:calc(var(--spacing)*2)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-2{margin-left:calc(var(--spacing)*2)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-0\.5{height:calc(var(--spacing)*.5)}.h-1{height:calc(var(--spacing)*1)}.h-2{height:calc(var(--spacing)*2)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-8{height:calc(var(--spacing)*8)}.h-12{height:calc(var(--spacing)*12)}.h-\[180px\]{height:180px}.h-\[250px\]{height:250px}.h-auto{height:auto}.h-full{height:100%}.max-h-96{max-height:calc(var(--spacing)*96)}.max-h-\[300px\]{max-height:300px}.min-h-\[50vh\]{min-height:50vh}.min-h-\[300px\]{min-height:300px}.min-h-screen{min-height:100vh}.w-1\/2{width:50%}.w-2{width:calc(var(--spacing)*2)}.w-3\/4{width:75%}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-11{width:calc(var(--spacing)*11)}.w-12{width:calc(var(--spacing)*12)}.w-28{width:calc(var(--spacing)*28)}.w-35{width:calc(var(--spacing)*35)}.w-40{width:calc(var(--spacing)*40)}.w-45{width:calc(var(--spacing)*45)}.w-60{width:calc(var(--spacing)*60)}.w-64{width:calc(var(--spacing)*64)}.w-70{width:calc(var(--spacing)*70)}.w-80{width:calc(var(--spacing)*80)}.w-100{width:calc(var(--spacing)*100)}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-\[100px\]{max-width:100px}.max-w-\[150px\]{max-width:150px}.max-w-md{max-width:var(--container-md)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-\[500px\]{min-width:500px}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-inside{list-style-position:inside}.list-decimal{list-style-type:decimal}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}.gap-x-4{column-gap:calc(var(--spacing)*4)}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-3>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*3)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-x-reverse)))}.gap-y-2{row-gap:calc(var(--spacing)*2)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-gray-200>:not(:last-child)){border-color:var(--color-gray-200)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-r-full{border-top-right-radius:3.40282e38px;border-bottom-right-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-none{--tw-border-style:none;border-style:none}.border-blue-200{border-color:var(--color-blue-200)}.border-gray-50{border-color:var(--color-gray-50)}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-100\/50{border-color:#f3f4f680}@supports (color:color-mix(in lab,red,red)){.border-gray-100\/50{border-color:color-mix(in oklab,var(--color-gray-100)50%,transparent)}}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-green-200{border-color:var(--color-green-200)}.border-purple-600{border-color:var(--color-purple-600)}.border-red-200{border-color:var(--color-red-200)}.border-yellow-200{border-color:var(--color-yellow-200)}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-50\/50{background-color:#f9fafb80}@supports (color:color-mix(in lab,red,red)){.bg-gray-50\/50{background-color:color-mix(in oklab,var(--color-gray-50)50%,transparent)}}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-500{background-color:var(--color-gray-500)}.bg-gray-600{background-color:var(--color-gray-600)}.bg-green-50{background-color:var(--color-green-50)}.bg-green-100{background-color:var(--color-green-100)}.bg-green-500{background-color:var(--color-green-500)}.bg-green-600{background-color:var(--color-green-600)}.bg-indigo-50{background-color:var(--color-indigo-50)}.bg-indigo-500{background-color:var(--color-indigo-500)}.bg-orange-500{background-color:var(--color-orange-500)}.bg-pink-500{background-color:var(--color-pink-500)}.bg-purple-50{background-color:var(--color-purple-50)}.bg-purple-100{background-color:var(--color-purple-100)}.bg-purple-500{background-color:var(--color-purple-500)}.bg-purple-600{background-color:var(--color-purple-600)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-500{background-color:var(--color-red-500)}.bg-red-600{background-color:var(--color-red-600)}.bg-teal-500{background-color:var(--color-teal-500)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-yellow-50{background-color:var(--color-yellow-50)}.bg-yellow-600{background-color:var(--color-yellow-600)}.p-1\.5{padding:calc(var(--spacing)*1.5)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-8{padding-block:calc(var(--spacing)*8)}.pt-4{padding-top:calc(var(--spacing)*4)}.pt-6{padding-top:calc(var(--spacing)*6)}.pt-16{padding-top:calc(var(--spacing)*16)}.pr-1{padding-right:calc(var(--spacing)*1)}.pr-4{padding-right:calc(var(--spacing)*4)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-3{padding-bottom:calc(var(--spacing)*3)}.pb-20{padding-bottom:calc(var(--spacing)*20)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tighter{--tw-tracking:var(--tracking-tighter);letter-spacing:var(--tracking-tighter)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.text-blue-600{color:var(--color-blue-600)}.text-blue-700{color:var(--color-blue-700)}.text-blue-800{color:var(--color-blue-800)}.text-blue-900{color:var(--color-blue-900)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-green-500{color:var(--color-green-500)}.text-green-600{color:var(--color-green-600)}.text-green-800{color:var(--color-green-800)}.text-indigo-100{color:var(--color-indigo-100)}.text-indigo-600{color:var(--color-indigo-600)}.text-purple-600{color:var(--color-purple-600)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-800{color:var(--color-red-800)}.text-white{color:var(--color-white)}.text-yellow-600{color:var(--color-yellow-600)}.text-yellow-800{color:var(--color-yellow-800)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.opacity-50{opacity:.5}.opacity-90{opacity:.9}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-purple-200{--tw-shadow-color:oklch(90.2% .063 306.703)}@supports (color:color-mix(in lab,red,red)){.shadow-purple-200{--tw-shadow-color:color-mix(in oklab,var(--color-purple-200)var(--tw-shadow-alpha),transparent)}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-1000{--tw-duration:1s;transition-duration:1s}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}@media (hover:hover){.group-hover\:-translate-x-1:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.group-hover\:text-gray-900:is(:where(.group):hover *){color:var(--color-gray-900)}}.peer-checked\:bg-blue-600:is(:where(.peer):checked~*){background-color:var(--color-blue-600)}.peer-focus\:ring-4:is(:where(.peer):focus~*){--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.peer-focus\:ring-blue-300:is(:where(.peer):focus~*){--tw-ring-color:var(--color-blue-300)}.peer-focus\:outline-none:is(:where(.peer):focus~*){--tw-outline-style:none;outline-style:none}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:top-\[2px\]:after{content:var(--tw-content);top:2px}.after\:left-\[2px\]:after{content:var(--tw-content);left:2px}.after\:h-5:after{content:var(--tw-content);height:calc(var(--spacing)*5)}.after\:w-5:after{content:var(--tw-content);width:calc(var(--spacing)*5)}.after\:rounded-full:after{content:var(--tw-content);border-radius:3.40282e38px}.after\:border:after{content:var(--tw-content);border-style:var(--tw-border-style);border-width:1px}.after\:border-gray-300:after{content:var(--tw-content);border-color:var(--color-gray-300)}.after\:bg-white:after{content:var(--tw-content);background-color:var(--color-white)}.after\:transition-all:after{content:var(--tw-content);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.peer-checked\:after\:translate-x-full:is(:where(.peer):checked~*):after{content:var(--tw-content);--tw-translate-x:100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.peer-checked\:after\:border-white:is(:where(.peer):checked~*):after{content:var(--tw-content);border-color:var(--color-white)}.last\:border-0:last-child{border-style:var(--tw-border-style);border-width:0}.last\:pb-0:last-child{padding-bottom:calc(var(--spacing)*0)}@media (hover:hover){.hover\:border-purple-400:hover{border-color:var(--color-purple-400)}.hover\:bg-blue-100:hover{background-color:var(--color-blue-100)}.hover\:bg-blue-600:hover{background-color:var(--color-blue-600)}.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-gray-600:hover{background-color:var(--color-gray-600)}.hover\:bg-gray-700:hover{background-color:var(--color-gray-700)}.hover\:bg-green-700:hover{background-color:var(--color-green-700)}.hover\:bg-indigo-100:hover{background-color:var(--color-indigo-100)}.hover\:bg-purple-100:hover{background-color:var(--color-purple-100)}.hover\:bg-purple-600:hover{background-color:var(--color-purple-600)}.hover\:bg-purple-700:hover{background-color:var(--color-purple-700)}.hover\:bg-red-100:hover{background-color:var(--color-red-100)}.hover\:bg-red-700:hover{background-color:var(--color-red-700)}.hover\:bg-white\/20:hover{background-color:#fff3}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/20:hover{background-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.hover\:bg-yellow-700:hover{background-color:var(--color-yellow-700)}.hover\:text-blue-800:hover{color:var(--color-blue-800)}.hover\:text-gray-700:hover{color:var(--color-gray-700)}.hover\:text-gray-900:hover{color:var(--color-gray-900)}.hover\:text-purple-600:hover{color:var(--color-purple-600)}}.focus\:border-purple-500:focus{border-color:var(--color-purple-500)}.focus\:ring-0:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-4:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-purple-500\/5:focus{--tw-ring-color:#ac4bff0d}@supports (color:color-mix(in lab,red,red)){.focus\:ring-purple-500\/5:focus{--tw-ring-color:color-mix(in oklab,var(--color-purple-500)5%,transparent)}}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width:40rem){.sm\:col-span-2{grid-column:span 2/span 2}.sm\:w-auto{width:auto}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:48rem){.md\:mx-0{margin-inline:calc(var(--spacing)*0)}.md\:mb-4{margin-bottom:calc(var(--spacing)*4)}.md\:h-\[300px\]{height:300px}.md\:max-w-\[300px\]{max-width:300px}.md\:min-w-full{min-width:100%}.md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:gap-6{gap:calc(var(--spacing)*6)}.md\:gap-8{gap:calc(var(--spacing)*8)}.md\:p-4{padding:calc(var(--spacing)*4)}.md\:p-6{padding:calc(var(--spacing)*6)}.md\:px-0{padding-inline:calc(var(--spacing)*0)}.md\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.md\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}}@media (min-width:64rem){.lg\:col-span-1{grid-column:span 1/span 1}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:max-h-none{max-height:none}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:80rem){.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}.text-balance{text-wrap:balance}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;width:100%;height:100%;font-family:Red Hat Display,Cairo,sans-serif;font-size:16px;overflow-x:hidden}body{color:#1f2937;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fafafa;width:100%;margin:0;padding:0;font-family:Red Hat Display,Cairo,sans-serif;font-weight:400;line-height:1.6;overflow-x:hidden}html[dir=rtl],html[lang=ar]{font-family:Cairo,Red Hat Display,sans-serif}html[dir=rtl] *,html[lang=ar] *{font-family:Cairo,Red Hat Display,sans-serif!important}#root{flex-direction:column;width:100%;display:flex}.landing-page,.FAQ-page,.pricing-page{flex-direction:column;width:100%;min-height:100vh;display:flex;overflow-x:hidden}.hero-section{background:linear-gradient(135deg,#f0fdfa,#fff,#ecfeff);flex-direction:column;width:100%;min-height:100vh;margin:0;padding:0;display:flex;position:relative;overflow:hidden}.landing-header{z-index:1000;box-sizing:border-box;background:0 0;grid-template-columns:1fr 2fr 1fr;align-items:center;width:100vw;height:100px;margin:0;padding:0 20px;display:grid;position:absolute;top:0;left:0;right:0}.landing-logo-container{justify-self:start;padding-left:20px}.landing-header-logo{object-fit:contain;width:120px;height:80px;margin:0;padding:0;display:block}.landing-contact-info{align-items:center;gap:60px;display:flex}.landing-contact-item{color:#303e4e;align-items:center;gap:12px;font-family:Red Hat Display,sans-serif;font-size:18px;font-weight:700;line-height:1.5;display:flex}.landing-contact-item svg{flex-shrink:0;width:24px;height:24px}.landing-header-controls{justify-self:end;align-items:center;gap:32px;height:100px;padding-right:40px;display:flex}.landing-language-selector{cursor:pointer;color:#303e4e;border-radius:8px;align-items:center;gap:10px;height:48px;padding:12px 20px;font-family:Red Hat Display,sans-serif;font-size:18px;font-weight:700;transition:background-color .2s;display:flex}.landing-language-selector:hover{background-color:#ffffff1a}.landing-language-selector svg{flex-shrink:0;width:22px;height:22px}.landing-help-icon{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:48px;height:48px;padding:12px;transition:background-color .2s;display:flex}.landing-help-icon:hover{background-color:#ffffff1a}.landing-help-icon svg{width:26px;height:26px}.landing-login-btn{color:#fff;cursor:pointer;background:#2a8ad2;border:none;border-radius:10px;justify-content:center;align-items:center;min-width:140px;height:48px;padding:16px 28px;font-family:Red Hat Display,sans-serif;font-size:18px;font-weight:700;transition:all .3s;display:flex;box-shadow:0 3px 10px #2a8ad24d}.landing-login-btn:hover{background:#1e6faa;transform:translateY(-1px);box-shadow:0 5px 15px #2a8ad266}.hero-content{box-sizing:border-box;z-index:10;flex:1;justify-content:center;align-items:center;gap:50px;width:100%;max-width:1440px;margin:0 auto;padding:100px 60px 40px;display:flex;position:relative}.hero-text{color:#494949;text-align:center;flex-direction:column;flex-shrink:0;align-items:center;gap:20px;width:auto;max-width:600px;height:auto;display:flex}.hero-text h1{color:#494949;text-align:center;margin:0;font-family:Red Hat Display,sans-serif;font-size:48px;font-weight:700;line-height:1.2}.hero-text h1 .smart-text,.hero-text h1 .rest-text,.hero-text h1 .line-break,.hero-text h1 .text-white{display:inline;color:#fff!important}.hero-text h1 .line-break{display:block!important}.hero-text h2{color:#494949;text-align:center;margin:0;font-family:Red Hat Display,sans-serif;font-size:24px;font-weight:400;line-height:1.4}.hero-text p{color:#494949;text-align:center;margin:0;font-family:Red Hat Display,sans-serif;font-size:18px;font-weight:400;line-height:1.5}.cta-button{color:#fff;cursor:pointer;background:#8548a8;border:none;border-radius:16px;justify-content:center;align-self:center;align-items:center;width:auto;height:auto;margin-bottom:110px;padding:12px 28px;font-family:Red Hat Display,sans-serif;font-size:18px;font-weight:700;line-height:normal;transition:all .3s;display:flex;box-shadow:0 4px 20px #8548a84d}.cta-button:hover{background:#6b3690;transform:translateY(-2px);box-shadow:0 8px 25px #8548a866}.hero-character{z-index:10;justify-content:center;align-items:center;width:475px;height:460px;margin-left:50px;display:flex;position:relative;top:auto;right:auto}.hero-character img{object-fit:contain;filter:drop-shadow(9px 14px 4px #00000040);width:100%;height:100%}.decorative-circles{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}.circle{opacity:1;border-radius:50%;position:absolute;transform:rotate(35.26deg)}.circle-1{background:#ffa055;width:100px;height:100px;animation:6s ease-in-out infinite float;top:217.94px;left:calc(100% - 140px)}.circle-2{background:#8548a8;width:83.86px;height:85.23px;animation:4s ease-in-out infinite reverse float;top:508px;left:calc(100% - 103.86px)}.circle-3{background:#8548a8;width:40px;height:40px;animation:5s ease-in-out infinite float;top:190px;left:calc(100% - 200px)}.circle-4{background:#ffa055;width:40px;height:40px;animation:7s ease-in-out infinite reverse float;top:122px;left:calc(100% - 511px)}.circle-5{background:#ffa055;width:40px;height:40px;animation:3s ease-in-out infinite float;top:484px;left:calc(100% - 567px)}.circle-6{background:#ffa055;width:40px;height:40px;animation:5.5s ease-in-out infinite reverse float;top:496px;left:-15px}.circle-7,.circle-8,.circle-9,.circle-10,.circle-11,.circle-12,.circle-13,.circle-14,.circle-15,.circle-16,.circle-17,.circle-18{display:none}@keyframes float{0%,to{transform:translateY(0)translate(0)scale(1)rotate(35.26deg)}25%{transform:translateY(-15px)translate(5px)scale(1.05)rotate(35.26deg)}50%{transform:translateY(-25px)translate(-3px)scale(1.1)rotate(35.26deg)}75%{transform:translateY(-10px)translate(8px)scale(1.05)rotate(35.26deg)}}.wave-container{pointer-events:none;width:100%;height:200px;position:absolute;bottom:0;left:0;overflow:hidden}.wave-svg{width:100%;height:100%;position:absolute;bottom:0;left:0}.wave-css{z-index:15;pointer-events:none;clip-path:ellipse(100% 100% at 50% 100%);background:#ffa055;width:100%;height:200px;position:absolute;bottom:0;left:0}.wave-pseudo{z-index:15;pointer-events:none;width:100%;height:150px;position:absolute;bottom:0;left:0}.wave-pseudo:before{content:"";transform-origin:bottom;background:#ffa055;border-radius:100% 100% 0 0/100px 100px 0 0;width:100%;height:100%;position:absolute;bottom:0;left:0;transform:scaleX(1.5)}.text-white-override{color:#fff!important}@media (max-width:768px){.wave-container,.wave-css,.wave-pseudo{height:100px}.service-cards{flex-direction:column;align-items:center;gap:30px;width:100%;height:auto;padding:0 20px}.service-card{width:320px;height:340px}.service-card img{width:140px;height:140px}.service-card h3{font-size:24px}.hero-content{text-align:center;flex-direction:column;align-items:center;gap:30px;height:auto;padding-top:120px;position:relative}.hero-text{text-align:center;align-items:center;gap:16px;width:100%;height:auto;padding:0 20px}.hero-text h1,.hero-text h2,.hero-text p{text-align:center;width:100%;font-size:clamp(24px,5vw,36px);line-height:1.3}.hero-text h2{font-size:clamp(20px,4vw,28px)}.hero-text p{font-size:clamp(14px,3vw,20px)}.cta-button{align-self:center;width:auto;height:auto;padding:12px 24px;font-size:18px}.hero-character{width:100%;max-width:350px;height:auto;margin-top:20px;position:relative;top:auto;right:auto}.hero-character img{width:auto;height:clamp(250px,40vh,400px)}.get-started-section{height:auto;padding-top:clamp(80px,12vh,100px)}.get-started-section h2{height:auto;font-size:clamp(32px,5vw,44px);line-height:1.3}.service-cards{padding:0 20px}.circle{display:none}}@media (max-width:480px){.landing-header{grid-template-rows:auto auto auto;grid-template-columns:1fr;justify-items:center;gap:16px;height:auto;padding:20px;position:relative}.landing-logo-container{grid-row:1;justify-self:center;padding-left:0}.landing-header-center{grid-row:2;justify-self:center}.landing-header-controls{grid-row:3;justify-self:center;padding-right:0}.landing-contact-info{flex-direction:column;gap:12px}.landing-contact-item,.landing-language-selector,.landing-login-btn{font-size:14px}.service-card{width:100%;height:auto;min-height:300px}.service-card img{width:120px;height:120px}.service-card h3{font-size:20px}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes pulse{50%{opacity:.5}}.flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,.08);box-shadow:1px 0 #e6e6e6,-1px 0 #e6e6e6,0 1px #e6e6e6,0 -1px #e6e6e6,0 3px 13px #00000014}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown .3s cubic-bezier(.23,1,.32,1);animation:fpFadeInDown .3s cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none!important;box-shadow:none!important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 #e6e6e6,5px 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:"";height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:#000000e6;fill:#000000e6;height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:#000000e6;fill:#000000e6}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{left:0}.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{right:0}.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,.15);-webkit-box-sizing:border-box;box-sizing:border-box}.numInputWrapper span:hover{background:#0000001a}.numInputWrapper span:active{background:#0003}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:#00000080}.numInputWrapper:hover{background:#0000000d}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:#0000000d}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch�;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:#000000e6}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:#000000e6}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:#00000080;background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:#0000000d}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:#0000008a;line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0,0,0);transform:translateZ(0);opacity:1}.dayContainer+.dayContainer{-webkit-box-shadow:-1px 0 0 #e6e6e6;box-shadow:-1px 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 #e6e6e6,5px 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:#3939394d;background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:#3939391a}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 #569ff7,5px 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:#3939394d;background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:700}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:700;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes fpFadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.viewallvets-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#1e293b2e;z-index:1000;display:flex;align-items:center;justify-content:center}.viewallvets-modal{background:#fff;border-radius:18px;box-shadow:0 8px 40px #1e293b2e;padding:38px 36px 32px;max-width:1200px;width:96vw;max-height:92vh;overflow-y:auto;position:relative;display:flex;flex-direction:column;align-items:center}.viewallvets-title{font-size:2rem;font-weight:700;color:#22313f;margin-bottom:36px;text-align:center}.viewallvets-close{position:absolute;top:18px;right:28px;background:none;border:none;font-size:2.2rem;color:#888;cursor:pointer;z-index:2}.viewallvets-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:32px 28px;width:100%;margin-bottom:38px}.viewallvets-card{background:#fff;border:1.5px solid #e0e0e0;border-radius:14px;padding:22px 24px 18px;display:flex;flex-direction:column;align-items:flex-start;min-width:240px;box-shadow:0 2px 8px #2c3e500a}.viewallvets-avatar{width:62px;height:62px;border-radius:50%;object-fit:cover;margin-bottom:12px}.viewallvets-name{font-weight:700;font-size:1.08rem;color:#22313f;margin-bottom:2px}.viewallvets-specialty{font-size:1rem;color:#444;margin-bottom:2px}.viewallvets-schedule{font-size:.97rem;color:#6b7280;margin-bottom:10px}.viewallvets-actions{display:flex;gap:16px;margin-top:8px}.viewallvets-profile{color:#1976d2;font-weight:500;font-size:1rem;text-decoration:none}.viewallvets-remove{background:none;border:none;color:#e74c3c;font-weight:500;font-size:1rem;cursor:pointer}.viewallvets-pagination{display:flex;align-items:center;gap:8px;margin-bottom:32px}.viewallvets-page-btn{background:none;border:none;font-size:1.3rem;color:#1976d2;cursor:pointer;padding:0 8px}.viewallvets-page-num{background:none;border:none;color:#22313f;font-size:1.08rem;font-weight:500;padding:4px 10px;border-radius:6px;cursor:pointer}.viewallvets-page-num.active{background:#e0f7fa;color:#00b4d8}.viewallvets-page-dots{color:#888;font-size:1.2rem;padding:0 4px}.viewallvets-back-btn{background:#00d4b3;color:#fff;border:none;border-radius:10px;font-weight:600;font-size:1.1rem;padding:14px 0;width:220px;margin:0 auto;display:block;cursor:pointer;transition:background .18s}.viewallvets-back-btn:hover{background:#059669}.clinicsetup-switch{position:relative;display:inline-block;width:47px;height:26px;vertical-align:middle}.clinicsetup-switch input{opacity:0;width:0;height:0}.clinicsetup-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#bdbdbd;transition:.3s;border-radius:26px}.clinicsetup-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 1px 4px #0000001f}.clinicsetup-switch input:checked+.clinicsetup-slider{background-color:#00d4b3}.clinicsetup-switch input:checked+.clinicsetup-slider:before{transform:translate(21px)}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.manage-team-container{padding-bottom:40px}.manage-team-header-row{display:flex;align-items:center;gap:12px;margin-top:24px}.manage-team-header-title{font-weight:600;font-size:22px}.manage-team-desc{margin-top:8px;color:#444;font-size:17px;font-weight:400}.manage-team-section-row{display:flex;align-items:center;justify-content:space-between;margin-top:40px;margin-bottom:12px}.manage-team-section-row>div{display:flex;justify-content:flex-start;width:100%;gap:12px}html[dir=rtl] .manage-team-section-row>div{justify-content:flex-end}.manage-team-section-title{font-weight:700;font-size:20px;margin:0}.manage-team-viewall{color:#1976d2;font-weight:600;font-size:16px;text-decoration:none}.manage-team-vet-list{display:flex;gap:24px;flex-wrap:wrap;margin-top:40px;margin-bottom:56px}.manage-team-vet-card{border:1px solid #e5e7eb;border-radius:16px;padding:24px;background:#fff;display:flex;flex-direction:column;align-items:center;box-shadow:0 2px 8px #0000000f;transition:all .3s ease;position:relative}.manage-team-vet-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-2px);border-color:#00d4b3}.manage-team-vet-img{width:80px;height:80px;border-radius:50%;object-fit:cover;margin-bottom:16px;border:3px solid #f1f5f9;box-shadow:0 4px 12px #0000001a}.manage-team-vet-name{font-weight:700;font-size:18px;color:#1e293b;margin-bottom:8px;text-align:center;line-height:1.3}.manage-team-vet-specialty{font-size:15px;color:#666;margin-bottom:2px;text-align:center}.manage-team-vet-schedule{font-size:14px;color:#64748b;margin-bottom:20px;text-align:center;min-height:24px;display:flex;align-items:center;justify-content:center}.manage-team-vet-actions{display:flex;gap:12px;width:100%;margin-top:auto}.manage-team-vet-profile{color:#0ea5e9;font-weight:500;font-size:14px;text-decoration:none;padding:8px 16px;border-radius:8px;transition:all .2s ease;flex:1;text-align:center;background:#f0f9ff}.manage-team-vet-profile:hover{background:#0ea5e9;color:#fff}.manage-team-vet-remove{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;font-weight:500;font-size:14px;cursor:pointer;padding:8px 16px;border-radius:8px;transition:all .2s ease;flex:1}.manage-team-vet-remove:hover{background:#dc2626;color:#fff;border-color:#dc2626}.manage-team-vet-owner{font-size:12px;color:#059669;background:#ecfdf5;border:1px solid #a7f3d0;padding:4px 12px;border-radius:20px;text-align:center;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.manage-team-add-btn{display:flex;align-items:center;gap:8px;background:#00d4b3;color:#fff;border:none;border-radius:10px;font-weight:600;font-size:18px;padding:12px 32px;margin-bottom:32px;cursor:pointer}.manage-team-add-btn-plus{font-size:22px;font-weight:700}@media (max-width: 768px){.manage-team-vet-list{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;padding:0 4px}.manage-team-vet-card{padding:20px 16px}.manage-team-vet-actions{flex-direction:column;gap:8px}.manage-team-vet-profile,.manage-team-vet-remove{padding:10px 16px;font-size:14px}}@media (max-width: 480px){.manage-team-vet-list{grid-template-columns:1fr;gap:16px}.manage-team-vet-card{margin:0 8px}}.manage-team-invite-title{font-weight:700;font-size:20px;margin:32px 0 8px}.manage-team-invite-desc{color:#444;font-size:16px;margin-bottom:0}.manage-team-close-btn{position:fixed;bottom:32px;right:40px;background:none;border:none;font-size:38px;color:#888;cursor:pointer}.manage-team-search-row{margin:32px 0 24px;display:flex;justify-content:flex-start}.manage-team-search{width:420px;padding:12px 44px;border:1.5px solid #d1d5db;border-radius:12px;font-size:1.08rem;background:#fff url(/icons/search.svg) no-repeat 16px center;background-size:20px 20px;outline:none;transition:border .2s}.manage-team-search:focus{border-color:#1976d2}.manage-team-list{display:flex;flex-direction:column;gap:18px;margin-bottom:40px;padding-left:75px;padding-right:75px}.manage-team-card{display:flex;align-items:center;background:#fff;border:1.5px solid #d1d5db;border-radius:14px;padding:18px 24px;box-shadow:0 2px 8px #2c3e500a;gap:18px;transition:box-shadow .18s,border .18s}.manage-team-card:not(:last-child){margin-bottom:8px}.manage-team-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;margin-right:12px}.manage-team-info{flex:1;min-width:0}.manage-team-name{font-weight:700;font-size:1.13rem;color:#22313f;margin-bottom:2px}.manage-team-specialty{font-size:1.01rem;color:#444;margin-bottom:2px}.manage-team-location{font-size:.98rem;color:#6b7280;display:flex;align-items:center;gap:4px}.manage-team-location-icon{font-size:1.1em}.manage-team-add-btn{display:flex;align-items:center;gap:8px;border:none;border-radius:10px;font-weight:600;font-size:1.08rem;padding:10px 28px;cursor:pointer;color:#fff;transition:background .18s}.manage-team-add-icon{font-size:1.2em}.manage-team-recently-invited-label{font-size:1.25rem;font-weight:700;color:#22313f;margin:38px 0 18px}.manage-team-invited-list{display:flex;flex-direction:column;gap:12px}.manage-team-invited-card{display:flex;align-items:center;background:#fff;border:1.5px solid #f3f4f6;border-radius:12px;padding:14px 22px;gap:16px;box-shadow:0 1px 4px #2c3e5008}.manage-team-invited-avatar{width:54px;height:54px;border-radius:50%;object-fit:cover;margin-right:10px}.manage-team-invited-info{flex:1;min-width:0}.manage-team-invited-name{font-weight:600;font-size:1.08rem;color:#22313f}.manage-team-invited-date{font-size:.98rem;color:#6b7280}.manage-team-invited-status{background:#fff4ea;color:#f59e42;font-weight:600;font-size:1.01rem;border-radius:10px;padding:7px 28px;margin-left:18px}.locationsection-row{display:flex;flex-direction:row;align-items:stretch;gap:24px;margin-top:24px;margin-bottom:24px}.clinicsetup-form-row{display:grid;flex-direction:row;gap:32px;margin-bottom:32px;align-items:start}.clinicsetup-location-row{display:flex;flex-direction:column;gap:24px}.clinicsetup-location-row .clinicsetup-form-row{display:flex;flex-direction:row;gap:24px;margin-bottom:20px}.clinicsetup-top-row{display:flex;align-items:center;gap:200px}.clinicsetup-basicinfo-col{flex:1 1 400px;display:flex;flex-direction:column;gap:24px;min-width:340px;max-width:520px}.clinicsetup-services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin:40px auto;max-width:1200px;padding:0 20px}.clinicsetup-service-item{border:2px solid #e2e8f0;border-radius:20px;padding:24px;background:linear-gradient(135deg,#fff,#f8fafc);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;transition:all .3s cubic-bezier(.4,0,.2,1);height:140px;box-sizing:border-box;position:relative;overflow:hidden;cursor:pointer}.clinicsetup-service-item:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#00d4b3,#00a693);transform:scaleX(0);transition:transform .3s ease}.clinicsetup-service-item:hover{box-shadow:0 12px 32px #00d4b326;transform:translateY(-4px);border-color:#00d4b34d;background:linear-gradient(135deg,#fff,#00d4b305)}.clinicsetup-service-item:hover:before{transform:scaleX(1)}.clinicsetup-service-item:has(input:checked){border-color:#00d4b3;background:linear-gradient(135deg,#00d4b314,#00d4b308);box-shadow:0 8px 24px #00d4b333;transform:translateY(-2px)}.clinicsetup-service-item:has(input:checked):before{transform:scaleX(1)}.clinicsetup-service-item input[type=checkbox]{width:20px;height:20px;accent-color:#00d4b3;cursor:pointer;position:relative;border-radius:4px}.clinicsetup-service-item label{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;text-align:center;width:100%}.clinicsetup-service-item label span{font-weight:700;font-size:16px;color:#1a202c;line-height:1.3;transition:color .3s ease}.clinicsetup-service-item:hover label span{color:#00a693}.clinicsetup-service-item .service-desc{color:#6b7280;font-size:.85rem;font-weight:400}.clinicsetup-service-item .service-icon{font-size:24px;margin-bottom:8px;opacity:.8;transition:all .3s ease}.clinicsetup-service-item:hover .service-icon{opacity:1;transform:scale(1.1)}.section-label{font-size:28px;font-weight:800;color:#1a202c;margin-bottom:32px;text-align:center;letter-spacing:-.02em;position:relative}.section-label:after{content:"";position:absolute;bottom:-12px;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,#00d4b3,#00a693);border-radius:2px}.clinicsetup-header-row{margin-top:12px;margin-bottom:16px}.clinicsetup-title{font-size:24px;font-weight:700;color:#22313f;margin:0;line-height:1.1}.clinicsetup-header-row span{font-size:20px;font-weight:600;color:#22313f;margin-left:8px}.clinicsetup-header-row .arrow{font-size:22px;font-weight:400;margin:0 8px}.clinicsetup-desc{margin:8px 0 0;color:#444;font-size:15px;font-weight:400}.clinicsetup-progressbar{padding-top:25px}.clinicsetup-progress-step{display:flex;flex-direction:column;align-items:center;flex:1;min-width:80px;gap:2px}.clinicsetup-progress-step span{font-size:15px;font-weight:700;color:#22313f;text-transform:uppercase;letter-spacing:.5px;opacity:.85;margin:0;text-align:center;line-height:1.2}.clinicsetup-progress-step.active span{color:#22313f;opacity:1}.clinicsetup-page-wrapper{min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:1}body{background:#fff!important}.clinicsetup-header-row{margin-bottom:48px;text-align:center;max-width:1000px;margin-left:auto;margin-right:auto}.clinicsetup-title{font-size:32px;font-weight:800;color:#1a202c;margin:0;letter-spacing:-.02em}.clinicsetup-section-title{font-size:20px;font-weight:700;color:#2d3748;margin:32px 0 24px;display:flex;align-items:center;gap:12px}.clinicsetup-desc{margin:8px 0 40px;color:#444;font-size:18px}.clinicsetup-progressbar{display:flex;align-items:center;justify-content:center;margin-bottom:32px;gap:0px;max-width:1000px;margin-left:auto;margin-right:auto}.clinicsetup-progress-step{display:flex;flex-direction:column;align-items:center;min-width:40px;gap:0px}.clinicsetup-progress-bar-active{width:150px;height:6px;background:linear-gradient(to right,#6ee7b7 50%,#d3d8dd 50%);border-radius:8px;margin-bottom:2px;margin-left:8px;margin-right:8px;transition:background .2s}.clinicsetup-progress-bar-inactive{width:150px;height:6px;background:#d3d8dd;border-radius:8px;margin-bottom:2px;margin-left:8px;margin-right:8px}.clinicsetup-form{background:#fff;border-radius:24px;box-shadow:0 8px 32px #0000000f;padding:48px;margin:48px auto 64px;max-width:1200px;border:1px solid rgba(0,212,179,.1)}.clinicsetup-section-label{font-weight:700;font-size:20px;margin-bottom:16px}.clinicsetup-logo-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;border:2.5px dashed #1976d2;border-radius:24px;background:#f7fafd;box-shadow:0 4px 24px #1e293b14;padding:36px 24px 28px;text-align:center;cursor:pointer;position:relative;margin-bottom:0;width:380px;min-width:220px;max-width:420px;margin-left:auto;margin-right:auto;box-sizing:border-box;transition:box-shadow .2s,border-color .2s}.basicinfo-section{align-items:center;gap:32px;width:100%}.basicinfo-fields-container{width:100%;max-width:700px;display:flex;flex-direction:column;gap:24px;margin:0 auto}.basicinfo-row{display:flex;gap:32px;justify-content:center;margin-bottom:0}.basicinfo-form-group{flex:1;display:flex;flex-direction:column;gap:8px}.basicinfo-form-group input,.basicinfo-form-group select{padding:10px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:15px;background:#fff;transition:border-color .2s}.basicinfo-form-group input:focus,.basicinfo-form-group select:focus{border-color:#3b82f6;outline:none}.basicinfo-error{color:#e53935;font-size:13px;margin-top:2px}.basicinfo-logo-upload:hover{border-color:#3b82f6}.basicinfo-logo-preview-container{display:flex;flex-direction:column;align-items:center;gap:12px}.basicinfo-logo-preview-wrapper{position:relative}.basicinfo-logo-preview-img{width:100%;height:150px;border-radius:16px;object-fit:cover;box-shadow:0 4px 12px #0000001a;border:3px solid #fff}.basicinfo-logo-edit-icon{position:absolute;top:-8px;right:-8px;background-color:#3b82f6;color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.basicinfo-logo-upload-placeholder{cursor:pointer;width:120px;height:120px;border-radius:20px;border:2.5px solid #d1d5db;border-color:#05e2b6;background-color:#f3f6f5;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .3s ease}.basicinfo-logo-upload-text{text-align:center}.basicinfo-logo-upload-text h3{margin:0 0 8px;font-size:18px;font-weight:600;color:#374151}.basicinfo-logo-upload-text p{margin:0 0 16px;font-size:14px;color:#6b7280;line-height:1.5}.basicinfo-logo-upload-btn{padding:12px 24px;background-color:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #3b82f64d}.basicinfo-logo-upload-btn:hover{background-color:#2563eb}.basicinfo-next-btn:disabled{background-color:#d1d5db!important;color:#888!important;cursor:not-allowed!important;border:none!important;box-shadow:none!important}.clinicsetup-form-group{flex:1;display:flex;flex-direction:column;justify-content:flex-start;margin-top:24px}.clinicsetup-form-group label{font-weight:600;margin-bottom:8px;display:block;min-height:20px;line-height:1.2}.clinicsetup-form-group input,.clinicsetup-form-group select{width:100%;padding:12px 16px;border:1.5px solid #e0e0e0;border-radius:8px;font-size:16px;margin-bottom:0;min-width:380px;max-width:480px;height:48px;box-sizing:border-box}.clinicsetup-form-group.half-width{min-width:0;max-width:100%;flex:1 1 0}.clinicsetup-form-group.full-width{flex:1 1 100%;min-width:100%;max-width:100%}.clinicsetup-form-actions{display:flex;gap:16px;justify-content:flex-start;margin-top:40px}.clinicsetup-search-btn:hover{background:#1565c0}.clinicsetup-clear-btn{background:#f44336;color:#fff;border:none;border-radius:8px;padding:12px 20px;font-weight:600;font-size:14px;cursor:pointer;transition:background .2s;white-space:nowrap}.clinicsetup-clear-btn:hover{background:#d32f2f}.clinicsetup-search-container{display:flex;gap:8px;align-items:center}.clinicsetup-workinghours-row-active{background-color:#e3f2fd!important;transition:background .2s}.clinicsetup-workinghours-table{width:100%;max-width:800px;margin:0 auto;border-collapse:collapse}.clinicsetup-workinghours-table th,.clinicsetup-workinghours-table td{padding:4px;font-size:14px;border-bottom:none}.clinicsetup-workinghours-table th{background:#f7f7fa;font-weight:600;color:#22313f;text-align:center}.clinicsetup-workinghours-table td{text-align:center}.clinicsetup-workinghours-table td:first-child{text-align:left;font-weight:500;color:#22313f}.working-hours-table input[type=text],.clinicsetup-workinghours-table input[type=time]{width:150px;height:32px;font-size:15px;border:1px solid #bdbdbd;border-radius:6px;background:#fff;transition:background .2s,opacity .2s;padding:2px;min-width:110px}.clinicsetup-workinghours-table input[type=time][disabled]{background:#f0f0f0;opacity:.6;cursor:not-allowed}.clinicsetup-page-wrapper:before{display:none}.clinicsetup-bg-right{display:none}@media (max-width: 1200px) and (min-width: 1025px){.clinicsetup-container{padding:0 30px;max-width:1100px}.clinicsetup-form{padding:28px}.clinicsetup-services-grid{grid-template-columns:repeat(4,1fr)!important;gap:16px!important}}@media (max-width: 1024px) and (min-width: 769px){.clinicsetup-container{padding:0 25px}.clinicsetup-form{margin:20px auto 32px;padding:26px}.clinicsetup-services-grid{grid-template-columns:repeat(3,1fr)!important;gap:14px!important}.clinicsetup-form-group.half-width{min-width:48%;max-width:48%}}@media (max-width: 900px){.clinicsetup-container{padding:0 20px}.clinicsetup-form{margin:24px auto 36px;padding:24px}.clinicsetup-services-grid{grid-template-columns:1fr 1fr 1fr!important;gap:12px!important}.clinicsetup-form-group.half-width,.clinicsetup-form-group input,.clinicsetup-form-group select{min-width:100%;max-width:100%}.clinicsetup-search-container{flex-direction:column;gap:12px}.clinicsetup-search-container input,.clinicsetup-search-btn,.clinicsetup-clear-btn{width:100%}.clinicsetup-progressbar{flex-wrap:wrap;gap:16px}}.basicinfo-form-group-input{border:1.5px solid #e0e0e0;border-radius:8px;font-size:16px;margin-bottom:0;min-width:380px;max-width:480px;height:48px;box-sizing:border-box}.clinicsetup-btn{background:#00b894;color:#fff;border:1.5px solid #bdbdbd;border-radius:8px;padding:12px 40px;font-weight:700;font-size:18px;cursor:pointer;transition:background .2s;width:15%}.clinicsetup-cancel-btn{background-color:#4251d8;color:#fff;border:none;border-radius:8px;padding:12px 40px;font-weight:700;font-size:18px;cursor:pointer;transition:background .2s}.clinicsetup-cancel-btn:disabled{background:#d1d5db!important;color:#888!important;cursor:not-allowed!important;border:none!important;box-shadow:none!important}.clinicsetup-save-btn{background:#00d4b3;color:#fff;border:none;border-radius:8px;font-weight:700;font-size:16px;padding:8px 24px;min-width:120px;margin-left:12px;cursor:pointer;transition:background .2s}.clinicsetup-save-btn:hover{background:#05e2b6}.clinicsetup-next-btn{color:#fff;border:none;background:#00b894;border-radius:8px;padding:12px 40px;font-weight:700;font-size:18px;cursor:pointer}.clinicsetup-next-btn:hover{background:#05e2b6}.clinicsetup-next-btn:disabled{background:#d1d5db!important;color:#888!important;cursor:not-allowed!important;border:none!important;box-shadow:none!important}.clinicsetup-search-btn{background:#1976d2;color:#fff;border:none;border-radius:8px;padding:12px 20px;font-weight:600;font-size:14px;cursor:pointer;transition:background .2s;white-space:nowrap}@media (max-width: 768px) and (min-width: 601px){.clinicsetup-container{padding:0 15px;margin-top:60px}.clinicsetup-form{padding:20px}.clinicsetup-services-grid{grid-template-columns:1fr 1fr 1fr!important;gap:12px!important}.clinicsetup-form-group,.basicinfo-form-group{width:100%!important;margin-bottom:14px!important}.clinicsetup-btn,.clinicsetup-cancel-btn,.clinicsetup-next-btn{font-size:15px;padding:12px 24px;min-height:44px}}@media (max-width: 786px){.clinicsetup-container{padding:0 8px;margin-top:72px}.clinicsetup-header-row{margin-top:24px;margin-bottom:24px}.clinicsetup-title{font-size:22px;margin-top:24px}.clinicsetup-form{padding:12px}.clinicsetup-form-group,.basicinfo-form-group{width:100%!important;max-width:100%!important;min-width:0!important;display:block!important;margin-bottom:16px!important}.clinicsetup-form-group input,.basicinfo-form-group input{width:100%!important;max-width:100%!important;min-width:0!important;font-size:13px!important;height:44px!important;padding:8px 12px!important;box-sizing:border-box;display:block!important;margin-bottom:10px!important}.clinicsetup-form-group select,.basicinfo-form-group select{width:100%!important;max-width:100%!important;min-width:0!important;font-size:13px!important;min-height:44px!important;height:auto!important;padding:12px 32px 12px 12px!important;box-sizing:border-box;display:block!important;margin-bottom:10px!important;line-height:1.4!important}.clinicsetup-btn,.clinicsetup-cancel-btn,.clinicsetup-next-btn{width:100%;padding:12px 0;font-size:16px;margin-bottom:8px}.clinicsetup-progressbar{gap:8px;margin-top:72px}.clinicsetup-page-wrapper:before,.clinicsetup-bg-right{display:none!important}}@media (max-width: 600px) and (min-width: 501px){.clinicsetup-container{padding:0 12px;margin-top:64px}.clinicsetup-form{padding:16px}.clinicsetup-services-grid{grid-template-columns:1fr 1fr!important;gap:12px!important;padding:12px}.clinicsetup-btn,.clinicsetup-cancel-btn,.clinicsetup-next-btn{font-size:14px;padding:12px 20px;min-height:44px}}@media (max-width: 500px){.clinicsetup-services-grid{padding-left:12px!important;padding-right:12px!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;font-size:14px!important;padding:10px}.clinicsetup-progressbar{margin-top:56px}.clinicsetup-container{padding:0 2px;margin-top:56px}.clinicsetup-title{font-size:18px;margin-top:32px}.clinicsetup-desc{font-size:14px;margin:4px 0 24px}.clinicsetup-form{padding:6px;box-shadow:none;border-radius:8px}.clinicsetup-form-group input{font-size:16px!important;height:44px!important;padding:12px 16px!important}.clinicsetup-form-group select,.basicinfo-form-group select{font-size:16px!important;min-height:44px!important;height:auto!important;padding:12px 36px 12px 16px!important;line-height:1.4!important}.clinicsetup-btn,.clinicsetup-cancel-btn,.clinicsetup-next-btn{font-size:14px;padding:12px 16px;min-height:44px;min-width:44px}.clinicsetup-header-row{margin-top:16px;margin-bottom:16px}}@media (max-width: 425px){.clinicsetup-services-grid{padding-left:8px!important;padding-right:8px!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;font-size:14px!important;padding:10px}.basicinfo-fields-container,.clinicsetup-form-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:16px!important}.clinicsetup-form-group,.basicinfo-form-group{width:100%!important;max-width:100%!important;min-width:0!important;display:block!important;margin-bottom:16px!important}.clinicsetup-form-group input,.basicinfo-form-group input{width:100%!important;max-width:100%!important;min-width:0!important;font-size:14px!important;height:40px!important;padding:8px 12px!important;box-sizing:border-box;display:block!important;margin-bottom:10px!important}.clinicsetup-form-group select,.basicinfo-form-group select{width:100%!important;max-width:100%!important;min-width:0!important;font-size:14px!important;min-height:40px!important;height:auto!important;padding:10px 30px 10px 12px!important;box-sizing:border-box;display:block!important;margin-bottom:10px!important;line-height:1.3!important}.clinicsetup-btn,.clinicsetup-cancel-btn,.clinicsetup-next-btn{font-size:12px;padding:10px 14px;min-height:40px;min-width:40px}.clinicsetup-header-row{margin-top:8px;margin-bottom:8px}.clinicsetup-page-wrapper:before,.clinicsetup-bg-right{display:none!important}}@media (hover: none) and (pointer: coarse){.clinicsetup-btn,.clinicsetup-cancel-btn,.clinicsetup-next-btn,.clinicsetup-save-btn{min-height:44px;min-width:44px;padding:12px 16px;touch-action:manipulation}.clinicsetup-form-group input,.basicinfo-form-group input{font-size:16px!important;min-height:44px;padding:12px 16px!important}.clinicsetup-form-group select,.basicinfo-form-group select{font-size:16px!important;min-height:44px!important;height:auto!important;padding:14px 40px 14px 16px!important;line-height:1.4!important}.clinicsetup-services-grid{gap:14px!important}.clinicsetup-services-grid label{min-height:44px;padding:12px;display:flex;align-items:center;justify-content:center}}.clinicsetup-form-section{padding:40px;background:linear-gradient(135deg,#fafafacc,#ffffffe6);border-radius:20px;border:1px solid rgba(0,212,179,.1);margin-bottom:32px;position:relative;transition:all .3s ease}.clinicsetup-form-section:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#00d4b3,#00a693);border-radius:20px 20px 0 0}.clinicsetup-form-section:hover{transform:translateY(-2px);box-shadow:0 12px 32px #00000014}.clinicsetup-section-title{font-size:22px;font-weight:700;color:#2d3748;margin:0 0 24px;display:flex;align-items:center;gap:12px}.clinicsetup-section-title:before{content:"";width:4px;height:24px;background:linear-gradient(135deg,#00d4b3,#00a693);border-radius:2px}.clinicsetup-section-divider{height:1px;background:linear-gradient(90deg,#00d4b34d,#00d4b30d);margin:40px 0;border:none}.clinicsetup-form-group input,.clinicsetup-form-group select,.basicinfo-form-group input,.basicinfo-form-group select{padding:16px 20px!important;border:2px solid #e2e8f0!important;border-radius:16px!important;font-size:16px!important;background:#fafafa!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;outline:none!important;font-weight:500!important;color:#2d3748!important;width:100%!important;box-sizing:border-box!important}.clinicsetup-form-group select,.basicinfo-form-group select{padding:16px 40px 16px 20px!important;cursor:pointer!important;background:#fafafa!important;line-height:1.5!important;height:auto!important;min-height:56px!important}.clinicsetup-form-group input:focus,.clinicsetup-form-group select:focus,.basicinfo-form-group input:focus,.basicinfo-form-group select:focus{border-color:#00d4b3!important;background:#fff!important;box-shadow:0 0 0 4px #00d4b326,0 4px 12px #0000001a!important;transform:translateY(-1px)!important}.clinicsetup-form-group select:hover,.basicinfo-form-group select:hover{border-color:#cbd5e0!important}.clinicsetup-form-group select:disabled,.basicinfo-form-group select:disabled{background-color:#f7fafc!important;color:#a0aec0!important;border-color:#e2e8f0!important;cursor:not-allowed!important}.clinicsetup-form-group select option,.basicinfo-form-group select option{padding:8px 12px;background:#fff;color:#2d3748;font-weight:500}.clinicsetup-form-group label,.basicinfo-form-group label{font-weight:700!important;font-size:16px!important;color:#1a202c!important;margin-bottom:8px!important;letter-spacing:-.01em!important}.clinicsetup-next-btn{background:linear-gradient(135deg,#00d4b3,#00a693)!important;color:#fff!important;position:relative!important;overflow:hidden!important;padding:16px 32px!important;border-radius:16px!important;font-weight:700!important;box-shadow:0 4px 12px #00d4b34d!important;border:none!important}.clinicsetup-next-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.clinicsetup-next-btn:hover:before{left:100%}.clinicsetup-next-btn:hover{background:linear-gradient(135deg,#00a693,#008774)!important;transform:translateY(-3px)!important;box-shadow:0 12px 32px #00d4b366!important}.clinicsetup-cancel-btn{background:#f7fafc!important;color:#4a5568!important;border:2px solid #e2e8f0!important;padding:16px 32px!important;border-radius:16px!important;font-weight:600!important;transition:all .3s ease!important}.clinicsetup-cancel-btn:hover{background:#edf2f7!important;border-color:#cbd5e0!important;transform:translateY(-1px)!important}.clinicsetup-progressbar{background:#ffffffe6!important;padding:20px!important;border-radius:20px!important;box-shadow:0 4px 20px #0000000d!important;margin-bottom:40px!important}.clinicsetup-logo-dropzone{border:2px dashed #cbd5e0!important;border-radius:20px!important;padding:40px!important;text-align:center!important;background:linear-gradient(135deg,#f7fafc,#edf2f7)!important;transition:all .3s ease!important}.clinicsetup-logo-dropzone:hover{border-color:#00d4b3!important;background:linear-gradient(135deg,#00d4b30d,#00d4b305)!important}.clinicsetup-title{font-size:32px!important;font-weight:800!important;color:#1a202c!important;margin:0!important;letter-spacing:-.02em!important;text-align:center!important}.clinicsetup-desc{margin:16px 0 40px!important;color:#4a5568!important;font-size:18px!important;text-align:center!important;font-weight:400!important}@media (max-width: 1200px) and (min-width: 1025px){.manage-team-vet-list{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.manage-team-add-btn{font-size:16px;padding:10px 24px}}@media (max-width: 1024px) and (min-width: 769px){.manage-team-vet-list{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.manage-team-section-row{flex-direction:column;align-items:flex-start;gap:16px}.manage-team-section-row>div{display:flex;gap:12px;flex-wrap:wrap}}@media (max-width: 768px) and (min-width: 601px){.manage-team-vet-list{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.manage-team-vet-card{padding:16px}.manage-team-add-btn{font-size:15px;padding:10px 20px;width:100%;justify-content:center}.manage-team-section-row>div{flex-direction:column;width:100%}}@media (max-width: 600px) and (min-width: 501px){.manage-team-vet-list{grid-template-columns:repeat(2,1fr);gap:14px}.manage-team-vet-card{padding:14px;width:100%}.manage-team-vet-img{width:56px;height:56px}.manage-team-desc{font-size:16px}}@media (max-width: 500px){.manage-team-vet-list{grid-template-columns:1fr;gap:12px}.manage-team-vet-card{padding:16px;flex-direction:row;text-align:left;align-items:center;gap:16px}.manage-team-vet-img{width:48px;height:48px;margin-bottom:0;flex-shrink:0}.manage-team-vet-info{flex:1}.manage-team-vet-name{font-size:16px;margin-bottom:4px;text-align:left}.manage-team-vet-schedule{font-size:13px;margin-bottom:8px;text-align:left}.manage-team-vet-actions{flex-direction:column;gap:8px}.manage-team-add-btn{font-size:14px;padding:12px 16px;margin-bottom:16px}.manage-team-desc{font-size:15px}}@media (max-width: 425px){.clinicsetup-container.hide-scrollbar,.clinicinfo-member-wrapper .clinicsetup-container{padding:0 16px 20px!important}.manage-team-header-row{margin-top:4px;margin-bottom:4px}.clinicsetup-title{font-size:20px!important;margin-bottom:4px;font-weight:700;line-height:1.3}.manage-team-desc{font-size:13px;line-height:1.5;margin-bottom:24px;color:#64748b}.manage-team-section-row{margin-top:0!important;margin-bottom:28px}.manage-team-section-actions{flex-direction:column!important;width:100%!important;gap:10px!important;align-items:flex-start!important}.manage-team-section-actions button.manage-team-add-btn{width:auto!important;flex:none!important;margin:0!important}.manage-team-add-btn{width:auto!important;flex:none!important;font-size:13px!important;padding:12px 20px!important;min-height:44px;border-radius:10px;font-weight:600;justify-content:center;display:inline-flex;align-items:center;gap:6px;box-shadow:0 2px 8px #00d4b333;transition:all .2s ease;white-space:nowrap}.manage-team-add-btn:active{transform:scale(.98);box-shadow:0 2px 8px #00d4b333}.manage-team-add-btn-plus{font-size:16px;font-weight:300;line-height:1}.manage-team-section-title{font-size:16px;font-weight:700;margin-bottom:16px;color:#1e293b;display:flex;align-items:center;justify-content:space-between}.manage-team-viewall{font-size:14px;padding:0;color:#00d4b3;font-weight:600;text-decoration:none}.manage-team-vet-list{display:flex;flex-direction:column;gap:12px;margin-top:0;margin-bottom:32px}.manage-team-vet-card{display:flex!important;flex-direction:column!important;align-items:flex-start!important;padding:16px!important;gap:12px!important;border:none!important;border-radius:12px!important;background:#f8fafc!important;box-shadow:none!important;transition:all .2s ease;margin-bottom:0!important}.manage-team-vet-card:active{background:#f1f5f9;transform:scale(.98)}.manage-team-vet-card{display:grid!important;grid-template-columns:56px 1fr;grid-template-rows:auto auto auto;gap:0 12px;align-items:start}.manage-team-vet-card>.manage-team-vet-img{width:56px;height:56px;border-radius:50%;grid-column:1;grid-row:1;border:3px solid #fff;box-shadow:0 2px 8px #00000014;margin-bottom:0}.manage-team-vet-card>.manage-team-vet-name{font-size:16px;font-weight:600;color:#1e293b;grid-column:2;grid-row:1;text-align:left;padding-top:16px;line-height:1.4;margin-bottom:0;align-self:center}.manage-team-vet-schedule{font-size:13px;color:#64748b;text-align:left;margin-bottom:0;grid-column:1 / -1;grid-row:2;margin-top:12px}.manage-team-vet-actions{grid-column:1 / -1;grid-row:3}.manage-team-vet-actions{display:flex!important;flex-direction:row!important;gap:8px!important;margin-top:0!important;width:100%!important;flex-wrap:wrap}.manage-team-vet-profile{font-size:13px!important;padding:10px 16px!important;min-height:44px!important;border-radius:10px!important;text-align:center!important;flex:1!important;min-width:0!important;font-weight:600!important;background:#e0f2fe!important;color:#0369a1!important;border:none!important;transition:all .2s ease;text-decoration:none!important;display:flex!important;align-items:center!important;justify-content:center!important}.manage-team-vet-profile:active{background:#bae6fd;transform:scale(.97)}.manage-team-vet-remove{font-size:13px!important;padding:10px 16px!important;min-height:44px!important;border-radius:10px!important;text-align:center!important;flex:1!important;min-width:0!important;font-weight:600!important;background:#fee2e2!important;color:#dc2626!important;border:none!important;transition:all .2s ease;cursor:pointer!important}.manage-team-vet-remove:active{background:#fecaca;transform:scale(.97)}.manage-team-vet-owner{font-size:12px;padding:8px 12px;border-radius:8px;font-weight:600;background:#d1fae5;color:#065f46;border:none}.manage-team-invite-title{font-size:16px;font-weight:700;margin:32px 0 8px;color:#1e293b}.manage-team-invite-desc{font-size:13px;margin-bottom:20px;line-height:1.5;color:#64748b}.manage-team-search-row{margin:0 0 16px}.manage-team-search{width:100%!important;padding:16px 20px 16px 48px!important;font-size:15px!important;border-radius:12px;min-height:52px;box-sizing:border-box;border:2px solid #e5e7eb;background:#fff;transition:all .2s ease}.manage-team-search:focus{border-color:#00d4b3;box-shadow:0 0 0 4px #00d4b31a;outline:none}.manage-team-list{padding:12px!important;gap:12px;margin-bottom:24px;border-radius:12px;border:none;background:#f8fafc}.manage-team-card{display:flex;flex-direction:row;align-items:center;padding:16px;gap:14px;border:none;border-radius:12px;background:#fff;box-shadow:0 2px 4px #0000000a;transition:all .2s ease}.manage-team-card:active{background:#f8fafc;transform:scale(.98);box-shadow:0 1px 2px #0000000a}.manage-team-avatar{width:56px;height:56px;border-radius:50%;margin-right:0;flex-shrink:0;border:3px solid #f1f5f9;box-shadow:0 2px 8px #00000014}.manage-team-info{flex:1;min-width:0}.manage-team-name{font-size:16px;font-weight:600;color:#1e293b;margin-bottom:4px}.manage-team-specialty{font-size:13px;color:#64748b;margin-bottom:4px}.manage-team-location{font-size:12px;color:#94a3b8}.manage-team-card>button{flex-shrink:0;min-width:110px;font-size:14px!important;padding:12px 18px!important;min-height:44px;border-radius:10px;white-space:nowrap;font-weight:600;border:none;transition:all .2s ease}.manage-team-card>button:active{transform:scale(.95)}.manage-team-card>div{display:flex;flex-direction:column;gap:8px;align-items:flex-end;flex-shrink:0;min-width:100px}.manage-team-card>div>div:first-child{padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;white-space:nowrap}.manage-team-card>div>button{font-size:13px!important;padding:10px 16px!important;min-height:40px;white-space:nowrap;border-radius:8px;font-weight:600;border:none}.manage-team-recently-invited-label{font-size:16px;font-weight:700;margin:24px 0 12px;color:#1e293b}.manage-team-vet-list>div[style*="textAlign: center"],.manage-team-list>div[style*="textAlign: center"]{padding:40px 16px!important;font-size:14px!important;color:#64748b;line-height:1.6}.modal-overlay{padding:0!important;align-items:flex-end!important;background:#0009!important}.manage-team-modal{width:100%!important;max-width:100%!important;max-height:90vh!important;border-radius:24px 24px 0 0!important;padding:28px 20px 32px!important;margin:0!important;box-shadow:0 -8px 32px #0003;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.manage-team-modal-actions{flex-direction:column!important;gap:12px!important;margin-top:12px}.manage-team-modal-btn{width:100%!important;min-height:52px!important;font-size:16px!important;padding:16px 20px!important;border-radius:12px;font-weight:600;border:none;transition:all .2s ease}.manage-team-modal-btn:active{transform:scale(.98)}.manage-team-modal textarea{font-size:15px!important;padding:14px!important;min-height:120px!important;border-radius:10px;border:2px solid #e5e7eb;resize:vertical}.manage-team-modal textarea:focus{border-color:#00d4b3;outline:none;box-shadow:0 0 0 4px #00d4b31a}.manage-team-modal h3{font-size:20px;font-weight:700;margin-bottom:4px}.modal-content{width:90%!important;max-width:360px!important;padding:28px 20px!important;border-radius:20px;box-shadow:0 8px 32px #00000026}}@media (max-width: 1200px) and (min-width: 1025px){.clinicsetup-services-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;max-width:1100px}.clinicsetup-service-item{height:130px;padding:20px}.clinicsetup-service-item label span{font-size:15px}}@media (max-width: 1024px) and (min-width: 769px){.clinicsetup-services-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;max-width:900px}.clinicsetup-service-item{height:120px;padding:18px}.clinicsetup-service-item label span{font-size:14px}.section-label{font-size:24px}}@media (max-width: 768px) and (min-width: 601px){.clinicsetup-services-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;padding:0 15px}.clinicsetup-service-item{height:110px;padding:16px}.clinicsetup-service-item label span{font-size:14px}.clinicsetup-service-item input[type='"checkbox"']{width:18px;height:18px}.section-label{font-size:22px}}@media (max-width: 600px) and (min-width: 501px){.clinicsetup-services-grid{grid-template-columns:repeat(2,1fr);gap:12px;padding:0 12px}.clinicsetup-service-item{height:100px;padding:14px}.clinicsetup-service-item label span{font-size:13px;line-height:1.2}.clinicsetup-service-item .service-icon{font-size:20px}.section-label{font-size:20px;margin-bottom:24px}}@media (max-width: 500px){.clinicsetup-services-grid{grid-template-columns:repeat(2,1fr);gap:10px;padding:0 10px}.clinicsetup-service-item{height:90px;padding:12px;border-radius:16px}.clinicsetup-service-item label span{font-size:12px;line-height:1.2}.clinicsetup-service-item input[type='"checkbox"']{width:16px;height:16px}.clinicsetup-service-item .service-icon{font-size:18px;margin-bottom:4px}.section-label{font-size:18px;margin-bottom:20px}}@media (max-width: 425px){.clinicsetup-services-grid{grid-template-columns:repeat(2,1fr);gap:8px;padding:0 8px}.clinicsetup-service-item{height:80px;padding:10px;border-radius:14px}.clinicsetup-service-item label{gap:4px}.clinicsetup-service-item label span{font-size:11px;line-height:1.1}.clinicsetup-service-item input[type='"checkbox"']{width:14px;height:14px}.clinicsetup-service-item .service-icon{font-size:16px;margin-bottom:2px}.section-label{font-size:16px;margin-bottom:16px}.section-label:after{width:40px;height:2px;bottom:-8px}}.verify-clinic-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10001;padding:20px}.verify-clinic-modal{background:#fff;border-radius:16px;width:100%;max-width:500px;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}.verify-clinic-modal-header{display:flex;flex-direction:column;align-items:center;padding:24px;border-bottom:1px solid #E5E7EB;position:relative}.verify-clinic-modal-icon{width:64px;height:64px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:16px;flex-shrink:0}.verify-clinic-modal-icon svg{width:32px;height:32px}.verify-clinic-modal-title{font-size:24px;font-weight:700;color:#1f2937;margin:0;text-align:center;width:100%;font-family:Red Hat Display,sans-serif}.verify-clinic-modal-close{position:absolute;right:24px;top:24px;width:36px;height:36px;background:#f3f4f6;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:all .2s ease;z-index:1}.verify-clinic-modal-close:hover{background:#e5e7eb;color:#374151}.verify-clinic-modal-content{padding:24px;display:flex;flex-direction:column;gap:16px}.verify-clinic-modal-message{font-size:16px;color:#374151;margin:0;text-align:center;font-family:Red Hat Display,sans-serif}.verify-clinic-modal-clinic-info{background:#f9fafb;border:1px solid #E5E7EB;border-radius:12px;padding:16px;text-align:center;font-family:Red Hat Display,sans-serif}.verify-clinic-modal-clinic-info strong{font-size:18px;color:#1f2937;font-weight:700}.verify-clinic-modal-clinic-name-ar{font-weight:400;color:#6b7280;font-size:16px}.verify-clinic-modal-clinic-id{margin-top:8px;font-size:14px;color:#6b7280}.verify-clinic-modal-warning{font-size:14px;color:#6b7280;margin:0;text-align:center;font-family:Red Hat Display,sans-serif;font-style:italic}.verify-clinic-modal-actions{display:flex;gap:12px;padding:24px;border-top:1px solid #E5E7EB}.verify-clinic-modal-btn{flex:1;padding:12px 24px;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;font-family:Red Hat Display,sans-serif}.verify-clinic-modal-btn-cancel{background:#f3f4f6;color:#374151}.verify-clinic-modal-btn-cancel:hover{background:#e5e7eb}.verify-clinic-modal-btn-confirm{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.verify-clinic-modal-btn-confirm:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.verify-clinic-modal-btn svg{width:18px;height:18px}@media (max-width: 768px){.verify-clinic-modal{max-width:100%}.verify-clinic-modal-actions{flex-direction:column-reverse}.verify-clinic-modal-btn{width:100%}}.reject-clinic-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10001;padding:20px}.reject-clinic-modal{background:#fff;border-radius:16px;width:100%;max-width:500px;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}.reject-clinic-modal-header{display:flex;flex-direction:column;align-items:center;padding:24px;border-bottom:1px solid #E5E7EB;position:relative}.reject-clinic-modal-icon{width:64px;height:64px;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:16px;flex-shrink:0}.reject-clinic-modal-icon svg{width:32px;height:32px}.reject-clinic-modal-title{font-size:24px;font-weight:700;color:#1f2937;margin:0;text-align:center;width:100%;font-family:Red Hat Display,sans-serif}.reject-clinic-modal-close{position:absolute;right:24px;top:24px;width:36px;height:36px;background:#f3f4f6;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:all .2s ease;z-index:1}.reject-clinic-modal-close:hover{background:#e5e7eb;color:#374151}.reject-clinic-modal-content{padding:24px;display:flex;flex-direction:column;gap:16px}.reject-clinic-modal-message{font-size:16px;color:#374151;margin:0;text-align:center;font-family:Red Hat Display,sans-serif}.reject-clinic-modal-clinic-info{background:#f9fafb;border:1px solid #E5E7EB;border-radius:12px;padding:16px;text-align:center;font-family:Red Hat Display,sans-serif}.reject-clinic-modal-clinic-info strong{font-size:18px;color:#1f2937;font-weight:700}.reject-clinic-modal-clinic-name-ar{font-weight:400;color:#6b7280;font-size:16px}.reject-clinic-modal-clinic-id{margin-top:8px;font-size:14px;color:#6b7280}.reject-clinic-modal-reason-section{display:flex;flex-direction:column;gap:8px}.reject-clinic-modal-label{font-size:14px;font-weight:600;color:#374151;font-family:Red Hat Display,sans-serif}.reject-clinic-modal-label-optional{font-weight:400;color:#6b7280}.reject-clinic-modal-textarea{width:100%;padding:12px 16px;border:2px solid #E5E7EB;border-radius:10px;font-size:14px;font-family:Red Hat Display,sans-serif;color:#1f2937;outline:none;transition:all .2s ease;resize:vertical;min-height:100px}.reject-clinic-modal-textarea:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.reject-clinic-modal-warning{font-size:14px;color:#6b7280;margin:0;text-align:center;font-family:Red Hat Display,sans-serif;font-style:italic}.reject-clinic-modal-actions{display:flex;gap:12px;padding:24px;border-top:1px solid #E5E7EB}.reject-clinic-modal-btn{flex:1;padding:12px 24px;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;font-family:Red Hat Display,sans-serif}.reject-clinic-modal-btn-cancel{background:#f3f4f6;color:#374151}.reject-clinic-modal-btn-cancel:hover{background:#e5e7eb}.reject-clinic-modal-btn-confirm{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.reject-clinic-modal-btn-confirm:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.reject-clinic-modal-btn svg{width:18px;height:18px}@media (max-width: 768px){.reject-clinic-modal{max-width:100%}.reject-clinic-modal-actions{flex-direction:column-reverse}.reject-clinic-modal-btn{width:100%}}.clinic-review-card{background:#fff;border:2px solid #E5E7EB;border-radius:16px;padding:24px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;gap:16px}.clinic-review-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26;transform:translateY(-2px)}.clinic-review-card.unverified{border-color:#f59e0b;border-width:2px;background:#fef3c7}.clinic-review-card.verified{border-color:#059669;border-width:2px;background:#d1fae5}.clinic-review-card.rejected{border-color:#dc2626;border-width:2px;background:#fee2e2}.clinic-review-card-header{display:flex;justify-content:space-between;align-items:center}.clinic-review-card-status{display:flex;align-items:center}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;font-family:Red Hat Display,sans-serif}.status-unverified{background:#f59e0b;color:#fff;border:1px solid #D97706;font-weight:700}.status-verified{background:#059669;color:#fff;border:1px solid #047857;font-weight:700}.status-rejected{background:#dc2626;color:#fff;border:1px solid #B91C1C;font-weight:700}.status-badge svg{width:14px;height:14px}.clinic-review-card-date{font-size:12px;color:#6b7280;font-family:Red Hat Display,sans-serif}.clinic-review-card-content{display:flex;flex-direction:column;gap:12px}.clinic-review-card-name{font-size:20px;font-weight:700;color:#1f2937;margin:0;font-family:Red Hat Display,sans-serif}.clinic-review-card-name-ar{font-weight:400;color:#6b7280;font-size:16px}.clinic-review-card-info{display:flex;flex-direction:column;gap:8px}.clinic-review-card-info-item{display:flex;align-items:center;gap:8px;font-size:14px;color:#374151;font-family:Red Hat Display,sans-serif}.clinic-review-card-info-item svg{color:#9ca3af;flex-shrink:0}.clinic-review-card-owner{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f3f4f6;border-radius:8px;font-size:14px;font-family:Red Hat Display,sans-serif}.clinic-review-card-owner-label{color:#6b7280;font-weight:500}.clinic-review-card-owner-name{color:#1f2937;font-weight:600}.clinic-review-card-actions{display:flex;gap:8px;margin-top:auto;padding-top:16px;border-top:1px solid #E5E7EB}.clinic-review-card-btn{flex:1;padding:10px 16px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px;font-family:Red Hat Display,sans-serif}.clinic-review-card-btn-view{background:#f3f4f6;color:#374151}.clinic-review-card-btn-view:hover{background:#e5e7eb}.clinic-review-card-btn-verify{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.clinic-review-card-btn-verify:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.clinic-review-card-btn-reject{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.clinic-review-card-btn-reject:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.clinic-review-card-btn-upgrade{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.clinic-review-card-btn-upgrade:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.clinic-review-card-btn-downgrade{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.clinic-review-card-btn-downgrade:hover{transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b4d}.clinic-review-card-btn svg{width:16px;height:16px}@media (max-width: 768px){.clinic-review-card-actions{flex-direction:column}.clinic-review-card-btn{width:100%}}.clinic-detail-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;overflow-y:auto}.clinic-detail-modal{background:#fff;border-radius:16px;width:100%;max-width:900px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}.clinic-detail-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #E5E7EB;position:sticky;top:0;background:#fff;z-index:1}.clinic-detail-modal-title{font-size:24px;font-weight:700;color:#1f2937;margin:0;font-family:Red Hat Display,sans-serif}.clinic-detail-modal-title-ar{font-weight:400;color:#6b7280;font-size:20px}.clinic-detail-modal-close{width:36px;height:36px;background:#f3f4f6;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:all .2s ease}.clinic-detail-modal-close:hover{background:#e5e7eb;color:#374151}.clinic-detail-modal-content{padding:24px;display:flex;flex-direction:column;gap:24px}.clinic-detail-modal-section{display:flex;flex-direction:column;gap:16px}.clinic-detail-modal-section-title{font-size:18px;font-weight:700;color:#1f2937;margin:0;font-family:Red Hat Display,sans-serif;padding-bottom:8px;border-bottom:2px solid #E5E7EB}.clinic-detail-modal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.clinic-detail-modal-field{display:flex;flex-direction:column;gap:4px}.clinic-detail-modal-field label{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;font-family:Red Hat Display,sans-serif}.clinic-detail-modal-field span{font-size:14px;color:#1f2937;font-family:Red Hat Display,sans-serif}.clinic-detail-modal-field a{color:#667eea;text-decoration:none}.clinic-detail-modal-field a:hover{text-decoration:underline}.clinic-detail-modal-description{font-size:14px;color:#374151;line-height:1.6;margin:0;font-family:Red Hat Display,sans-serif}.clinic-detail-modal-logo{display:flex;justify-content:center;align-items:center;padding:16px;background:#f9fafb;border-radius:12px;border:1px solid #E5E7EB}.clinic-detail-modal-logo-img{max-width:200px;max-height:200px;object-fit:contain;border-radius:8px}.clinic-detail-modal-services{display:flex;flex-wrap:wrap;gap:8px}.clinic-detail-modal-service-tag{padding:6px 12px;background:#f3f4f6;border:1px solid #E5E7EB;border-radius:20px;font-size:12px;color:#374151;font-family:Red Hat Display,sans-serif}.clinic-detail-modal-working-hours{display:flex;flex-direction:column;gap:8px}.clinic-detail-modal-working-hour{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f9fafb;border-radius:8px;font-family:Red Hat Display,sans-serif}.clinic-detail-modal-working-day{font-size:14px;font-weight:600;color:#1f2937}.clinic-detail-modal-working-time{font-size:14px;color:#6b7280}.clinic-detail-modal-rejection-reason{width:100%;padding:12px 16px;border:2px solid #E5E7EB;border-radius:10px;font-size:14px;font-family:Red Hat Display,sans-serif;color:#1f2937;outline:none;transition:all .2s ease;resize:vertical}.clinic-detail-modal-rejection-reason:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.clinic-detail-modal-actions{display:flex;gap:12px;padding:24px;border-top:1px solid #E5E7EB;position:sticky;bottom:0;background:#fff;z-index:1}.clinic-detail-modal-btn{flex:1;padding:12px 24px;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;font-family:Red Hat Display,sans-serif}.clinic-detail-modal-btn-verify{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.clinic-detail-modal-btn-verify:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.clinic-detail-modal-btn-reject{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.clinic-detail-modal-btn-reject:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.clinic-detail-modal-btn-close{background:#f3f4f6;color:#374151}.clinic-detail-modal-btn-close:hover{background:#e5e7eb}.clinic-detail-modal-btn-upgrade{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.clinic-detail-modal-btn-upgrade:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.clinic-detail-modal-btn-downgrade{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.clinic-detail-modal-btn-downgrade:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b4d}.clinic-detail-modal-btn svg{width:18px;height:18px}@media (max-width: 768px){.clinic-detail-modal{max-width:100%;max-height:95vh;margin:0}.clinic-detail-modal-grid{grid-template-columns:1fr}.clinic-detail-modal-actions{flex-direction:column-reverse}.clinic-detail-modal-btn{width:100%}}.admin-dashboard-page{min-height:100vh;background:#f9fafb;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.admin-dashboard-header-bar{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid #E5E7EB;box-shadow:0 1px 3px #0000001a}.admin-dashboard-header-bar-content{padding:16px 24px;display:flex;justify-content:space-between;align-items:center;gap:12px}.admin-dashboard-header-title{font-size:24px;font-weight:700;color:#1f2937;margin:0;font-family:Red Hat Display,sans-serif}.admin-dashboard-header-actions{display:flex;align-items:center;gap:12px}.admin-dashboard-logout-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#f3f4f6;border:1px solid #E5E7EB;border-radius:8px;font-size:14px;font-weight:600;color:#374151;cursor:pointer;transition:all .2s ease;font-family:Red Hat Display,sans-serif}.admin-dashboard-logout-btn:hover{background:#e5e7eb;border-color:#d1d5db;color:#1f2937}.admin-dashboard-logout-btn svg{width:18px;height:18px;flex-shrink:0}.admin-dashboard-stats-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#f3f4f6;border:1px solid #E5E7EB;border-radius:8px;font-size:14px;font-weight:600;color:#374151;cursor:pointer;transition:all .2s ease;font-family:Red Hat Display,sans-serif}.admin-dashboard-stats-btn:hover{background:#e5e7eb;border-color:#d1d5db;color:#1f2937}.admin-dashboard-stats-btn svg{width:18px;height:18px;flex-shrink:0}.admin-dashboard-language-toggle{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#f3f4f6;border:1px solid #E5E7EB;border-radius:8px;font-size:14px;font-weight:600;color:#374151;cursor:pointer;transition:all .2s ease;font-family:Red Hat Display,sans-serif}.admin-dashboard-language-toggle:hover{background:#e5e7eb;border-color:#d1d5db;color:#1f2937}.admin-dashboard-language-toggle svg{width:18px;height:18px;flex-shrink:0}.admin-dashboard-layout{display:flex;flex:1;overflow:hidden}.admin-dashboard-sidebar{width:260px;background:#fff;border-right:1px solid #E5E7EB;padding:24px 0;overflow-y:auto;flex-shrink:0}.admin-dashboard-sidebar-nav{display:flex;flex-direction:column;gap:4px;padding:0 12px}.admin-dashboard-sidebar-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border:none;background:transparent;border-radius:8px;font-size:15px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease;font-family:Red Hat Display,sans-serif;text-align:left;width:100%}.admin-dashboard-sidebar-item:hover{background:#f3f4f6;color:#374151}.admin-dashboard-sidebar-item.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:600}.admin-dashboard-sidebar-item.active svg{color:#fff}.admin-dashboard-sidebar-item svg{width:20px;height:20px;flex-shrink:0;color:inherit}.admin-dashboard-container{flex:1;padding:32px 24px;overflow-y:auto;max-width:calc(100vw - 260px)}.admin-dashboard-header{display:flex;justify-content:flex-start;align-items:flex-start;margin-bottom:32px;flex-wrap:wrap;gap:24px}.admin-dashboard-stats{display:flex;gap:16px;flex-wrap:wrap}.admin-dashboard-stat{background:#fff;border:1px solid #E5E7EB;border-radius:12px;padding:16px 24px;display:flex;flex-direction:column;gap:4px;min-width:120px}.admin-dashboard-stat-label{font-size:12px;color:#6b7280;font-weight:500;font-family:Red Hat Display,sans-serif}.admin-dashboard-stat-value{font-size:24px;font-weight:700;color:#1f2937;font-family:Red Hat Display,sans-serif}.admin-dashboard-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;gap:16px;flex-wrap:wrap}.admin-dashboard-search{flex:1;min-width:300px;position:relative;display:flex;align-items:center}.admin-dashboard-search svg{position:absolute;left:16px;color:#9ca3af;pointer-events:none}.admin-dashboard-search-input{width:100%;padding:12px 16px 12px 48px;border:2px solid #E5E7EB;border-radius:10px;font-size:16px;font-family:Red Hat Display,sans-serif;color:#1f2937;outline:none;transition:all .2s ease}.admin-dashboard-search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.admin-dashboard-filters{display:flex;gap:8px}.admin-dashboard-filter-btn{padding:10px 20px;background:#fff;border:2px solid #E5E7EB;border-radius:8px;font-size:14px;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s ease;font-family:Red Hat Display,sans-serif}.admin-dashboard-filter-btn:hover{border-color:#667eea;color:#667eea}.admin-dashboard-filter-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;color:#fff}.admin-dashboard-clinics{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:24px}.admin-dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px}.admin-dashboard-loading p{font-size:16px;color:#6b7280;font-family:Red Hat Display,sans-serif}.admin-dashboard-empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center;gap:16px}.admin-dashboard-empty svg{color:#9ca3af}.admin-dashboard-empty h3{font-size:24px;font-weight:600;color:#1f2937;margin:0;font-family:Red Hat Display,sans-serif}.admin-dashboard-empty p{font-size:16px;color:#6b7280;margin:0;font-family:Red Hat Display,sans-serif}.admin-dashboard-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:32px;padding:24px;background:#fff;border:1px solid #E5E7EB;border-radius:12px;gap:16px}.admin-dashboard-pagination-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#f3f4f6;border:1px solid #E5E7EB;border-radius:8px;font-size:14px;font-weight:600;color:#374151;cursor:pointer;transition:all .2s ease;font-family:Red Hat Display,sans-serif}.admin-dashboard-pagination-btn:hover:not(:disabled){background:#e5e7eb;border-color:#d1d5db;color:#1f2937}.admin-dashboard-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.admin-dashboard-pagination-btn svg{width:18px;height:18px;flex-shrink:0}.admin-dashboard-pagination-info{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1}.admin-dashboard-pagination-info span{font-size:14px;font-weight:600;color:#374151;font-family:Red Hat Display,sans-serif}.admin-dashboard-pagination-count{font-size:12px;font-weight:400;color:#6b7280}[dir=rtl] .admin-dashboard-sidebar{border-right:none;border-left:1px solid #E5E7EB}[dir=rtl] .admin-dashboard-sidebar-item{text-align:right}[dir=rtl] .admin-dashboard-header-bar-content,[dir=rtl] .admin-dashboard-header-actions{flex-direction:row-reverse}@media (max-width: 768px){.admin-dashboard-layout{flex-direction:column}.admin-dashboard-sidebar{width:100%;border-right:none;border-bottom:1px solid #E5E7EB;padding:12px 0}.admin-dashboard-sidebar-nav{flex-direction:row;overflow-x:auto;padding:0 12px;gap:8px}.admin-dashboard-sidebar-item{white-space:nowrap;min-width:fit-content}.admin-dashboard-container{max-width:100%;padding:24px 16px}.admin-dashboard-clinics{grid-template-columns:1fr}.admin-dashboard-header{flex-direction:column}.admin-dashboard-stats{width:100%;justify-content:space-between}.admin-dashboard-stat{flex:1;min-width:0}.admin-dashboard-controls{flex-direction:column}.admin-dashboard-search{width:100%;min-width:0}.admin-dashboard-pagination{flex-direction:column;gap:12px}.admin-dashboard-pagination-btn{width:100%;justify-content:center}.admin-dashboard-pagination-info{text-align:center}}.admin-dashboard-section-title{font-size:24px;font-weight:700;color:#1f2937;margin:0;font-family:Red Hat Display,sans-serif}.admin-dashboard-refresh-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#fff;border:1px solid #E5E7EB;border-radius:8px;font-size:14px;font-weight:600;color:#374151;cursor:pointer;transition:all .2s}.admin-dashboard-refresh-btn:hover{background:#f9fafb;border-color:#d1d5db}.admin-dashboard-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.admin-dashboard-sos-table-wrapper{background:#fff;border-radius:12px;border:1px solid #E5E7EB;overflow:hidden;margin-top:24px}.admin-dashboard-sos-table{width:100%;border-collapse:collapse}.admin-dashboard-sos-table thead{background:#f9fafb;border-bottom:2px solid #E5E7EB}.admin-dashboard-sos-table th{padding:16px;text-align:left;font-size:14px;font-weight:600;color:#374151;font-family:Red Hat Display,sans-serif}.admin-dashboard-sos-table td{padding:16px;border-bottom:1px solid #F3F4F6;font-size:14px;color:#6b7280}.admin-dashboard-sos-table tbody tr:hover{background:#f9fafb}.admin-dashboard-sos-table tbody tr:last-child td{border-bottom:none}.admin-dashboard-sos-status{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.admin-dashboard-sos-status.active,.admin-dashboard-sos-status.accepted{background:#d1fae5;color:#065f46}.admin-dashboard-sos-status.pending{background:#fef3c7;color:#92400e}.admin-dashboard-sos-end-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#fee2e2;border:1px solid #FECACA;border-radius:6px;font-size:13px;font-weight:600;color:#991b1b;cursor:pointer;transition:all .2s}.admin-dashboard-sos-end-btn:hover{background:#fee2e2;border-color:#fca5a5;color:#7f1d1d}.dev-admin-page{display:flex;flex-direction:column;height:100vh;background-color:#f8fafc;font-family:Red Hat Display,sans-serif;overflow:hidden}.dev-admin-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:#1e293b;color:#fff;border-bottom:1px solid #334155}.dev-admin-title{margin:0;font-size:1.5rem;font-weight:700;color:#f8fafc}.dev-admin-actions{display:flex;gap:1rem}.dev-admin-content{display:flex;flex:1;padding:1.5rem;gap:1.5rem;overflow:hidden}.dev-admin-panel{display:flex;flex-direction:column;background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;overflow:hidden}.dev-admin-panel:first-child{flex:1;max-width:400px}.dev-admin-panel:last-child{flex:2}.dev-admin-panel-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e2e8f0;background-color:#fff}.dev-admin-tabs{display:inline-flex;gap:8px;align-items:center}.dev-admin-tab{border:1px solid #e2e8f0;background:#f8fafc;color:#475569;font-weight:700;padding:.4rem .75rem;border-radius:999px;cursor:pointer;transition:all .2s ease;font-size:.85rem}.dev-admin-tab:hover{background:#f1f5f9}.dev-admin-tab.active{background:#eff6ff;border-color:#93c5fd;color:#1d4ed8}.dev-admin-table{border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;background:#fff}.dev-admin-table-row{display:grid;grid-template-columns:90px 1.2fr 1.2fr 140px 180px 110px;gap:12px;padding:10px 12px;border-bottom:1px solid #f1f5f9;font-size:.9rem;color:#334155}.dev-admin-table-row.head{background:#f8fafc;font-weight:800;color:#64748b;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em}.dev-admin-table-row:last-child{border-bottom:none}.dev-admin-panel-title{margin:0;font-size:1.1rem;font-weight:600;color:#1e293b}.dev-admin-count{font-size:.875rem;color:#64748b;background:#f1f5f9;padding:.25rem .75rem;border-radius:999px}.dev-admin-search{padding:1rem 1.5rem;border-bottom:1px solid #e2e8f0}.dev-admin-search input{width:100%;padding:.75rem 1rem;border:1px solid #cbd5e1;border-radius:8px;font-size:.95rem;outline:none;transition:all .2s}.dev-admin-search input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.dev-admin-user-list{flex:1;overflow-y:auto;padding:.5rem}.dev-admin-user-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-radius:8px;cursor:pointer;transition:all .2s;border-bottom:1px solid #f1f5f9}.dev-admin-user-item:hover{background-color:#f8fafc}.dev-admin-user-item.selected{background-color:#eff6ff;border-left:4px solid #3b82f6}.dev-admin-user-info h4{margin:0 0 .25rem;color:#334155;font-size:.95rem;font-weight:600}.dev-admin-user-info p{margin:0;color:#64748b;font-size:.85rem}.dev-admin-user-role{font-size:.75rem;font-weight:600;padding:.25rem .5rem;background-color:#e2e8f0;color:#475569;border-radius:4px;text-transform:uppercase}.dev-admin-details-content{flex:1;overflow-y:auto;padding:1.5rem}.dev-admin-section{margin-bottom:2rem}.dev-admin-section h3{margin:0 0 1rem;color:#64748b;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;font-weight:700}.dev-admin-info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}.dev-admin-info-item label{display:block;font-size:.75rem;color:#94a3b8;margin-bottom:.25rem;font-weight:600}.dev-admin-info-item span{display:block;color:#1e293b;font-weight:500;font-size:1rem}.dev-admin-pets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.dev-admin-pet-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1rem;text-align:center;transition:transform .2s}.dev-admin-pet-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a}.dev-admin-pet-img{width:80px;height:80px;border-radius:50%;object-fit:cover;margin-bottom:.75rem;border:3px solid #f1f5f9}.dev-admin-pet-name{font-weight:600;color:#1e293b;margin-bottom:.25rem}.dev-admin-pet-info{font-size:.8rem;color:#64748b;margin-bottom:.75rem}.dev-admin-btn{padding:.5rem 1rem;border-radius:6px;font-weight:600;border:none;cursor:pointer;transition:all .2s;font-size:.875rem}.dev-admin-btn.primary{background-color:#3b82f6;color:#fff}.dev-admin-btn.primary:hover{background-color:#2563eb}.dev-admin-btn.danger{background-color:#ef4444;color:#fff}.dev-admin-btn.danger:hover{background-color:#dc2626}.dev-admin-pet-delete{background:#fee2e2;color:#b91c1c;border:none;padding:.25rem .75rem;border-radius:4px;font-size:.75rem;font-weight:600;cursor:pointer;width:100%}.dev-admin-pet-delete:hover{background:#fecaca}.dev-admin-empty-state{display:flex;align-items:center;justify-content:center;height:100%;color:#94a3b8;font-weight:500}.loading-spinner{border:3px solid #f3f3f3;border-top:3px solid #3b82f6;border-radius:50%;width:30px;height:30px;animation:spin 1s linear infinite;margin:2rem auto}.dev-admin-skeleton-list{padding:12px;display:flex;flex-direction:column;gap:10px}.dev-admin-skeleton-item{padding:12px;border-radius:10px;background:#fff;border:1px solid #f1f5f9;display:flex;flex-direction:column;gap:10px}.dev-admin-skeleton-details{padding:6px 0}.dev-admin-skeleton-grid{margin-top:14px;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.dev-admin-skeleton-card{border:1px solid #f1f5f9;border-radius:12px;padding:12px;background:#fff;display:flex;flex-direction:column;gap:10px}.dev-admin-skeleton-table{margin-top:10px;border:1px solid #f1f5f9;border-radius:12px;padding:12px;background:#fff;display:flex;flex-direction:column;gap:10px}.dev-admin-skeleton-line{height:12px;border-radius:999px;background:linear-gradient(90deg,#f1f5f9,#e2e8f0,#f1f5f9 70%);background-size:200% 100%;animation:devAdminShimmer 1.2s ease-in-out infinite}.dev-admin-skeleton-line.w-35{width:35%}.dev-admin-skeleton-line.w-40{width:40%}.dev-admin-skeleton-line.w-45{width:45%}.dev-admin-skeleton-line.w-60{width:60%}.dev-admin-skeleton-line.w-70{width:70%}.dev-admin-skeleton-line.w-100{width:100%}@keyframes devAdminShimmer{0%{background-position:0% 0}to{background-position:-200% 0}}.no-data{color:#94a3b8;font-style:italic;font-size:.9rem}:root{--color-primary: #8b5cf6;--color-primary-dark: #7c3aed;--color-primary-light: #ddd6fe;--color-secondary: #ec4899;--color-success: #10b981;--color-warning: #f59e0b;--color-danger: #ef4444;--color-info: #3b82f6;--color-bg: #f9fafb;--color-surface: #ffffff;--color-text-main: #111827;--color-text-secondary: #6b7280;--color-border: #e5e7eb;--color-divider: #f3f4f6;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .06);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1)}.dashboard-container{width:100%;min-height:100vh;background-color:var(--color-bg);padding:var(--spacing-lg);font-family:Inter,sans-serif}.dashboard-content{width:100%;max-width:1400px;margin:0 auto}.dashboard-header-sticky,.detailed-page-header-sticky{position:sticky;top:0;z-index:50;padding:var(--spacing-lg) 0 0 0;background-color:var(--color-bg);width:100%;display:flex;flex-direction:column}.dashboard-header{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border-radius:var(--radius-xl);padding:var(--spacing-xl);color:#fff;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.dashboard-header-mini{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border-radius:var(--radius-xl);padding:var(--spacing-xl);color:#fff;box-shadow:var(--shadow-lg);position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center}.dashboard-header:after,.dashboard-header-mini:after{content:"";position:absolute;top:0;right:0;width:300px;height:100%;background:linear-gradient(to left,rgba(255,255,255,.1),transparent);pointer-events:none}.header-title{font-size:2rem;font-weight:800;margin:0;letter-spacing:-.025em}.header-subtitle{color:var(--color-primary-light);margin-top:var(--spacing-xs);font-size:1rem}.dashboard-toolbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-xl);padding:var(--spacing-sm) 0;gap:var(--spacing-lg);flex-wrap:wrap;background-color:var(--color-bg);position:sticky;top:0;z-index:40}.detailed-page-header-sticky{position:sticky;top:0;z-index:50;background-color:var(--color-bg);padding:var(--spacing-md) 0;margin-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.tabs-section{display:flex;gap:var(--spacing-lg)}.tab-button{padding:var(--spacing-md) 0;border:none;background:none;font-size:.95rem;font-weight:500;color:var(--color-text-secondary);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all var(--transition-fast);display:flex;align-items:center;gap:.5rem;white-space:nowrap}.tab-button:hover{color:var(--color-text-main)}.tab-button.active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:600}.filters-section{display:flex;align-items:center;gap:var(--spacing-md)}.filters-compact{display:flex;align-items:center;gap:var(--spacing-lg)}.filter-group-inline{display:flex;gap:var(--spacing-sm);align-items:center}.filter-link{background:none;border:none;padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:.875rem;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);font-weight:500}.filter-link:hover{background-color:#00000008;color:var(--color-text-main)}.filter-link.active{background-color:var(--color-primary-light);color:var(--color-primary-dark);font-weight:600}.filter-link.active{background-color:#8b5cf61a;color:var(--color-primary)}.filter-select-wrapper{display:flex;align-items:center}.filter-select-inline{padding:.4rem 2rem .4rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:#fff;font-size:.875rem;color:var(--color-text-main);cursor:pointer;outline:none;min-width:160px}.filter-select-inline:hover{border-color:var(--color-text-secondary)}.stats-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}@media (min-width: 640px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-card{background-color:var(--color-surface);border-radius:var(--radius-xl);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);transition:transform var(--transition-fast),box-shadow var(--transition-fast);position:relative;overflow:hidden}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md)}.stat-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.stat-value{font-size:2rem;font-weight:800;color:var(--color-text-main);line-height:1.2}.stat-icon-wrapper{width:3rem;height:3rem;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:1.5rem}.stat-trend{display:flex;align-items:center;font-size:.875rem;font-weight:600;margin-top:var(--spacing-sm)}.trend-up{color:var(--color-success)}.trend-down{color:var(--color-danger)}.panel-container{background-color:var(--color-surface);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);margin-bottom:var(--spacing-xl)}.panel-title{font-size:1.125rem;font-weight:700;color:var(--color-text-main);margin-bottom:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-sm)}.progress-container{margin-bottom:var(--spacing-md)}.progress-label-row{display:flex;justify-content:space-between;margin-bottom:var(--spacing-xs);font-size:.875rem;font-weight:500}.progress-track{width:100%;height:.625rem;background-color:var(--color-divider);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-dark));border-radius:var(--radius-full);transition:width 1s ease-out}.w-full{width:100%}.flex-row{display:flex;flex-direction:row}.flex-col{display:flex;flex-direction:column}.justify-between{justify-content:space-between}.items-center{align-items:center}.table-container{overflow-x:auto}.dashboard-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.875rem}.dashboard-table th{background-color:var(--color-bg);padding:var(--spacing-md) var(--spacing-lg);font-weight:600;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em;color:var(--color-text-secondary);text-align:left;border-bottom:1px solid var(--color-border)}.dashboard-table td{padding:var(--spacing-md) var(--spacing-lg);color:var(--color-text-main);border-bottom:1px solid var(--color-divider);background-color:var(--color-surface);transition:background-color var(--transition-fast)}.dashboard-table tr:last-child td{border-bottom:none}.dashboard-table tr:hover td{background-color:var(--color-bg)}.status-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;line-height:1}.status-badge.blue{background-color:#eef2ff;color:#3730a3}.status-badge.green{background-color:#ecfdf5;color:#065f46}.status-badge.red{background-color:#fef2f2;color:#991b1b}.status-badge.yellow{background-color:#fefce8;color:#854d0e}.status-badge.gray{background-color:#f3f4f6;color:#374151}.status-badge.purple{background-color:#fdf4ff;color:#86198f}.loading-skeleton{background-color:var(--color-divider);border-radius:var(--radius-md);animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.error-container{background-color:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:center;color:#b91c1c}.retry-button{margin-top:var(--spacing-md);padding:.5rem 1rem;background-color:#dc2626;color:#fff;border-radius:var(--radius-md);border:none;cursor:pointer;font-weight:500;transition:background-color var(--transition-fast)}.retry-button:hover{background-color:#b91c1c}.dashboard-nav-bar{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;margin-bottom:.75rem;border-bottom:1px solid var(--color-border)}.dashboard-nav-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .9rem;border-radius:var(--radius-md);border:1px solid transparent;font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);font-family:Inter,sans-serif}.dashboard-nav-btn--back{background-color:var(--color-surface);border-color:var(--color-border);color:var(--color-text-main)}.dashboard-nav-btn--back:hover{background-color:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary-dark)}.dashboard-nav-btn--logout{background-color:#fef2f2;border-color:#fecaca;color:#b91c1c}.dashboard-nav-btn--logout:hover{background-color:#fee2e2;border-color:#ef4444;color:#991b1b}.addpet-root{min-height:100vh;background:#fff}.addpet-main{padding-top:100px;padding-left:clamp(20px,5vw,80px);padding-right:clamp(20px,5vw,80px);padding-bottom:40px;font-family:Red Hat Display,sans-serif;margin:0}.addpet-container{border:1px solid #E5E7EB;border-radius:16px;box-shadow:0 10px 24px #0000000f;background:#fff;padding:clamp(20px,4vw,40px);max-width:1280px;margin:0 auto}.addpet-header{margin-bottom:40px}.addpet-back-btn{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #E5E7EB;border-radius:12px;color:#6b7280;font-family:Red Hat Display,sans-serif;font-size:14px;font-weight:500;cursor:pointer;padding:12px 20px;margin-bottom:16px;transition:all .3s ease;box-shadow:0 2px 4px #0000000d}.addpet-back-btn:hover{background:linear-gradient(135deg,var(--user-type-color, #8548A8),color-mix(in srgb,var(--user-type-color, #8548A8) 80%,white));border-color:var(--user-type-color, #8548A8);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px color-mix(in srgb,var(--user-type-color, #8548A8) 30%,transparent)}.addpet-header-content{text-align:center}.addpet-subtitle{font-family:Red Hat Display,sans-serif;font-size:16px;color:#6b7280;margin:8px 0 0}.addpet-image-section{margin-bottom:40px;display:flex;justify-content:center}.addpet-image-container{background:#fff;border-radius:16px;padding:32px;box-shadow:0 4px 6px #0000000d;max-width:400px;width:100%}.addpet-image-wrapper{display:flex;flex-direction:column;align-items:center;gap:20px;position:relative}.addpet-remove-image-btn{position:absolute;top:0;right:50%;transform:translate(100px,-10px);background:#fff;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px #00000026;z-index:10;color:#ef4444;border:2px solid #fff;transition:all .2s ease}.addpet-remove-image-btn:hover{background:#fef2f2;transform:translate(100px,-10px) scale(1.1)}.addpet-image-upload{position:relative;width:160px;height:160px;border-radius:50%;overflow:hidden;cursor:pointer;transition:all .3s ease;border:3px solid #F3F4F6;background:#fafafa;display:flex;align-items:center;justify-content:center}.addpet-image-upload:hover{border-color:var(--user-type-color, #2A8AD2);box-shadow:0 8px 25px color-mix(in srgb,var(--user-type-color, #2A8AD2) 15%,transparent),0 0 0 4px color-mix(in srgb,var(--user-type-color, #2A8AD2) 10%,transparent);transform:translateY(-2px);background:linear-gradient(135deg,color-mix(in srgb,var(--user-type-color, #2A8AD2) 5%,#FAFAFA),color-mix(in srgb,var(--user-type-color, #2A8AD2) 10%,#FAFAFA))}.addpet-image-upload img{object-fit:contain}.addpet-preview-image{width:100%;height:100%;object-fit:cover}.addpet-upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:12px;color:#9ca3af}.addpet-upload-text{font-family:Red Hat Display,sans-serif;font-size:14px;font-weight:500;color:#6b7280}.addpet-upload-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,color-mix(in srgb,var(--user-type-color, #2A8AD2) 70%,rgba(0,0,0,.8)),color-mix(in srgb,var(--user-type-color, #2A8AD2) 50%,rgba(0,0,0,.9)));color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;opacity:0;transition:opacity .3s ease;border-radius:50%}.addpet-image-upload:hover .addpet-upload-overlay{opacity:1}.addpet-upload-overlay span{font-family:Red Hat Display,sans-serif;font-size:14px;font-weight:500}.addpet-image-info{text-align:center}.addpet-image-title{font-family:Red Hat Display,sans-serif;font-size:18px;font-weight:600;color:#1f2937;margin:0 0 8px}.addpet-image-description{font-family:Red Hat Display,sans-serif;font-size:14px;color:#6b7280;margin:0;line-height:1.5}.addpet-form-section{background:#fff;border:1px solid #E5E7EB;border-radius:16px;margin-bottom:32px;overflow:hidden;box-shadow:0 4px 6px color-mix(in srgb,var(--user-type-color, #8548A8) 8%,transparent);transition:all .3s ease;position:relative}.addpet-form-section:hover{box-shadow:0 8px 25px color-mix(in srgb,var(--user-type-color, #8548A8) 15%,transparent);transform:translateY(-2px)}.addpet-form-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--user-type-color, #8548A8)}.addpet-section-header{background:transparent;padding:24px 32px 8px;border-bottom:none;position:relative;overflow:hidden}.addpet-section-header:before{display:none}.addpet-section-title{display:flex;align-items:center;gap:12px;font-family:Red Hat Display,sans-serif;font-size:20px;font-weight:600;color:#111827;margin:0;position:relative;z-index:1}.addpet-section-title svg{color:var(--user-type-color, rgb(133, 72, 168));filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));transition:all .3s ease}.addpet-section-title svg:hover{color:color-mix(in srgb,var(--user-type-color, rgb(133, 72, 168)) 80%,white);filter:drop-shadow(0 4px 8px color-mix(in srgb,var(--user-type-color, rgb(133, 72, 168)) 30%,transparent));transform:scale(1.1)}.addpet-section-description{font-family:Red Hat Display,sans-serif;font-size:14px;color:#6b7280;margin:0;line-height:1.5;position:relative;z-index:1}.addpet-form-content{padding:32px}.addpet-form-content .addpet-interests{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:20px;margin-top:8px}@media (min-width: 850px){.addpet-form-content .addpet-interests{grid-template-columns:repeat(3,minmax(180px,1fr))}}.addpet-interest-card{display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px 20px;border:2px solid #E5E7EB;border-radius:16px;cursor:pointer;transition:all .3s ease;background:#fff;position:relative;overflow:hidden;text-align:center}.addpet-interest-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;color:#8548a8;opacity:0;transition:opacity .3s ease}.addpet-interest-card:hover{border-color:var(--user-type-color, #8548A8);background:#f8fafc;transform:translateY(-4px);box-shadow:0 8px 25px color-mix(in srgb,var(--user-type-color, #8548A8) 15%,transparent)}.addpet-interest-card:hover:before{opacity:1}.addpet-interest-card.selected{border-color:var(--user-type-color, #8548A8);background:linear-gradient(135deg,color-mix(in srgb,var(--user-type-color, #8548A8) 10%,transparent),color-mix(in srgb,var(--user-type-color, #8548A8) 5%,transparent));box-shadow:0 8px 25px color-mix(in srgb,var(--user-type-color, #8548A8) 20%,transparent);transform:translateY(-2px)}.addpet-interest-card.selected:before{opacity:1}.addpet-interest-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:#f3f4f6;transition:all .3s ease}.addpet-interest-card:hover .addpet-interest-icon{background:#e0f2fe;transform:scale(1.1)}.addpet-interest-card.selected .addpet-interest-icon{background:linear-gradient(135deg,var(--user-type-color, #8548A8) 0%,color-mix(in srgb,var(--user-type-color, #8548A8) 80%,white) 100%);transform:scale(1.1)}.addpet-interest-card.selected .addpet-interest-icon img{filter:brightness(0) invert(1)}.addpet-interest-content{display:flex;flex-direction:column;align-items:center;gap:8px;position:relative}.addpet-interest-text{font-family:Red Hat Display,sans-serif;font-size:14px;font-weight:500;color:#374151;transition:all .3s ease}.addpet-interest-card.selected .addpet-interest-text{color:var(--user-type-color, #8548A8);font-weight:600}.addpet-form-content .addpet-input:focus{border-color:var(--user-type-color, #8548A8);box-shadow:0 0 0 3px color-mix(in srgb,var(--user-type-color, #8548A8) 10%,transparent);outline:none;transition:all .3s ease}.addpet-form-content .addpet-select:focus{border-color:var(--user-type-color, #8548A8);box-shadow:0 0 0 3px color-mix(in srgb,var(--user-type-color, #8548A8) 10%,transparent);outline:none;transition:all .3s ease}.addpet-form-content .addpet-label{color:#374151;font-weight:500}.addpet-form-content .addpet-radio-item{display:flex;align-items:center;gap:8px;cursor:pointer;padding:12px 20px;border:2px solid #E5E7EB;border-radius:12px;transition:all .2s ease;background:#fff}.addpet-form-content .addpet-radio-item:hover{border-color:var(--user-type-color, #894faf);background:#f8fafc;transform:translateY(-1px)}.addpet-form-content .addpet-radio-item input[type=radio]:checked+.addpet-radio-text{color:var(--user-type-color, #8548A8);font-weight:600}.addpet-form-content .addpet-radio-item:has(input[type=radio]:checked){border-color:var(--user-type-color, #8548A8);background:linear-gradient(135deg,color-mix(in srgb,var(--user-type-color, #8548A8) 5%,transparent),color-mix(in srgb,var(--user-type-color, #8548A8) 5%,rgba(255,255,255,.9)));box-shadow:0 4px 12px color-mix(in srgb,var(--user-type-color, #8548A8) 15%,transparent)}.addpet-form-content .addpet-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.addpet-form-content .addpet-mb-30{margin-bottom:24px}.addpet-form-content .addpet-control{margin-bottom:0}.addpet-form-content .addpet-select-wrapper{position:relative}.addpet-form-content .addpet-select-arrow{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:#6b7280}@media (max-width: 768px){.addpet-form-content .addpet-select-arrow{right:14px!important}.addpet-select-arrow svg{width:18px!important;height:18px!important}}@media (max-width: 500px){.addpet-form-content .addpet-select-arrow{right:12px!important}.addpet-select-arrow svg{width:16px!important;height:16px!important}}.addpet-actions{display:flex;gap:16px;justify-content:flex-end;align-items:center;margin-top:40px;padding-top:32px;padding-bottom:0;border-top:1px solid rgba(0,0,0,.08);position:relative;background:#fff}@media (min-width: 850px){.addpet-actions{position:sticky;bottom:20px;z-index:10;margin-top:40px;padding-top:24px;padding-bottom:20px;background:linear-gradient(to bottom,#fffffff2,#fff 20%);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}}.addpet-btn-primary{background:linear-gradient(135deg,var(--user-type-color, #8548A8) 0%,color-mix(in srgb,var(--user-type-color, #8548A8) 95%,transparent) 100%);border:none;border-radius:14px;color:#fff;font-family:Red Hat Display,sans-serif;font-size:16px;font-weight:600;padding:16px 40px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 14px color-mix(in srgb,var(--user-type-color, #8548A8) 25%,transparent),0 2px 4px #0000001a;position:relative;overflow:hidden;min-width:160px;display:flex;align-items:center;justify-content:center;gap:8px}.addpet-btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.addpet-btn-primary:hover:before{left:100%}.addpet-btn-primary:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--user-type-color, #8548A8) 90%,black) 0%,var(--user-type-color, #8548A8) 100%);transform:translateY(-2px);box-shadow:0 8px 24px color-mix(in srgb,var(--user-type-color, #8548A8) 35%,transparent),0 4px 8px #00000026}.addpet-btn-primary:active{transform:translateY(0);box-shadow:0 2px 8px color-mix(in srgb,var(--user-type-color, #8548A8) 25%,transparent)}.addpet-btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none;background:#9ca3af;box-shadow:none}.addpet-btn-secondary{background:#fff;border:2px solid #E5E7EB;border-radius:14px;color:#374151;font-family:Red Hat Display,sans-serif;font-size:16px;font-weight:600;padding:16px 40px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;min-width:160px;display:flex;align-items:center;justify-content:center;gap:8px}.addpet-btn-secondary:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:color-mix(in srgb,var(--user-type-color, #8548A8) 5%,transparent);opacity:0;transition:opacity .3s ease}.addpet-btn-secondary:hover:before{opacity:1}.addpet-btn-secondary:hover{border-color:var(--user-type-color, #8548A8);color:var(--user-type-color, #8548A8);transform:translateY(-2px);box-shadow:0 4px 12px #00000014;background:color-mix(in srgb,var(--user-type-color, #8548A8) 3%,#FFFFFF)}.addpet-btn-secondary:active{transform:translateY(0);box-shadow:0 2px 4px #0000000d}.addpet-btn-secondary span{position:relative;z-index:1}.addpet-main.rtl{direction:rtl}.addpet-main.ltr{direction:ltr}@media (max-width: 768px){.addpet-main.rtl .addpet-back-btn{flex-direction:row-reverse!important}.addpet-main.ltr .addpet-back-btn{flex-direction:row!important}}.addpet-title{font-family:Red Hat Display,sans-serif;font-size:38px;font-weight:600;color:#1f2937;text-align:center;margin-bottom:60px}.addpet-center-wrap{max-width:1140px;margin:0 auto}.addpet-flex-col-center{display:flex;flex-direction:column;align-items:center;margin-bottom:60px}.addpet-upload-container{position:relative;width:160px;height:160px;margin-bottom:20px}.addpet-upload-circle{width:100%;height:100%;border-radius:50%;border:2px dashed #d1d5db;display:flex;align-items:center;justify-content:center;background:#f9fafb;overflow:hidden;cursor:pointer}.addpet-upload-img{width:100%;height:100%;object-fit:cover}.addpet-hidden-input{display:none}.addpet-upload-edit-btn{position:absolute;bottom:-10px;right:-10px;width:40px;height:40px;border-radius:50%;background:#e5e7eb;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 8px #0000001a;z-index:2}.addpet-section{margin:0 auto 60px;max-width:1140px}.addpet-section-title{font-family:Red Hat Display,sans-serif;font-size:24px;font-weight:600;color:#303e4e;margin-bottom:30px}.addpet-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:60px}.addpet-control{max-width:540px}.addpet-label{font-family:Red Hat Display,sans-serif;font-weight:500;font-size:16px;color:#374151;display:block;margin-bottom:10px}.addpet-input{width:100%;height:56px;padding:0 20px;border:1.5px solid #e5e7eb;border-radius:14px;font-family:Red Hat Display,sans-serif;font-size:16px;color:#1f2937;box-sizing:border-box;outline:none;transition:border-color .2s ease;background:#fff}.addpet-select-wrapper{position:relative}.addpet-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff;padding-right:40px}.addpet-select-arrow{position:absolute;right:15px;top:50%;transform:translateY(-50%);pointer-events:none}.addpet-radio-group{display:flex;gap:40px}.addpet-radio-item{display:flex;align-items:center;gap:10px;cursor:pointer}.addpet-radio{width:20px;height:20px;accent-color:var(--user-type-color, #8548a8);-moz-appearance:none;appearance:none;-webkit-appearance:none;border:2px solid #E5E7EB;border-radius:50%;background:#fff;cursor:pointer;transition:all .3s ease;position:relative}.addpet-radio:hover{border-color:var(--user-type-color, #8548a8);box-shadow:0 0 0 2px color-mix(in srgb,var(--user-type-color, #8548a8) 10%,transparent)}.addpet-radio:checked{border-color:var(--user-type-color, #8548a8);background:var(--user-type-color, #8548a8);box-shadow:0 0 0 2px color-mix(in srgb,var(--user-type-color, #8548a8) 10%,transparent)}.addpet-radio:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;border-radius:50%;background:#fff}.addpet-radio-text{font-family:Red Hat Display,sans-serif;font-size:16px;color:#374151}.addpet-row-between{display:flex;align-items:center;gap:15px}.addpet-interests{display:flex;flex-wrap:wrap;gap:40px;justify-content:flex-start}.addpet-interest{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;padding:15px;border-radius:14px;transition:all .2s ease;position:relative;min-width:120px;justify-content:center}.addpet-interest-text{font-family:Red Hat Display,sans-serif;font-size:16px;color:#494949;font-weight:500}.custom-checkbox{position:relative;width:25px;height:24px;border-radius:6px;border:2px solid #d1d5db;background:transparent;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.custom-checkbox.checked{border-color:var(--user-type-color, #8548a8);background:var(--user-type-color, #8548a8)}.checkbox-input-hidden{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer;z-index:1}.addpet-error-box{max-width:1140px;margin:20px auto 0;padding:16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-family:Red Hat Display,sans-serif;font-size:14px}.addpet-error-title{font-weight:600;margin-bottom:8px}.addpet-error-list{margin:0;padding-left:20px}.confetti-overlay{position:fixed;top:0;left:0;z-index:100;pointer-events:none}.addpet-relative-full{position:relative;width:100%}.addpet-mb-30{margin-bottom:30px}.addpet-center-content{display:flex;justify-content:center;align-items:center;min-height:50vh}.addpet-center-text{text-align:center;padding:20px}.addpet-large-text{font-size:24px;color:#dc2626;margin-bottom:16px}.addpet-subtitle{font-size:16px;color:#9ca3af;margin-bottom:24px}.addpet-loading-text{font-size:24px;color:#6b7280;margin-bottom:16px}@media (max-width: 768px){.addpet-center-content{min-height:40vh;padding:20px}.addpet-center-text{padding:16px}.addpet-large-text{font-size:20px!important;margin-bottom:12px!important}.addpet-subtitle{font-size:14px!important;margin-bottom:20px!important}.addpet-loading-text{font-size:20px!important;margin-bottom:12px!important}.addpet-btn-primary{width:100%!important;max-width:300px!important}}@media (max-width: 500px){.addpet-center-content{min-height:35vh;padding:16px}.addpet-large-text{font-size:18px!important}.addpet-subtitle{font-size:13px!important}.addpet-loading-text{font-size:18px!important}}.mypets-root{min-height:100vh;background:#fff}.mypets-main{padding-top:100px;padding-left:clamp(20px,5vw,80px);padding-right:clamp(20px,5vw,80px);padding-bottom:40px;font-family:Red Hat Display,sans-serif;margin:0}.mypets-center-content{display:flex;justify-content:center;align-items:center;height:50vh}.mypets-error-content{flex-direction:column;gap:24px}.mypets-loading{display:flex;align-items:center;gap:16px;font-size:18px;color:#6b7280;font-family:Red Hat Display,sans-serif}.mypets-spinner{width:24px;height:24px;border:3px solid #E5E7EB;border-top:3px solid var(--user-type-color, #8548A8);border-radius:50%;animation:spin 1s linear infinite}.mypets-error-text{text-align:center;color:#dc2626;font-size:18px;font-family:Red Hat Display,sans-serif}.mypets-error-buttons{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}@media (max-width: 500px){.mypets-center-content{padding:20px!important}.mypets-loading{flex-direction:column!important;gap:12px!important;font-size:16px!important}.mypets-error-text{font-size:16px!important;padding:0 16px!important}.mypets-error-buttons{flex-direction:column!important;width:100%!important;max-width:300px!important}.mypets-btn-primary,.mypets-btn-error{width:100%!important;min-height:44px!important}}.mypets-btn-primary{padding:12px 24px;background:var(--user-type-color, #8548A8);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:16px;font-family:Red Hat Display,sans-serif}.mypets-btn-error{padding:12px 24px;background:#dc2626;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:16px;font-family:Red Hat Display,sans-serif}.mypets-section{border:1px solid #E5E7EB;border-radius:16px;box-shadow:0 10px 24px #0000000f;background:#fff;padding:clamp(20px,4vw,40px);max-width:1280px;margin:0 auto}.mypets-header{margin-bottom:40px;padding-top:36px}.mypets-header.rtl{text-align:right;direction:rtl}.mypets-header.ltr{text-align:left;direction:ltr}.mypets-title{font-family:Red Hat Display,sans-serif;font-size:clamp(28px,5vw,40px);font-weight:700;color:#303e4e;margin:0 0 6px;line-height:1.2;padding:5px;position:relative}.mypets-title{color:#000}.mypets-subtitle{font-family:Red Hat Display,sans-serif;font-size:16px;font-weight:400;color:#494949;margin:0}.mypets-controls{margin-bottom:32px}.mypets-controls-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:16px}.mypets-controls-header.rtl{direction:rtl}.mypets-controls-header.ltr{direction:ltr}.mypets-header-title-wrapper{display:flex;align-items:center;gap:16px;flex-wrap:wrap;flex:1 1 auto;min-width:0}.mypets-btn-back-text,.mypets-btn-text{white-space:nowrap}.mypets-btn-icon{flex-shrink:0}@media (max-width: 360px){.mypets-btn-back-text{display:none}.mypets-btn-back{width:40px!important;height:40px!important;padding:0!important;justify-content:center!important;min-width:40px!important}.mypets-btn-text{font-size:0!important;width:0!important;overflow:hidden!important}.mypets-btn-add,.mypets-btn-emergency{justify-content:center!important;padding:10px!important}.mypets-btn-add .mypets-btn-icon,.mypets-btn-emergency .mypets-btn-icon{margin:0!important}}.mypets-section-title{font-family:Red Hat Display,sans-serif;font-size:clamp(22px,4vw,28px);font-weight:600;color:#303e4e;margin:0;position:relative;display:inline-block}.mypets-section-title{color:#000}.mypets-buttons{display:flex;gap:clamp(8px,2vw,12px);flex-wrap:wrap}.mypets-btn-add{display:flex;align-items:center;gap:12px;padding:0px clamp(16px,3vw,24px);width:clamp(160px,25vw,190px);height:48px;background:var(--user-type-color, #303E4E);color:#fff;border:none;border-radius:14px;font-family:Red Hat Display,sans-serif;font-size:clamp(14px,2vw,16px);font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 3px 5px #00000014;justify-content:center}.mypets-btn-add:hover{background:color-mix(in srgb,var(--user-type-color, #303E4E) 85%,black);transform:translateY(-1px);box-shadow:0 5px 8px #0000001f}.mypets-btn-back{display:flex;align-items:center;gap:8px;padding:0px clamp(12px,2vw,16px);height:40px;background:transparent;color:var(--user-type-color, #8548A8);border:2px solid var(--user-type-color, #8548A8);border-radius:12px;font-family:Red Hat Display,sans-serif;font-size:clamp(13px,2vw,15px);font-weight:600;cursor:pointer;transition:all .2s ease;justify-content:center;white-space:nowrap}.mypets-btn-back:hover{background:var(--user-type-color, #8548A8);color:#fff;transform:translateY(-1px);box-shadow:0 3px 8px #0000001f}.mypets-btn-back svg{flex-shrink:0}.mypets-btn-emergency{display:flex;align-items:center;gap:10px;padding:0px clamp(16px,3vw,24px);width:clamp(220px,35vw,267px);height:48px;background:#e22626;color:#fff;border:none;border-radius:14px;font-family:Red Hat Display,sans-serif;font-size:clamp(13px,2vw,15px);font-weight:600;cursor:pointer;transition:all .2s ease;justify-content:center}.mypets-empty{text-align:center;padding:60px 20px;background:#f9fafb;border-radius:12px;border:2px dashed #D1D5DB}.mypets-empty.rtl{direction:rtl}.mypets-empty.ltr{direction:ltr}.mypets-empty-emoji{font-size:48px;margin-bottom:16px}.mypets-empty-title{font-size:24px;font-weight:600;color:#374151;margin-bottom:8px}.mypets-empty-description{font-size:16px;color:#6b7280;margin-bottom:24px}.mypets-btn-mock{padding:4px 8px;font-size:10px;font-weight:500;color:#666;background:transparent;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-family:Red Hat Display,sans-serif;opacity:1;display:block;margin:12px auto 0}.mypets-btn-mock.disabled{opacity:.6;cursor:not-allowed}.mypets-grid{display:grid;gap:24px;width:100%;max-width:1200px;margin:0 auto}.mypets-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 12px #00000014,0 2px 4px #0000000a;border:1px solid rgba(0,0,0,.08);transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;position:relative}.mypets-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--user-type-color, #8548A8) 0%,color-mix(in srgb,var(--user-type-color, #8548A8) 80%,transparent) 100%);opacity:.8;transition:opacity .3s ease}.mypets-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001f,0 4px 8px #00000014;border-color:#0000001f}.mypets-card:hover:before{opacity:1}.mypets-card-image{width:100%;height:200px;overflow:hidden;position:relative;background:linear-gradient(135deg,color-mix(in srgb,var(--user-type-color, #8548A8) 10%,#F3F4F6),color-mix(in srgb,var(--user-type-color, #8548A8) 5%,#F9FAFB));display:flex;align-items:center;justify-content:center;border-radius:16px 16px 0 0}.mypets-card-image img{object-fit:contain}.mypets-card-image:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,#0000,#00000005);pointer-events:none;transition:opacity .3s ease}.mypets-card:hover .mypets-card-image:after{opacity:.5}.mypets-card-img{width:20vh;height:20vh;object-fit:cover;border-radius:50%;transition:transform .4s cubic-bezier(.4,0,.2,1),filter .3s ease;border:3px solid rgba(255,255,255,.9);box-shadow:0 8px 16px #0000001f,0 2px 4px #00000014}.mypets-card:hover .mypets-card-img{transform:scale(1.08);box-shadow:0 12px 24px #00000029,0 4px 8px #0000001f;filter:brightness(1.05)}.mypets-card-content{padding:20px;display:flex;flex-direction:column;flex-grow:1;border-radius:0 0 16px 16px;background:#fff;position:relative}.mypets-card-content.rtl{direction:rtl}.mypets-card-content.ltr{direction:ltr}.mypets-card-name{font-family:Red Hat Display,sans-serif;font-size:20px;font-weight:700;color:var(--user-type-color, #303E4E);margin:0 0 16px;line-height:1.3;letter-spacing:-.01em}.mypets-card-details{display:flex;flex-direction:column;gap:14px;border-bottom:1px solid rgba(0,0,0,.08);padding-bottom:16px;margin-bottom:16px;flex-grow:1}.mypets-card-details.rtl{direction:rtl}.mypets-card-details.ltr{direction:ltr}.mypets-detail-row{display:flex;justify-content:space-between;align-items:center}.mypets-detail-label{font-family:Red Hat Display,sans-serif;font-size:15px;font-weight:500;color:#6b7280}.mypets-detail-value{font-family:Red Hat Display,sans-serif;font-size:15px;font-weight:600;color:#111827}.mypets-card-actions{display:flex;justify-content:space-between;gap:8px;padding:0;flex-wrap:wrap}.mypets-action-btn{background:color-mix(in srgb,var(--user-type-color, #8548A8) 8%,transparent);color:var(--user-type-color, #8548A8);border:1.5px solid color-mix(in srgb,var(--user-type-color, #8548A8) 20%,transparent);font-family:Red Hat Display,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);padding:8px 14px;border-radius:20px;position:relative;overflow:hidden;flex:1 1 auto;min-width:0;text-align:center;white-space:nowrap}.mypets-action-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.mypets-action-btn:hover:before{left:100%}.mypets-action-btn:hover{color:#fff;background:var(--user-type-color, #8548A8);border-color:var(--user-type-color, #8548A8);transform:translateY(-2px);box-shadow:0 4px 12px color-mix(in srgb,var(--user-type-color, #8548A8) 30%,transparent)}.mypets-action-btn:active{transform:translateY(0)}.mypets-action-view{background:color-mix(in srgb,#3B82F6 8%,transparent);color:#3b82f6;border-color:color-mix(in srgb,#3B82F6 20%,transparent)}.mypets-action-view:hover{background:#3b82f6;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f64d}.mypets-action-edit{background:color-mix(in srgb,#10B981 8%,transparent);color:#10b981;border-color:color-mix(in srgb,#10B981 20%,transparent)}.mypets-action-edit:hover{background:#10b981;border-color:#10b981;box-shadow:0 4px 12px #10b9814d}.mypets-action-delete{background:color-mix(in srgb,#EF4444 8%,transparent)!important;color:#ef4444!important;border-color:color-mix(in srgb,#EF4444 20%,transparent)!important;font-weight:600}.mypets-action-delete:hover{color:#fff!important;background:#ef4444!important;border-color:#ef4444!important;box-shadow:0 4px 12px #ef444466!important}.mypets-detail-value.health-status{font-weight:600;padding:4px 8px;border-radius:12px;font-size:14px;text-transform:capitalize}.mypets-detail-value.health-status.healthy{background-color:#d1fae5;color:#065f46}.mypets-detail-value.health-status.needs-checkup,.mypets-detail-value.health-status.needs-check-up,.mypets-detail-value.health-status.checkup{background-color:#fef3c7;color:#92400e}.mypets-detail-value.health-status.critical,.mypets-detail-value.health-status.urgent,.mypets-detail-value.health-status.emergency{background-color:#fee2e2;color:#991b1b}.mypets-detail-value.health-status.under-care,.mypets-detail-value.health-status.treatment,.mypets-detail-value.health-status.medicated{background-color:#dbeafe;color:#1e40af}.mypets-detail-value.health-status{background-color:#f3f4f6;color:#374151}.mypets-detail-value.adopted-rescued-badge{font-weight:600;padding:4px 8px;border-radius:12px;font-size:14px;text-transform:capitalize;display:inline-block}.mypets-detail-value.adopted-rescued-badge.adopted{background-color:#dbeafe;color:#1e40af}.mypets-detail-value.adopted-rescued-badge.rescued{background-color:#fef3c7;color:#92400e}.mypets-action-delete.disabled{color:#9ca3af;cursor:not-allowed}@media (max-width: 400px){.mypets-grid{grid-template-columns:1fr;gap:16px}.pets-grid{grid-template-columns:1fr!important;gap:16px!important}}@media (min-width: 401px) and (max-width: 500px){.mypets-grid{grid-template-columns:repeat(2,1fr);gap:12px}.pets-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}}@media (min-width: 500px) and (max-width: 849px){.mypets-grid{grid-template-columns:repeat(2,1fr);gap:20px}.pets-grid{grid-template-columns:repeat(2,1fr)!important;gap:20px!important}}@media (min-width: 850px){.mypets-grid{grid-template-columns:repeat(3,1fr);gap:24px}.pets-grid{grid-template-columns:repeat(3,1fr)!important;gap:24px!important}}@media (min-width: 1200px){.mypets-grid{grid-template-columns:repeat(3,1fr);gap:24px;max-width:1200px}.pets-grid{grid-template-columns:repeat(3,1fr)!important;gap:24px!important;max-width:1200px!important}}@media (max-width: 768px){.mypets-btn-add,.mypets-btn-emergency,.mypets-btn-back,.mypets-action-btn{min-height:44px!important;-webkit-tap-highlight-color:rgba(0,0,0,.1)}.mypets-card{-webkit-tap-highlight-color:rgba(0,0,0,.05)}}@media (min-width: 401px) and (max-width: 500px){.mypets-card-image{height:140px}.mypets-card-img{width:120px;height:120px;border-width:2px}}@media (max-width: 400px){.mypets-card-image{height:180px}.mypets-card-img{width:150px;height:150px;border-width:3px}}@media (min-width: 1400px){.mypets-main-responsive{padding-left:clamp(40px,6vw,120px)!important;padding-right:clamp(40px,6vw,120px)!important}.mypets-section-responsive{max-width:1400px!important}.mypets-grid-responsive{grid-template-columns:repeat(3,1fr)!important;gap:24px!important}}@media (min-width: 850px) and (max-width: 1399px){.mypets-main-responsive{padding-left:clamp(30px,4vw,80px)!important;padding-right:clamp(30px,4vw,80px)!important}.mypets-grid-responsive{grid-template-columns:repeat(3,1fr)!important;gap:24px!important}}@media (min-width: 769px) and (max-width: 849px){.mypets-main-responsive{padding-left:24px!important;padding-right:24px!important;padding-top:90px!important}.mypets-section-responsive{padding:24px 20px!important}.mypets-controls-header-responsive{flex-wrap:wrap!important;gap:12px!important}.mypets-section-title-responsive{font-size:clamp(20px,3vw,24px)!important}.mypets-buttons-responsive{gap:10px!important}.mypets-btn-add,.mypets-btn-emergency{width:auto!important;min-width:180px!important;flex:1 1 auto!important}.mypets-grid-responsive{grid-template-columns:repeat(2,1fr)!important;gap:20px!important}.mypets-card-actions{gap:20px!important;flex-wrap:wrap!important}.mypets-action-btn{flex:1 1 auto!important;min-width:100px!important}}@media (max-width: 500px){.mypets-main-responsive{padding:80px 16px 30px!important}.mypets-section-responsive{padding:20px 16px!important;border-radius:12px!important}.mypets-header-responsive{margin-bottom:24px!important;padding-top:0!important;text-align:center!important}.mypets-title-responsive{font-size:1.75rem!important;margin-bottom:8px!important}.mypets-subtitle-responsive{font-size:.95rem!important}.mypets-controls-responsive{margin-bottom:24px!important}.mypets-controls-header-responsive{flex-direction:column!important;align-items:stretch!important;gap:16px!important}.mypets-header-title-wrapper{width:100%!important;display:flex!important;align-items:center!important;gap:12px!important;flex-wrap:wrap!important}.mypets-section-title-responsive{font-size:clamp(18px,4vw,22px)!important;flex:1 1 auto!important;min-width:0!important}.mypets-btn-back{width:auto!important;flex-shrink:0!important}.mypets-buttons-responsive{width:100%!important;flex-direction:column!important;gap:12px!important}.mypets-btn-add,.mypets-btn-emergency{width:100%!important;justify-content:center!important;padding:14px 20px!important;font-size:clamp(14px,2vw,16px)!important;height:auto!important;min-height:48px!important}.mypets-btn-add svg,.mypets-btn-emergency img{width:24px!important;height:24px!important}.mypets-grid-responsive{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.mypets-card-responsive{width:100%!important}.mypets-card-image{height:140px!important}.mypets-card-img{width:120px!important;height:120px!important}.mypets-card-content{padding:12px!important}.mypets-card-name{font-size:clamp(16px,3.5vw,18px)!important;margin-bottom:10px!important}.mypets-card-details{gap:10px!important;padding-bottom:10px!important;margin-bottom:10px!important}.mypets-detail-row{flex-direction:column!important;align-items:flex-start!important;gap:4px!important}.mypets-detail-label,.mypets-detail-value{font-size:clamp(12px,2.5vw,14px)!important;width:100%!important}.mypets-detail-label{flex-shrink:0!important;font-size:clamp(11px,2.5vw,13px)!important;color:#9ca3af!important}.mypets-detail-value{text-align:left!important;word-break:break-word!important;font-weight:600!important}.mypets-card-details.rtl .mypets-detail-value{text-align:right!important}.mypets-card-actions{flex-direction:row!important;gap:4px!important;width:100%!important;flex-wrap:wrap!important}.mypets-action-btn{flex:1 1 calc(33.333% - 3px)!important;min-width:0!important;padding:6px 8px!important;font-size:clamp(11px,2.5vw,13px)!important;justify-content:center!important;border-radius:16px!important}.mypets-empty{padding:40px 16px!important;margin:0!important}.mypets-empty-emoji{font-size:40px!important}.mypets-empty-title{font-size:clamp(20px,4vw,24px)!important}.mypets-empty-description{font-size:clamp(14px,3vw,16px)!important}.mypets-btn-primary{width:100%!important;max-width:300px!important}}@media (max-width: 400px){.mypets-grid-responsive,.pets-grid{grid-template-columns:1fr!important;gap:16px!important}.mypets-card-image{height:180px!important}.mypets-card-img{width:150px!important;height:150px!important}.mypets-card-content{padding:16px!important}.mypets-card-name{font-size:clamp(18px,4vw,20px)!important;margin-bottom:12px!important}.mypets-card-details{gap:12px!important;padding-bottom:12px!important;margin-bottom:12px!important}.mypets-detail-row{flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:8px!important}.mypets-detail-label,.mypets-detail-value{font-size:clamp(14px,3vw,16px)!important;width:auto!important}.mypets-detail-label{flex-shrink:0!important}.mypets-detail-value{text-align:right!important}.mypets-card-details.rtl .mypets-detail-value{text-align:left!important}.mypets-card-actions{flex-direction:row!important;gap:8px!important;width:100%!important}.mypets-action-btn{flex:1 1 auto!important;padding:10px 14px!important;font-size:clamp(14px,3vw,16px)!important}}@media (max-width: 480px){.mypets-main-responsive{padding-left:12px!important;padding-right:12px!important;padding-top:70px!important}.mypets-section-responsive{padding:16px 12px!important;border-radius:8px!important}.mypets-controls-header-responsive{gap:12px!important}.mypets-header-title-wrapper{flex-direction:column!important;align-items:stretch!important;gap:10px!important}.mypets-btn-back{width:100%!important;justify-content:center!important}.mypets-section-title-responsive{font-size:clamp(16px,5vw,20px)!important;text-align:center!important;width:100%!important}.mypets-title-responsive{font-size:clamp(20px,5vw,24px)!important}.mypets-subtitle-responsive{font-size:.875rem!important}.mypets-btn-add,.mypets-btn-emergency{font-size:clamp(13px,3vw,15px)!important;padding:12px 16px!important;min-height:44px!important}.mypets-btn-add svg{width:20px!important;height:20px!important}.mypets-btn-emergency img{width:28px!important;height:28px!important}.mypets-grid-responsive{gap:12px!important}.mypets-card-image{height:130px!important}.mypets-card-img{width:110px!important;height:110px!important}.mypets-card-content{padding:10px!important}.mypets-card-name{font-size:clamp(14px,3.5vw,16px)!important;margin-bottom:8px!important}.mypets-card-details{gap:8px!important;padding-bottom:8px!important;margin-bottom:8px!important}.mypets-detail-row{flex-direction:column!important;align-items:flex-start!important;gap:3px!important}.mypets-detail-label,.mypets-detail-value{font-size:clamp(11px,2.5vw,13px)!important;width:100%!important}.mypets-detail-label{font-size:clamp(10px,2.5vw,12px)!important}.mypets-detail-value{text-align:left!important}.mypets-card-details.rtl .mypets-detail-value{text-align:right!important}.mypets-card-actions{gap:4px!important}.mypets-action-btn{font-size:clamp(10px,2.5vw,12px)!important;padding:5px 8px!important;border-radius:14px!important}.mypets-empty{padding:30px 12px!important}.mypets-empty-emoji{font-size:36px!important}.mypets-empty-title{font-size:clamp(18px,4vw,20px)!important}.mypets-empty-description{font-size:clamp(13px,3vw,14px)!important}}@media (max-width: 360px){.mypets-main-responsive{padding-left:8px!important;padding-right:8px!important}.mypets-section-responsive{padding:12px 8px!important}.mypets-section-title-responsive{font-size:16px!important}.mypets-btn-add,.mypets-btn-emergency{font-size:12px!important;padding:10px 12px!important}.mypets-card-image{height:120px!important}.mypets-card-img{width:100px!important;height:100px!important}.mypets-card-content{padding:8px!important}.mypets-card-name{font-size:14px!important;margin-bottom:6px!important}.mypets-card-details{gap:6px!important;padding-bottom:6px!important;margin-bottom:6px!important}.mypets-detail-label,.mypets-detail-value{font-size:11px!important}.mypets-detail-label{font-size:10px!important}.mypets-card-actions{gap:3px!important}.mypets-action-btn{font-size:10px!important;padding:4px 6px!important;border-radius:12px!important}}.petprofile-root{min-height:100vh;background:#fafafa;display:flex;flex-direction:column}.petprofile-main{flex:1;padding:120px 120px 60px;font-family:Red Hat Display,sans-serif;max-width:unset;margin:0 auto;width:100%;box-sizing:border-box}.petprofile-main.rtl{direction:rtl;text-align:right}.petprofile-main.ltr{direction:ltr;text-align:left}.petprofile-center-content{display:flex;align-items:center;justify-content:center}.petprofile-loading-container{text-align:center}.petprofile-spinner{width:48px;height:48px;border:4px solid #E5E7EB;border-top:4px solid var(--user-type-color, #8548A8);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}.petprofile-loading-title{font-size:20px;font-weight:600;color:#374151;font-family:Red Hat Display,sans-serif}.petprofile-error-container{text-align:center}.petprofile-error-title{color:#ef4444;margin-bottom:16px}.petprofile-error-message{color:#6b7280;margin-bottom:24px}.petprofile-error-buttons{display:flex;gap:12px;justify-content:center}.petprofile-btn-primary{padding:12px 24px;background:var(--user-type-color, #8548A8);color:#fff;border:none;border-radius:12px;font-family:Red Hat Display,sans-serif;font-weight:600;cursor:pointer;transition:all .2s ease}.petprofile-btn-primary:hover{background:color-mix(in srgb,var(--user-type-color, #8548A8) 85%,black);transform:translateY(-1px);box-shadow:0 4px 12px color-mix(in srgb,var(--user-type-color, #8548A8) 30%,transparent)}.petprofile-btn-secondary{padding:12px 24px;background:#6b7280;color:#fff;border:none;border-radius:12px;font-family:Red Hat Display,sans-serif;font-weight:600;cursor:pointer}.petprofile-title{font-family:Red Hat Display,sans-serif;font-size:38px;font-weight:600;color:#303e4e;text-align:center;margin-bottom:40px}.petprofile-image-container{display:flex;justify-content:center;margin-bottom:40px}.petprofile-image-wrapper{position:relative;width:160px;height:160px;border-radius:50%;overflow:hidden;border:4px solid var(--user-type-color, #FFFFFF);box-shadow:0 8px 25px #0000001a;background:#f3f4f6;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.petprofile-image{width:100%;height:100%;object-fit:contain}.petprofile-image-edit-btn{position:absolute;bottom:16px;right:16px;width:40px;height:40px;border-radius:50%;background:#e5e7eb;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 8px #0000001a;z-index:2}.petprofile-tabs-container{display:flex;justify-content:flex-start;margin-bottom:40px;border-bottom:1px solid #E5E7EB;overflow-x:auto;-webkit-overflow-scrolling:touch}.petprofile-tabs-wrapper{display:flex;gap:40px;padding-bottom:16px;min-width:max-content;flex-shrink:0}.petprofile-tab{background:transparent;border:none;padding:8px 0;font-family:Red Hat Display,sans-serif;font-size:16px;font-weight:400;color:#9ca3af;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease;white-space:nowrap}.petprofile-tab.active{font-weight:600;color:#303e4e;border-bottom:2px solid var(--user-type-color, #8548A8)}.petprofile-tab:hover:not(.active){color:#6b7280}@media (max-width: 1024px){.addpet-main{padding-left:40px;padding-right:40px}}@media (min-width: 769px) and (max-width: 849px){.addpet-main{padding:90px 30px 30px!important}.addpet-container{padding:30px 24px!important}.addpet-header,.addpet-image-section{margin-bottom:30px!important}.addpet-image-container{padding:24px!important}.addpet-image-upload{width:140px!important;height:140px!important}.addpet-form-section{margin-bottom:24px!important}.addpet-form-content .addpet-grid-2{grid-template-columns:1fr!important;gap:20px!important}.addpet-form-content .addpet-interests{grid-template-columns:repeat(2,1fr)!important;gap:16px!important}.addpet-actions{flex-direction:column-reverse!important;gap:12px!important;justify-content:stretch!important;position:relative!important;background:transparent!important;padding-bottom:0!important}.addpet-btn-primary,.addpet-btn-secondary{width:100%!important;min-width:100%!important;padding:16px 24px!important}.addpet-btn-primary{order:2}.addpet-btn-secondary{order:1}}@media (max-width: 768px){.addpet-main{padding:80px 16px 30px!important}.addpet-container{padding:24px 16px!important;border-radius:12px!important}.addpet-header{margin-bottom:24px!important}.addpet-back-btn{padding:10px 16px!important;font-size:13px!important;margin-bottom:12px!important}.addpet-image-section{margin-bottom:24px!important}.addpet-image-container{padding:20px!important;max-width:100%!important}.addpet-image-upload{width:120px!important;height:120px!important;border-width:2px!important}.addpet-upload-placeholder svg{width:40px!important;height:40px!important}.addpet-upload-text{font-size:12px!important}.addpet-image-title{font-size:16px!important}.addpet-image-description{font-size:13px!important}.addpet-form-section{margin-bottom:20px!important;border-radius:12px!important}.addpet-section-header{padding:20px 20px 8px!important}.addpet-section-title{font-size:18px!important}.addpet-section-title svg{width:20px!important;height:20px!important}.addpet-form-content{padding:20px!important}.addpet-form-content .addpet-grid-2{grid-template-columns:1fr!important;gap:16px!important}.addpet-control{max-width:100%!important}.addpet-label{font-size:14px!important;margin-bottom:8px!important}.addpet-input,.addpet-select{height:48px!important;font-size:15px!important;padding:0 16px!important}.addpet-radio-group{gap:12px!important;flex-wrap:wrap!important}.addpet-radio-item{padding:10px 16px!important;flex:1 1 auto!important;min-width:120px!important}.addpet-radio-text{font-size:14px!important}.addpet-form-content .addpet-interests{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.addpet-interest-card{padding:16px 12px!important}.addpet-interest-icon{width:40px!important;height:40px!important}.addpet-interest-icon img{width:24px!important;height:24px!important}.addpet-interest-text{font-size:13px!important}.addpet-error-box{padding:12px!important;font-size:13px!important;margin:20px 0!important}.addpet-actions{flex-direction:column-reverse!important;gap:12px!important;margin-top:30px!important;padding-top:24px!important;justify-content:stretch!important;position:relative!important;background:transparent!important}.addpet-btn-primary,.addpet-btn-secondary{width:100%!important;min-width:100%!important;padding:16px 24px!important;font-size:16px!important;height:auto!important;min-height:52px!important;border-radius:12px!important}.addpet-btn-primary{order:2;box-shadow:0 4px 12px color-mix(in srgb,var(--user-type-color, #8548A8) 25%,transparent)!important}.addpet-btn-secondary{order:1;background:#f9fafb!important;border-color:#d1d5db!important}.addpet-btn-secondary:hover{background:#f3f4f6!important;border-color:var(--user-type-color, #8548A8)!important}}@media (max-width: 500px){.addpet-main{padding:70px 12px 24px!important}.addpet-container{padding:20px 12px!important;border-radius:8px!important}.addpet-header{margin-bottom:20px!important}.addpet-back-btn{padding:8px 12px!important;font-size:12px!important;margin-bottom:10px!important}.addpet-back-btn svg{width:16px!important;height:16px!important}.addpet-image-section{margin-bottom:20px!important}.addpet-image-container{padding:16px!important}.addpet-image-upload{width:100px!important;height:100px!important}.addpet-upload-placeholder svg{width:32px!important;height:32px!important}.addpet-image-title{font-size:14px!important;margin-bottom:6px!important}.addpet-image-description{font-size:12px!important}.addpet-form-section{margin-bottom:16px!important;border-radius:8px!important}.addpet-section-header{padding:16px 16px 6px!important}.addpet-section-title{font-size:16px!important}.addpet-section-title svg{width:18px!important;height:18px!important}.addpet-form-content{padding:16px!important}.addpet-form-content .addpet-grid-2{gap:12px!important}.addpet-label{font-size:13px!important;margin-bottom:6px!important}.addpet-input,.addpet-select{height:44px!important;font-size:14px!important;padding:0 14px!important}.addpet-radio-group{gap:8px!important;flex-direction:column!important}.addpet-radio-item{padding:8px 12px!important;width:100%!important;min-width:100%!important}.addpet-radio-text{font-size:13px!important}.addpet-form-content .addpet-interests{grid-template-columns:1fr!important;gap:10px!important}.addpet-interest-card{padding:12px!important;flex-direction:row!important;justify-content:flex-start!important;text-align:left!important}.addpet-interest-icon{width:36px!important;height:36px!important;flex-shrink:0!important}.addpet-interest-icon img{width:20px!important;height:20px!important}.addpet-interest-content{align-items:flex-start!important;text-align:left!important}.addpet-interest-text{font-size:12px!important}.addpet-error-box{padding:10px!important;font-size:12px!important;margin:16px 0!important}.addpet-error-title{font-size:13px!important;margin-bottom:6px!important}.addpet-actions{margin-top:24px!important;padding-top:20px!important;gap:10px!important;flex-direction:column-reverse!important}.addpet-btn-primary,.addpet-btn-secondary{padding:14px 20px!important;font-size:15px!important;min-height:48px!important;width:100%!important}.addpet-btn-primary{order:2}.addpet-btn-secondary{order:1}}@media (max-width: 400px){.addpet-main{padding-left:8px!important;padding-right:8px!important}.addpet-container{padding:16px 10px!important}.addpet-back-btn{padding:6px 10px!important;font-size:11px!important}.addpet-image-upload{width:90px!important;height:90px!important}.addpet-section-header{padding:12px 12px 4px!important}.addpet-section-title{font-size:15px!important}.addpet-form-content{padding:12px!important}.addpet-label{font-size:12px!important}.addpet-input,.addpet-select{height:42px!important;font-size:13px!important;padding:0 12px!important}.addpet-radio-item{padding:6px 10px!important}.addpet-radio-text{font-size:12px!important}.addpet-interest-card{padding:10px!important}.addpet-btn-primary,.addpet-btn-secondary{padding:12px 18px!important;font-size:14px!important;min-height:46px!important;width:100%!important}.addpet-btn-primary{order:2}.addpet-btn-secondary{order:1}}@media (min-width: 769px) and (max-width: 849px){.petprofile-main{padding:100px 40px 40px!important}.addpet-container{padding:30px 24px!important}.addpet-header{margin-bottom:24px!important}.petprofile-image-container{margin-bottom:30px!important}.petprofile-image-wrapper{width:140px!important;height:140px!important}.petprofile-tabs-container{margin-bottom:30px!important;justify-content:flex-start!important}.petprofile-tabs-wrapper{gap:24px!important;padding-left:0!important}.petprofile-tab{font-size:15px!important}.petprofile-medical-subtabs{margin-bottom:16px!important}.petprofile-medical-subtabs-wrapper{gap:8px!important}.petprofile-medical-subtabs button{padding:8px 14px!important;font-size:13px!important}}@media (max-width: 768px){.petprofile-main{padding:80px 20px 40px!important}.addpet-container{padding:24px 16px!important}.addpet-header{margin-bottom:24px!important}.addpet-back-btn{padding:10px 16px!important;font-size:14px!important}.petprofile-image-container{margin-bottom:24px!important}.petprofile-image-wrapper{width:120px!important;height:120px!important;border-width:3px!important}.petprofile-image-edit-btn{width:36px!important;height:36px!important;bottom:12px!important;right:12px!important}.petprofile-tabs-container{margin-bottom:24px!important;margin-left:0!important;margin-right:0!important;border-bottom:none!important;overflow-x:auto;-webkit-overflow-scrolling:touch;background:linear-gradient(to bottom,#f9fafbcc,#f9fafb66);border-radius:16px;padding:8px;box-shadow:0 2px 8px #0000000a;scrollbar-width:none;-ms-overflow-style:none;scroll-padding-left:8px;scroll-padding-right:8px;justify-content:flex-start!important;align-items:flex-start!important}.petprofile-tabs-container::-webkit-scrollbar{display:none}.petprofile-tabs-wrapper{gap:8px!important;padding:4px!important;min-width:max-content;background:#fff;border-radius:12px;box-shadow:inset 0 1px 2px #0000000d;display:flex;align-items:center;flex-shrink:0;margin-left:0!important;margin-right:auto!important}.petprofile-tabs-wrapper>.petprofile-tab:first-child{margin-left:0!important}.petprofile-tabs-container:before{content:"";flex-shrink:0;width:0;height:0}.petprofile-tab{font-size:14px!important;padding:10px 16px!important;white-space:nowrap;border-radius:8px!important;background:transparent!important;border:none!important;border-bottom:none!important;color:#6b7280!important;font-weight:500!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;position:relative;min-height:40px;display:flex;align-items:center;justify-content:center}.petprofile-tab:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;background:linear-gradient(135deg,var(--user-type-color, #8548A8) 0%,color-mix(in srgb,var(--user-type-color, #8548A8) 90%,transparent) 100%);opacity:0;transition:opacity .3s ease}.petprofile-tab.active{background:linear-gradient(135deg,var(--user-type-color, #8548A8) 0%,color-mix(in srgb,var(--user-type-color, #8548A8) 95%,transparent) 100%)!important;color:#fff!important;font-weight:600!important;border-bottom:none!important;box-shadow:0 4px 12px color-mix(in srgb,var(--user-type-color, #8548A8) 25%,transparent),0 2px 4px #0000001a;transform:translateY(-1px)}.petprofile-tab.active:before{opacity:0}.petprofile-tab:hover:not(.active){color:var(--user-type-color, #8548A8)!important;background:color-mix(in srgb,var(--user-type-color, #8548A8) 8%,transparent)!important}.petprofile-tab span{position:relative;z-index:1}.petprofile-title{font-size:clamp(24px,5vw,32px)!important;margin-bottom:24px!important}.petprofile-loading-title{font-size:18px!important}.petprofile-error-buttons{flex-direction:column!important;width:100%!important;max-width:300px!important;margin:0 auto!important}.petprofile-btn-primary,.petprofile-btn-secondary{width:100%!important;padding:14px 20px!important;font-size:16px!important}.petprofile-medical-subtabs{margin-bottom:12px!important}.petprofile-medical-subtabs-wrapper{gap:6px!important;flex-wrap:wrap!important}.petprofile-medical-subtabs button{padding:6px 10px!important;font-size:12px!important;border-radius:8px!important;white-space:nowrap}}@media (max-width: 500px){.petprofile-main{padding:70px 16px 30px!important}.addpet-container{padding:20px 12px!important}.addpet-back-btn{padding:8px 12px!important;font-size:13px!important;margin-bottom:16px!important}.petprofile-image-container{margin-bottom:20px!important}.petprofile-image-wrapper{width:100px!important;height:100px!important;border-width:2px!important}.petprofile-image-edit-btn{width:32px!important;height:32px!important;bottom:8px!important;right:8px!important}.petprofile-tabs-container{margin-bottom:20px!important;margin-left:0!important;margin-right:0!important;padding:6px!important;border-radius:12px!important}.petprofile-tabs-wrapper{gap:6px!important;padding:3px!important;border-radius:10px!important}.petprofile-tab{font-size:13px!important;padding:8px 12px!important;min-height:36px!important;border-radius:6px!important}.petprofile-tab.active{box-shadow:0 3px 8px color-mix(in srgb,var(--user-type-color, #8548A8) 20%,transparent),0 1px 3px #0000001a!important}.petprofile-title{font-size:clamp(20px,5vw,28px)!important;margin-bottom:20px!important}.petprofile-medical-subtabs{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;padding-bottom:8px!important;margin-left:-12px!important;margin-right:-12px!important;padding-left:12px!important;padding-right:12px!important}.petprofile-medical-subtabs-wrapper{flex-wrap:nowrap!important;min-width:max-content!important;gap:6px!important}.petprofile-medical-subtabs button{flex-shrink:0!important;padding:8px 12px!important;font-size:12px!important}.petprofile-main>.addpet-container>div[style*="display: flex"][style*="flexDirection: column"]{padding:40px 16px!important}.petprofile-main>.addpet-container>div[style*="display: flex"][style*="flexDirection: column"]>div[style*="width: 80px"]{width:60px!important;height:60px!important;margin-bottom:16px!important}.petprofile-main>.addpet-container>div[style*="display: flex"][style*="flexDirection: column"] h2{font-size:20px!important;margin-bottom:10px!important}.petprofile-main>.addpet-container>div[style*="display: flex"][style*="flexDirection: column"] p{font-size:14px!important;margin-bottom:16px!important}.petprofile-main>.addpet-container>div[style*="display: flex"][style*="flexDirection: column"]>div[style*="padding: 12px 24px"]{padding:10px 20px!important;font-size:13px!important}}@media (max-width: 400px){.petprofile-main{padding-left:12px!important;padding-right:12px!important}.addpet-container{padding:16px 10px!important}.petprofile-image-wrapper{width:90px!important;height:90px!important}.petprofile-tabs-container{padding:4px!important;margin-left:0!important;margin-right:0!important;border-radius:10px!important}.petprofile-tabs-wrapper{gap:4px!important;padding:2px!important;border-radius:8px!important}.petprofile-tab{font-size:12px!important;padding:6px 10px!important;min-height:32px!important;border-radius:6px!important}.petprofile-tab.active{box-shadow:0 2px 6px color-mix(in srgb,var(--user-type-color, #8548A8) 20%,transparent)!important}.petprofile-tab{font-size:12px!important;padding:6px 10px!important}.petprofile-title{font-size:18px!important}.petprofile-loading-title{font-size:16px!important}.petprofile-btn-primary,.petprofile-btn-secondary{padding:12px 16px!important;font-size:14px!important}}.pet-profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}@media (max-width: 500px){.pet-profile-grid{grid-template-columns:1fr;gap:16px}.pet-profile-section{padding:24px 20px!important}.pet-profile-section-header{margin:-24px -20px 24px!important;padding:24px 20px!important}.pet-profile-section-title{font-size:24px!important}.pet-profile-field-card{padding:16px!important}.pet-profile-field-value{font-size:16px!important}}@media (min-width: 500px) and (max-width: 849px){.pet-profile-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media (min-width: 850px){.pet-profile-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}}@media (min-width: 1200px){.pet-profile-grid{max-width:1200px}}.notification-dropdown{position:fixed;top:70px;right:16px;width:400px;max-width:calc(100vw - 32px);max-height:500px;background-color:#fff;border:1px solid #E5E7EB;border-radius:12px;box-shadow:0 10px 25px #00000026;z-index:9999;overflow:hidden;display:flex;flex-direction:column}@media (min-width: 769px){.notification-dropdown{max-width:min(400px,calc(100vw - 32px))}}@media (max-width: 768px) and (min-width: 481px){.notification-dropdown{top:70px!important;left:50%!important;right:auto!important;transform:translate(-50%)!important;width:90%!important;max-width:500px!important;max-height:calc(100vh - 90px)!important;border-radius:16px!important;box-shadow:0 8px 32px #0003!important}}@media (max-width: 480px){.notification-dropdown{top:60px!important;right:0!important;left:0!important;width:100%!important;max-width:100%!important;transform:none!important;max-height:calc(100vh - 80px)!important;border-radius:16px 16px 0 0!important;border-left:none!important;border-right:none!important}}.notification-dropdown-header{padding:16px 20px;border-bottom:1px solid #F3F4F6;display:flex;justify-content:space-between;align-items:center}.notification-dropdown-header h3{margin:0;font-size:16px;font-weight:600;color:#1f2937;font-family:Red Hat Display,sans-serif}.notification-dropdown-close-btn{background:transparent;border:none;cursor:pointer;padding:4px;border-radius:4px;color:#6b7280;font-size:18px;transition:color .2s ease}.notification-dropdown-close-btn:hover{color:#374151}.notification-dropdown-content{overflow-y:auto;flex:1;min-height:0}.notification-dropdown-loading{padding:20px;text-align:center;color:#6b7280;font-family:Red Hat Display,sans-serif}.notification-dropdown-error{padding:20px;text-align:center;color:#ef4444;font-family:Red Hat Display,sans-serif}.notification-dropdown-empty{padding:20px;text-align:center;color:#6b7280;font-family:Red Hat Display,sans-serif}.notification-dropdown-section-header{padding:12px 20px;background-color:#f9fafb;border-bottom:1px solid #F3F4F6;font-family:Red Hat Display,sans-serif;font-size:14px;font-weight:600;color:#374151}.notification-dropdown-follow-request-item{padding:16px 20px;border-bottom:1px solid #F3F4F6;display:flex;align-items:center;gap:12px}.notification-dropdown-avatar{width:40px;height:40px;border-radius:50%;background-color:var(--notification-dropdown-profile-bg, #8548A8);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#fff;font-family:Red Hat Display,sans-serif;flex-shrink:0}.notification-dropdown-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.notification-dropdown-user-info{flex:1}.notification-dropdown-user-name{font-size:14px;font-weight:500;color:#1f2937;font-family:Red Hat Display,sans-serif;margin-bottom:2px;cursor:pointer;text-decoration:underline;display:inline-block;transition:color .2s ease}.notification-dropdown-user-name:hover{color:var(--notification-dropdown-primary-color, #8548A8)}.notification-dropdown-user-description{font-size:12px;color:#6b7280;font-family:Red Hat Display,sans-serif}.notification-dropdown-actions{display:flex;gap:8px}.notification-dropdown-btn{padding:6px 12px;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;font-family:Red Hat Display,sans-serif;transition:background-color .2s ease}.notification-dropdown-btn-icon{padding:6px;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.notification-dropdown-btn-icon svg{width:16px;height:16px}.notification-dropdown-btn-primary{background-color:var(--notification-dropdown-primary-color, #10B981);color:#fff}.notification-dropdown-btn-primary:hover{background-color:var(--notification-dropdown-hover-color, #059669)}.notification-dropdown-btn-secondary{background-color:#fff;color:#6b7280;border:1px solid #E5E7EB}.notification-dropdown-btn-secondary:hover{background-color:#f3f4f6}.notification-dropdown-btn-view{background-color:#3b82f6;color:#fff}.notification-dropdown-btn-view:hover{background-color:#2563eb}.notification-dropdown-item{padding:12px 16px;border-bottom:1px solid #F3F4F6;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;gap:12px;position:relative;min-height:60px}.notification-dropdown-item:hover{background-color:#f9fafb}.notification-dropdown-item-unread{background-color:#fafbfc;padding-left:20px}.notification-dropdown-unread-bar{position:absolute;left:0;top:0;bottom:0;width:4px;background-color:#3b82f6;border-radius:0 2px 2px 0}.notification-dropdown-item-highlighted{background-color:#eff6ff!important;border-left:4px solid #3B82F6;padding-left:16px;animation:highlightPulse 2s ease-in-out}@keyframes highlightPulse{0%{background-color:#dbeafe;box-shadow:0 0 #3b82f666}50%{background-color:#eff6ff;box-shadow:0 0 0 8px #3b82f600}to{background-color:#eff6ff;box-shadow:0 0 #3b82f600}}.notification-dropdown-item-highlighted:hover{background-color:#dbeafe!important}.notification-dropdown-avatar-main{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;color:#fff;font-family:Red Hat Display,sans-serif;flex-shrink:0;overflow:hidden}.notification-dropdown-avatar-main img{width:100%;height:100%;border-radius:50%;object-fit:contain}.notification-dropdown-avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%}.notification-dropdown-item-content-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.notification-dropdown-main-text{font-size:14px;font-weight:600;color:#1f2937;font-family:Red Hat Display,sans-serif;line-height:1.4;word-wrap:break-word}.notification-dropdown-time-main{font-size:12px;color:#9ca3af;font-family:Red Hat Display,sans-serif}.notification-dropdown-details{font-size:12px;color:#6b7280;font-family:Red Hat Display,sans-serif;margin-top:4px;line-height:1.4;display:flex;flex-wrap:wrap;gap:4px}.notification-dropdown-detail-item{display:inline}.notification-dropdown-detail-separator{color:#9ca3af;margin:0 2px}.notification-dropdown-thumbnail{width:60px;height:60px;border-radius:8px;overflow:hidden;flex-shrink:0;background-color:#f3f4f6;display:flex;align-items:center;justify-content:center}.notification-dropdown-thumbnail img{width:100%;height:100%;object-fit:cover}.notification-dropdown-icon{font-size:20px;margin-top:2px;flex-shrink:0}.notification-dropdown-item-content{flex:1}.notification-dropdown-item-title{font-size:14px;font-weight:500;color:#1f2937;font-family:Red Hat Display,sans-serif;margin-bottom:4px}.notification-dropdown-item-message{font-size:12px;color:#6b7280;font-family:Red Hat Display,sans-serif;margin-bottom:4px}.notification-dropdown-item-footer{display:flex;justify-content:space-between;align-items:center;margin-top:4px}.notification-dropdown-sender{font-size:11px;color:#3b82f6;font-family:Red Hat Display,sans-serif;font-weight:500}.notification-dropdown-time{font-size:11px;color:#9ca3af;font-family:Red Hat Display,sans-serif}.notification-dropdown-clinic-actions{margin-top:8px;display:flex;gap:8px}.notification-dropdown-btn-small{padding:4px 8px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;font-family:Red Hat Display,sans-serif;transition:background-color .2s ease}.notification-dropdown-btn-small-primary{background-color:var(--notification-dropdown-primary-color, #8548A8);color:#fff}.notification-dropdown-btn-small-primary:hover{background-color:var(--notification-dropdown-hover-color, #6a3a8a)}.notification-dropdown-btn-small-secondary{background-color:#f3f4f6;color:#374151}.notification-dropdown-btn-small-secondary:hover{background-color:#e5e7eb}.notification-dropdown-btn-small-blue{background-color:#3b82f6;color:#fff}.notification-dropdown-btn-small-blue:hover{background-color:#2563eb}.notification-dropdown-footer{padding:12px 20px;border-top:1px solid #F3F4F6;text-align:center}.notification-dropdown-footer-btn{background:transparent;border:none;color:var(--notification-dropdown-primary-color, #8548A8);font-size:14px;font-weight:500;cursor:pointer;font-family:Red Hat Display,sans-serif;text-decoration:underline;transition:color .2s ease}.notification-dropdown-footer-btn:hover{color:var(--notification-dropdown-hover-color, #6a3a8a)}@media (max-width: 768px){.notification-dropdown-header{padding:14px 16px}.notification-dropdown-header h3{font-size:15px}.notification-dropdown-item{padding:14px 16px}.notification-dropdown-avatar-main{width:44px;height:44px;font-size:16px}.notification-dropdown-thumbnail{width:50px;height:50px}.notification-dropdown-footer{padding:14px 16px}}@media (max-width: 480px){.notification-dropdown-header{padding:12px 16px}.notification-dropdown-item{padding:12px 16px;min-height:70px}.notification-dropdown-avatar-main{width:40px;height:40px;font-size:14px}.notification-dropdown-main-text{font-size:13px}.notification-dropdown-thumbnail{width:45px;height:45px}.notification-dropdown-follow-request-item{padding:14px 16px;flex-wrap:wrap;gap:10px}.notification-dropdown-actions{width:100%;justify-content:stretch}.notification-dropdown-btn{flex:1;padding:8px 12px}}.chat-dropdown{position:fixed;top:70px;right:16px;width:380px;max-width:calc(100vw - 32px);max-height:500px;background-color:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 8px 32px #0000001f;z-index:10000;overflow:hidden;font-family:Red Hat Display,sans-serif}@media (min-width: 769px){.chat-dropdown{max-width:min(380px,calc(100vw - 32px))}}@media (max-width: 768px) and (min-width: 481px){.chat-dropdown{top:70px!important;left:50%!important;right:auto!important;transform:translate(-50%)!important;width:90%!important;max-width:480px!important;max-height:calc(100vh - 90px)!important;border-radius:16px!important;box-shadow:0 8px 32px #0003!important}}@media (max-width: 480px){.chat-dropdown{top:60px!important;right:0!important;left:0!important;width:100%!important;max-width:100%!important;transform:none!important;max-height:calc(100vh - 80px)!important;border-radius:16px 16px 0 0!important;border-left:none!important;border-right:none!important}}.chat-dropdown-header{padding:16px 20px;border-bottom:1px solid #f0f0f0;background-color:#fafafa;display:flex;align-items:center;justify-content:space-between}.chat-dropdown-header h3{margin:0;font-size:16px;font-weight:600;color:#333;font-family:Red Hat Display,sans-serif}.chat-dropdown-view-all-btn{background:transparent;border:none;color:var(--chat-dropdown-primary-color, #2a8ad2);font-size:14px;font-weight:500;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .2s ease}.chat-dropdown-view-all-btn:hover{background-color:#f0f0f0}.chat-dropdown-content{max-height:400px;overflow-y:auto;padding:8px 0}.chat-dropdown-loading{padding:40px 20px;text-align:center;color:#666}.chat-dropdown-spinner{width:24px;height:24px;border:2px solid #e1e5e9;border-top:2px solid #2a8ad2;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 12px}.chat-dropdown-error{padding:40px 20px;text-align:center;color:#e74c3c}.chat-dropdown-empty{padding:40px 20px;text-align:center;color:#666}.chat-dropdown-empty-icon{font-size:48px;margin-bottom:12px;opacity:.5}.chat-dropdown-empty-text{margin:0;font-size:14px}.chat-dropdown-empty-subtext{margin:4px 0 0;font-size:12px;color:#999}.chat-dropdown-item{padding:12px 20px;border-bottom:1px solid #f8f9fa;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;gap:12px;background-color:#f8f9fa}.chat-dropdown-item.medical{background-color:#e6fffa}.chat-dropdown-item:hover{background-color:#f8f9fa}.chat-dropdown-item.medical:hover{background-color:#e6fffa}.chat-dropdown-avatar-container{position:relative;flex-shrink:0}.chat-dropdown-avatar{width:48px;height:48px;border-radius:50%;object-fit:contain;border:2px solid #f0f0f0}.chat-dropdown-online-indicator{position:absolute;bottom:2px;right:2px;width:12px;height:12px;background-color:#42b883;border:2px solid #ffffff;border-radius:50%}.chat-dropdown-info{flex:1;min-width:0}.chat-dropdown-info-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.chat-dropdown-chat-name{margin:0;font-size:14px;font-weight:600;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.chat-dropdown-time{font-size:11px;color:#999;flex-shrink:0;margin-left:8px}.chat-dropdown-message-container{display:flex;align-items:center;justify-content:space-between}.chat-dropdown-latest-message{margin:0;font-size:13px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.chat-dropdown-message-sender{font-weight:500}.chat-dropdown-unread-badge{background-color:#fa383e;color:#fff;border-radius:50%;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;flex-shrink:0;margin-left:8px}.chat-dropdown-type-indicator{margin-top:4px;font-size:11px;color:#999;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.chat-dropdown-status{font-size:11px;color:#666}.chat-dropdown-status.online{color:#42b883;font-weight:500}.chat-dropdown-type{font-size:11px;color:#999}.chat-dropdown-footer{padding:12px 20px;border-top:1px solid #f0f0f0;background-color:#fafafa;text-align:center}.chat-dropdown-footer-btn{background:transparent;border:none;color:var(--chat-dropdown-primary-color, #2a8ad2);font-size:13px;font-weight:500;cursor:pointer;padding:6px 12px;border-radius:6px;transition:background-color .2s ease}.chat-dropdown-footer-btn:hover{background-color:#e3f2fd}@media (max-width: 768px){.chat-dropdown-header{padding:14px 16px}.chat-dropdown-header h3{font-size:15px}.chat-dropdown-view-all-btn{font-size:13px;padding:4px 6px}.chat-dropdown-content{max-height:calc(100vh - 180px);padding:6px 0}.chat-dropdown-item{padding:14px 16px}.chat-dropdown-avatar{width:44px;height:44px}.chat-dropdown-chat-name{font-size:13px;max-width:180px}.chat-dropdown-latest-message{font-size:12px;max-width:200px}.chat-dropdown-footer{padding:14px 16px}}@media (max-width: 480px){.chat-dropdown-header{padding:12px 16px}.chat-dropdown-content{max-height:calc(100vh - 160px);padding:4px 0}.chat-dropdown-item{padding:12px 16px}.chat-dropdown-avatar{width:40px;height:40px}.chat-dropdown-chat-name{font-size:13px;max-width:150px}.chat-dropdown-latest-message{font-size:12px;max-width:160px}.chat-dropdown-time{font-size:10px}.chat-dropdown-empty{padding:30px 20px}.chat-dropdown-empty-icon{font-size:40px}}.ai-chat-widget{position:fixed;bottom:20px;right:20px;width:380px;max-width:calc(100vw - 40px);height:600px;max-height:calc(100vh - 40px);background:#fff;border-radius:20px;box-shadow:0 10px 40px #00000026;display:flex;flex-direction:column;z-index:10000;overflow:hidden;font-family:Red Hat Display,sans-serif;animation:slideUp .3s ease-out;transition:height .3s ease-out,max-height .3s ease-out}.ai-chat-widget.minimized{height:auto;max-height:none}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.ai-chat-header{padding:20px;display:flex;align-items:center;justify-content:space-between;border-radius:20px 20px 0 0}.ai-chat-header-content{display:flex;align-items:center;gap:12px;flex:1}.ai-chat-header-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center}.ai-chat-header-text h3{margin:0;font-size:16px;font-weight:600}.ai-chat-header-text p{margin:2px 0 0;font-size:12px;opacity:.9}.ai-chat-header-text{color:inherit}.ai-chat-close-btn,.ai-chat-minimize-btn{border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.ai-chat-close-btn:hover,.ai-chat-minimize-btn:hover{background:#0000004d!important}.ai-chat-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:12px;background:#f8f9fa}.ai-chat-messages::-webkit-scrollbar{width:6px}.ai-chat-messages::-webkit-scrollbar-track{background:transparent}.ai-chat-messages::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.ai-chat-messages::-webkit-scrollbar-thumb:hover{background:#9ca3af}.ai-chat-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#6b7280;text-align:center;padding:40px 20px}.ai-chat-empty p{margin:0;font-size:14px}.ai-chat-message{display:flex;flex-direction:column;gap:4px;max-width:80%;animation:fadeIn .3s ease-out}.ai-chat-message.user-message{align-self:flex-end;align-items:flex-end}.ai-chat-message.ai-message{align-self:flex-start;align-items:flex-start}.ai-chat-message-content{padding:12px 16px;border-radius:18px;font-size:14px;line-height:1.5;word-wrap:break-word}.user-message .ai-chat-message-content{background:linear-gradient(135deg,#8548a8,#b968c7);color:#fff;border-bottom-right-radius:4px}.ai-message .ai-chat-message-content{background:#fff;color:#1f2937;border:1px solid #E5E7EB;border-bottom-left-radius:4px}.ai-chat-message-time{font-size:11px;color:#9ca3af;padding:0 4px}.ai-chat-typing-indicator{display:flex;gap:4px;padding:12px 16px}.ai-chat-typing-indicator span{width:8px;height:8px;border-radius:50%;background:#9ca3af;animation:typing 1.4s infinite}.ai-chat-typing-indicator span:nth-child(2){animation-delay:.2s}.ai-chat-typing-indicator span:nth-child(3){animation-delay:.4s}.ai-chat-input-container{padding:16px;background:#fff;border-top:1px solid #E5E7EB;display:flex;gap:8px;align-items:center}.ai-chat-input{flex:1;padding:12px 16px;border:1px solid #E5E7EB;border-radius:24px;font-size:14px;font-family:Red Hat Display,sans-serif;outline:none;transition:border-color .2s}.ai-chat-input:focus{border-color:#8548a8}.ai-chat-input:disabled{background:#f3f4f6;cursor:not-allowed}.ai-chat-send-btn{width:44px;height:44px;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .2s;flex-shrink:0}.ai-chat-send-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 12px #00000026}.ai-chat-send-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width: 768px){.ai-chat-widget{width:100%;max-width:100vw;height:100dvh;max-height:100dvh;bottom:0;right:0;border-radius:0;z-index:99999;transition:all .3s cubic-bezier(.19,1,.22,1)}.ai-chat-widget.minimized{width:60px;height:60px;max-width:60px;max-height:60px;border-radius:50%;bottom:max(20px,env(safe-area-inset-bottom));right:20px;cursor:pointer;box-shadow:0 4px 12px #0003}.ai-chat-widget.minimized .ai-chat-header{padding:0;height:100%;justify-content:center;border-radius:50%}.ai-chat-widget.minimized .ai-chat-header-text,.ai-chat-widget.minimized .ai-chat-minimize-btn,.ai-chat-widget.minimized .ai-chat-close-btn{display:none!important}.ai-chat-widget.minimized .ai-chat-header-content{justify-content:center;flex:0;gap:0}.ai-chat-header{padding:16px;border-radius:0;padding-top:max(16px,env(safe-area-inset-top))}.ai-chat-messages{padding:16px}.ai-chat-input-container{padding:12px;padding-bottom:max(12px,env(safe-area-inset-bottom))}}[dir=rtl] .ai-chat-message.user-message{align-self:flex-start;align-items:flex-start}[dir=rtl] .ai-chat-message.ai-message{align-self:flex-end;align-items:flex-end}[dir=rtl] .user-message .ai-chat-message-content{border-bottom-right-radius:18px;border-bottom-left-radius:4px}[dir=rtl] .ai-message .ai-chat-message-content{border-bottom-left-radius:18px;border-bottom-right-radius:4px}.navbar{width:100%;min-height:85px;background:var(--card-bg);direction:ltr;box-shadow:0 2px 8px #0000000a;display:flex;align-items:center;justify-content:space-between;padding:16px clamp(16px,4vw,32px) 16px clamp(8px,2vw,16px);position:fixed;top:0;left:0;z-index:1000;border-bottom:1px solid var(--border-color);overflow:visible;gap:8px;transition:background-color .3s ease,border-color .3s ease}.navbar-logo-container{display:flex;align-items:center;flex-shrink:0;margin-left:0;padding-left:0;max-width:240px;min-width:140px}.navbar-logo{width:100%;height:auto;max-height:80px;object-fit:contain}@media (max-width: 768px){.navbar-logo-container{max-width:150px;min-width:100px}.navbar-logo{max-height:60px}}@media (max-width: 480px){.navbar-logo-container{max-width:120px;min-width:80px}.navbar-logo{max-height:50px}}.navbar-desktop-items{display:flex;align-items:center;gap:clamp(8px,2vw,24px);flex:1;justify-content:center;max-width:800px;margin:0 auto;overflow:visible;visibility:visible;position:relative;z-index:10002}.navbar-search-container{position:relative;display:flex;align-items:center;width:100%;max-width:600px;background:var(--app-bg);border:2px solid var(--border-color);border-radius:12px;padding:10px 16px;transition:all .2s ease}.navbar-search-container:hover{border-color:var(--navbar-primary-color, #8548A8);background:#fff}.navbar-search-container:focus-within{border-color:var(--navbar-primary-color, #8548A8);background:#fff}.navbar-search-input{flex:1;border:none;background:transparent;outline:none;padding:0 12px;font-size:14px;color:var(--app-text);font-family:Red Hat Display,sans-serif;cursor:text}.navbar-search-spinner{width:16px;height:16px;border:2px solid #E5E7EB;border-top:2px solid var(--navbar-primary-color, #8548A8);border-radius:50%;animation:spin 1s linear infinite}.navbar-search-dropdown{position:fixed;max-width:600px;max-height:400px;background:#fff;border:1px solid #E5E7EB;border-radius:12px;box-shadow:0 8px 24px #0000001f;z-index:10004;overflow:auto;display:flex;flex-direction:column}.navbar-search-empty{padding:16px 24px;text-align:left;color:#6b7280;font-size:14px;width:100%}.navbar-search-result-item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;border-bottom:1px solid #F3F4F6;transition:all .2s ease}.navbar-search-result-item:hover{background:#f9fafb}.navbar-search-result-image{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--navbar-primary-color, #8548A8)}.navbar-search-result-name{font-size:14px;font-weight:600;color:#1f2937;margin-bottom:2px}.navbar-search-result-username{font-size:12px;color:#6b7280}.navbar-right-icons{display:flex;align-items:center;gap:12px;flex-shrink:0;flex-wrap:nowrap;overflow:visible}.navbar-nav-item-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:transparent;border:none;padding:6px clamp(4px,1vw,8px);border-radius:8px;cursor:pointer;transition:all .2s ease;font-family:Red Hat Display,sans-serif;font-size:clamp(12px,1.5vw,18px);font-weight:500;white-space:nowrap;flex-shrink:0;min-width:max-content;color:#49494999}@media (max-width: 768px){.navbar-nav-item-btn{font-size:12px;padding:4px clamp(2px,.5vw,6px)}}@media (max-width: 480px){.navbar-nav-item-btn{font-size:10px;padding:4px 2px}.navbar-nav-item-btn span{font-size:10px}}.navbar-nav-item-btn:hover,.navbar-nav-item-btn.active{color:var(--navbar-primary-color, #8548A8)}.navbar-nav-item-btn.active{font-weight:600}.navbar-language-toggle{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:8px;border:1px solid #E5E7EB;background-color:#fff;cursor:pointer;transition:all .2s ease;font-size:13px;font-weight:600;color:#374151;padding:0;box-shadow:0 1px 2px #0000000d}.navbar-language-toggle:hover{background-color:#f3f4f6}.navbar-icon-container{position:relative}.navbar-icon-btn{background:transparent;border:none;cursor:pointer;padding:6px clamp(4px,1vw,8px);border-radius:8px;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;position:relative}.navbar-icon-btn-text{font-size:clamp(12px,1.5vw,18px);font-family:Red Hat Display,sans-serif;font-weight:500;color:#49494999;transition:color .2s ease;white-space:nowrap}@media (max-width: 768px){.navbar-icon-btn-text{font-size:12px}}@media (max-width: 480px){.navbar-icon-btn-text{font-size:10px}}.navbar-icon-btn:hover .navbar-icon-btn-text,.navbar-icon-btn.active .navbar-icon-btn-text{color:var(--navbar-primary-color, #8548A8)}.navbar-icon-btn.active .navbar-icon-btn-text{font-weight:600}.navbar-notification-spinner{width:28px;height:28px;border:2px solid #f3f3f3;border-top:2px solid var(--navbar-primary-color, #8548A8);border-radius:50%;animation:spin 1s linear infinite}.navbar-badge{position:absolute;top:4px;right:4px;min-width:16px;height:16px;background-color:#f44;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;color:#fff;padding:0 4px;font-family:Red Hat Display,sans-serif;border:2px solid white}.navbar-chat-badge{background:#fa383e;min-width:18px;height:18px;font-size:11px;box-shadow:0 2px 4px #0003;z-index:10}.navbar-profile-container{position:relative;display:flex;align-items:center;gap:8px}.navbar-profile-btn{width:clamp(45px,6vw,60px);height:clamp(45px,6vw,60px);border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;overflow:hidden;padding:0;flex-shrink:0}.navbar-profile-image{width:100%;height:100%;border-radius:50%;object-fit:contain;border:3px solid var(--navbar-primary-color, #8548A8);box-shadow:0 0 0 2px #fffc}@media (max-width: 768px){.navbar-profile-btn{width:50px;height:50px}}@media (max-width: 480px){.navbar-profile-btn{width:45px;height:45px}}.navbar-profile-dropdown{position:fixed;top:70px;right:16px;width:250px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 8px 20px #0000001a;padding:8px 0;z-index:100000;transition:background-color .3s ease,border-color .3s ease}.navbar-profile-user-info{padding:12px 16px;border-bottom:1px solid #E5E7EB;margin-bottom:8px}.navbar-profile-user-name{font-family:Red Hat Display,sans-serif;font-size:14px;font-weight:600;color:var(--app-text);margin-bottom:2px}.navbar-profile-user-email{font-family:Red Hat Display,sans-serif;font-size:12px;color:#6b7280;word-break:break-all;white-space:normal;line-height:1.4;max-width:180px}.navbar-profile-user-type{font-family:Red Hat Display,sans-serif;font-size:11px;color:var(--navbar-primary-color, #8548A8);margin-top:4px;font-weight:500}.navbar-dropdown-menu-item{width:100%;padding:10px 16px;border:none;background:transparent;text-align:left;cursor:pointer;font-family:Red Hat Display,sans-serif;font-size:14px;color:#374151;transition:background .2s ease;display:flex;align-items:center;gap:10px}.navbar-dropdown-menu-item:hover{background:#f9fafb}.navbar-dropdown-menu-item-icon{margin-right:6px;min-width:20px}.navbar-dropdown-menu-item-text{margin-left:auto;color:#6b7280;font-size:12px}.navbar-menu-btn{display:none;background:transparent;border:none;font-size:clamp(1.2rem,2vw,1.5rem);cursor:pointer;align-items:center;justify-content:center;margin-left:8px;padding:clamp(6px,1vw,8px);border-radius:8px;transition:background-color .2s ease;touch-action:manipulation;-webkit-user-select:none;user-select:none;flex-shrink:0}@media (max-width: 480px){.navbar-menu-btn{font-size:1.2rem;padding:6px;margin-left:4px}}.dropdown-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9998;background:transparent}.mobile-search-container{position:relative}.mobile-search-btn{display:none}.mobile-search-input-container{position:absolute;top:calc(100% + 8px);right:0;width:calc(100vw - 32px);max-width:400px;z-index:10005;animation:slideDown .2s ease;min-width:280px}.mobile-search-input-wrapper{display:flex;align-items:center;gap:8px;background:#fff;border:2px solid var(--navbar-primary-color, #8548A8);border-radius:12px;padding:10px 16px;box-shadow:0 8px 24px #0000001f}.mobile-search-input{flex:1;border:none;background:transparent;outline:none;padding:0;font-size:14px;color:#1f2937;font-family:Red Hat Display,sans-serif;cursor:text}.mobile-search-close-btn{background:transparent;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.mobile-search-close-btn:hover{color:#1f2937}.mobile-search-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;max-height:300px;background:#fff;border:1px solid #E5E7EB;border-radius:12px;box-shadow:0 8px 24px #0000001f;z-index:10006;overflow:auto;display:flex;flex-direction:column;margin-top:8px;width:100%}@media (max-width: 1300px){.mobile-search-btn{display:flex}.navbar-desktop-items,.navbar-search-container{display:none!important;visibility:hidden!important}.navbar{padding:14px clamp(12px,3vw,24px) 14px clamp(8px,2vw,16px);min-height:75px}.navbar-right-icons{gap:10px}}@media (max-width: 768px){.navbar-menu-btn{display:flex}.navbar-desktop-items,.navbar-search-container{display:none!important;visibility:hidden!important}.navbar{padding:12px clamp(12px,3vw,20px) 12px clamp(8px,2vw,12px);min-height:70px;gap:6px}.navbar-right-icons{gap:8px}.mobile-search-input-container{width:calc(100vw - 64px);max-width:350px}.navbar-nav-item-btn{font-size:clamp(10px,1.2vw,14px);padding:4px clamp(2px,.5vw,6px)}.navbar-icon-btn{padding:4px clamp(2px,.5vw,6px)}.mobile-search-btn{display:flex!important}}@media (max-width: 480px){.navbar{padding:10px 12px 10px 8px;min-height:65px;gap:4px}.navbar-right-icons{gap:6px}.mobile-search-input-container{width:calc(100vw - 48px);max-width:320px}.navbar-nav-item-btn{font-size:10px;padding:4px 2px}.navbar-icon-btn{padding:4px 2px}.navbar-icon-btn-text{display:none}.navbar-nav-item-btn span{font-size:10px}}@media (max-width: 360px){.navbar{padding:8px 10px 8px 6px;min-height:60px;gap:2px}.navbar-right-icons{gap:4px}.navbar-logo-container{max-width:100px;min-width:60px}.navbar-logo{max-height:45px}}.notification-container,.profile-container{position:relative}.navbar-language-toggle-hovered{background-color:#f3f4f6!important}.mobile-menu-container{position:fixed;top:85px;right:16px;background:#fff;border:1px solid #E5E7EB;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:12px 0;min-width:200px;max-width:250px;z-index:100000;max-height:70vh;overflow-y:auto}.mobile-menu-item{display:flex;align-items:center;gap:8px;background:transparent;border:none;padding:10px 16px;border-radius:8px;cursor:pointer;font-family:Red Hat Display,sans-serif;font-size:14px;font-weight:500;text-align:left;width:100%;transition:all .2s ease}.mobile-menu-item:hover{background-color:#f3f4f6}.mobile-menu-item.active{color:var(--navbar-primary-color, #8548A8);font-weight:600}.navbar-search-container:focus-within{border-color:var(--navbar-primary-color, #8548A8)!important;background:#fff!important}.navbar-menu-btn span{font-size:clamp(1.5rem,2.5vw,2rem);line-height:1}@media (max-width: 480px){.navbar-menu-btn span{font-size:1.5rem}}.behavioral-data-container{font-family:Red Hat Display,sans-serif}.behavioral-section{background:#fff;border-radius:16px;border:1px solid #E5E7EB;padding:24px;margin-bottom:24px;box-shadow:0 1px 3px #0000000d}.behavioral-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.behavioral-section-title{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700;color:#1f2937;margin:0}.behavioral-section-title img{width:22px;height:22px}.behavioral-action-btn{background:var(--user-type-color, #8548A8);color:#fff;border:none;border-radius:10px;padding:10px 20px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;font-family:Red Hat Display,sans-serif}.behavioral-action-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026;opacity:.9}.behavioral-action-btn:active{transform:translateY(0)}.behavioral-traits-display{display:flex;gap:40px;flex-wrap:wrap;color:#4b5563;font-size:15px}.behavioral-traits-display strong{color:#1f2937;font-weight:600}.behavioral-form-card{background:#fff;border-radius:16px;border:1px solid #E5E7EB;box-shadow:0 4px 12px #00000014;overflow:hidden;margin-bottom:24px}.behavioral-form-header{background:var(--user-type-color, #8548A8);padding:24px 32px}.behavioral-form-header h2{font-weight:700;font-size:22px;color:#fff;margin:0}.behavioral-form-content{padding:32px}.behavioral-form-field{margin-bottom:24px}.behavioral-form-label{display:block;font-size:15px;font-weight:600;color:#1e293b;margin-bottom:10px}.behavioral-form-input{width:100%;border-radius:10px;border:2px solid #E2E8F0;padding:12px 16px;font-size:15px;transition:all .2s ease;font-family:Red Hat Display,sans-serif;box-sizing:border-box}.behavioral-form-input:focus{outline:none;border-color:var(--user-type-color, #8548A8);box-shadow:0 0 0 3px color-mix(in srgb,var(--user-type-color, #8548A8) 20%,transparent)}.behavioral-form-select{width:100%;border-radius:10px;border:2px solid #E2E8F0;padding:12px 16px;font-size:15px;transition:all .2s ease;font-family:Red Hat Display,sans-serif;cursor:pointer;background:#fff;box-sizing:border-box}.behavioral-form-select:focus{outline:none;border-color:var(--user-type-color, #8548A8);box-shadow:0 0 0 3px color-mix(in srgb,var(--user-type-color, #8548A8) 20%,transparent)}.behavioral-pill-container{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.behavioral-pill-btn{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:10px 18px;border-radius:24px;border:2px solid #E2E8F0;background:#fff;color:#64748b;font-size:14px;font-weight:500;transition:all .2s ease;-webkit-user-select:none;user-select:none;font-family:Red Hat Display,sans-serif;text-transform:capitalize}.behavioral-pill-btn:hover{border-color:var(--user-type-color, #8548A8);background:#8548a80d;color:var(--user-type-color, #8548A8)}.behavioral-pill-btn.active{border-color:var(--user-type-color, #8548A8);background:color-mix(in srgb,var(--user-type-color, #8548A8) 15%,transparent);color:var(--user-type-color, #8548A8);font-weight:600}.behavioral-pill-btn.active:hover{background:color-mix(in srgb,var(--user-type-color, #8548A8) 20%,transparent)}.behavioral-form-actions{display:flex;gap:12px;margin-top:32px}.behavioral-form-btn-primary{background:var(--user-type-color, #8548A8);color:#fff;border:none;border-radius:10px;padding:12px 32px;font-weight:600;cursor:pointer;font-size:15px;box-shadow:0 2px 8px #0000001a;transition:all .2s ease;font-family:Red Hat Display,sans-serif}.behavioral-form-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.behavioral-form-btn-primary:active{transform:translateY(0)}.behavioral-form-btn-secondary{background:#fff;border:2px solid #D1D5DB;color:#64748b;border-radius:10px;padding:12px 24px;font-weight:600;cursor:pointer;font-size:15px;transition:all .2s ease;font-family:Red Hat Display,sans-serif}.behavioral-form-btn-secondary:hover{background:#f8fafc;border-color:#94a3b8;transform:translateY(-1px)}.behavioral-form-btn-secondary:active{transform:translateY(0)}.behavioral-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid #E5E7EB;border-radius:10px;overflow:hidden}.behavioral-table thead{background-color:#f9fafb}.behavioral-table th{text-align:left;padding:14px 16px;font-weight:600;font-size:14px;color:#374151;border-bottom:1px solid #E5E7EB}.behavioral-table td{padding:14px 16px;font-size:14px;color:#4b5563;border-bottom:1px solid #F3F4F6}.behavioral-table tbody tr:last-child td{border-bottom:none}.behavioral-table tbody tr:hover{background-color:#f9fafb}.behavioral-table-actions{display:flex;gap:8px}.behavioral-table-btn{background:none;border:none;cursor:pointer;padding:6px;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.behavioral-table-btn:hover{background:#f3f4f6}.behavioral-table-btn img{width:18px;height:18px}.behavioral-empty-state{text-align:center;padding:40px 20px;color:#9ca3af;font-size:14px}.behavioral-section[dir=rtl] .behavioral-section-title,.behavioral-section[dir=rtl] .behavioral-form-label,.behavioral-section[dir=rtl] .behavioral-table th{text-align:right}.behavioral-section[dir=rtl] .behavioral-form-actions{justify-content:flex-start}.behavioral-section[dir=rtl] .behavioral-form-input,.behavioral-section[dir=rtl] .behavioral-form-select{text-align:right}@media (max-width: 768px){.behavioral-section{padding:16px;margin-bottom:20px;border-radius:12px}.behavioral-section-header{flex-direction:column;align-items:flex-start;gap:12px}.behavioral-section-title{font-size:18px}.behavioral-section-title img{width:20px;height:20px}.behavioral-action-btn{width:100%;padding:12px 20px;font-size:15px}.behavioral-traits-display{flex-direction:column;gap:16px;font-size:14px}.behavioral-form-header{padding:20px 24px}.behavioral-form-header h2{font-size:20px}.behavioral-form-content{padding:24px 20px}.behavioral-form-field{margin-bottom:20px}.behavioral-form-label{font-size:14px}.behavioral-form-input,.behavioral-form-select{padding:10px 14px;font-size:14px}.behavioral-pill-container{gap:8px}.behavioral-pill-btn{padding:8px 14px;font-size:13px}.behavioral-form-actions{flex-direction:column;gap:10px;margin-top:24px}.behavioral-form-btn-primary,.behavioral-form-btn-secondary{width:100%;padding:12px 24px}.behavioral-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -16px;padding:0 16px}.behavioral-table{min-width:600px}.behavioral-table th,.behavioral-table td{padding:10px 12px;font-size:13px}}@media (max-width: 480px){.behavioral-section{padding:12px}.behavioral-section-title{font-size:16px}.behavioral-form-header{padding:16px 20px}.behavioral-form-header h2{font-size:18px}.behavioral-form-content{padding:20px 16px}.behavioral-pill-btn{padding:6px 12px;font-size:12px}.behavioral-table-wrapper{margin:0 -12px;padding:0 12px}.behavioral-table{min-width:550px}.behavioral-table th,.behavioral-table td{padding:8px 10px;font-size:12px}}.reception-backbar{padding:12px 24px;border-bottom:1px solid #e5e7eb;background:#fff}.reception-backbtn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border:none;border-radius:24px;background:#00d4b3;color:#fff;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #00d4b34d}.reception-backbtn:hover{background:linear-gradient(135deg,#00a8cc,#00d4b3);transform:translateY(-1px);box-shadow:0 6px 16px #00d4b366}.reception-backbtn-arrow{transform:translateY(-1px)}@media (max-width: 768px){.reception-backbar{padding:10px 16px}}.vital-signs-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10003;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}.vital-signs-modal{background:transparent;border-radius:20px;box-shadow:0 32px 64px -12px #0000004d;width:95%;max-width:1000px;max-height:95vh;overflow:hidden;font-family:Red Hat Display,sans-serif;border:1px solid rgba(255,255,255,.1);animation:slideUp .4s ease;position:relative}.vital-signs-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 32px 20px;border-bottom:1px solid #f1f5f9;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.vital-signs-modal-title{font-size:1.75rem;font-weight:800;color:#1e293b;letter-spacing:-.025em;margin:0;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.vital-signs-modal-close{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;font-size:1.25rem;color:#64748b;cursor:pointer;padding:10px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:44px;height:44px}.vital-signs-modal-close:hover{background:#f1f5f9;color:#475569;transform:scale(1.1) rotate(90deg);box-shadow:0 4px 12px #0000001a}.vital-signs-modal-content{padding:32px;max-height:calc(95vh - 200px);overflow-y:auto}.vital-signs-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:40px}.vital-signs-form-column{display:flex;flex-direction:column;gap:20px}.vital-signs-form-column .form-group{display:flex;flex-direction:column;gap:8px}.vital-signs-form-column .form-label{font-size:.9rem;font-weight:600;color:#374151;margin-bottom:4px}.vital-signs-form-column .form-input{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;transition:all .3s ease;background:#fff;color:#111827}.vital-signs-form-column .form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;transform:translateY(-1px)}.input-with-unit{display:flex;align-items:center;gap:8px}.input-with-unit .form-input{flex:1}.input-unit{font-size:.875rem;color:#6b7280;font-weight:500;white-space:nowrap}.input-with-hint{display:flex;flex-direction:column;gap:4px}.input-hint{font-size:.75rem;color:#9ca3af;font-style:italic}.pain-scale-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:16px;padding:24px;margin-top:24px;border:1px solid #e5e7eb}.pain-scale-title{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0 0 20px;text-align:center;letter-spacing:.05em}.pain-score-input{margin-bottom:24px}.pain-score-input-field{max-width:120px;text-align:center;font-weight:600;font-size:1.1rem}.pain-scale-visual{display:flex;flex-direction:column;gap:16px}.pain-scale-bar{display:flex;background:#fff;border-radius:12px;padding:8px;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #e5e7eb}.pain-scale-segment{flex:1;display:flex;flex-direction:column;align-items:center;padding:12px 4px;border-radius:8px;cursor:pointer;transition:all .3s ease;position:relative;min-height:80px;justify-content:center;gap:4px}.pain-scale-segment:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026;z-index:2}.pain-scale-segment.active{transform:translateY(-4px);box-shadow:0 8px 25px #0003;z-index:3}.pain-scale-emoji{font-size:1.5rem;margin-bottom:4px}.pain-scale-number{font-size:1.1rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.pain-scale-label{font-size:.7rem;font-weight:600;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.3);line-height:1.1}.pain-scale-selected{background:#fff;border-radius:12px;padding:16px;border:2px solid #3b82f6;box-shadow:0 4px 12px #3b82f633}.selected-pain-info{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.selected-emoji{font-size:2rem}.selected-score{font-size:1.1rem;font-weight:700;color:#3b82f6}.selected-label{font-size:1rem;font-weight:600;color:#1e293b}.vital-signs-modal-actions{display:flex;justify-content:flex-end;gap:16px;padding:24px 32px;border-top:1px solid #f1f5f9;background:#f8fafc}.vital-signs-btn{padding:12px 24px;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;min-width:100px;display:flex;align-items:center;justify-content:center}.cancel-btn{background:#f8fafc;color:#64748b;border:2px solid #e2e8f0}.cancel-btn:hover{background:#f1f5f9;color:#475569;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.save-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 4px 12px #3b82f64d}.save-btn:hover{background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-2px);box-shadow:0 8px 25px #3b82f666}.save-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 768px){.vital-signs-modal{width:98%;max-height:98vh;border-radius:16px}.vital-signs-form-grid{grid-template-columns:1fr;gap:20px}.vital-signs-modal-content{padding:20px}.pain-scale-bar{flex-wrap:wrap;gap:4px}.pain-scale-segment{min-width:60px;min-height:60px}.pain-scale-emoji{font-size:1.2rem}.pain-scale-number{font-size:.9rem}.pain-scale-label{font-size:.6rem}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.checkout-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10002;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}.checkout-modal{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;width:90%;max-width:800px;max-height:90vh;overflow:hidden;font-family:Red Hat Display,sans-serif;border:1px solid rgba(255,255,255,.1);animation:slideUp .3s ease;position:relative}.checkout-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#00d4b3,#00a8cc,#00d4b3)}.checkout-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding:24px 32px 16px;border-bottom:1px solid #f1f5f9}.checkout-modal-title{font-size:1.5rem;font-weight:700;color:#1e293b;letter-spacing:-.025em;margin:0}.checkout-modal-close{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;font-size:1.25rem;color:#64748b;cursor:pointer;padding:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.checkout-modal-close:hover{background:#f1f5f9;color:#475569;transform:scale(1.05)}.checkout-modal-content{padding:0 32px 32px;max-height:calc(90vh - 200px);overflow-y:auto}.checkout-form-section{display:flex;flex-direction:column;gap:20px}.checkout-form-section .form-group{display:flex;flex-direction:row;align-items:flex-start;gap:16px}.checkout-form-section .form-label{font-size:.875rem;color:#374151;font-weight:600;letter-spacing:.025em;min-width:120px;margin-top:12px}.checkout-form-section .form-textarea{padding:12px 16px;border:2px solid #e2e8f0;border-radius:10px;font-size:.95rem;background:#fff;transition:all .2s ease;font-family:inherit;resize:vertical;min-height:80px;max-height:120px}.checkout-form-section .form-textarea:focus{outline:none;border-color:#00d4b3;box-shadow:0 0 0 3px #00d4b31a;transform:translateY(-1px)}.checkbox-group{margin:16px 0}.checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer;font-weight:500;color:#374151;font-size:.875rem}.checkbox-input{width:18px;height:18px;accent-color:#00d4b3;cursor:pointer}.checkbox-text{font-size:.875rem;color:#374151}.follow-up-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px;margin-top:20px}.follow-up-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;align-items:start}.section-title{font-size:.875rem;font-weight:600;color:#374151;margin-bottom:12px;text-align:left}.calendar-container{background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:12px}.calendar-header{text-align:center;margin-bottom:8px}.month-year{font-weight:600;color:#374151;font-size:.75rem}.calendar-grid{display:flex;flex-direction:column;gap:2px}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;margin-bottom:4px}.calendar-weekdays span{text-align:center;font-weight:500;color:#6b7280;font-size:.625rem;padding:4px 2px;background:#f8fafc}.calendar-dates{display:grid;grid-template-columns:repeat(7,1fr);gap:1px}.calendar-date{background:#fff;border:1px solid #e2e8f0;border-radius:4px;padding:6px 2px;cursor:pointer;font-size:.625rem;font-weight:500;color:#374151;min-height:24px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.calendar-date:hover{background:#f1f5f9}.calendar-date.selected{background:#00d4b3;color:#fff}.calendar-date.disabled{background:#f5f5f5!important;color:#ccc!important;cursor:not-allowed!important;opacity:.4!important}.calendar-date.disabled:hover{background:#f5f5f5!important;color:#ccc!important}.time-slots-section{background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:12px}.time-slots-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px}.time-column{display:flex;flex-direction:column;gap:3px}.time-slot{background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;padding:6px 8px;cursor:pointer;font-size:.625rem;font-weight:500;color:#374151;text-align:center;transition:all .15s ease}.time-slot:hover{background:#e2e8f0}.time-slot.selected{background:#00d4b3;color:#fff}.follow-up-details{background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:12px}.follow-up-details .form-group{margin-bottom:12px;display:flex;flex-direction:row;align-items:center;gap:8px}.follow-up-details .form-label{font-size:.75rem;color:#374151;font-weight:500;min-width:40px;display:flex;align-items:center;gap:4px}.follow-up-details .form-label:before{content:"";width:6px;height:6px;background:#00d4b3;border-radius:50%}.follow-up-details .form-input{flex:1;padding:6px 8px;border:1px solid #e2e8f0;border-radius:4px;font-size:.75rem;font-family:inherit;transition:all .15s ease;background:#fff}.follow-up-details .form-input:focus{outline:none;border-color:#00d4b3;box-shadow:0 0 0 2px #00d4b31a}.checkout-modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:32px;padding:20px 32px;border-top:1px solid #f1f5f9}.checkout-btn{padding:12px 24px;border-radius:8px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease;border:none;min-width:100px}.cancel-btn{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;box-shadow:0 4px 12px #6b72804d}.cancel-btn:hover{background:linear-gradient(135deg,#4b5563,#374151);transform:translateY(-1px);box-shadow:0 6px 16px #6b728066}.save-btn{background:linear-gradient(135deg,#00d4b3,#00a8cc);color:#fff;box-shadow:0 4px 12px #00d4b34d}.save-btn:hover{background:linear-gradient(135deg,#00a8cc,#0088a3);transform:translateY(-1px);box-shadow:0 6px 16px #00d4b366}@media (max-width: 768px){.checkout-modal{width:95%;max-height:95vh}.checkout-modal-content{padding:15px}.follow-up-grid{grid-template-columns:1fr;gap:15px}.time-slots-grid{grid-template-columns:1fr}.checkout-modal-actions{flex-direction:column;gap:8px}.checkout-btn{width:100%}}.reception-modal-cancel{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;margin-left:12px;box-shadow:0 4px 12px #6b72804d;transition:all .3s ease}.reception-modal-cancel:hover{background:linear-gradient(135deg,#4b5563,#374151);transform:translateY(-1px);box-shadow:0 6px 16px #6b728066}.reception-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}.reception-modal{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;min-width:500px;max-width:600px;padding:32px;font-family:Red Hat Display,sans-serif;border:1px solid rgba(255,255,255,.1);animation:slideUp .3s ease;position:relative;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.reception-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#00d4b3,#00a8cc,#00d4b3)}.reception-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #f1f5f9}.reception-modal-title{font-size:1.5rem;font-weight:700;color:#1e293b;letter-spacing:-.025em}.reception-modal-close{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;font-size:1.25rem;color:#64748b;cursor:pointer;padding:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.reception-modal-close:hover{background:#f1f5f9;color:#475569;transform:scale(1.05)}.reception-modal-form{display:flex;flex-direction:column}.reception-modal-label{font-size:.875rem;color:#374151;font-weight:600;margin-bottom:6px;display:flex;flex-direction:column;letter-spacing:.025em}.reception-modal-input{margin-top:6px;padding:12px 16px;border:2px solid #e2e8f0;border-radius:10px;font-size:.95rem;background:#fff;transition:all .2s ease;font-family:inherit}.reception-modal-input:focus{outline:none;border-color:#00d4b3;box-shadow:0 0 0 3px #00d4b31a;transform:translateY(-1px)}.reception-modal-input[type=number]::-webkit-outer-spin-button,.reception-modal-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.reception-modal-input[type=number]{-moz-appearance:textfield}.reception-modal-row{display:flex;align-items:center;gap:16px}.reception-modal-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:5px;padding-right:10px;border-top:1px solid #f1f5f9}.reception-pagination{display:flex;align-items:center;gap:16px;justify-content:center;background:#fff;padding:10px;border-radius:12px;box-shadow:0 2px 4px #0000000d;border:1px solid rgba(226,232,240,.8)}.pagination-footer{position:sticky;bottom:0;background:#fff;z-index:100;border-top:1px solid rgba(226,232,240,.8);box-shadow:0 -2px 8px #0000001a}.reception-pagination button{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:8px;padding:8px 16px;font-size:.875rem;font-weight:600;color:#374151;cursor:pointer;transition:all .2s ease;min-width:100px}.reception-pagination button:hover:not(:disabled){background:linear-gradient(135deg,#00d4b3,#00a8cc);color:#fff;border-color:#00d4b3;transform:translateY(-1px);box-shadow:0 4px 12px #00d4b34d}.reception-pagination button:disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed;transform:none;box-shadow:none}.reception-pagination span{font-weight:600;color:#374151;font-size:.9rem;padding:8px 16px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:8px;border:1px solid #e2e8f0}.reception-row-selected{background:linear-gradient(135deg,#f0fdfa,#ecfdf5)!important;border-left:4px solid #00d4b3!important;transition:all .3s ease;transform:translate(2px)}.reception-main-layout{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#f1f5f9);font-family:Red Hat Display,sans-serif;overflow:hidden}.reception-main-header{height:80px;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:flex-start;padding:0 40px;position:sticky;z-index:10;border-bottom:1px solid rgba(226,232,240,.8);box-shadow:0 1px 3px #0000001a;transition:all .3s ease;gap:40px}.reception-header-logo img{height:48px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.reception-header-nav{display:flex;gap:40px;align-items:center}.reception-header-link{text-decoration:none;color:#64748b;font-size:.95rem;font-weight:600;padding:8px 16px;border-radius:10px;transition:all .3s ease;position:relative;letter-spacing:.025em}.reception-header-link:before{content:"";position:absolute;bottom:0;left:50%;width:0;height:3px;background:linear-gradient(90deg,#00d4b3,#00a8cc);border-radius:2px;transition:all .3s ease;transform:translate(-50%)}.reception-header-link.active,.reception-header-link:hover{color:#00d4b3;background:#00d4b31a;transform:translateY(-1px)}.reception-header-link.active:before,.reception-header-link:hover:before{width:80%}.reception-header-actions{display:flex;gap:16px;align-items:center;margin-left:auto}.reception-header-logout{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:10px;padding:10px 20px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #ef44444d}.reception-header-logout:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 6px 16px #ef444466}.reception-main-body{display:flex;min-height:calc(100vh - 80px);overflow:hidden}.reception-main-content{flex:1;padding:5px;background:transparent;overflow:hidden}.reception-search-box{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:5px;background:#fff;padding:28px;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;border:1px solid rgba(226,232,240,.8);position:relative}.reception-search-box:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#00d4b3,#00a8cc,#00d4b3);border-radius:16px 16px 0 0}.search-input-group{display:flex;flex-direction:column;gap:6px}.search-label{font-size:.8rem;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.reception-input{padding:12px 16px;border:2px solid #e2e8f0;border-radius:10px;min-width:140px;font-size:.9rem;background:#fff;transition:all .2s ease;font-family:inherit}.reception-input:focus{outline:none;border-color:#00d4b3;box-shadow:0 0 0 3px #00d4b31a;transform:translateY(-1px)}.reception-input:hover{border-color:#00d4b3}.reception-search-btn{background:#00d4b3;border:none;color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #00d4b34d;display:flex;align-items:center;justify-content:center}.reception-search-btn:hover{background:linear-gradient(135deg,#00a8cc,#00d4b3);transform:translateY(-2px);box-shadow:0 6px 16px #00d4b366}.reception-table-wrapper{background:#fff;border:1px solid rgba(226,232,240,.8);border-radius:16px;padding:0;margin-bottom:32px;box-shadow:0 4px 6px -1px #0000001a;overflow:hidden;max-height:70vh;display:flex;flex-direction:column}.table-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0}.table-title{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0;display:flex;align-items:center;gap:12px}.table-count{font-size:.875rem;font-weight:500;color:#64748b;background:#00d4b31a;padding:4px 8px;border-radius:6px;border:1px solid rgba(0,212,179,.2)}.reception-table-container{flex:1;overflow-y:scroll;overflow-x:auto;position:relative}.reception-table-container::-webkit-scrollbar{width:8px;height:8px}.reception-table-container::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}.reception-table-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#00d4b3,#00a8cc);border-radius:4px;transition:all .3s ease}.reception-table-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#00a8cc,#00d4b3)}.reception-table-container::-webkit-scrollbar-corner{background:#0000000d}.reception-table{width:100%;border-collapse:collapse;font-size:.9rem;position:relative}.reception-table th,.reception-table td{border:none;padding:16px 12px;text-align:left;border-bottom:1px solid #f1f5f9}.reception-table th{background:linear-gradient(135deg,#f8fafc,#f1f5f9);font-weight:700;color:#374151;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;padding:20px 12px;position:sticky;top:0;z-index:10;box-shadow:0 2px 4px #0000001a}.th-content{display:flex;align-items:center;gap:8px;justify-content:space-between}.th-content svg{opacity:.5;transition:opacity .2s ease}.th-content:hover svg{opacity:1}.reception-table tbody tr{transition:all .2s ease}.reception-table tbody tr:hover{background:#00d4b30d;transform:translate(2px)}.loading-state,.empty-state{text-align:center!important;padding:60px 20px!important;border:none!important;display:flex!important;justify-content:center!important;align-items:center!important}.loading-spinner{display:flex;justify-content:center;align-items:center;color:#64748b;width:100%;height:100%;min-height:60px;text-align:center;margin:0 auto}.spinner{width:56px;height:56px;position:relative;border:3px solid rgba(0,0,0,.1);border-top-color:var(--user-type-color, #8548A8);border-radius:50%;animation:spinnerRotate 1s linear infinite}.spinner:before{content:"";position:absolute;width:56px;height:56px;border-radius:50%;border:3px solid transparent;border-top-color:var(--user-type-color, #8548A8);border-right-color:var(--user-type-color, #8548A8);animation:spinnerRotate 1s cubic-bezier(.5,0,.5,1) infinite}.loading-spinner{width:56px;height:56px;position:relative;border:3px solid rgba(0,0,0,.1);border-top-color:var(--user-type-color, #8548A8);border-radius:50%;animation:spinnerRotate 1s linear infinite}.button-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid #ffffff;border-radius:50%;animation:spin .8s linear infinite;margin-right:8px}.empty-content{display:flex;flex-direction:column;align-items:center;gap:16px;color:#64748b}.empty-content svg{color:#cbd5e1}.empty-content h4{margin:0;font-size:1.125rem;font-weight:600;color:#374151}.empty-content p{margin:0;font-size:.875rem;color:#64748b;max-width:300px;text-align:center;line-height:1.5}.reception-actions{display:flex;gap:12px;justify-content:flex-start;flex-wrap:wrap}.reception-action-btn{background:#00d4b3;color:#fff;border:none;border-radius:10px;padding:12px 20px;font-size:.875rem;font-family:Red Hat Display,sans-serif;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #00d4b34d;letter-spacing:.025em;width:200px}.reception-action-btn:hover{background:#005e50;transform:translateY(-2px);box-shadow:0 6px 16px #00d4b366}.reception-action-btn:disabled{background:#94a3b8;cursor:not-allowed;transform:none;box-shadow:none}.reception-action-btn:disabled:hover{background:#94a3b8;transform:none;box-shadow:none}.reception-close-btn{background:#b1cbf5;color:#1e293b;border:none;border-radius:10px;padding:12px 20px;font-size:.875rem;font-family:Red Hat Display,sans-serif;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #00d4b34d;letter-spacing:.025em;width:200px}.reception-close-btn:hover{background:#93c5fd;transform:translateY(-2px);box-shadow:0 6px 16px #c9d3d166}.reception-close-btn:disabled{background:#cbd5e1;cursor:not-allowed;transform:none;box-shadow:none}.reception-close-btn:disabled:hover{background:#cbd5e1;transform:none;box-shadow:none}@media (max-width: 1200px){.reception-main-header{padding:0 24px}.reception-header-nav{gap:24px}.reception-main-content{padding:24px}.reception-search-box{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.reception-actions{gap:8px}}@media (max-width: 900px){.reception-main-header{padding:0 16px;height:70px}.reception-header-logo img{height:40px}.reception-header-nav{gap:16px}.reception-header-link{font-size:.875rem;padding:6px 12px}.reception-main-content{padding:16px}.reception-search-box{grid-template-columns:1fr;gap:16px}.reception-input{min-width:100%}.reception-table-wrapper{padding:16px;overflow-x:auto}.reception-table{min-width:600px}.reception-actions{flex-direction:column;gap:8px}.reception-action-btn{width:100%;justify-content:center}}@media (max-width: 600px){.reception-main-header{flex-direction:column;height:auto;padding:16px;gap:16px}.reception-header-nav{order:2;width:100%;justify-content:center}.reception-header-actions{order:3;width:100%;justify-content:center}.reception-main-content{padding:12px}.reception-modal{min-width:90vw;max-width:90vw;padding:24px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tooltip-menu{animation:fadeInUp .2s ease-out}.tooltip-menu-item{transition:all .15s ease}.tooltip-menu-item:hover{transform:translate(2px)}.reception-row-hoverable{transition:all .2s ease;position:relative}.reception-row-hoverable:hover{background-color:#f8fafc!important;box-shadow:0 2px 8px #0000001a}.reception-row-selected{background-color:#eff6ff!important;box-shadow:0 2px 12px #3b82f626}.reception-row-selected:hover{background-color:#dbeafe!important;box-shadow:0 4px 16px #3b82f633}.reception-table tbody tr,.reception-table tbody tr:hover{cursor:context-menu}.reception-table td{transition:all .2s ease}.reception-row-hoverable:hover td{color:#1f2937;font-weight:500}.type-badge{display:inline-block;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;transition:all .2s ease}.type-badge.appointment{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border:1px solid #93c5fd}.type-badge.outpatient{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border:1px solid #f59e0b}.serial-number{font-family:Courier New,monospace;font-size:10px;color:#6b7280;margin-top:2px;opacity:.8}.reception-cards-wrapper{background:#fff;border:1px solid rgba(226,232,240,.8);border-radius:16px;padding:0;margin-bottom:32px;box-shadow:0 4px 6px -1px #0000001a;overflow:hidden}.cards-header{padding:20px 24px;border-bottom:1px solid #e2e8f0}.cards-title{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0;display:flex;align-items:center;gap:12px}.cards-count{font-size:.875rem;font-weight:500;color:#64748b;background:#00d4b31a;padding:4px 8px;border-radius:6px;border:1px solid rgba(0,212,179,.2)}.cards-loading-state,.cards-empty-state{text-align:center;padding:60px 20px;display:flex;justify-content:center;align-items:center;min-height:300px}.outpatient-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:24px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);overflow-y:scroll;max-height:380px}.outpatient-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;border:1px solid rgba(0,0,0,.04);overflow:hidden;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;height:100%;min-height:180px}.outpatient-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0006,#0009);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);z-index:3000;display:flex;align-items:center;justify-content:center;animation:overlayFadeIn .4s cubic-bezier(.4,0,.2,1)}.outpatient-details-content-view{background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;border:1px solid rgba(226,232,240,.8);display:flex;flex-direction:column;height:100%;min-height:740px;max-height:calc(100vh - 60px);overflow:hidden;animation:slideUpFromBottom .4s cubic-bezier(.4,0,.2,1);position:relative}.outpatient-details-content-view.sliding-down{animation:slideDownToBottom .4s cubic-bezier(.4,0,.2,1)}@keyframes slideUpFromBottom{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDownToBottom{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}@keyframes overlayFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px) saturate(100%);backdrop-filter:blur(0px) saturate(100%)}to{opacity:1;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%)}}.outpatient-overlay-content{background:#fffffff2;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.2);border-radius:24px;box-shadow:0 32px 64px -12px #00000040,0 0 0 1px #ffffff1a,inset 0 1px #fff3;width:98%;height:98%;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;animation:overlaySlideIn .5s cubic-bezier(.4,0,.2,1);position:relative}.outpatient-details-content-view .overlay-scrollable-content{flex:1;overflow-y:auto;padding:0;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.outpatient-details-content-view .overlay-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:20px 24px;display:flex;align-items:center;gap:16px;position:sticky;top:0;z-index:10;box-shadow:0 2px 8px #0000000d}.outpatient-details-content-view .overlay-title{font-size:1.5rem;font-weight:700;color:#1e293b;letter-spacing:-.025em;margin:0;flex:1}.outpatient-details-content-view .overlay-back-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:none;border-radius:8px;background:#f8fafc;color:#64748b;font-weight:500;font-size:.95rem;cursor:pointer;transition:all .2s ease}.outpatient-details-content-view .overlay-back-btn:hover{background:#f1f5f9;color:#475569;transform:translate(-2px)}.outpatient-details-content-view .overlay-close-btn{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;font-size:1.25rem;color:#64748b;cursor:pointer;padding:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.outpatient-details-content-view .overlay-close-btn:hover{background:#f1f5f9;color:#475569;transform:scale(1.05)}.outpatient-details-content-view .overlay-form-section{padding:24px;background:linear-gradient(135deg,#fffc,#f8fafc99);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:visible;z-index:2}.outpatient-details-content-view .overlay-services-section{padding:0 24px 24px;background:linear-gradient(135deg,#ffffffe6,#f8fafcb3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative}.outpatient-details-content-view .overlay-actions{display:flex;gap:16px;padding:20px 24px;background:linear-gradient(135deg,#f8fafce6,#f1f5f9cc);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.2);border-radius:0 0 16px 16px;justify-content:space-between;position:sticky;bottom:0;z-index:10}.inpatient-details-content-view{background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;border:1px solid rgba(226,232,240,.8);display:flex;flex-direction:column;height:100%;min-height:600px;max-height:calc(100vh - 60px);overflow:hidden;animation:slideUpFromBottom .4s cubic-bezier(.4,0,.2,1);position:relative}.inpatient-details-content-view.sliding-down{animation:slideDownToBottom .4s cubic-bezier(.4,0,.2,1)}.inpatient-details-content-view .overlay-scrollable-content{flex:1;overflow-y:auto;padding:0;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.inpatient-details-content-view .overlay-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:20px 24px;display:flex;align-items:center;gap:16px;position:sticky;top:0;z-index:10;box-shadow:0 2px 8px #0000000d}.inpatient-details-content-view .overlay-title{font-size:1.5rem;font-weight:700;color:#1e293b;letter-spacing:-.025em;margin:0;flex:1}.inpatient-details-content-view .overlay-back-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:none;border-radius:8px;background:#f8fafc;color:#64748b;font-weight:500;font-size:.95rem;cursor:pointer;transition:all .2s ease}.inpatient-details-content-view .overlay-back-btn:hover{background:#f1f5f9;color:#475569;transform:translate(-2px)}.inpatient-details-content-view .overlay-close-btn{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;font-size:1.25rem;color:#64748b;cursor:pointer;padding:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.inpatient-details-content-view .overlay-close-btn:hover{background:#f1f5f9;color:#475569;transform:scale(1.05)}.inpatient-details-content-view .overlay-form-section{padding:24px;background:linear-gradient(135deg,#fffc,#f8fafc99);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:visible;z-index:2}.inpatient-details-content-view .overlay-services-section{padding:0 24px 24px;background:linear-gradient(135deg,#ffffffe6,#f8fafcb3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative}.inpatient-details-content-view .overlay-actions{display:flex;gap:16px;padding:20px 24px;background:linear-gradient(135deg,#f8fafce6,#f1f5f9cc);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.2);border-radius:0 0 16px 16px;justify-content:space-between;position:sticky;bottom:0;z-index:10}.overlay-scrollable-content{flex:1;overflow-y:auto;padding-bottom:0}@keyframes overlaySlideIn{0%{opacity:0;transform:translateY(40px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.outpatient-overlay-content:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#00d4b3,#00a8cc,#8b5cf6,#00d4b3);background-size:200% 100%;animation:gradientShift 3s ease-in-out infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.overlay-header{display:flex;justify-content:space-between;align-items:center;padding:16px 32px;background:linear-gradient(135deg,#ffffffe6,#f8fafce6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.2);position:relative;z-index:1}.overlay-title{font-size:1.75rem;font-weight:800;background:linear-gradient(135deg,#1f2937,#374151);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;font-family:Red Hat Display,sans-serif;letter-spacing:-.025em;position:relative}.overlay-title:after{content:"";position:absolute;bottom:-4px;left:0;width:40px;height:3px;background:linear-gradient(90deg,#00d4b3,#00a8cc);border-radius:2px}.overlay-close-btn{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:12px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);color:#6b7280;position:relative;overflow:hidden}.overlay-close-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease}.overlay-close-btn:hover:before{left:100%}.overlay-close-btn:hover{background:#ef44441a;border-color:#ef44444d;color:#dc2626;transform:scale(1.1) rotate(90deg);box-shadow:0 8px 25px #ef444433}.overlay-form-section{padding-left:32px;padding-right:32px;padding-top:16px;background:linear-gradient(135deg,#fffc,#f8fafc99);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:visible;z-index:2}.overlay-form-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(0,212,179,.05) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,168,204,.05) 0%,transparent 50%);pointer-events:none}.form-row{display:flex;flex-direction:row;gap:24px;margin-bottom:16px;position:relative;z-index:1;min-height:auto;width:100%;flex-wrap:nowrap}.form-group{flex:1;display:flex;flex-direction:row;align-items:center;position:relative;min-height:60px;width:100%;max-width:none;gap:12px}.form-group.full-width{flex:2}.form-row.four-column{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:16px!important}.form-row.four-column .form-group{flex:1!important;max-width:25%!important;min-width:0!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important}.form-row.four-column .form-label{min-width:60px!important;flex-shrink:0!important;margin-bottom:0!important;margin-right:0!important;font-size:.8rem!important}.form-row.four-column .form-input{flex:1!important;min-width:0!important;font-size:.8rem!important;padding:10px 12px!important}.form-row.four-column .form-value{flex:1!important;min-width:0!important;font-size:.8rem!important;padding:10px 12px!important;min-height:40px!important}.form-label{font-size:.875rem;font-weight:700;color:#374151;margin-bottom:0;margin-right:8px;font-family:Red Hat Display,sans-serif;letter-spacing:.025em;position:relative;display:flex;align-items:center;gap:6px;min-width:120px;flex-shrink:0}.form-label:before{content:"";width:4px;height:4px;background:linear-gradient(135deg,#00d4b3,#00a8cc);border-radius:50%;opacity:.7}.form-input{padding:14px 16px;border:2px solid rgba(209,213,219,.3);border-radius:12px;font-size:.875rem;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.4,0,.2,1);font-family:Red Hat Display,sans-serif;position:relative;box-shadow:0 2px 4px #00000005;flex:1}.form-value{padding:14px 16px;border:2px solid rgba(209,213,219,.2);border-radius:12px;font-size:.875rem;background:#f8fafccc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:Red Hat Display,sans-serif;color:#374151;font-weight:500;flex:1;display:flex;align-items:center;min-height:48px}.form-input:focus{outline:none;border-color:#00d4b3;background:#fffffff2;box-shadow:0 0 0 4px #00d4b31a,0 4px 12px #00d4b326;transform:translateY(-1px)}.form-input.disabled{background:#f9fafbcc;color:#9ca3af;cursor:not-allowed;border-color:#d1d5db33;opacity:.7}.form-input:not(.disabled):hover{border-color:#00d4b380;transform:translateY(-1px);box-shadow:0 4px 8px #0000000d}.overlay-services-section{padding:0 32px 32px;background:linear-gradient(135deg,#ffffffe6,#f8fafcb3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative}.services-title{font-size:1.25rem;font-weight:800;background:linear-gradient(135deg,#1f2937,#374151);-webkit-background-clip:text;background-clip:text;margin:0 0 10px;font-family:Red Hat Display,sans-serif;letter-spacing:-.025em;position:relative}.services-table{border:1px solid rgba(255,255,255,.2);border-radius:16px;overflow:hidden;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #00000014,inset 0 1px #fff3;position:relative}.table-header{display:grid;grid-template-columns:repeat(7,1fr);background:linear-gradient(135deg,#00d4b31a,#00a8cc1a);border-bottom:2px solid rgba(0,212,179,.2);position:relative}.table-header:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#00d4b3,#00a8cc)}.table-cell{padding:16px 12px;font-size:.875rem;font-weight:700;color:#1f2937;border-right:1px solid rgba(0,212,179,.1);text-align:center;font-family:Red Hat Display,sans-serif;letter-spacing:.025em;position:relative}.table-cell:last-child{border-right:none}.table-body{display:flex;flex-direction:column}.table-row{display:grid;grid-template-columns:repeat(7,1fr);border-bottom:1px solid rgba(229,231,235,.3);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.table-row:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#00d4b305,#00a8cc05);opacity:0;transition:opacity .3s ease}.table-row:hover:before{opacity:1}.table-row:hover{background:#00d4b30d;transform:translate(4px);box-shadow:4px 0 12px #00d4b31a}.table-row:last-child{border-bottom:none}.table-row .table-cell{background:transparent;border-right:1px solid rgba(229,231,235,.2);font-weight:500;text-align:left;padding:14px 12px;color:#374151;transition:all .3s ease;position:relative;z-index:1}.table-row .table-cell:last-child{border-right:none}.table-row:hover .table-cell{color:#1f2937;font-weight:600}.overlay-actions{display:flex;gap:16px;padding:24px 32px;background:linear-gradient(135deg,#f8fafce6,#f1f5f9cc);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.2);border-radius:0 0 24px 24px;justify-content:space-between;position:sticky;bottom:0;z-index:10}.overlay-actions:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,212,179,.3),transparent)}.action-btn{padding:14px 24px;border:2px solid rgba(255,255,255,.3);border-radius:12px;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#374151;font-size:.875rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:Red Hat Display,sans-serif;min-width:120px;position:relative;overflow:hidden;letter-spacing:.025em;box-shadow:0 4px 12px #0000000d}.action-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease}.action-btn:hover:before{left:100%}.action-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px #0000001a;border-color:#ffffff80}.emr-btn,.vital-btn,.soap-btn,.attachment-btn,.checkout-btn,.special-requests-btn{background:linear-gradient(135deg,#00d4b31a,#00a8cc1a);border-color:#00d4b34d;color:#00a8cc}.emr-btn:hover,.vital-btn:hover,.soap-btn:hover,.attachment-btn:hover,.checkout-btn:hover,.special-requests-btn:hover{background:linear-gradient(135deg,#00d4b333,#00a8cc33);border-color:#00d4b3;color:#00a8cc;box-shadow:0 8px 25px #00d4b333}.save-exit-btn{background:linear-gradient(135deg,#22c55e1a,#16a34a1a);border-color:#22c55e4d;color:#16a34a}.save-exit-btn:hover{background:linear-gradient(135deg,#22c55e33,#16a34a33);border-color:#22c55e;color:#15803d;box-shadow:0 8px 25px #22c55e33}@media (max-width: 1200px){.outpatient-cards-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;padding:20px}}.outpatient-overlay-content::-webkit-scrollbar{width:8px}.outpatient-overlay-content::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}.outpatient-overlay-content::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#00d4b3,#00a8cc);border-radius:4px;transition:all .3s ease}.outpatient-overlay-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#00a8cc,#00d4b3)}.form-input:focus{outline:none;border-color:#00d4b3;background:#fffffff2;box-shadow:0 0 0 4px #00d4b31a,0 4px 12px #00d4b326,0 0 0 1px #00d4b333;transform:translateY(-1px)}.overlay-loading{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.action-btn:active{transform:translateY(0) scale(.98);transition:all .1s ease}.table-row:active{transform:translate(2px);transition:all .1s ease}.outpatient-overlay-content:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(0,212,179,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(0,168,204,.1) 0%,transparent 50%);pointer-events:none;z-index:0}@media (max-width: 768px){.outpatient-overlay-content{width:95%;max-height:95vh;margin:10px}.form-row{flex-direction:row;gap:12px;flex-wrap:wrap}.form-row.four-column{flex-direction:row!important;flex-wrap:nowrap!important;gap:12px!important}.form-group{flex:1;min-width:120px;flex-direction:row;align-items:center}.form-row.four-column .form-group{flex:1!important;min-width:100px!important;max-width:none!important;flex-direction:row!important;align-items:center!important;gap:6px!important}.form-row.four-column .form-label{min-width:50px!important;font-size:.75rem!important;margin-bottom:0!important;margin-right:0!important}.form-row.four-column .form-input{font-size:.75rem!important;padding:8px 10px!important}.form-row.four-column .form-value{font-size:.75rem!important;padding:8px 10px!important;min-height:36px!important}.form-label{min-width:80px;margin-bottom:0;margin-right:8px}.table-header,.table-row{grid-template-columns:repeat(7,1fr);font-size:.75rem}.table-cell{padding:8px 4px;font-size:.75rem}.overlay-actions{flex-wrap:wrap;gap:8px}.action-btn{min-width:80px;padding:8px 12px;font-size:.75rem}}@media (max-width: 480px){.overlay-header{padding:16px}.overlay-title{font-size:1.25rem}.overlay-form-section{padding:16px}.overlay-services-section{padding:0 16px 16px}.form-row{flex-direction:column;gap:12px}.form-row.four-column{flex-direction:row!important;flex-wrap:wrap!important;gap:8px!important}.form-group{flex:none;width:100%;flex-direction:column;align-items:flex-start}.form-row.four-column .form-group{flex:1!important;min-width:calc(50% - 4px)!important;max-width:calc(50% - 4px)!important;flex-direction:row!important;align-items:center!important;gap:6px!important}.form-row.four-column .form-label{min-width:40px!important;font-size:.7rem!important;margin-bottom:0!important;margin-right:0!important}.form-row.four-column .form-input{font-size:.7rem!important;padding:6px 8px!important}.form-row.four-column .form-value{font-size:.7rem!important;padding:6px 8px!important;min-height:32px!important}.form-label{min-width:auto;margin-bottom:8px;margin-right:0}.table-header,.table-row{grid-template-columns:repeat(7,1fr)}.table-cell{padding:6px 2px;font-size:.7rem}.overlay-actions{padding:16px;flex-direction:column}.action-btn{width:100%;min-width:auto}}@media (max-width: 768px){.outpatient-cards-grid{grid-template-columns:1fr;gap:16px;padding:16px}.card-cover{height:160px}.card-content{padding:16px}.card-header{flex-direction:column;align-items:flex-start;gap:8px}.card-footer{flex-direction:column;align-items:flex-start;gap:12px}.card-actions{width:100%;justify-content:flex-end}}.overlay-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center}.overlay-loading .loading-spinner{width:56px;height:56px;position:relative;border:3px solid rgba(0,0,0,.1);border-top-color:var(--user-type-color, #8548A8);border-radius:50%;animation:spinnerRotate 1s linear infinite;margin-bottom:24px}.overlay-loading .loading-spinner:before{content:"";position:absolute;width:56px;height:56px;border-radius:50%;border:3px solid transparent;border-top-color:var(--user-type-color, #8548A8);border-right-color:var(--user-type-color, #8548A8);animation:spinnerRotate 1s cubic-bezier(.5,0,.5,1) infinite}.overlay-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center}.error-icon{font-size:48px;margin-bottom:16px}.retry-btn{background:#3b82f6;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;margin-top:16px;transition:background-color .2s}.retry-btn:hover{background:#2563eb}.services-add-btn{background:#00d4b3!important;color:#fff!important;border:none;border-radius:8px;font-weight:600;font-size:.875rem;padding:8px 16px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #00d4b34d;font-family:Red Hat Display,sans-serif;letter-spacing:.025em;text-decoration:none;display:inline-block}.services-add-btn:hover{background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #00d4b366}.services-add-btn:active{transform:translateY(0);box-shadow:0 2px 4px #00d4b34d}.service-search-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9999;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease;padding:20px;box-sizing:border-box}.service-search-content{background:#fff;border-radius:12px;box-shadow:0 20px 40px #00000026;width:100%;max-width:600px;max-height:70vh;overflow:hidden;animation:slideUp .3s ease;position:relative;margin:auto}.service-search-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.service-search-header h4{margin:0;font-size:18px;font-weight:600;color:#111827}.close-search-btn{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.close-search-btn:hover{background:#e5e7eb;color:#374151}.service-search-input{padding:20px 24px;border-bottom:1px solid #e5e7eb}.search-input{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;transition:all .2s ease;outline:none}.search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.service-search-results{max-height:300px;overflow-y:auto;padding:8px 0;scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9}.service-search-results::-webkit-scrollbar{width:6px}.service-search-results::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.service-search-results::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.service-search-results::-webkit-scrollbar-thumb:hover{background:#94a3b8}.service-search-item{padding:16px 24px;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:all .2s ease}.service-search-item:hover{background:#f9fafb}.service-search-item:last-child{border-bottom:none}.service-item-info{display:flex;flex-direction:column;gap:8px}.service-name{font-weight:600;color:#111827;font-size:15px}.service-details{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.service-code{background:#e0e7ff;color:#3730a3;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:500}.service-type{background:#f0fdf4;color:#166534;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:500;text-transform:capitalize}.service-price{color:#059669;font-weight:600;font-size:14px}.no-services-found{padding:40px 24px;text-align:center;color:#6b7280;font-style:italic}.services-table{width:100%;border-collapse:collapse;border-spacing:0;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.services-table-container{overflow-x:auto;overflow-y:auto;max-height:400px;border-radius:8px;box-shadow:0 1px 3px #0000001a;position:relative}.services-table-container::-webkit-scrollbar{width:8px;height:8px}.services-table-container::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}.services-table-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#00d4b3,#00a8cc);border-radius:4px;transition:all .3s ease}.services-table-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#00a8cc,#00d4b3)}.services-table-container::-webkit-scrollbar-corner{background:#0000000d}.services-table thead{background:#f8fafc}.services-table th{padding:16px 12px;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb;font-size:14px}.services-table td{padding:12px;border-bottom:1px solid #f3f4f6;vertical-align:middle}.services-table tbody tr:hover{background:#f9fafb}.services-table tbody tr:last-child td{border-bottom:none}.quantity-input,.discount-input{width:100%;padding:6px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:12px;outline:none;transition:all .2s ease}.notes-input{width:100%;padding:6px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:12px;outline:none;transition:all .2s ease;resize:vertical;min-height:32px;max-height:120px;font-family:inherit;line-height:1.4;overflow-y:auto}.quantity-input:focus,.discount-input:focus,.notes-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.remove-service-btn{background:#ef4444;color:#fff;border:none;padding:6px 12px;border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s ease}.remove-service-btn:hover{background:#dc2626;transform:translateY(-1px)}.context-menu-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:10000;background:transparent}.context-menu{position:fixed;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px #00000026;padding:4px 0;min-width:160px;z-index:10001;animation:contextMenuSlideIn .15s ease}@keyframes contextMenuSlideIn{0%{opacity:0;transform:scale(.95) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}.context-menu-item{display:flex;align-items:center;gap:8px;padding:8px 16px;cursor:pointer;color:#dc2626;font-size:14px;font-weight:500;transition:all .2s ease}.context-menu-item:hover{background:#fef2f2;color:#b91c1c}.context-menu-item svg{flex-shrink:0}.service-row{cursor:pointer;transition:all .2s ease;position:relative}.service-row:hover{background:#f8fafc!important;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.service-row:active{transform:translateY(0);box-shadow:0 1px 4px #0000001a}@media (max-width: 768px){.service-search-modal{padding:10px}.service-search-content{max-height:80vh;width:100%;margin:0}.service-search-header,.service-search-input{padding:16px 20px}.service-search-item{padding:12px 20px}.service-details{flex-direction:column;align-items:flex-start;gap:6px}}@media (max-width: 480px){.service-search-modal{padding:5px}.service-search-content{max-height:90vh}.service-search-header h4,.search-input{font-size:16px}.services-table-container{max-height:300px}.services-table th,.services-table td{padding:8px 6px;font-size:12px}.services-table th{padding:12px 6px}}.soap-details-content-view{background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;border:1px solid rgba(226,232,240,.8);display:flex;flex-direction:column;height:calc(100vh - 60px);min-height:600px;max-height:calc(100vh - 60px);overflow:hidden;animation:slideUpFromBottom .4s cubic-bezier(.4,0,.2,1);position:relative}.soap-details-content-view.soap-embedded{height:auto;min-height:auto;max-height:none;overflow:visible;box-shadow:none;border:none;border-radius:0;animation:none}.soap-details-content-view .soap-header-section{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 24px;background:linear-gradient(135deg,#f8fafce6,#f1f5f9cc);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.2);border-radius:16px 16px 0 0;flex-shrink:0;z-index:10}.soap-details-content-view .soap-header-left{display:flex;flex-direction:column;gap:8px;flex:1}.soap-details-content-view .soap-header-title{font-size:24px;font-weight:700;color:#111827;margin:0;font-family:Red Hat Display,sans-serif;letter-spacing:-.02em}.soap-details-content-view .soap-header-info{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.soap-details-content-view .soap-header-serial{font-size:14px;font-weight:600;color:#6b7280;font-family:Courier New,monospace;background:#fffc;padding:4px 10px;border-radius:6px;border:1px solid rgba(226,232,240,.8)}.soap-details-content-view .soap-header-pet{font-size:14px;font-weight:600;color:#374151}.soap-details-content-view .soap-header-owner{font-size:14px;font-weight:500;color:#6b7280}.soap-details-content-view .soap-header-right{display:flex;align-items:center;gap:16px;flex-shrink:0}.soap-details-content-view .overlay-scrollable-content{flex:1 1 0;min-height:0;overflow-y:auto;overflow-x:hidden;padding:24px 24px 32px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent;overscroll-behavior:contain}.soap-details-content-view.soap-embedded .overlay-scrollable-content{overflow-y:visible;overflow-x:visible;flex:none;min-height:auto}.soap-details-content-view .overlay-scrollable-content::-webkit-scrollbar{width:8px}.soap-details-content-view .overlay-scrollable-content::-webkit-scrollbar-track{background:transparent}.soap-details-content-view .overlay-scrollable-content::-webkit-scrollbar-thumb{background:#0003;border-radius:4px}.soap-details-content-view .overlay-scrollable-content::-webkit-scrollbar-thumb:hover{background:#0000004d}.soap-form-container{max-width:1000px;margin:0 auto}.soap-accordion-container{width:100%;display:flex;flex-direction:column;gap:16px;min-height:fit-content;margin-bottom:24px}.soap-accordion-item{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;border:1px solid rgba(226,232,240,.8);overflow:hidden;transition:all .3s ease}.soap-accordion-item:hover{box-shadow:0 4px 12px #0000001a}.soap-accordion-header{width:100%;display:flex;align-items:center;gap:12px;padding:20px 24px;background:#fff;border:none;cursor:pointer;text-align:left;transition:all .3s ease;font-family:Red Hat Display,sans-serif}.soap-accordion-header:hover{background:#f8fafc}.soap-accordion-header:active{background:#f1f5f9}.soap-letter{font-size:48px;font-weight:700;color:#00d4b3;line-height:1;font-family:Red Hat Display,sans-serif}.soap-text{font-size:24px;font-weight:600;color:#111827;flex:1;font-family:Red Hat Display,sans-serif}.soap-accordion-icon{width:20px;height:20px;color:#6b7280;transition:transform .3s ease;flex-shrink:0}.soap-accordion-icon.open{transform:rotate(180deg)}.soap-accordion-content{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1),padding .4s ease;padding:0 24px}.soap-accordion-content.open{max-height:2000px;padding:24px;border-top:1px solid rgba(226,232,240,.8)}.soap-vital-signs-grid{display:grid;grid-template-columns:repeat(4,max-content);justify-content:center;gap:48px;margin-bottom:24px}.soap-vital-signs-column{display:flex;flex-direction:column;gap:20px}.soap-vital-signs-grid .soap-input{max-width:140px}.soap-input{width:100%;padding:12px 16px;border:1px solid #D1D5DB;border-radius:8px;font-size:14px;transition:all .2s ease;background-color:#fff;font-family:Red Hat Display,sans-serif;color:#111827}.soap-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.soap-input:hover{border-color:#9ca3af}.soap-pain-scale-section{background-color:#f8fafc;border-radius:12px;padding:24px;margin-bottom:24px}.soap-pain-scale-title{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 20px;display:flex;align-items:center;gap:8px;font-family:Red Hat Display,sans-serif}.soap-pain-scale-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(60px,1fr));gap:8px;margin-bottom:16px}.soap-pain-scale-button{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;border:2px solid #E5E7EB;border-radius:8px;background-color:#fff;cursor:pointer;transition:all .2s ease;font-family:Red Hat Display,sans-serif}.soap-pain-scale-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.soap-input[type=number]::-webkit-outer-spin-button,.soap-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.soap-input[type=number]{-moz-appearance:textfield}.soap-section{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000d;border:1px solid rgba(226,232,240,.8)}.soap-field{margin-bottom:24px}.soap-field:last-child{margin-bottom:0}.soap-label{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:8px;font-family:Red Hat Display,sans-serif}.soap-label .required{color:#ef4444}.soap-modern-header{padding:24px 32px;background:linear-gradient(135deg,#fff,#f8fafc);border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.soap-modern-title{font-size:28px;font-weight:700;color:#0f172a;margin:0;font-family:Red Hat Display,sans-serif;letter-spacing:-.025em;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.soap-modern-info{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:8px}.soap-modern-info-badge{font-size:13px;font-weight:500;color:#475569;padding:6px 12px;background:#f1f5f9;border-radius:8px;border:1px solid #e2e8f0}.soap-modern-save-bar{padding:20px 32px;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;justify-content:flex-end;flex-shrink:0}.soap-modern-accordion-item{background:#fff;border-radius:16px;border:2px solid #e2e8f0;overflow:hidden;margin-bottom:16px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000000d}.soap-modern-accordion-item:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #00000014}.soap-modern-accordion-header{width:100%;padding:24px 28px;background:#fff;border:none;cursor:pointer;display:flex;align-items:center;gap:20px;transition:all .2s ease;font-family:Red Hat Display,sans-serif}.soap-modern-accordion-header:hover{background:#f8fafc}.soap-modern-section-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:#fff;flex-shrink:0;box-shadow:0 4px 12px #0000001a}.soap-modern-section-icon.subjective{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.soap-modern-section-icon.objective{background:linear-gradient(135deg,#3b82f6,#2563eb)}.soap-modern-section-icon.assessment{background:linear-gradient(135deg,#14b8a6,#0d9488)}.soap-modern-section-icon.plan{background:linear-gradient(135deg,#10b981,#059669)}.soap-modern-section-title{flex:1;text-align:left}.soap-modern-section-title h3{font-size:20px;font-weight:700;color:#0f172a;margin:0 0 4px;font-family:Red Hat Display,sans-serif}.soap-modern-section-title p{font-size:13px;color:#64748b;margin:0;font-weight:400}.soap-modern-accordion-arrow{width:24px;height:24px;color:#64748b;transition:transform .3s ease;flex-shrink:0}.soap-modern-accordion-arrow.open{transform:rotate(180deg)}.soap-modern-accordion-content{padding:0 28px;max-height:0;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);background:#fff}.soap-modern-accordion-content.open{padding:28px;max-height:5000px;border-top:1px solid #e2e8f0}.soap-modern-textarea{width:100%;padding:16px;border:2px solid #e2e8f0;border-radius:12px;font-size:14px;font-family:Red Hat Display,sans-serif;resize:vertical;transition:all .2s ease;background:#fff;color:#0f172a;line-height:1.6}.soap-modern-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.soap-modern-textarea.error{border-color:#ef4444}.soap-modern-textarea.error:focus{border-color:#ef4444;box-shadow:0 0 0 4px #ef44441a}.soap-modern-readonly{padding:16px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0;color:#0f172a;font-size:14px;font-family:Red Hat Display,sans-serif;white-space:pre-wrap;line-height:1.6;min-height:80px}.soap-modern-vitals-container{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:16px;padding:24px;margin-bottom:24px;border:1px solid #e2e8f0}.soap-modern-vitals-title{font-size:16px;font-weight:700;color:#0f172a;margin:0 0 20px;font-family:Red Hat Display,sans-serif;text-transform:uppercase;letter-spacing:.05em}.soap-modern-vitals-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px}.soap-modern-vital-card{background:#fff;border-radius:12px;padding:16px;border:1px solid #e2e8f0;transition:all .2s ease}.soap-modern-vital-card:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.soap-modern-vital-label{font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;display:block}.soap-modern-vital-input{width:100%;padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:15px;font-weight:600;color:#0f172a;background:#fff;text-align:center;font-family:Red Hat Display,sans-serif;transition:all .2s ease}.soap-modern-vital-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.soap-modern-services-grid{display:flex;flex-direction:column;gap:12px}.soap-modern-service-card{background:#fff;border-radius:12px;padding:16px;border:2px solid #e2e8f0;display:flex;align-items:center;gap:16px;transition:all .2s ease}.soap-modern-service-card.fulfilled{border-color:#10b981;background:linear-gradient(135deg,#fff,#f0fdf4);box-shadow:0 2px 8px #10b9811a}.soap-modern-service-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.soap-modern-service-check{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#f1f5f9;color:#94a3b8;font-size:16px}.soap-modern-service-card.fulfilled .soap-modern-service-check{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 8px #10b9814d}.soap-modern-service-content{flex:1;min-width:0}.soap-modern-service-name{font-size:15px;font-weight:600;color:#0f172a;margin-bottom:4px;font-family:Red Hat Display,sans-serif}.soap-modern-service-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.soap-modern-service-qty{font-size:12px;color:#64748b;background:#f1f5f9;padding:4px 8px;border-radius:6px;font-weight:500}.soap-modern-service-notes{font-size:13px;color:#64748b;margin-top:8px;line-height:1.5;font-style:italic}html[dir=rtl] .soap-details-content-view,[dir=rtl] .soap-details-content-view{text-align:right}html[dir=rtl] .soap-modern-header,[dir=rtl] .soap-modern-header{flex-direction:row-reverse}html[dir=rtl] .soap-modern-accordion-header,[dir=rtl] .soap-modern-accordion-header{flex-direction:row-reverse;text-align:right}html[dir=rtl] .soap-modern-section-title,[dir=rtl] .soap-modern-section-title{text-align:right}html[dir=rtl] .soap-modern-section-icon,[dir=rtl] .soap-modern-section-icon{order:2}html[dir=rtl] .soap-modern-accordion-arrow,[dir=rtl] .soap-modern-accordion-arrow{order:0;transform:scaleX(-1)}html[dir=rtl] .soap-modern-accordion-arrow.open,[dir=rtl] .soap-modern-accordion-arrow.open{transform:scaleX(-1) rotate(180deg)}html[dir=rtl] .soap-modern-save-bar,[dir=rtl] .soap-modern-save-bar,html[dir=rtl] .soap-modern-vitals-container,[dir=rtl] .soap-modern-vitals-container{text-align:right}html[dir=rtl] .soap-modern-vital-signs-grid,[dir=rtl] .soap-modern-vital-signs-grid,html[dir=rtl] .soap-modern-services-grid,[dir=rtl] .soap-modern-services-grid{direction:rtl}html[dir=rtl] .soap-field,[dir=rtl] .soap-field,html[dir=rtl] .soap-label,[dir=rtl] .soap-label{text-align:right}html[dir=rtl] .soap-modern-textarea,[dir=rtl] .soap-modern-textarea,html[dir=rtl] .soap-textarea,[dir=rtl] .soap-textarea{text-align:right;direction:rtl}.soap-textarea{width:100%;padding:12px 16px;border:2px solid #d1d5db;border-radius:8px;font-size:14px;font-family:Red Hat Display,sans-serif;resize:vertical;transition:all .2s ease;background:#fff;min-height:100px}.soap-textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.soap-textarea.error{border-color:#ef4444}.soap-textarea.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.error-message{color:#ef4444;font-size:12px;margin-top:4px;font-family:Red Hat Display,sans-serif}.soap-services-list{display:flex;flex-direction:column;gap:12px;margin-bottom:24px;background:#f9fafb;border-radius:8px;padding:16px;border:1px solid #e5e7eb}.soap-service-item{background:#fff;border-radius:8px;padding:12px 16px;border:1px solid #e5e7eb;transition:all .2s ease}.soap-service-item:hover{border-color:#d1d5db;box-shadow:0 1px 3px #0000000d}.soap-service-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}.soap-service-name{font-size:14px;font-weight:600;color:#111827;flex:1;font-family:Red Hat Display,sans-serif}.soap-service-quantity{font-size:13px;font-weight:500;color:#6b7280;background:#f3f4f6;padding:4px 10px;border-radius:6px;font-family:Red Hat Display,sans-serif}.soap-service-notes{font-size:13px;color:#6b7280;line-height:1.5;font-style:italic;padding-top:8px;border-top:1px solid #f3f4f6;font-family:Red Hat Display,sans-serif}.soap-details-content-view .overlay-actions{display:flex;gap:16px;padding:20px 24px;background:linear-gradient(135deg,#f8fafce6,#f1f5f9cc);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.2);border-radius:0 0 16px 16px;justify-content:flex-end;flex-shrink:0;z-index:10}.soap-details-content-view .action-btn.cancel-btn{background:#fffc;border:2px solid #d1d5db;color:#374151}.soap-details-content-view .action-btn.cancel-btn:hover{background:#f9fafb;border-color:#9ca3af}.soap-details-content-view .action-btn.save-btn{background:linear-gradient(135deg,#2563eb1a,#1d4ed81a);border-color:#2563eb4d;color:#2563eb}.soap-details-content-view .action-btn.save-btn:hover{background:linear-gradient(135deg,#2563eb33,#1d4ed833);border-color:#2563eb;box-shadow:0 8px 25px #2563eb33}.loading-spinner-small{width:16px;height:16px;border:2px solid #ffffff;border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite;display:inline-block;margin-right:8px}.modern-card-container{background:linear-gradient(180deg,#fff,#fafafa);border-radius:12px;box-shadow:0 2px 12px #00000014;border:1px solid rgba(0,0,0,.04);overflow:hidden;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;height:100%;display:flex;flex-direction:column;min-height:220px;padding:16px}.modern-card-container:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001f}.pet-avatar-section{display:flex;justify-content:center;margin-bottom:12px}.pet-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;box-shadow:0 3px 10px #0000001f;border:2px solid #ffffff;transition:all .25s ease}.modern-card-container:hover .pet-avatar{transform:scale(1.04);box-shadow:0 5px 16px #0000002e}.pet-name-section{text-align:center;margin-bottom:10px}.pet-name{font-size:1.125rem;font-weight:700;color:#111827;margin:0 0 2px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.owner-name{font-size:.8125rem;font-weight:500;color:#6b7280;margin:0}.visit-description{text-align:left;margin-bottom:12px;flex:1}.visit-description p{font-size:.8125rem;color:#6b7280;line-height:1.4;margin:0}.visit-details{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.visit-detail-item{display:flex;align-items:center;gap:6px;font-size:.8125rem;color:#4b5563}.visit-detail-item svg{width:14px;height:14px;color:#9ca3af;flex-shrink:0}.action-buttons{display:flex;gap:8px;justify-content:center;margin-top:auto}.action-btn{padding:8px 14px;border-radius:6px;border:1px solid rgba(0,0,0,.06);font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:92px}.primary-action-btn{background:linear-gradient(180deg,#3b82f6,#2563eb);color:#fff;border-color:transparent}.primary-action-btn:hover{filter:brightness(.98);transform:translateY(-1px)}.secondary-action-btn{background:linear-gradient(180deg,#10b981,#059669);color:#fff;border-color:transparent}.secondary-action-btn:hover{filter:brightness(.98);transform:translateY(-1px)}.modern-card{background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;border:1px solid rgba(0,0,0,.04);overflow:hidden;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;height:100%;display:flex;flex-direction:column;min-height:220px;flex:1}.inpatient-card{height:100%;display:flex;flex-direction:column;min-width:0}.inpatient-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:24px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);overflow-y:scroll;max-height:380px}.modern-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001f;border-color:#00d4b333}.card-top-section{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 20px 16px;border-bottom:1px solid #f1f5f9}.pet-section{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.pet-avatar{flex-shrink:0}.avatar-image{width:56px;height:56px;border-radius:50%;object-fit:cover;box-shadow:0 4px 12px #0000001a;border:3px solid #ffffff;transition:all .25s ease}.modern-card:hover .avatar-image{transform:scale(1.05);box-shadow:0 6px 16px #00000026}.pet-info{min-width:0;flex:1}.pet-name{font-size:1.125rem;font-weight:700;color:#111827;margin:0 0 4px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pet-owner{font-size:.875rem;font-weight:500;color:#6b7280;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-section{flex-shrink:0}.status-badge{display:inline-block;padding:6px 12px;border-radius:8px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.status-badge.active{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border:1px solid #10b981}.status-badge.confirmed{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border:1px solid #3b82f6}.status-badge.completed{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border:1px solid #10b981}.status-badge.canceled{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border:1px solid #ef4444}.status-badge.checkout{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#3730a3;border:1px solid #6366f1}.card-middle-section{padding:16px 20px;flex:1}.visit-info{display:flex;flex-direction:column;gap:12px}.info-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:center}.info-item{display:flex;align-items:center;gap:8px;min-width:0}.info-icon{width:20px;height:20px;color:#9ca3af;flex-shrink:0;display:flex;align-items:center;justify-content:center}.info-text{font-size:.875rem;font-weight:500;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.info-text.vet-name{font-weight:600;color:#111827}.info-text.serial{font-family:Courier New,monospace;font-size:.8rem;color:#6b7280;font-weight:600}.card-reason-section{padding:0 20px 16px;border-bottom:1px solid #f1f5f9}.visit-reason{font-size:.875rem;color:#6b7280;line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-bottom-section{padding:16px 20px 20px}.action-buttons{display:flex;gap:8px;justify-content:center}.action-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;border-radius:8px;border:1px solid rgba(0,0,0,.06);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:80px;white-space:nowrap;justify-content:center}.action-btn.primary{background:linear-gradient(135deg,#00d4b3,#00a8cc);color:#fff;border-color:transparent}.action-btn.primary:hover{background:linear-gradient(135deg,#00a8cc,#0088a3);transform:translateY(-1px);box-shadow:0 4px 12px #00d4b34d}.action-btn.secondary{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border-color:transparent}.action-btn.secondary:hover{background:linear-gradient(135deg,#4b5563,#374151);transform:translateY(-1px);box-shadow:0 4px 12px #6b72804d}.action-btn.tertiary{background:green;color:#fff;border-color:transparent}.action-btn.tertiary:hover{background:#90ee90;transform:translateY(-1px);box-shadow:0 4px 12px #22ad224d}.action-btn.convert{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border-color:transparent}.action-btn.convert:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.action-btn.success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-color:transparent}.action-btn.success:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.action-btn.close{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-color:transparent}.action-btn.close:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.action-btn:disabled:hover{background:linear-gradient(135deg,#6b7280,#4b5563);transform:none;box-shadow:none}@media (max-width: 1200px){.outpatient-cards-grid,.inpatient-cards-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;padding:20px}.modern-card{min-height:200px}.card-top-section{padding:16px 16px 12px}.card-middle-section{padding:12px 16px}.card-reason-section{padding:0 16px 12px}.card-bottom-section{padding:12px 16px 16px}}@media (max-width: 768px){.outpatient-cards-grid,.inpatient-cards-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;padding:16px}.modern-card{min-height:180px}.card-top-section{padding:14px 14px 10px;flex-direction:column;align-items:flex-start;gap:12px}.pet-section{width:100%}.status-section{align-self:flex-end}.avatar-image{width:48px;height:48px}.pet-name{font-size:1rem}.pet-owner{font-size:.8rem}.card-middle-section{padding:10px 14px}.card-reason-section{padding:0 14px 10px}.card-bottom-section{padding:10px 14px 14px}.action-buttons{flex-direction:column;gap:6px}.action-btn{width:100%;min-width:auto}.info-row{grid-template-columns:2fr 1fr;gap:12px}}@media (max-width: 480px){.outpatient-cards-grid,.inpatient-cards-grid{grid-template-columns:1fr;gap:12px;padding:12px}.modern-card{min-height:160px}.card-top-section{padding:12px 12px 8px}.card-middle-section{padding:8px 12px}.card-reason-section{padding:0 12px 8px}.card-bottom-section{padding:8px 12px 12px}.avatar-image{width:44px;height:44px}.pet-name{font-size:.95rem}.pet-owner{font-size:.75rem}.info-text{font-size:.8rem}.action-btn{padding:8px 12px;font-size:.75rem}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px);max-height:0}to{opacity:1;transform:translateY(0);max-height:200px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.services-table .service-row input,.services-table .service-row textarea{display:block;width:100%;padding:6px 10px;border:1px solid #d1d5db;border-radius:6px;background-color:#fff;color:#111827;font-size:14px;line-height:1.5;box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease}.services-table .service-row input{height:36px}.services-table .service-row textarea{min-height:36px;resize:vertical}.services-table .service-row input::placeholder,.services-table .service-row textarea::placeholder{color:#9ca3af}.services-table .service-row input:focus,.services-table .service-row textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f133}.services-table .service-row input:hover,.services-table .service-row textarea:hover{border-color:#9ca3af}.services-table .service-row input:disabled,.services-table .service-row textarea:disabled{background-color:#f3f4f6;cursor:not-allowed}.services-table .service-row input[type=number]::-webkit-outer-spin-button,.services-table .service-row input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.services-table .service-row input[type=number]{-moz-appearance:textfield}.modern-action-btn{background:#3b82f6!important;color:#fff!important;border:none;border-radius:8px;font-weight:600;font-size:.875rem;padding:8px 16px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #00d4b34d;font-family:Red Hat Display,sans-serif;letter-spacing:.025em;text-decoration:none;display:inline-block}.modern-action-btn:hover{background:#059669!important;transform:translateY(-1px);box-shadow:0 4px 12px #00d4b366}.modern-action-btn:active{transform:translateY(0);box-shadow:0 2px 4px #00d4b34d}.confirmation-message{text-align:center;padding:24px 0}.confirmation-icon{display:flex;justify-content:center;margin-bottom:16px;color:#10b981}.confirmation-message h3{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0 0 12px}.confirmation-message p{font-size:.875rem;color:#6b7280;margin:0;line-height:1.5}.feature-lock-icon-small{position:relative;display:inline-flex;align-items:center;color:#6b7280;cursor:help}.feature-lock-icon-small:hover:after{content:"Feature Locked, Upgrade to Unlock";position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px;padding:8px 12px;background-color:#1f2937;color:#fff;font-size:12px;font-weight:500;white-space:nowrap;border-radius:6px;box-shadow:0 4px 12px #00000026;z-index:1000;pointer-events:none}.feature-lock-icon-small:hover:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:2px;border:6px solid transparent;border-top-color:#1f2937;z-index:1000;pointer-events:none}.visit-info-preview{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px;margin:16px 0}.visit-info-preview p{margin:4px 0;color:#475569;font-size:.875rem}.visit-info-preview strong{color:#1e293b;font-weight:600}.checklist-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:16px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.checklist-section-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:16px 20px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;gap:12px}.checklist-section-title{margin:0;font-size:18px;font-weight:600;color:#374151}.checklist-item{display:flex;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid #f3f4f6;transition:all .2s ease}.checklist-item:last-child{border-bottom:none}.checklist-checkbox{width:24px;height:24px;border:2px solid #d1d5db;border-radius:4px;background-color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;position:relative}.checklist-checkbox.checked{background-color:#10b981;border-color:#10b981}.checklist-checkbox.checked:after{content:"✓";color:#fff;font-size:14px;font-weight:700;animation:checkmark .2s ease-in-out}.checklist-item-label{flex:1;font-size:15px;font-weight:500;color:#374151;cursor:pointer;text-decoration:none;transition:all .2s ease}.checklist-item-label.completed{color:#059669;text-decoration:line-through}.checklist-item-status{background-color:#d1fae5;color:#065f46;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:600}.notes-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.notes-header{background:linear-gradient(135deg,#fef3c7,#fde68a);padding:16px 20px;border-bottom:1px solid #e5e7eb}.notes-title{margin:0;font-size:18px;font-weight:600;color:#92400e;display:flex;align-items:center;gap:8px}.notes-textarea{width:100%;min-height:120px;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;outline:none;transition:border-color .2s ease}.notes-textarea:focus{border-color:#f59e0b}@keyframes checkmark{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:1}}.highlight-row{animation:highlightPulse 2s ease-in-out}@keyframes highlightPulse{0%{background-color:transparent;transform:scale(1)}10%{background-color:#fef3c7;transform:scale(1.02)}50%{background-color:#fde68a;transform:scale(1.02)}to{background-color:transparent;transform:scale(1)}}.card-financial-section{padding:12px 16px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0}.financial-info{display:flex;justify-content:space-between;align-items:center;gap:16px}.financial-item{display:flex;flex-direction:column;align-items:center;text-align:center;flex:1}.financial-label{font-size:11px;font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.financial-value{font-size:14px;font-weight:600;color:#1e293b;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace}.financial-value.remaining-amount{color:#dc2626;background:linear-gradient(135deg,#fef2f2,#fee2e2);padding:4px 8px;border-radius:6px;border:1px solid #fecaca}.financial-value.paid-in-full{color:#059669;background:linear-gradient(135deg,#f0fdf4,#dcfce7);padding:4px 8px;border-radius:6px;border:1px solid #bbf7d0}@media (max-width: 768px){.financial-info{flex-direction:column;gap:8px}.financial-item{flex-direction:row;justify-content:space-between;width:100%}.financial-label{margin-bottom:0;margin-right:8px}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateY(0)}40%,43%{transform:translateY(-8px)}70%{transform:translateY(-4px)}90%{transform:translateY(-2px)}}.payment-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;align-items:stretch}.payment-method-card{position:relative;overflow:hidden}.payment-method-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s}.payment-method-card:hover:before{left:100%}.payment-method-card.selected{animation:pulse 2s infinite}.payment-method-card:focus-visible{outline:3px solid #3B82F6;outline-offset:2px}.payment-modal-cancel-btn:focus-visible,.payment-modal-save-btn:focus-visible{outline:3px solid #3B82F6;outline-offset:2px}@media (max-width: 640px){.payment-grid{grid-template-columns:1fr;gap:16px}.payment-modal-container{width:95vw!important;max-width:95vw!important;margin:10px}.payment-modal-header{padding:20px 24px!important}.payment-modal-header>div{flex-direction:column;gap:16px;align-items:flex-start!important}.payment-modal-header>div>div:last-child{align-self:flex-end}}@media (max-width: 480px){.payment-method-card{min-height:120px!important;padding:20px 16px!important}.payment-modal-save-btn,.payment-modal-cancel-btn{padding:12px 20px!important;font-size:13px!important}}.payment-modal-overlay.loading{pointer-events:none}*{transition:all .3s cubic-bezier(.4,0,.2,1)}textarea::-webkit-scrollbar{width:6px}textarea::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}textarea::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}textarea::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width: 768px){.reception-main-layout-responsive{min-height:100vh!important}.reception-main-header-responsive{height:auto!important;min-height:70px!important;padding:12px 16px!important;gap:16px!important;flex-wrap:wrap!important}.reception-header-logo-responsive{width:100%!important;display:flex!important;justify-content:center!important}.reception-logo-img{height:40px!important}.reception-header-nav-responsive{width:100%!important;gap:8px!important;justify-content:center!important;flex-wrap:wrap!important}.reception-header-link{font-size:.875rem!important;padding:6px 12px!important}.reception-header-actions-responsive{width:100%!important;display:flex!important;justify-content:center!important;margin-left:0!important}.reception-header-logout-responsive{padding:8px 16px!important;font-size:.875rem!important}.reception-main-body-responsive{min-height:calc(100vh - 80px)!important;padding:0!important;overflow:hidden!important}.reception-main-content-responsive{padding:8px!important}.reception-search-box{grid-template-columns:1fr!important;gap:16px!important;padding:20px!important;margin-bottom:8px!important}.search-input-group{gap:8px!important}.reception-input{min-width:100%!important;padding:10px 14px!important;font-size:.875rem!important}.reception-table-container{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.reception-table{min-width:800px!important;font-size:.875rem!important}.reception-table th,.reception-table td{padding:10px 8px!important;font-size:.85rem!important}.reception-modal{width:95%!important;max-height:90vh!important;padding:16px!important}.reception-modal-header{padding:16px!important}.reception-modal-title{font-size:1.25rem!important}.outpatient-cards-grid,.inpatient-cards-grid{grid-template-columns:1fr!important;gap:12px!important;padding:12px!important}.card-header{padding:12px 14px!important}.card-title{font-size:1rem!important}.card-status{font-size:.75rem!important;padding:4px 10px!important}.card-bottom-section{padding:12px 14px!important}.card-actions{flex-direction:column!important;gap:8px!important}.card-action-btn{width:100%!important;padding:10px!important;font-size:.875rem!important}}@media (max-width: 480px){.reception-main-header-responsive{min-height:60px!important;padding:8px 12px!important;gap:12px!important}.reception-logo-img{height:35px!important}.reception-header-nav-responsive{gap:6px!important}.reception-header-link{font-size:.8rem!important;padding:5px 10px!important}.reception-header-logout-responsive{padding:6px 12px!important;font-size:.8rem!important}.reception-main-content-responsive{padding:4px!important}.reception-search-box{padding:16px!important;gap:12px!important}.search-label{font-size:.75rem!important}.reception-input{padding:8px 12px!important;font-size:.8rem!important}.reception-table{min-width:700px!important;font-size:.8rem!important}.reception-table th,.reception-table td{padding:8px 6px!important;font-size:.75rem!important}.reception-modal{width:98%!important;padding:12px!important}.reception-modal-header{padding:12px!important}.reception-modal-title{font-size:1.1rem!important}.outpatient-cards-grid,.inpatient-cards-grid{gap:10px!important;padding:10px!important}.card-header,.card-bottom-section{padding:10px 12px!important}.card-title{font-size:.95rem!important}.card-status{font-size:.7rem!important;padding:3px 8px!important}.card-action-btn{padding:8px!important;font-size:.8rem!important}div[style*="position: fixed"][style*="z-index: 10000"]{padding:8px!important}div[style*="backgroundColor: 'rgb(255, 255, 255)'"][style*="borderRadius: '20px'"]{max-width:98vw!important;max-height:95vh!important}div[style*="padding: '24px 32px'"]{padding:16px 20px!important}h2[style*="fontSize: '24px'"]{font-size:1.25rem!important}div[style*="padding: '0 32px'"]{padding:0 16px!important}input[placeholder="Search special requests..."]{padding:8px 12px!important;font-size:.875rem!important}div[style*="padding: '16px 20px'"] h3{font-size:1rem!important}div[style*="padding: '20px'"]{padding:12px!important}div[style*="gridTemplateColumns: '1fr auto'"]{grid-template-columns:1fr!important;gap:8px!important}div[style*="display: 'flex'"][style*="gap: '8px'"][style*="fontSize: '11px'"]{flex-direction:column!important;gap:4px!important}div[style*="fontSize: '16px'"]{font-size:1rem!important}textarea[placeholder="Add notes here..."]{padding:8px 12px!important;font-size:.875rem!important}div[style*="display: 'flex'"][style*="justifyContent: 'flex-end'"][style*="paddingTop: '16px'"]{flex-direction:column!important;gap:8px!important}button[style*="padding: '12px 24px'"]{width:100%!important;padding:12px!important}}@media (min-width: 769px) and (max-width: 1200px){div[style*="backgroundColor: 'rgb(255, 255, 255)'"][style*="borderRadius: '20px'"]{max-width:95vw!important;max-height:90vh!important}div[style*="padding: '24px 32px'"]{padding:20px 24px!important}h2[style*="fontSize: '24px'"]{font-size:1.5rem!important}div[style*="padding: '0 32px'"]{padding:0 24px!important}input[placeholder="Search special requests..."]{padding:10px 14px!important;font-size:.9rem!important}div[style*="padding: '16px 20px'"] h3{font-size:1.1rem!important}div[style*="padding: '20px'"]{padding:16px!important}div[style*="gridTemplateColumns: '1fr auto'"]{grid-template-columns:1fr .8fr!important;gap:12px!important}div[style*="fontSize: '16px'"]{font-size:.95rem!important}}.reception-header-link{position:relative;display:flex;align-items:center;gap:8px}.reception-header-link.loading{pointer-events:none;opacity:.8}.tab-loading-spinner{width:16px;height:16px;border:2px solid rgba(0,212,179,.2);border-top:2px solid #00d4b3;border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}@media (max-width: 768px){.tab-loading-spinner{width:14px;height:14px;border-width:1.5px}}@media (max-width: 480px){.tab-loading-spinner{width:12px;height:12px;border-width:1px}}.reception-cards-wrapper{width:100%;box-sizing:border-box;padding:0}.cards-header{width:100%;box-sizing:border-box;padding:0;margin-bottom:16px}.cards-loading-state,.cards-empty-state{width:100%;padding:40px 20px;display:flex;justify-content:center;align-items:center;min-height:300px}.cards-empty-state .empty-content{padding:20px}.cards-empty-state .empty-content svg{width:40px;height:40px}.cards-empty-state .empty-content h4{font-size:1rem}.cards-empty-state .empty-content p{font-size:.875rem}.cards-title{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.cards-title-left{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.cards-count{font-size:.875rem;color:#64748b;font-weight:500}.cards-title-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.appointments-table-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -12px;padding:0 12px}.tooltip-menu,.help-tooltip{max-width:calc(100vw - 24px)}.reception-pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding:20px;flex-wrap:wrap}@media (max-width: 1200px){.reception-search-box{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;padding:24px}.appointments-table-container{margin:0 -8px;padding:0 8px}.reception-table{min-width:800px}.cards-title{gap:10px}.cards-title-left{font-size:1.1rem}.cards-count{font-size:.8rem}}@media (max-width: 1024px){.reception-search-box{grid-template-columns:repeat(2,1fr);gap:14px;padding:20px}.search-input-group{gap:5px}.search-label{font-size:.75rem}.reception-input{padding:10px 14px;font-size:.85rem}.cards-title{flex-direction:column;align-items:flex-start;gap:12px}.cards-title-right{width:100%;justify-content:flex-end}.appointments-table-container{margin:0 -4px;padding:0 4px}.reception-table{min-width:750px;font-size:.85rem}.reception-table th,.reception-table td{padding:12px 10px;font-size:.85rem}.tooltip-menu{min-width:180px;max-width:220px}.reception-pagination{padding:16px;gap:10px}.reception-action-btn{padding:10px 16px;font-size:.8rem}}@media (max-width: 768px){.reception-search-box{grid-template-columns:1fr;gap:12px;padding:16px;margin-bottom:12px}.search-input-group{gap:4px}.search-label{font-size:.7rem;margin-bottom:2px}.reception-input{padding:10px 12px;font-size:.8rem;min-width:100%}.reception-search-btn{font-size:.9rem;padding:10px 16px}.cards-header{padding:12px 0}.cards-title{gap:10px}.cards-title-left{font-size:1rem}.cards-count{font-size:.75rem;display:block;width:100%;margin-top:4px}.cards-title-right{width:100%;justify-content:space-between}.appointments-table-container{margin:0;padding:0;overflow-x:auto}.reception-table{min-width:700px;font-size:.8rem}.reception-table th,.reception-table td{padding:10px 8px;font-size:.8rem}.reception-table th{padding:14px 8px;font-size:.75rem}.tooltip-menu{min-width:160px;max-width:200px;padding:6px 0}.tooltip-menu-item{padding:10px 12px!important;font-size:13px!important;gap:10px!important}.tooltip-menu-item>div:first-child{width:28px!important;height:28px!important}.help-tooltip{max-width:200px;padding:10px 12px;font-size:12px}.reception-pagination{flex-direction:column;gap:12px;padding:12px}.reception-action-btn{width:100%;max-width:200px;padding:10px 14px;font-size:.8rem}.reception-modal-overlay{padding:10px!important}.reception-modal{width:95vw!important;max-width:none!important;margin:0!important}.reception-modal-header{padding:20px 16px 16px!important}.reception-modal-form{padding:20px 16px!important}}@media (max-width: 600px){.reception-search-box{padding:12px;gap:10px;border-radius:12px}.search-label{font-size:.65rem}.reception-input{padding:8px 10px;font-size:.75rem}.reception-search-btn{font-size:.85rem;padding:8px 14px}.cards-title-left{font-size:.95rem}.cards-count{font-size:.7rem}.appointments-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.reception-table{min-width:650px;font-size:.75rem}.reception-table th,.reception-table td{padding:8px 6px;font-size:.75rem}.reception-table th{padding:12px 6px;font-size:.7rem}.tooltip-menu{min-width:140px;max-width:180px;padding:4px 0}.tooltip-menu-item{padding:8px 10px!important;font-size:12px!important;gap:8px!important}.tooltip-menu-item>div:first-child{width:24px!important;height:24px!important}.tooltip-menu-item>div:last-child{font-size:12px!important}.tooltip-menu-item>div:last-child>div:first-child{font-size:12px!important}.tooltip-menu-item>div:last-child>div:last-child{font-size:11px!important}.help-tooltip{max-width:180px;padding:8px 10px;font-size:11px}.reception-pagination{padding:10px;gap:10px}.reception-pagination button{padding:8px 12px;font-size:.75rem}.reception-pagination span{font-size:.8rem}.reception-modal-overlay{padding:8px!important}.reception-modal{width:100vw!important;max-height:100vh!important;border-radius:0!important;margin:0!important}.reception-modal-header{padding:16px 12px 12px!important}.reception-modal-header>div>div:first-child>div:first-child{width:40px!important;height:40px!important}.reception-modal-header>div>div:first-child>div:last-child>div:first-child{font-size:18px!important}.reception-modal-header>div>div:first-child>div:last-child>div:last-child{font-size:12px!important}.reception-modal-form{padding:16px 12px!important}.reception-modal-form>div[style*="grid-template-columns: '1fr 1fr'"]{grid-template-columns:1fr!important;gap:12px!important}}@media (max-width: 425px){.reception-search-box{padding:10px;gap:8px;border-radius:10px}.search-label{font-size:.6rem}.reception-input{padding:8px 10px;font-size:.7rem}.reception-search-btn{font-size:.8rem;padding:8px 12px}.cards-title-left{font-size:.9rem}.cards-count{font-size:.65rem}.cards-title-right{flex-direction:column;width:100%;gap:8px}.cards-title-right button{width:100%}.appointments-table-container{overflow-x:auto}.reception-table{min-width:600px;font-size:.7rem}.reception-table th,.reception-table td{padding:6px 4px;font-size:.7rem}.reception-table th{padding:10px 4px;font-size:.65rem}.tooltip-menu{min-width:120px;max-width:160px;padding:4px 0}.tooltip-menu-item{padding:6px 8px!important;font-size:11px!important;gap:6px!important}.tooltip-menu-item>div:first-child{width:20px!important;height:20px!important}.tooltip-menu-item>div:last-child{font-size:11px!important}.tooltip-menu-item>div:last-child>div:first-child{font-size:11px!important}.tooltip-menu-item>div:last-child>div:last-child{font-size:10px!important}.help-tooltip{max-width:160px;padding:6px 8px;font-size:10px}.reception-pagination{padding:8px;gap:8px}.reception-pagination button{padding:6px 10px;font-size:.7rem;flex:1;max-width:none}.reception-pagination span{font-size:.75rem;width:100%;text-align:center}.cards-loading-state,.cards-empty-state{padding:30px 16px;min-height:250px}.cards-empty-state .empty-content{padding:16px}.cards-empty-state .empty-content svg{width:36px;height:36px}.cards-empty-state .empty-content h4{font-size:.9rem}.cards-empty-state .empty-content p{font-size:.8rem}.reception-modal-overlay{padding:0!important}.reception-modal{width:100vw!important;height:100vh!important;max-height:100vh!important;border-radius:0!important}.reception-modal-header{padding:12px 10px 10px!important}.reception-modal-header>div>div:first-child{gap:8px!important}.reception-modal-header>div>div:first-child>div:first-child{width:36px!important;height:36px!important}.reception-modal-header>div>div:first-child>div:last-child>div:first-child{font-size:16px!important}.reception-modal-header>div>div:first-child>div:last-child>div:last-child{font-size:11px!important}.reception-modal-form{padding:12px 10px!important}.reception-modal-form>div[style*="gridTemplateColumns: '1fr 1fr'"]{grid-template-columns:1fr!important;gap:10px!important}.reception-modal-form>div[style*="display: 'flex'"][style*="gap: '12px'"]{flex-direction:column!important;gap:8px!important}.reception-modal-form button{width:100%!important;padding:10px 12px!important;font-size:.8rem!important}}[dir=rtl] .appointments-table-container,[dir=rtl] .reception-table{direction:rtl}[dir=rtl] .reception-table th,[dir=rtl] .reception-table td{text-align:right}[dir=rtl] .tooltip-menu{left:auto;right:10px}[dir=rtl] .help-tooltip{left:auto;right:120px}@media (hover: none) and (pointer: coarse){.reception-table tbody tr{min-height:48px}.tooltip-menu-item{min-height:44px}.reception-action-btn,.reception-search-btn{min-height:44px;min-width:44px}.appointments-table-container{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}}.vital-sign-card-premium{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:10px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.vital-sign-card-premium:hover{transform:translateY(-2px);box-shadow:0 8px 16px #00000014;border-color:#d1d5db}.vital-sign-icon-wrapper{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;box-shadow:0 4px 12px #00000026;margin-bottom:4px}.vital-sign-unit-badge{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:#f3f4f6;color:#6b7280;font-size:11px;font-weight:600;padding:2px 6px;border-radius:4px;pointer-events:none}.vital-sign-card-premium .soap-input{border:2px solid #e5e7eb;border-radius:8px;padding:10px 12px;font-size:14px;transition:all .2s ease}.vital-sign-card-premium .soap-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.vital-sign-card-premium .soap-label{font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin:0}@media (max-width: 1200px){.soap-vital-signs-grid{grid-template-columns:repeat(3,1fr)!important}}@media (max-width: 768px){.soap-vital-signs-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 480px){.soap-vital-signs-grid{grid-template-columns:1fr!important}}.soap-collapsible-section{background:#fff;border-radius:12px;margin-bottom:16px;border:2px solid #e5e7eb;overflow:hidden;transition:all .3s ease}.soap-collapsible-section.expanded{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a}.soap-section-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;cursor:pointer;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e5e7eb;transition:all .2s ease;-webkit-user-select:none;user-select:none}.soap-section-header:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0)}.soap-collapsible-section.expanded .soap-section-header{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-bottom-color:#3b82f6}.soap-section-header-left{display:flex;align-items:center;gap:12px}.soap-section-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;color:#fff;background:linear-gradient(135deg,#64748b,#475569);transition:all .3s ease}.soap-collapsible-section.expanded .soap-section-icon{background:linear-gradient(135deg,#3b82f6,#2563eb);transform:scale(1.05)}.soap-section-title{font-size:18px;font-weight:700;color:#1e293b;font-family:Red Hat Display,sans-serif}.soap-section-subtitle{font-size:13px;color:#64748b;margin-top:2px}.soap-section-chevron{font-size:20px;color:#94a3b8;transition:transform .3s ease}.soap-collapsible-section.expanded .soap-section-chevron{transform:rotate(180deg);color:#3b82f6}.soap-section-content{max-height:0;overflow:hidden;transition:max-height .3s ease}.soap-collapsible-section.expanded .soap-section-content{max-height:5000px}.soap-section-inner{padding:28px 24px}.soap-field-spacious{margin-bottom:28px}.soap-field-spacious:last-child{margin-bottom:0}.soap-label-enhanced{display:block;font-size:15px;font-weight:600;color:#1e293b;margin-bottom:10px;font-family:Red Hat Display,sans-serif;letter-spacing:-.01em}.soap-textarea-enhanced{width:100%;padding:14px 18px;border:2px solid #e2e8f0;border-radius:10px;font-size:15px;line-height:1.6;font-family:Red Hat Display,sans-serif;resize:vertical;transition:all .2s ease;background:#fff;min-height:120px}.soap-textarea-enhanced:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;background:#f8fafc}.soap-textarea-enhanced:disabled,.soap-textarea-enhanced[readonly]{background:#f8fafc;color:#475569;cursor:not-allowed;border-color:#e2e8f0}.vital-signs-grid-enhanced{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:8px}.vital-sign-card{background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #e5e7eb;border-radius:10px;padding:16px;transition:all .2s ease}.vital-sign-card:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0000000d;transform:translateY(-1px)}.vital-sign-card:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.vital-sign-label-enhanced{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px;font-family:Red Hat Display,sans-serif}.vital-sign-input-wrapper{display:flex;align-items:center;gap:8px}.vital-sign-input-enhanced{flex:1;padding:10px 12px;border:2px solid #e2e8f0;border-radius:8px;font-size:15px;font-weight:500;font-family:Red Hat Display,sans-serif;transition:all .2s ease;background:#fff}.vital-sign-input-enhanced:focus{outline:none;border-color:#3b82f6;background:#f8fafc}.vital-sign-input-enhanced:disabled,.vital-sign-input-enhanced[readonly]{background:#f1f5f9;color:#64748b;cursor:not-allowed}.vital-sign-unit{font-size:13px;font-weight:600;color:#64748b;min-width:30px}.vital-signs-group{margin-bottom:24px}.vital-signs-group:last-child{margin-bottom:0}.vital-signs-group-title{font-size:14px;font-weight:700;color:#475569;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid #e5e7eb;text-transform:uppercase;letter-spacing:.5px;font-family:Red Hat Display,sans-serif}.pain-score-selector-enhanced{display:flex;gap:8px;margin-top:8px}.pain-level-enhanced{flex:1;padding:12px 8px;border:2px solid #e5e7eb;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s ease;text-align:center;font-weight:600;font-size:14px}.pain-level-enhanced:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 8px #00000014}.pain-level-enhanced.selected{border-width:3px;transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.pain-level-enhanced.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}@media (max-width: 768px){.vital-signs-grid-enhanced{grid-template-columns:1fr}.soap-section-header{padding:16px 20px}.soap-section-inner{padding:20px 16px}.pain-score-selector-enhanced{flex-wrap:wrap}.pain-level-enhanced{min-width:calc(50% - 4px)}}.soap-readonly-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border-radius:6px;font-size:12px;font-weight:600;border:1px solid #fbbf24}.section-completion-indicator{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#dcfce7;color:#166534;border-radius:6px;font-size:11px;font-weight:600;border:1px solid #86efac}.section-completion-indicator.incomplete{background:#fee2e2;color:#991b1b;border-color:#fca5a5}.appointments-calendar-view{animation:fadeIn .3s ease}.calendar-day-group{margin-bottom:30px}.day-header{font-family:Red Hat Display,sans-serif;text-transform:capitalize;box-shadow:0 2px 4px #0000000d}.appointment-mini-card{font-family:Red Hat Display,sans-serif;position:relative;overflow:hidden}.appointment-mini-card:after{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:#00d4b3;opacity:.8}.appointment-mini-card.selected{transform:translateY(-2px);background-color:#f0fdfa!important}.appointment-mini-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #00000014;border-color:#00d4b3!important}.calendar-cards-grid{padding:4px}.view-toggle button{font-weight:700!important;transition:all .2s ease!important}.view-toggle button:hover{transform:translateY(-1px)}.view-toggle button.active{box-shadow:0 4px 10px #00d4b34d!important}.appointments-calendar-view::-webkit-scrollbar{height:12px}.appointments-calendar-view::-webkit-scrollbar-track{background:#f1f5f9;border-radius:6px}.appointments-calendar-view::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:6px;border:3px solid #f1f5f9}.appointments-calendar-view::-webkit-scrollbar-thumb:hover{background:#94a3b8}.calendar-cards-grid::-webkit-scrollbar{width:6px}.calendar-cards-grid::-webkit-scrollbar-track{background:transparent}.calendar-cards-grid::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.calendar-cards-grid::-webkit-scrollbar-thumb:hover{background:#94a3b8}.pet-form-container,.pet-form-container-with-border{background:#fff;padding:40px 20px;border-radius:8px;font-family:Red Hat Display,sans-serif}.pet-form-container-surgical{background:#fff;padding:30px;border-radius:8px}.pet-form-title{font-family:Red Hat Display,sans-serif;font-weight:700;font-size:20px;color:#303e4e;margin-bottom:8px}.pet-form-title-surgical{font-size:20px;font-weight:600;margin-bottom:10px}.pet-form-label{display:block;font-weight:500;margin-bottom:6px;font-family:Red Hat Display,sans-serif;font-size:14px;color:#374151}.pet-form-label-surgical{display:block;font-weight:500;margin-bottom:6px}.pet-form-input{width:100%;height:45px;padding:0 14px;border:1px solid #D1D5DB;border-radius:8px;font-family:Red Hat Display,sans-serif;font-size:14px;color:#111827}.pet-form-input-dental{width:100%;height:44px;padding:0 14px;border:1px solid #E5E7EB;border-radius:8px;font-size:14px}.pet-form-input-surgical{width:100%;padding:10px;border-radius:6px;border:1px solid #ccc}.pet-form-select{width:100%;height:45px;padding:0 14px;border:1px solid #D1D5DB;border-radius:8px;font-family:Red Hat Display,sans-serif;font-size:14px;color:#111827;background-color:#fff}.pet-form-textarea{width:100%;height:80px;padding:10px 14px 0;border:1px solid #D1D5DB;border-radius:8px;font-family:Red Hat Display,sans-serif;font-size:14px;color:#111827;resize:vertical}.pet-form-textarea-surgical{width:100%;padding:10px;border-radius:6px;border:1px solid #ccc;height:80px}.pet-form-field-group{margin-bottom:20px}.pet-form-field-group-large{margin-bottom:30px}.pet-form-field-group-surgical{margin-bottom:16px}.pet-form-field-group-surgical-large{margin-bottom:20px}.pet-form-flex-row{display:flex;gap:20px;margin-bottom:30px}.pet-form-flex-row-small{display:flex;gap:15px}.pet-form-flex-row-dental{display:flex;gap:14px}.pet-form-flex-row-surgical{display:flex;gap:10px}.pet-form-flex-item{flex:1}.pet-form-flex-checkbox{flex:1;display:flex;align-items:center;gap:10px}.pet-form-checkbox{width:18px;height:18px}.pet-form-button-primary{background:#8548a8;color:#fff;border:none;border-radius:8px;padding:10px 24px;font-family:Red Hat Display,sans-serif;font-weight:600;cursor:pointer}.pet-form-button-primary-dental{background:#8548a8;color:#fff;border:none;padding:10px 28px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer}.pet-form-button-primary-surgical{background:#8548a8;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer}.pet-form-button-secondary{background:#fff;border:1px solid #D1D5DB;border-radius:8px;padding:10px 24px;font-family:Red Hat Display,sans-serif;font-weight:500;color:#374151;cursor:pointer}.pet-form-button-secondary-dental{background:#fff;border:1px solid #D1D5DB;padding:10px 28px;border-radius:8px;font-size:14px;font-weight:600;color:#374151;cursor:pointer}.pet-form-button-secondary-surgical{border:1px solid #ccc;padding:10px 20px;border-radius:6px;cursor:pointer}.pet-form-errors{margin-top:12px}.pet-form-error{color:#ef4444}.pet-form-buttons{display:flex;gap:15px}.pet-form-buttons-dental{display:flex;gap:14px}.pet-form-buttons-surgical{display:flex;gap:10px}@media (max-width: 786px){.urgentcase-submit-btn{width:100%!important;font-size:1.05rem!important;padding:12px 0!important;white-space:normal;word-break:break-word}}@keyframes pinBounce{0%{transform:translate(-50%,-100%) scale(.8);opacity:0}50%{transform:translate(-50%,-100%) scale(1.1);opacity:1}to{transform:translate(-50%,-100%) scale(1);opacity:1}}.pet-card-sidebar.selected{border:2px solid var(--user-type-color, #8548A8);background:color-mix(in srgb,var(--user-type-color, #8548A8) 8%,transparent)}.pet-img-sidebar{width:60px;height:60px;border-radius:50%;object-fit:cover;border:2px solid transparent}.pet-info-sidebar{width:100%}.pet-name-sidebar{font-weight:600;font-size:14px;margin-bottom:2px;color:#1f2937}.pet-species-sidebar{font-size:11px;color:#64748b;margin-bottom:1px}.pet-breed-sidebar{font-size:10px;color:#94a3b8;font-weight:500}.pet-check-sidebar{position:absolute;top:8px;right:8px;color:var(--user-type-color, #8548A8);font-size:16px;font-weight:700;background:color-mix(in srgb,var(--user-type-color, #8548A8) 10%,transparent);border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.pet-card-sidebar{position:relative}.selected-pet-display{display:flex;flex-direction:column;align-items:center;padding:24px;background:color-mix(in srgb,var(--user-type-color, #8548A8) 8%,transparent);border:2px solid var(--user-type-color, #8548A8);border-radius:16px;text-align:center}.selected-pet-img{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid var(--user-type-color, #8548A8);margin-bottom:16px}.selected-pet-info{width:100%}.selected-pet-name{font-weight:700;font-size:18px;color:#1f2937;margin-bottom:8px}.selected-pet-details{font-size:14px;color:#64748b;margin-bottom:4px}.selected-pet-breed{font-size:12px;color:#94a3b8;margin-bottom:16px;font-weight:500}.change-pet-btn{background:var(--user-type-color, #8548A8);color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.change-pet-btn:hover{background:color-mix(in srgb,var(--user-type-color, #8548A8) 85%,black);transform:translateY(-1px)}.no-pet-selected{display:flex;flex-direction:column;align-items:center;padding:24px;text-align:center;color:#64748b}.select-pet-btn{background:var(--user-type-color, #8548A8);color:#fff;border:none;border-radius:8px;padding:12px 20px;font-size:14px;font-weight:600;cursor:pointer;margin-top:12px;transition:all .2s}.select-pet-btn:hover{background:color-mix(in srgb,var(--user-type-color, #8548A8) 85%,black);transform:translateY(-1px)}.selection-summary{display:flex;flex-direction:column;gap:20px;height:calc(100% - 20px)}.summary-section{flex:1}.summary-label{font-size:14px;font-weight:700;color:var(--user-type-color, #8548A8);margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.summary-card{display:flex;flex-direction:column;align-items:center;padding:20px 16px;background:color-mix(in srgb,var(--user-type-color, #8548A8) 8%,transparent);border:2px solid var(--user-type-color, #8548A8);border-radius:12px;text-align:center}.summary-img{width:60px;height:60px;border-radius:50%;object-fit:cover;border:2px solid var(--user-type-color, #8548A8);margin-bottom:12px}.summary-info{width:100%;margin-bottom:12px}.summary-name{font-weight:600;font-size:16px;color:#1f2937;margin-bottom:6px}.summary-details{font-size:12px;color:#64748b;line-height:1.4}.summary-change-btn{background:var(--user-type-color, #8548A8);color:#fff;border:none;border-radius:6px;padding:6px 12px;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s}.summary-change-btn:hover{background:color-mix(in srgb,var(--user-type-color, #8548A8) 85%,black);transform:translateY(-1px)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pet-scroll-container{position:relative;width:100%}.pet-scrollable{max-height:75vh;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.pet-scrollable::-webkit-scrollbar{width:0px;background:transparent}.pet-scrollable::-webkit-scrollbar-track{background:transparent}.pet-scrollable::-webkit-scrollbar-thumb{background:transparent}.pet-scrollable::-webkit-scrollbar-thumb:hover{background:transparent}.pet-scroll-indicator{display:flex;justify-content:center;padding:8px 0;margin-top:8px}.scroll-hint{font-size:11px;color:#94a3b8;font-weight:500;text-align:center;padding:4px 12px;background:#8548a80d;border-radius:12px;border:1px solid rgba(133,72,168,.1);animation:fadeInOut 3s ease-in-out infinite}@keyframes fadeInOut{0%,to{opacity:.7}50%{opacity:1}}.pet-scroll-container:before,.pet-scroll-container:after{content:"";position:absolute;left:0;right:0;height:20px;pointer-events:none;z-index:1;opacity:0;transition:opacity .3s ease}.pet-scroll-container:before{top:0;background:linear-gradient(to bottom,rgba(255,255,255,.9) 0%,transparent 100%)}.pet-scroll-container:after{bottom:0;background:linear-gradient(to top,rgba(255,255,255,.9) 0%,transparent 100%)}.pet-scroll-container:hover:before,.pet-scroll-container:hover:after{opacity:1}.pet-scrollable .urgentcase-pet-card{margin-bottom:12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.pet-scrollable .urgentcase-pet-card:hover{transform:translate(4px) scale(1.02);box-shadow:0 8px 25px #8548a826}.pet-scrollable .urgentcase-pet-card:last-child{margin-bottom:0}.urgentcase-container{width:100vw;min-height:100vh;margin:0;background:#fff;border-radius:0;box-shadow:none;padding:40px 45px;display:flex;flex-direction:column}.urgentcase-title{font-size:1.5rem;font-weight:700;color:#22223b;margin-bottom:8px;text-align:left;padding-left:16px}.urgentcase-desc{color:#6b7280;margin-bottom:24px;text-align:left;padding-left:16px}.urgentcase-pet-list{display:flex;gap:32px;margin-bottom:40px;padding:24px;background:#f8fafc;border-radius:20px;flex-wrap:wrap;justify-content:center}.urgentcase-pet-card{background:#fff;border:2px solid #f1f5f9;border-radius:20px;box-shadow:0 4px 16px #0000000f;padding:0 0 16px;width:220px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;display:flex;flex-direction:column;align-items:center;overflow:hidden}.urgentcase-pet-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent 0%,var(--user-type-color, #8548A8) 50%,transparent 100%);opacity:0;transition:opacity .3s ease}.urgentcase-pet-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px color-mix(in srgb,var(--user-type-color, #8548A8) 12%,transparent);border-color:color-mix(in srgb,var(--user-type-color, #8548A8) 30%,transparent)}.urgentcase-pet-card:hover:before{opacity:1}.urgentcase-pet-card.selected{border:2px solid var(--user-type-color, #8548A8);box-shadow:0 8px 24px color-mix(in srgb,var(--user-type-color, #8548A8) 20%,transparent);transform:translateY(-2px)}.urgentcase-pet-card.selected:before{opacity:1}.urgentcase-pet-img{width:100%;height:140px;object-fit:cover;border-radius:10px 10px 0 0;margin-bottom:0}.urgentcase-pet-info{padding:12px 12px 0;text-align:left;width:100%}.urgentcase-pet-name{font-weight:600;font-size:1.1rem;color:#22223b}.urgentcase-pet-species{font-size:.95rem;color:#6b7280;margin-bottom:2px}.urgentcase-pet-breed{font-size:.95rem;color:#00b4d8}.urgentcase-pet-check{position:absolute;top:12px;right:12px;background:linear-gradient(135deg,var(--user-type-color, #8548A8) 0%,color-mix(in srgb,var(--user-type-color, #8548A8) 80%,transparent) 100%);color:#fff;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;box-shadow:0 4px 12px color-mix(in srgb,var(--user-type-color, #8548A8) 30%,transparent);z-index:2}.urgentcase-section{margin-bottom:28px}.urgentcase-label{font-weight:600;color:#22223b;margin-bottom:8px;display:block}.urgentcase-textarea{width:100%;min-height:150px;border:1.5px solid #bfc9d1;border-radius:8px;padding:12px;font-size:1rem;color:#22223b;resize:none;margin-top:4px}.urgentcase-upload-box{border:2px dashed #bfc9d1;border-radius:10px;padding:28px 0 18px;text-align:center;background:#f9fafb;position:relative}.urgentcase-upload-icon{font-size:2.2rem;color:#00b4d8;margin-bottom:8px}.urgentcase-upload-label{color:#1976d2;font-weight:500;cursor:pointer;display:inline-block}.urgentcase-upload-sub{color:#6b7280;font-size:.95rem}.urgentcase-upload-or{margin:12px 0 8px;color:#bfc9d1;font-size:1rem}.urgentcase-browse-btn{background:#1976d2;color:#fff;border:none;border-radius:6px;padding:8px 20px;font-size:1rem;font-weight:500;cursor:pointer;margin-bottom:8px}.urgentcase-uploaded{color:#00b4d8;font-size:.98rem;margin-top:6px}.urgentcase-checkbox-row{display:flex;align-items:flex-start;gap:10px}.urgentcase-checkbox-label{font-weight:500;color:#22223b;cursor:pointer}.urgentcase-checkbox-desc{display:block;color:#6b7280;font-size:.95rem;margin-top:2px}.urgentcase-submit-btn{background:var(--user-type-color, #8548A8);color:#fff;border:none;border-radius:8px;padding:14px 0;width:25%;font-size:1.15rem;font-weight:700;margin-top:18px;cursor:pointer;transition:background .2s;align-self:center}.urgentcase-submit-btn:hover{background:color-mix(in srgb,var(--user-type-color, #8548A8) 80%,transparent)}.urgentcase-media-preview{margin-top:20px;padding:16px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.urgentcase-preview-title{font-size:1rem;font-weight:600;color:#22223b;margin-bottom:12px}.urgentcase-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.urgentcase-preview-item{position:relative;background:#fff;border-radius:8px;border:1px solid #e2e8f0;overflow:hidden;box-shadow:0 2px 4px #0000000d;transition:transform .2s,box-shadow .2s}.urgentcase-preview-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.urgentcase-remove-btn{position:absolute;top:8px;right:8px;background:#ef4444e6;color:#fff;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;font-weight:700;z-index:10;transition:background .2s}.urgentcase-remove-btn:hover{background:#dc2626}.urgentcase-preview-img,.urgentcase-preview-video{width:100%;height:150px;object-fit:cover;display:block}.urgentcase-preview-info{padding:12px;background:#fff}.urgentcase-preview-name{display:block;font-size:.875rem;font-weight:500;color:#22223b;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.urgentcase-preview-size{display:block;font-size:.75rem;color:#6b7280}@keyframes pinBounce{0%{transform:translate(-50%,-100%) scale(.5);opacity:0}50%{transform:translate(-50%,-100%) scale(1.2);opacity:1}to{transform:translate(-50%,-100%) scale(1);opacity:1}}.map-container:hover{box-shadow:0 4px 12px #00000026;transition:box-shadow .3s ease}.map-controls button:hover{background-color:#f8f9fa!important;transform:scale(1.05);transition:all .2s ease}body.guardian-dash-page{overflow-y:hidden;background:#f3f4f6}body.guardian-dash-page .guardian-dash-root{height:100vh;display:flex;flex-direction:column;overflow:hidden}body.guardian-dash-page .guardian-dash-scroll{flex:1;overflow-y:auto;overscroll-behavior-y:contain}.guardian-dash-root{font-family:Red Hat Display,Red Hat Display,sans-serif;background:transparent;margin-top:0;padding:0}.urgentcase-root{min-height:100vh;width:100%;background-color:#f8fafc;padding-top:128px;box-sizing:border-box}.no-navbar .urgentcase-root{padding-top:24px}@media (max-width: 768px){.no-navbar .urgentcase-root{padding-top:16px}}.urgentcase-root .guardian-dash-root{min-height:auto;overflow:visible;height:auto}.no-navbar .guardian-dash-root{padding-top:24px}@media (max-width: 768px){.no-navbar .guardian-dash-root{padding-top:16px}}.guardian-dash-scroll{padding:104px 0 8px;scrollbar-width:none;-ms-overflow-style:none}.no-navbar .guardian-dash-scroll{padding-top:24px}.guardian-dash-scroll::-webkit-scrollbar{display:none}.guardian-dash-hero{display:flex;justify-content:space-between;align-items:center;background:#fff;border-radius:16px;padding:24px 28px;margin:0 auto 24px;max-width:1400px;min-height:200px;gap:32px;box-shadow:0 8px 24px #0f172a0f;border:1px solid #e5e7eb;position:relative;overflow:hidden}.guardian-dash-hero:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--user-type-color, #8548A8),#00D4B3,var(--user-type-color, #8548A8));border-radius:16px 16px 0 0}.guardian-dash-hero-left{flex:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:24px}.guardian-dash-hero-left h1{font-size:2.25rem;font-weight:800;color:#1f2937;margin:0;font-family:Red Hat Display,sans-serif;line-height:1.2;letter-spacing:-.02em}.guardian-dash-hero-left p{font-size:1.25rem;color:#4b5563;margin:0;max-width:650px;line-height:1.6;font-weight:400}.guardian-dash-hero-actions{display:flex;gap:20px;margin-top:8px}.emergency-btn{background:linear-gradient(135deg,var(--user-type-color, #8548A8) 0%,color-mix(in srgb,var(--user-type-color, #8548A8) 80%,black) 100%);color:#fff;border:none;border-radius:12px;padding:16px 28px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px color-mix(in srgb,var(--user-type-color, #8548A8) 30%,transparent);display:flex;align-items:center;gap:8px;position:relative;overflow:hidden}.emergency-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.emergency-btn:hover:before{left:100%}.emergency-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px color-mix(in srgb,var(--user-type-color, #8548A8) 40%,transparent)}.emergency-btn .btn-icon{font-size:18px}.emergency-btn:hover{background:color-mix(in srgb,var(--user-type-color, #8548A8) 90%,transparent)}.appointment-btn{background:#fff;color:#374151;border:2px solid #e5e7eb;border-radius:12px;padding:16px 28px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000000d;display:flex;align-items:center;gap:8px;position:relative;overflow:hidden}.appointment-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--user-type-color, #8548A8) 10%,transparent),transparent);transition:left .5s}.appointment-btn:hover:before{left:100%}.appointment-btn:hover{transform:translateY(-2px);border-color:var(--user-type-color, #8548A8);box-shadow:0 8px 25px color-mix(in srgb,var(--user-type-color, #8548A8) 15%,transparent);color:var(--user-type-color, #8548A8)}.appointment-btn .btn-icon{font-size:18px}.guardian-dash-hero-right{flex:1;display:flex;align-items:center;justify-content:center;max-width:420px;position:relative}.guardian-dash-hero-img-circle{width:320px;height:320px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;border:3px solid #e5e7eb;box-shadow:0 8px 24px #00000014}.guardian-dash-hero-img{width:100%;height:100%;object-fit:cover}.guardian-dash-tab-content{position:relative;max-width:1400px;margin:0 auto}.medical-record-content,.appointments-content{position:relative;animation:petSwitchFadeIn .5s ease-out}@keyframes petSwitchFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pet-card{transition:all .3s ease;cursor:pointer}.pet-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.pet-card.selected{transform:translateY(-2px);box-shadow:0 8px 25px color-mix(in srgb,var(--user-type-color, #8548A8) 20%,transparent);border-color:var(--user-type-color, #8548A8)}.record-type-btn{transition:all .3s ease;cursor:pointer}.record-type-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.record-type-btn.selected{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a;background:#f8fafc;border:2px solid var(--user-type-color, #8548A8);color:var(--user-type-color, #8548A8)}.guardian-dash-medical-records{max-width:1400px;margin:0 auto;padding:0 40px 8px;background:#fff;border-radius:20px;box-shadow:0 12px 30px #0f172a14}.guardian-dash-sos{max-width:900px;margin-top:24px}.guardian-dash-sos-card{margin-top:8px;padding:20px 0 12px;border-radius:0;border:none;background:transparent;box-shadow:none;display:flex;align-items:center;gap:24px}.guardian-dash-sos-main{flex:2}.guardian-dash-sos-figure{flex:1;max-width:260px;display:flex;align-items:center;justify-content:center}.guardian-dash-sos-figure img{width:100%;height:auto;border-radius:0;object-fit:cover;box-shadow:none}.guardian-dash-sos-card .sos-header h3{margin:8px 0 4px;font-size:1.35rem;font-weight:700;color:#1f2937}.guardian-dash-sos-card .sos-header p{margin:0;font-size:.95rem;color:#4b5563}.sos-label{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:9999px;background:#fee2e2;color:#b91c1c;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.sos-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.sos-primary-btn,.sos-secondary-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:9999px;font-size:.95rem;font-weight:600;cursor:pointer;border:none;transition:all .2s ease}.sos-primary-btn{background:linear-gradient(135deg,#dc2626,#f97316);color:#fff;box-shadow:0 10px 25px #f8717166}.sos-primary-btn:hover{transform:translateY(-1px);box-shadow:0 14px 32px #f871718c}.sos-secondary-btn{background:#fff;color:#374151;border:1px solid #e5e7eb}.sos-secondary-btn:hover{background:#f9fafb}.sos-note{margin-top:16px;font-size:.8rem;color:#6b7280;line-height:1.5}@media (max-width: 768px){.guardian-dash-sos{padding:0 16px 8px}.guardian-dash-sos-card{padding:16px 0 10px;flex-direction:column}.guardian-dash-sos-figure{max-width:220px}.sos-actions{flex-direction:column}.sos-primary-btn,.sos-secondary-btn{width:100%}}.guardian-dash-medical-records h2{font-size:2rem;font-weight:700;color:#1f2937;margin-bottom:8px;font-family:Red Hat Display,sans-serif}.guardian-dash-medical-records p{font-size:1rem;color:#6b7280;margin-bottom:24px}.guardian-dash-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #1f29370f;padding:24px 24px 8px;position:relative}.guardian-dash-table-actions{display:flex;gap:12px;margin-bottom:12px;justify-content:flex-end}.filters-btn,.delete-btn,.export-btn{border:1.5px solid #cfd8dc;background:#fff;color:#1f2937;border-radius:8px;padding:8px 18px;font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s,border .2s}.filters-btn:hover,.delete-btn:hover{background:#f3f4f6;border-color:#b0bec5}.export-btn{background:var(--user-type-color, #8548A8);color:#fff;border:none;font-weight:600;margin-left:8px;transition:background .2s}.export-btn:hover{background:color-mix(in srgb,var(--user-type-color, #8548A8) 80%,black)}.guardian-dash-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff}.guardian-dash-table th,.guardian-dash-table td{padding:12px 16px;text-align:left;font-size:1rem}.guardian-dash-table th{color:#6b7280;font-weight:600;background:#f9fafb;border-bottom:2px solid #e5e7eb}.guardian-dash-table td{color:#374151;border-bottom:1px solid #f3f4f6;vertical-align:middle}.pet-selector-title{margin-bottom:20px;font-weight:600;color:#374151;font-size:18px}.pet-cards-container{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:20px}.pet-card{display:flex;align-items:center;padding:12px 16px;border-radius:12px;border:2px solid #E5E7EB;background-color:#fff;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000000d;min-width:180px;max-width:220px}.pet-card:hover{border-color:#d1d5db;box-shadow:0 4px 8px #0000001a}.pet-card.selected{border-color:var(--user-type-color, #8548A8);background-color:color-mix(in srgb,var(--user-type-color, #8548A8) 8%,white);box-shadow:0 4px 12px color-mix(in srgb,var(--user-type-color, #8548A8) 15%,transparent)}.pet-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;margin-right:12px;flex-shrink:0;background-color:#f3f4f6;display:flex;align-items:center;justify-content:center}.pet-avatar img{width:100%;height:100%;object-fit:cover}.pet-avatar-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:#e5e7eb;font-size:20px}.pet-info{flex:1;min-width:0}.pet-name{font-weight:600;font-size:16px;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pet-card.selected .pet-name{color:var(--user-type-color, #8548A8)}.pet-card:not(.selected) .pet-name{color:#374151}.pet-details{font-size:14px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pet-selected-indicator{width:20px;height:20px;border-radius:50%;background-color:var(--user-type-color, #8548A8);display:flex;align-items:center;justify-content:center;margin-left:8px;flex-shrink:0}.record-type-selector-title{margin-bottom:20px;font-weight:600;color:#374151;font-size:18px}.record-type-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}.record-type-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;border:2px solid #E5E7EB;background-color:#fff;cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:500;color:#374151}.record-type-btn:hover{border-color:#d1d5db;background-color:#f9fafb}.record-type-btn.selected{border-color:var(--user-type-color, #8548A8);background-color:color-mix(in srgb,var(--user-type-color, #8548A8) 8%,white);color:var(--user-type-color, #8548A8);font-weight:600}.record-type-icon{width:16px;height:16px}.empty-state{text-align:center;padding:60px 20px;color:#6b7280}.empty-state-dashed{border:2px dashed #E5E7EB;border-radius:12px}.empty-state h3{margin-bottom:10px;color:#374151}.add-pet-btn{padding:12px 24px;background-color:var(--user-type-color, #8548A8);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;margin-top:10px;transition:background-color .2s ease}.add-pet-btn:hover{background-color:color-mix(in srgb,var(--user-type-color, #8548A8) 80%,black)}.status-badge{display:inline-block;padding:4px 14px;border-radius:16px;font-size:.95rem;font-weight:600;color:#fff}.status-badge.purple{background:var(--user-type-color, #8548A8)}.status-badge.blue{background:#3b82f6}.status-badge.green{background:var(--user-type-color, #8548A8)}.view-details-link{color:var(--user-type-color, #8548A8);font-weight:500;text-decoration:none;transition:color .2s}.view-details-link:hover{color:color-mix(in srgb,var(--user-type-color, #8548A8) 80%,black)}.emergency-broadcast-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f8fafc;padding:128px 0 32px}.no-navbar .emergency-broadcast-wrapper{padding-top:32px}.emergency-broadcast-container{background:#fff;border-radius:16px;box-shadow:0 2px 18px #2c3e5012;max-width:900px;width:100%;padding:38px 32px;margin:0 auto}.emergency-broadcast-header{background:#eafaf6;border-radius:12px;padding:32px 18px 24px;text-align:center;margin-bottom:32px}.emergency-broadcast-title{font-size:2rem;font-weight:700;color:#22313f;margin-bottom:12px}.emergency-broadcast-desc{font-size:1.15rem;color:#22313f;margin-bottom:18px}.emergency-broadcast-timer{font-size:2.8rem;font-weight:700;color:#1976d2;margin-bottom:18px}.emergency-broadcast-live-btn{background:var(--user-type-color, #8548A8);color:#fff;font-weight:600;font-size:1.08rem;border:none;border-radius:8px;padding:10px 38px;margin-bottom:10px;cursor:pointer;transition:background .18s}.emergency-broadcast-live-btn:hover{background:color-mix(in srgb,var(--user-type-color, #8548A8) 80%,transparent)}.emergency-broadcast-caseid{font-size:1rem;color:#22313f;margin-top:8px}.emergency-broadcast-message-section{margin-bottom:32px}.emergency-broadcast-message-label{font-size:1.08rem;font-weight:600;color:#22313f;margin-bottom:8px;display:block}.emergency-broadcast-message-box{width:100%;min-height:110px;border:1.5px solid #d1d5db;border-radius:8px;font-size:1rem;padding:14px;color:#22313f;background:#fff;resize:vertical;margin-top:6px}.emergency-broadcast-actions{display:flex;gap:18px;justify-content:center;margin-top:18px}.emergency-broadcast-extend-btn{background:var(--user-type-color, #8548A8);color:#fff;font-weight:600;font-size:1.08rem;border:none;border-radius:8px;padding:12px 38px;cursor:pointer;transition:background .18s}.emergency-broadcast-extend-btn:hover{background:color-mix(in srgb,var(--user-type-color, #8548A8) 80%,transparent)}.emergency-broadcast-end-btn{background:#fff;color:#22313f;font-weight:600;font-size:1.08rem;border:1.5px solid #d1d5db;border-radius:8px;padding:12px 38px;cursor:pointer;transition:background .18s}.emergency-broadcast-end-btn:hover{background:#f3f4f6}.datepicker-root{background:#fff;border-radius:16px;box-shadow:0 2px 16px #0000000f;padding:32px 24px;max-width:540px;margin:0 auto}.datepicker-header{display:flex;align-items:center;justify-content:center;gap:18px;margin-bottom:18px}.datepicker-arrow{background:none;border:none;font-size:22px;color:#1976d2;cursor:pointer;font-weight:700}.datepicker-month{font-size:20px;font-weight:700;color:#222}.datepicker-calendar{margin-bottom:32px;background:linear-gradient(135deg,#fff,#f8fafc);border-radius:20px;padding:28px;box-shadow:0 8px 20px #8548a814;border:1px solid rgba(133,72,168,.08)}.datepicker-weekdays{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:16px;padding:0 4px}.datepicker-weekday{text-align:center;font-size:14px;color:#8548a8;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:8px 0}.datepicker-days-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;padding:4px}.datepicker-day{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid rgba(133,72,168,.1);border-radius:8px;padding:10px 0;font-size:14px;color:#334155;cursor:pointer;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #8548a80d}.datepicker-day:hover:not(.disabled):not(.empty){background:#8548a814;border-color:#8548a84d;transform:translateY(-1px);box-shadow:0 4px 12px #8548a826}.datepicker-day.selected{background:linear-gradient(135deg,#8548a8,#8548a8e6);color:#fff;border-color:#8548a8;transform:translateY(-1px);box-shadow:0 6px 16px #8548a84d}.datepicker-day.empty{background:transparent;border:none;box-shadow:none;cursor:default}.datepicker-day.disabled{background:#f8fafc;color:#cbd5e1;border-color:#e2e8f0;cursor:not-allowed;opacity:.5;box-shadow:none}.datepicker-day.disabled:hover{background:#f8fafc;transform:none;box-shadow:none}.datepicker-times{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:24px;padding:16px;background:linear-gradient(135deg,#fff,#f8fafc);border-radius:12px;border:1px solid rgba(133,72,168,.08)}.datepicker-time{background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid rgba(133,72,168,.15);border-radius:8px;padding:8px 16px;font-size:13px;color:#334155;cursor:pointer;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 6px #8548a814;min-width:64px;text-align:center}.datepicker-time:hover:not(.selected){border-color:#8548a866;background:#8548a80d;transform:translateY(-1px);box-shadow:0 4px 12px #8548a826}.datepicker-time.selected{background:linear-gradient(135deg,#8548a8,#8548a8e6);color:#fff;border-color:#8548a8;transform:translateY(-1px);box-shadow:0 6px 16px #8548a84d}.datepicker-no-times{color:#64748b;font-size:14px;font-weight:500;text-align:center;width:100%;padding:16px;background:#8548a80d;border-radius:8px;border:1px solid rgba(133,72,168,.1)}.datepicker-actions{display:flex;justify-content:center;margin-top:24px;padding:16px;background:linear-gradient(135deg,#fff,#f8fafc);border-radius:12px;border:1px solid rgba(133,72,168,.08)}.datepicker-confirm{background:linear-gradient(135deg,#8548a8,#8548a8e6);color:#fff;border:none;border-radius:12px;padding:12px 32px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #8548a840;text-transform:uppercase;letter-spacing:.3px}.datepicker-confirm:hover:not(:disabled){background:linear-gradient(135deg,#8548a8f2,#8548a8d9);transform:translateY(-2px);box-shadow:0 8px 28px #8548a859}.datepicker-confirm:disabled{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);color:#94a3b8;cursor:not-allowed;transform:none;box-shadow:0 2px 8px #0000000d}@media (max-width: 900px){.guardian-dash-hero{flex-direction:column;align-items:flex-start;padding:32px 16px;gap:24px}.guardian-dash-hero-right{align-self:center;margin-top:16px}.guardian-dash-medical-records{padding:0 40px;max-width:1400px;margin:0 auto 40px}.guardian-dash-table-container{padding:12px 4px 4px;overflow-x:auto}.guardian-dash-table{min-width:400px;font-size:.95rem}.emergency-broadcast-container{max-width:98vw;padding:18px 6px}.emergency-broadcast-header{padding:18px 6px 14px}.emergency-broadcast-title{font-size:1.3rem;margin-top:48px!important}.emergency-broadcast-timer{font-size:2rem}.emergency-broadcast-message-box{min-height:70px;font-size:.95rem;padding:10px}.emergency-broadcast-actions{flex-direction:column;gap:10px;align-items:stretch}.emergency-broadcast-extend-btn,.emergency-broadcast-end-btn,.emergency-btn{width:100%;padding:10px 0;font-size:1.05rem;white-space:normal;word-break:break-word;min-width:0;text-align:center;line-height:1.3}.guardian-dash-hero-left h1,.urgent-case-submit-title{margin-top:48px!important}.guardian-dash-hero-left p{margin-top:12px}.guardian-dash-hero-actions{flex-direction:column;gap:12px;width:100%;align-items:stretch}.guardian-dash-hero-img-circle{width:180px;height:180px}.guardian-dash-hero-img{width:100%;height:100%;object-fit:contain}}@media (max-width: 600px){.guardian-dash-hero{padding:18px 2px;gap:12px}.guardian-dash-hero-img-circle{width:110px;height:110px}.guardian-dash-table{min-width:320px;font-size:.9rem}.guardian-dash-medical-records{padding:0 4px 40px}}@media (max-width: 500px){.urgentcase-submit-btn{width:100%!important;font-size:1rem!important;padding:12px 0!important;white-space:normal;word-break:break-word}.urgentcase-container{margin-top:0!important;padding-top:126px!important}}.appointment-new-root{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.pet-selection-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:120px 20px 40px;position:relative}.pet-selection-container{max-width:1200px;width:100%;text-align:center}.pet-selection-title{font-size:2.5rem;font-weight:700;color:#1e293b;margin-bottom:16px}.pet-selection-subtitle{font-size:1.2rem;color:#64748b;margin-bottom:48px}.pet-selection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;max-width:1000px;margin:0 auto}.pet-selection-card{background:#fff;border-radius:20px;padding:24px;box-shadow:0 8px 32px #8548a81a;border:2px solid transparent;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:center;display:flex;flex-direction:column;align-items:center}.pet-selection-card .pet-avatar{width:120px;height:120px;border-radius:50%;margin:0 auto 16px;position:relative;display:flex;align-items:center;justify-content:center;border:4px solid rgb(133,72,168);overflow:hidden;box-sizing:border-box;background-color:#f3f4f6}.pet-selection-card .pet-avatar img{width:calc(100% - 8px);height:calc(100% - 8px);border-radius:50%;object-fit:cover;object-position:center;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pet-selection-card .pet-avatar-fallback{display:flex;align-items:center;justify-content:center;width:calc(100% - 8px);height:calc(100% - 8px);background-color:#f3f4f6;border-radius:50%;font-size:48px;color:#6b7280;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pet-selection-card:hover{transform:translateY(-8px);box-shadow:0 16px 48px #8548a826;border-color:#8548a84d}.pet-selection-image{width:calc(100% - 8px);height:calc(100% - 8px);border-radius:50%;object-fit:cover;object-position:center;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pet-selection-info{text-align:center}.pet-selection-name{font-size:1.4rem;font-weight:600;color:#1e293b;margin-bottom:8px}.pet-selection-details{font-size:1rem;color:#64748b;margin-bottom:4px}.pet-selection-age{font-size:.9rem;color:#8548a8;font-weight:500}.booking-panel-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0006;display:flex;align-items:flex-start;justify-content:center;z-index:1000;padding:100px 20px 20px}.selected-pet-display{position:fixed;top:100px;left:40px;z-index:1001}.selected-pet-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 8px 32px #0000001a;border:2px solid rgb(133,72,168);text-align:center;width:200px;display:flex;flex-direction:column;align-items:center}.selected-pet-card .pet-avatar{width:80px;height:80px;border-radius:50%;margin:0 auto 12px;position:relative;display:flex;align-items:center;justify-content:center;border:2px solid #e5e7eb;overflow:hidden;box-sizing:border-box;background-color:#f3f4f6}.selected-pet-card .pet-avatar img{width:calc(100% - 4px);height:calc(100% - 4px);border-radius:50%;object-fit:cover;object-position:center;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.selected-pet-card .pet-avatar-fallback{display:flex;align-items:center;justify-content:center;width:calc(100% - 4px);height:calc(100% - 4px);background-color:#f3f4f6;border-radius:50%;font-size:32px;color:#6b7280;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.selected-pet-image{width:80px;height:80px;border-radius:50%;object-fit:cover;margin-bottom:12px}.selected-pet-info h4{font-size:1.1rem;font-weight:600;color:#1e293b;margin-bottom:4px}.selected-pet-info p{font-size:.9rem;color:#64748b;margin-bottom:12px}.change-pet-btn{background:transparent;border:2px solid rgb(133,72,168);color:#8548a8;padding:8px 16px;border-radius:8px;font-size:.9rem;cursor:pointer;transition:all .3s ease}.change-pet-btn:hover{background:#8548a8;color:#fff}.booking-panel{background:#fff;border-radius:24px;width:100%;max-width:1200px;height:92vh;max-height:800px;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000026;margin-left:120px;animation:slideInFromRight .4s cubic-bezier(.4,0,.2,1)}@keyframes slideInFromRight{0%{transform:translate(100px);opacity:0}to{transform:translate(0);opacity:1}}.booking-panel-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-bottom:1px solid #e2e8f0}.booking-panel-header h2{font-size:1.8rem;font-weight:700;color:#1e293b}.booking-panel-header-right{display:flex;align-items:center;gap:16px}.booking-steps{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:9999px;background:#f3f4f6}.booking-step{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:9999px;font-size:.75rem;font-weight:500;color:#6b7280;background:transparent}.booking-step .step-index{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:9999px;background:#e5e7eb;color:#4b5563;font-size:.75rem;font-weight:600}.booking-step.active{background:#8548a81a;color:#4b5563}.booking-step.active .step-index{background:var(--user-type-color, #8548A8);color:#fff}.booking-step.completed .step-index{background:#10b981;color:#fff}.close-panel-btn{background:transparent;border:none;font-size:2rem;color:#64748b;cursor:pointer;padding:4px 8px;border-radius:8px;transition:all .3s ease}.close-panel-btn:hover{background:#f1f5f9;color:#1e293b}.booking-panel-content{flex:1;padding:32px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.booking-panel-content::-webkit-scrollbar{display:none}.panel-step{animation:slideInContent .3s ease}@keyframes slideInContent{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}.step-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.step-header h3{font-size:1.5rem;font-weight:600;color:#1e293b}.back-btn{background:transparent;border:2px solid #e2e8f0;color:#64748b;padding:8px 16px;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:.9rem}.back-btn:hover{border-color:#8548a8;color:#8548a8}.clinic-search-container{margin-bottom:24px}.clinic-search-input{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:12px;background:#f8fafc;font-size:16px;color:#374151;transition:all .3s ease}.clinic-search-input:focus{outline:none;border-color:#8548a8;background:#fff;box-shadow:0 0 0 3px #8548a81a}.clinic-search-input::placeholder{color:#9ca3af}.clinic-grid-new{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:8px}.clinic-card-new{background:#fff;border:2px solid #e2e8f0;border-radius:16px;padding:24px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;min-height:180px;aspect-ratio:1}.clinic-card-new:hover{border-color:#8548a8;box-shadow:0 12px 32px #8548a826;transform:translateY(-4px)}.clinic-avatar{width:80px;height:80px;border-radius:16px;position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0}.clinic-avatar img,.clinic-card-image{width:100%;height:100%;border-radius:16px;object-fit:cover}.clinic-avatar-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;font-size:40px;color:#fff;box-shadow:0 4px 12px #667eea4d}.clinic-card-info{display:flex;flex-direction:column;align-items:center;gap:4px;flex-grow:1}.clinic-card-info h4{font-size:1.1rem;font-weight:600;color:#1e293b;margin-bottom:8px;line-height:1.3}.clinic-card-info p{font-size:.875rem;color:#64748b;margin:2px 0;line-height:1.4}.clinic-card-info p{font-size:.9rem;color:#64748b;margin-bottom:2px}.selected-clinic-info{background:#f8fafc;padding:12px 16px;border-radius:8px;margin-bottom:20px;color:#8548a8;font-size:1rem}.vet-list{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:8px}.vet-card{background:#fff;border:2px solid #e2e8f0;border-radius:16px;padding:20px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;min-height:160px;aspect-ratio:1}.vet-card:hover{border-color:#8548a8;box-shadow:0 8px 24px #8548a826;transform:translateY(-3px)}.vet-card.selected{border-color:#8548a8;background:#8548a80d;box-shadow:0 8px 24px #8548a833}.vet-image{width:70px;height:70px;border-radius:50%;object-fit:cover;border:3px solid #f1f5f9;flex-shrink:0}.vet-card.selected .vet-image{border-color:#8548a8}.vet-info{display:flex;flex-direction:column;align-items:center;gap:4px;flex-grow:1}.vet-info h4{font-size:.95rem;font-weight:600;color:#1e293b;margin-bottom:4px;line-height:1.3}.vet-info p{font-size:.8rem;color:#64748b;line-height:1.3}.selected-vet-info{background:#f8fafc;padding:12px 16px;border-radius:8px;margin-bottom:20px;color:#8548a8;font-size:1rem}.datetime-container{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:32px}.calendar-container{background:#f8fafc;border-radius:16px;padding:20px}.time-slots-container h4{font-size:1.2rem;font-weight:600;color:#1e293b;margin-bottom:16px}.time-categories{display:flex;flex-direction:column;gap:24px}.time-category{background:#fff;border-radius:16px;padding:20px;border:1px solid #e2e8f0}.category-header{font-size:1.1rem;font-weight:600;color:#374151;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid #f1f5f9;display:flex;align-items:center;gap:8px}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f1f5f9}.summary-row:last-child{border-bottom:none}.time-slots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;max-width:100%}.loading-skeleton{animation:pulse 2s infinite}.skeleton-category{height:24px;background:#e2e8f0;border-radius:8px;margin-bottom:16px;width:150px}.skeleton-slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.skeleton-slot{height:65px;background:#e2e8f0;border-radius:16px;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.no-slots-message{text-align:center;padding:40px 20px;color:#64748b}.time-slot{background:#fff;border:2px solid #e2e8f0;border-radius:16px;padding:12px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:center;box-shadow:0 2px 8px #00000014;min-height:65px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;gap:4px}.time-main{font-size:1rem;font-weight:600;color:#1e293b}.time-details{display:flex;flex-direction:column;gap:2px;font-size:.75rem}.duration{color:#64748b;font-weight:500}.remaining{color:#059669;font-weight:600}.time-slot .remaining{color:#059669}.time-slot:has(.remaining:contains("1 left")),.time-slot:has(.remaining:contains("2 left")){border-color:#f59e0b}.time-slot:has(.remaining:contains("1 left")) .remaining,.time-slot:has(.remaining:contains("2 left")) .remaining{color:#f59e0b}.time-slot:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#00d4b31a,#00a88e1a);opacity:0;transition:opacity .3s ease}.time-slot:hover{border-color:#00d4b3;background:#00d4b314;transform:translateY(-2px);box-shadow:0 4px 12px #00d4b326}.time-slot:hover:before{opacity:1}.time-slot.selected{background:linear-gradient(135deg,#00d4b3,#00a88e);color:#fff;border-color:#00d4b3;box-shadow:0 4px 16px #00d4b34d;transform:translateY(-1px)}.time-slot.selected:before{opacity:0}.time-slot.unavailable{background:#f9fafb;border-color:#d1d5db;cursor:not-allowed;opacity:.6}.time-slot.unavailable:hover{background:#f9fafb;border-color:#d1d5db;transform:none;box-shadow:0 2px 8px #00000014}.time-slot.unavailable:hover:before{opacity:0}.time-slot.unavailable .time-main{color:#9ca3af}.time-slot.unavailable .remaining.unavailable-text{color:#ef4444}.select-date-prompt{color:#64748b;font-style:italic;text-align:center;padding:20px}.confirm-selection-btn{background:#00d4b3;color:#fff;border:none;border-radius:12px;padding:14px 32px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%}.confirm-selection-btn:hover{background:#00d4b3e6;transform:translateY(-2px)}.confirmation-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:120px 20px 40px}.confirmation-container{background:#fff;border-radius:24px;padding:40px;box-shadow:0 20px 60px #0000001a;max-width:600px;width:100%}.confirmation-container h2{font-size:2rem;font-weight:700;color:#1e293b;text-align:center;margin-bottom:32px}.appointment-summary{display:grid;gap:20px;margin-bottom:32px}.summary-section{padding:16px;background:#f8fafc;border-radius:12px;border-left:4px solid rgb(0,212,179)}.summary-section h4{font-size:1rem;font-weight:600;color:#00d4b3;margin-bottom:4px}.summary-section p{font-size:1.1rem;color:#1e293b;font-weight:500}.reason-for-visit-section{margin-bottom:32px;padding:20px;background:#f8fafc;border-radius:12px;border-left:4px solid rgb(0,212,179)}.reason-for-visit-label{display:block;font-size:1rem;font-weight:600;color:#00d4b3;margin-bottom:8px;font-family:Red Hat Display,sans-serif}.optional-text{font-weight:400;color:#64748b;font-size:.9rem}.reason-for-visit-input{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;font-family:Red Hat Display,sans-serif;color:#1e293b;resize:vertical;min-height:80px;transition:border-color .2s ease;box-sizing:border-box}.reason-for-visit-input:focus{outline:none;border-color:#00d4b3;box-shadow:0 0 0 3px #00d4b31a}.reason-for-visit-input::placeholder{color:#94a3b8}.character-count{text-align:right;font-size:.875rem;color:#64748b;margin-top:4px;font-family:Red Hat Display,sans-serif}.confirmation-actions{display:flex;gap:16px}.back-to-panel-btn{flex:1;background:transparent;border:2px solid #e2e8f0;color:#64748b;padding:14px 24px;border-radius:12px;font-size:1rem;cursor:pointer;transition:all .3s ease}.back-to-panel-btn:hover{border-color:#00d4b3;color:#00d4b3}.confirm-booking-btn{flex:2;background:#00d4b3;color:#fff;border:none;border-radius:12px;padding:14px 24px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.confirm-booking-btn:hover:not(:disabled){background:#00d4b3e6;transform:translateY(-2px)}.confirm-booking-btn:disabled{opacity:.6;cursor:not-allowed}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000}.modal-content{background:#fff;border-radius:16px;padding:32px;max-width:400px;width:90%;text-align:center;box-shadow:0 20px 60px #0003}.modal-content h3{font-size:1.5rem;font-weight:600;margin-bottom:16px}.modal-content p{font-size:1rem;color:#64748b;margin-bottom:24px}.modal-content button{background:#00d4b3;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:1rem;cursor:pointer;transition:all .3s ease}.modal-content button:hover{background:#00d4b3e6}.success-modal h3{color:#10b981}.error-modal h3{color:#ef4444}.loading-spinner{text-align:center;color:#64748b;font-size:1.1rem;padding:40px}@media (max-width: 1200px){.selected-pet-display{position:relative;top:0;left:0;margin-bottom:20px}.booking-panel{margin-left:0;max-width:900px}.datetime-container{grid-template-columns:1fr;gap:24px}}@media (max-width: 768px){.pet-selection-title{font-size:2rem}.pet-selection-grid{grid-template-columns:1fr;max-width:400px}.booking-panel{height:95vh;border-radius:16px}.booking-panel-content{padding:20px}.clinic-search-input{font-size:16px;padding:10px 14px}.clinic-grid-new{grid-template-columns:repeat(2,1fr);gap:16px}.clinic-card-new{min-height:160px;padding:20px}.clinic-card-image{width:70px;height:70px}.vet-list{grid-template-columns:repeat(3,1fr);gap:16px}.vet-card{min-height:140px;padding:16px}.vet-image{width:60px;height:60px}.time-slots-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}.time-slot{padding:10px;font-size:.85rem;min-height:60px}.time-category{padding:16px}.category-header{font-size:1rem;margin-bottom:12px}.time-main{font-size:.95rem}.time-details{font-size:.7rem}.confirmation-actions{flex-direction:column}}@media (max-width: 480px){.pet-selection-screen{padding:100px 15px 20px}.booking-panel-overlay{padding:80px 10px 10px}.booking-panel{height:98vh;border-radius:12px}.clinic-search-input{font-size:16px;padding:8px 12px}.datetime-container{gap:20px}.time-slots-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}.time-category{padding:12px}.category-header{font-size:.95rem;margin-bottom:10px}.time-slot{min-height:55px;padding:8px}.time-main{font-size:.9rem}.time-details{font-size:.65rem}.calendar-container{padding:15px}.clinic-grid-new{grid-template-columns:1fr;gap:12px}.clinic-card-new{min-height:140px;padding:16px}.clinic-card-image{width:60px;height:60px}.vet-list{grid-template-columns:repeat(2,1fr);gap:12px}.vet-card{min-height:120px;padding:12px}.vet-image{width:50px;height:50px}.vet-info h4{font-size:.85rem}.vet-info p{font-size:.75rem}.booking-panel-header{padding:16px 20px}.booking-panel-content{padding:16px}.selected-pet-card{width:100%;max-width:180px}}.guardian-dash-tabs{display:flex;justify-content:center;margin:2rem auto;max-width:600px;padding:4px;background:#fff;border-radius:9999px;box-shadow:0 8px 24px #0f172a14}.tab-btn{background:transparent;border:none;padding:.75rem 1.75rem;font-size:1rem;font-weight:500;color:#6b7280;cursor:pointer;transition:all .25s ease;border-radius:9999px}.tab-btn:hover{color:var(--user-type-color, #8548A8);background:#8548a80f}.tab-btn.active{color:var(--user-type-color, #8548A8);background:#8548a824;font-weight:600;box-shadow:0 4px 12px #8548a840}.guardian-dash-appointments{max-width:1200px;margin:0 auto;padding:2rem}.guardian-dash-appointments h2{color:#333;margin-bottom:.5rem}.guardian-dash-appointments p{color:#666;margin-bottom:2rem}.loading-state,.error-state{text-align:center;padding:3rem}.loading-state p{font-size:1.1rem;color:#666}.appointments-section{margin-bottom:3rem}.appointments-section h3{color:#333;margin-bottom:1.5rem;font-size:1.3rem;border-left:4px solid var(--user-type-color, #8548A8);padding-left:1rem}.appointments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.appointment-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;border:1px solid #e0e0e0;transition:all .3s ease}.appointment-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.appointment-card.upcoming{border-left:4px solid #3498db}.appointment-card.completed{border-left:4px solid #27ae60}.appointment-card.appointment-highlighted{animation:appointmentHighlight 3s ease-in-out;border:2px solid #3B82F6;box-shadow:0 0 0 4px #3b82f633,0 4px 16px #00000026}@keyframes appointmentHighlight{0%{border-color:#3b82f6;box-shadow:0 0 0 8px #3b82f64d,0 4px 16px #00000026;transform:scale(1.02)}50%{border-color:#60a5fa;box-shadow:0 0 0 4px #3b82f633,0 4px 16px #00000026;transform:scale(1)}to{border-color:#3b82f6;box-shadow:0 0 #3b82f600,0 2px 8px #0000001a;transform:scale(1)}}.appointment-header{display:flex;align-items:center;margin-bottom:1rem;gap:1rem}.pet-avatar{width:50px;height:50px;border-radius:50%;overflow:hidden;flex-shrink:0;background-color:#f3f4f6;display:flex;align-items:center;justify-content:center;border:none!important}.pet-avatar img,img.pet-avatar{width:100%;height:100%;object-fit:cover;border:none!important;border-radius:50%}.appointment-info{flex:1}.appointment-info h4{margin:0 0 .25rem;color:#333;font-size:1.1rem}.appointment-type{margin:0;color:#666;font-size:.9rem}.status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500;text-transform:capitalize}.status-badge.new{background:#e3f2fd;color:#1565c0;border:1px solid #90caf9}.status-badge.pending{background:#fff3cd;color:#856404;border:1px solid #ffeaa7}.status-badge.completed{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.status-badge.confirmed{background:#cce5ff;color:#004085;border:1px solid #b3d7ff}.status-badge.converted{background:#e8f5e9;color:#2e7d32;border:1px solid #c8e6c9}.status-badge.outpatient_visit{background:#dbeafe;color:#1e40af;border:1px solid #93c5fd}.status-badge.inpatient_visit{background:#e0e7ff;color:#3730a3;border:1px solid #a5b4fc}.appointment-details{margin-bottom:1.5rem}.appointment-details-blurred{filter:blur(4px);opacity:.4;pointer-events:none}.appointment-card.completed{position:relative;overflow:hidden}.appointment-rating-prompt{position:absolute;left:1.5rem;right:1.5rem;bottom:1.5rem;padding:14px 16px;border-radius:12px;background:#fffffff2;box-shadow:0 10px 30px #0f172a40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;gap:10px}.appointment-rating-text{font-size:.9rem;color:#334155;font-weight:500}.appointment-rating-actions{display:flex;flex-wrap:wrap;gap:8px}.appointment-rating-actions .btn-primary{background:var(--user-type-color, #8548A8)!important;color:#fff!important;border:none!important;border-radius:8px;padding:8px 16px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.appointment-rating-actions .btn-primary:hover{background:color-mix(in srgb,var(--user-type-color, #8548A8) 80%,black)!important}.appointment-rating-actions .btn-secondary{background:#fff!important;color:var(--user-type-color, #8548A8)!important;border:2px solid var(--user-type-color, #8548A8)!important;border-radius:8px;padding:8px 16px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.appointment-rating-actions .btn-secondary:hover{background:color-mix(in srgb,var(--user-type-color, #8548A8) 10%,white)!important;border-color:var(--user-type-color, #8548A8)!important}.detail-row{display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.25rem 0}.detail-row .label{font-weight:500;color:#666}.detail-row .value{color:#333;font-weight:400}.appointment-actions{display:flex;gap:.75rem}.btn-secondary,.btn-danger,.btn-primary{padding:.5rem 1rem;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.rating-modal{max-width:440px;text-align:left}.rating-modal-subtitle{font-size:.9rem;color:#64748b;margin-bottom:16px}.rating-stars-row{display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:12px}.rating-modal .rating-star-btn,.rating-star-btn{width:32px;height:32px;border-radius:999px;border:2px solid #ffffff!important;background:#fff!important;background-color:#fff!important;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease,transform .1s ease;color:var(--user-type-color, #8548A8);font-size:18px;padding:0;box-shadow:0 0 0 1.5px var(--user-type-color, #8548A8)}.rating-modal .rating-star-btn.selected,.rating-star-btn.selected{background:var(--user-type-color, #8548A8)!important;background-color:var(--user-type-color, #8548A8)!important;border-color:var(--user-type-color, #8548A8)!important;color:#fff;transform:translateY(-1px);box-shadow:none}.rating-modal .rating-star-btn:hover:not(.selected),.rating-star-btn:hover:not(.selected){background:color-mix(in srgb,var(--user-type-color, #8548A8) 10%,white)!important;background-color:color-mix(in srgb,var(--user-type-color, #8548A8) 10%,white)!important;border-color:#fff!important;box-shadow:0 0 0 1.5px var(--user-type-color, #8548A8)}.rating-value-label{font-size:.85rem;color:#475569;margin-left:4px}.rating-comment-input{width:100%;border-radius:10px;border:1px solid #e2e8f0;padding:8px 10px;font-size:.9rem;resize:vertical;min-height:70px;margin-bottom:16px}.rating-comment-input:focus{outline:none;border-color:#8548a8;box-shadow:0 0 0 1px #8548a840}.rating-modal-actions{display:flex;justify-content:flex-end;gap:8px}.rating-modal-actions .btn-secondary{background:#fff!important;color:var(--user-type-color, #8548A8)!important;border:2px solid var(--user-type-color, #8548A8)!important;border-radius:8px;padding:12px 24px;font-size:1rem;cursor:pointer;transition:all .3s ease}.rating-modal-actions .btn-secondary:hover{background:color-mix(in srgb,var(--user-type-color, #8548A8) 10%,white)!important;border-color:var(--user-type-color, #8548A8)!important}.rating-modal-actions .btn-primary{background:var(--user-type-color, #8548A8)!important;color:#fff!important;border:none!important;border-radius:8px;padding:12px 24px;font-size:1rem;cursor:pointer;transition:all .3s ease}.rating-modal-actions .btn-primary:hover{background:color-mix(in srgb,var(--user-type-color, #8548A8) 80%,black)!important}.rating-modal-actions .btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:#f8f9fa;color:#495057;border:1px solid #dee2e6}.btn-secondary:hover{background:#e9ecef}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover{background:#c82333}.btn-primary{background:var(--user-type-color, #8548A8);color:#fff}.btn-primary:hover{background:color-mix(in srgb,var(--user-type-color, #8548A8) 80%,black)}.no-appointments{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem;background:#f8f9fa;border-radius:12px;margin:2rem 0}.no-appointments p{font-size:1.1rem;color:#666;margin-bottom:1.5rem}@media (max-width: 768px){.guardian-dash-tabs{margin:1rem 0}.tab-btn{padding:.75rem 1rem;font-size:1rem}.guardian-dash-appointments{padding:1rem}.appointments-grid{grid-template-columns:1fr;gap:1rem}.appointment-card{padding:1rem}.appointment-actions{flex-direction:column}.appointment-actions button{width:100%}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cancel-modal{background:#fff;border-radius:16px;width:90%;max-width:500px;box-shadow:0 20px 40px #00000026;animation:modalSlideUp .3s ease-out}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 0;border-bottom:1px solid #f0f0f0;margin-bottom:1.5rem}.modal-header h3{margin:0;color:#333;font-size:1.4rem;font-weight:600}.close-btn{background:none;border:none;font-size:1.8rem;color:#999;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.close-btn:hover{background:#f5f5f5;color:#666}.modal-body{padding:0 1.5rem 1.5rem;text-align:center}.warning-icon{font-size:3rem;margin-bottom:1rem}.modal-message{font-size:1.2rem;color:#333;margin-bottom:1.5rem;font-weight:500}.appointment-summary{background:#f8f9fa;border-radius:10px;padding:1.25rem;margin-bottom:1.5rem;text-align:left}.summary-row{display:flex;justify-content:space-between;margin-bottom:.75rem;padding:.5rem 0;border-bottom:1px solid #e9ecef}.summary-row:last-child{margin-bottom:0;border-bottom:none}.summary-row .label{font-weight:600;color:#666}.summary-row .value{color:#333;font-weight:500}.warning-text{color:#e74c3c;font-size:.95rem;margin:0;font-style:italic}.modal-actions{display:flex;gap:1rem;padding:1.5rem;border-top:1px solid #f0f0f0}.btn-cancel-modal{flex:1;padding:.75rem 1.5rem;border:2px solid #dee2e6;background:#fff;color:#495057;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-cancel-modal:hover{background:#f8f9fa;border-color:#adb5bd}.btn-confirm-cancel{flex:1;padding:.75rem 1.5rem;border:none;background:#dc3545;color:#fff;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-confirm-cancel:hover{background:#c82333;transform:translateY(-1px);box-shadow:0 4px 8px #dc35454d}@media (max-width: 768px){.cancel-modal{width:95%;margin:1rem}.modal-header{padding:1rem 1rem 0}.modal-header h3{font-size:1.2rem}.modal-body{padding:0 1rem 1rem}.modal-actions{flex-direction:column;padding:1rem}.appointment-summary{padding:1rem}.summary-row{flex-direction:column;align-items:flex-start;gap:.25rem}.summary-row .value{font-weight:400}}.reschedule-modal{background:#fff;border-radius:16px;width:90%;max-width:600px;box-shadow:0 20px 40px #00000026;animation:modalSlideUp .3s ease-out}.current-appointment{margin-bottom:2rem}.current-appointment h4,.new-appointment h4{color:#333;margin-bottom:1rem;font-size:1.1rem;font-weight:600;padding-bottom:.5rem;border-bottom:2px solid #f0f0f0}.new-appointment{margin-bottom:1.5rem}.datetime-inputs{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:1rem}.input-group{display:flex;flex-direction:column}.input-group label{font-weight:500;color:#333;margin-bottom:.5rem;font-size:.95rem}.selected-datetime{margin-top:1rem;padding:.75rem;background:#f8f9fa;border-radius:8px;border-left:4px solid #00d4b3}.selected-datetime p{margin:0;color:#333;font-size:.95rem}.time-select,.flatpickr-input{width:100%;padding:.75rem 1rem;border:2px solid #e9ecef;border-radius:10px;font-size:1rem;background:#fff;cursor:pointer;transition:all .3s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-repeat:no-repeat;background-position:right .75rem center;background-size:1.25em;color:#334155;font-weight:500}.flatpickr-input{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3e%3c/rect%3e%3cline x1='16' y1='2' x2='16' y2='6'%3e%3c/line%3e%3cline x1='8' y1='2' x2='8' y2='6'%3e%3c/line%3e%3cline x1='3' y1='10' x2='21' y2='10'%3e%3c/line%3e%3c/svg%3e")}.time-select{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' 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");padding-right:2.5rem}.time-select:focus,.flatpickr-input:focus{outline:none;border-color:var(--user-type-color, #8548a8);box-shadow:0 0 0 4px color-mix(in srgb,var(--user-type-color, #8548A8) 12%,transparent)}.time-select:hover,.flatpickr-input:hover{border-color:var(--user-type-color, #8548a8);background-color:#fafbfd}.time-select option{padding:.5rem;font-size:1rem}.loading-time,.no-date-selected{padding:1rem;text-align:center;color:#666;font-size:.9rem;border:2px solid #e9ecef;border-radius:8px;background:#f8f9fa}@media (max-width: 768px){.datetime-inputs{grid-template-columns:1fr;gap:1rem}.time-select{font-size:.95rem}}.btn-confirm-reschedule{flex:1;padding:.75rem 1.5rem;border:none;background:#00d4b3;color:#fff;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-confirm-reschedule:hover{background:#00b89e;transform:translateY(-1px);box-shadow:0 4px 8px #00d4b34d}.btn-confirm-reschedule:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 768px){.reschedule-modal{width:95%;margin:1rem}.datetime-inputs{grid-template-columns:1fr;gap:1rem}.current-appointment,.new-appointment{margin-bottom:1.5rem}}.reschedule-preview-modal{width:90%;max-width:600px;max-height:90vh;overflow-y:auto;background-color:#fff}.reschedule-summary{padding:1rem 0}.pet-info-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;border-left:4px solid #00d4b3}.pet-avatar img{width:60px;height:60px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 2px 8px #0000001a}.pet-details h3{margin:0;font-size:1.3rem;font-weight:700;color:#333}.pet-details p{margin:.25rem 0 0;color:#666;font-size:.9rem}.clinic-info{text-align:center;margin-bottom:2rem;padding:1rem;background:#f8f9fa;border-radius:8px}.clinic-info h4{margin:0 0 .5rem;font-size:1.1rem;font-weight:600;color:#333}.clinic-info p{margin:0;color:#666;font-size:.95rem}.time-comparison{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:2rem 0;padding:1.5rem;background:#fff;border-radius:12px;border:2px solid #e9ecef}.time-change-item{flex:1;text-align:center}.time-label{font-size:.85rem;color:#666;margin-bottom:.5rem;font-weight:500}.current-time,.new-time{display:flex;flex-direction:column;gap:.25rem}.current-time .date,.new-time .date{font-size:.9rem;font-weight:600;color:#333}.current-time .time{font-size:1.1rem;font-weight:700;color:#dc3545;padding:.5rem;background:#dc35451a;border-radius:6px}.new-time .time{font-size:1.1rem;font-weight:700;color:#28a745;padding:.5rem;background:#28a7451a;border-radius:6px}.change-arrow{display:flex;align-items:center;justify-content:center;color:#8548a8;font-size:1.5rem;padding:.5rem;background:#8548a81a;border-radius:50%;min-width:40px;height:40px}.reschedule-note{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#8548a80d;border:1px solid rgba(133,72,168,.2);border-radius:8px;margin-top:1.5rem}.note-icon{font-size:1.2rem;margin-top:.1rem}.reschedule-note p{margin:0;font-size:.9rem;color:#555;line-height:1.4}@media (max-width: 768px){.reschedule-preview-modal{width:95%;margin:.5rem}.pet-info-header{flex-direction:column;text-align:center;gap:.75rem;padding:1rem .75rem}.pet-details h3{font-size:1.2rem}.time-comparison{flex-direction:column;gap:1rem;padding:1rem}.change-arrow{transform:rotate(90deg);order:1}.time-change-item:first-child{order:0}.time-change-item:last-child{order:2}.current-time .time,.new-time .time{font-size:1rem;padding:.4rem}.reschedule-note{padding:.75rem;gap:.5rem}.reschedule-note p{font-size:.85rem}}@media (max-width: 768px){.guardian-dash-hero-responsive{flex-direction:column!important;padding:24px 16px!important;gap:24px!important}.guardian-dash-hero-left-responsive h1{font-size:2rem!important}.guardian-dash-hero-left-responsive p{font-size:1rem!important}.guardian-dash-hero-right-responsive{display:none!important}.guardian-dash-hero-actions-responsive{flex-direction:column!important;gap:12px!important;width:100%!important}.emergency-btn-responsive,.appointment-btn-responsive{width:100%!important;padding:12px 20px!important}.guardian-dash-tabs-responsive{margin:1rem 16px!important;gap:8px!important}.tab-btn{font-size:.95rem!important;padding:.75rem 1rem!important;flex:1!important}.guardian-dash-medical-records{padding:0 16px 20px!important}.guardian-dash-medical-records h2{font-size:1.5rem!important}.guardian-dash-medical-records p{font-size:.9rem!important}.pet-cards-container-responsive{flex-direction:column!important;gap:12px!important}.pet-selector-wrapper,.record-type-selector-wrapper{margin-bottom:24px!important}.pet-selector-title,.record-type-selector-title{font-size:1.1rem!important;margin-bottom:16px!important}.record-type-buttons-responsive{display:flex!important;overflow-x:auto!important;gap:8px!important;padding-bottom:8px!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:thin!important}.record-type-btn{min-width:140px!important;flex-shrink:0!important;font-size:.85rem!important;padding:10px 12px!important}.record-type-icon{width:20px!important;height:20px!important}.guardian-dash-table-container{padding:8px 4px 4px!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.guardian-dash-table{min-width:600px!important;font-size:.9rem!important}.guardian-dash-table th,.guardian-dash-table td{padding:10px 12px!important;font-size:.85rem!important}.appointments-content-responsive{padding:0!important}.appointments-section h3{font-size:1.25rem!important;margin-bottom:16px!important}.appointments-grid{grid-template-columns:1fr!important;gap:16px!important}.appointment-card{padding:16px!important}.appointment-card .appointment-header{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.appointment-card .pet-avatar,.appointment-card img.pet-avatar{width:50px!important;height:50px!important;border:none!important}.appointment-card h4{font-size:1.1rem!important}.appointment-type{font-size:.9rem!important}.status-badge{font-size:.75rem!important;padding:4px 12px!important;align-self:flex-end!important}.appointment-details{padding:12px 0!important}.detail-row{flex-direction:column!important;gap:4px!important;margin-bottom:12px!important}.detail-row .label{font-size:.85rem!important;color:#6b7280!important}.detail-row .value{font-size:.9rem!important}.appointment-actions{flex-direction:column!important;gap:8px!important}.appointment-actions button{width:100%!important;padding:10px!important}.appointments-content .pet-cards-container{flex-wrap:wrap!important;gap:12px!important}}@media (max-width: 480px){.guardian-dash-hero-left-responsive h1{font-size:1.75rem!important}.guardian-dash-hero-left-responsive p{font-size:.95rem!important}.guardian-dash-tabs-responsive{margin:.75rem 12px!important;gap:6px!important}.tab-btn{font-size:.875rem!important;padding:.625rem .875rem!important}.guardian-dash-medical-records{padding:0 12px 20px!important}.guardian-dash-medical-records h2{font-size:1.25rem!important}.record-type-buttons-responsive{gap:6px!important}.record-type-btn{min-width:120px!important;font-size:.8rem!important;padding:8px 10px!important}.guardian-dash-table{min-width:500px!important}.guardian-dash-table th,.guardian-dash-table td{padding:8px 10px!important;font-size:.8rem!important}.appointment-card{padding:12px!important}.appointments-section h3{font-size:1.1rem!important}}.pet-selection-back-btn{position:absolute;top:100px;left:60px;display:flex;align-items:center;gap:8px;padding:10px 20px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#64748b;font-family:inherit;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0000000d;z-index:1001}.pet-selection-back-btn:hover{background:#f8fafc;color:var(--user-type-color, #8548A8);border-color:var(--user-type-color, #8548A8);transform:translate(-4px);box-shadow:0 6px 16px #0000001a}.rtl .pet-selection-back-btn{left:auto;right:60px}.rtl .pet-selection-back-btn:hover{transform:translate(4px)}.rtl .pet-selection-back-btn svg{transform:rotate(180deg)}@media (max-width: 768px){.pet-selection-back-btn{top:90px;left:20px;padding:8px 16px;font-size:.9rem}.rtl .pet-selection-back-btn{left:auto;right:20px}}.no-navbar .pet-selection-screen{padding-top:24px!important}.no-navbar .pet-selection-back-btn{top:24px!important}.no-navbar .booking-panel-overlay{padding-top:24px!important}.no-navbar .selected-pet-display{top:40px!important}@media (max-width: 768px){.no-navbar .pet-selection-screen{padding-top:16px!important}.no-navbar .pet-selection-back-btn{top:16px!important}.no-navbar .booking-panel-overlay{padding-top:16px!important}.no-navbar .selected-pet-display{top:60px!important;left:20px!important}}.user-average-rating{display:flex;align-items:center;gap:6px;margin-top:4px}.user-average-rating-stars{display:flex;align-items:center;gap:2px}.user-average-rating-value{font-size:14px;font-weight:600;color:#374151}.user-average-rating-label{font-size:12px;color:#6b7280;font-weight:400}.user-average-rating-small{gap:4px}.user-average-rating-small .user-average-rating-value{font-size:12px}.user-average-rating-small .user-average-rating-label{font-size:11px}.user-average-rating-large{gap:8px}.user-average-rating-large .user-average-rating-value{font-size:16px}.user-average-rating-large .user-average-rating-label{font-size:13px}.add-service-btn{padding:12px 38px;font-size:1.08rem;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:background .18s}.add-service-btn-primary{background:#059669;color:#fff;margin-right:8px}.add-service-btn-primary:hover{background:#047857}.add-service-btn-secondary{background:#fff;color:#22313f;border:1.5px solid #d1d5db}.add-service-btn-secondary:hover{background:#f3f4f6}.add-service-wrapper{background:transparent;padding:0}.add-service-container{width:100%;max-width:1100px;margin:0 auto;background:#fff;border-radius:20px;padding:32px 40px}.add-service-section-title{font-size:1.3rem;font-weight:700;color:#22313f;margin-bottom:16px;margin-top:10px}.add-service-row{display:flex;gap:24px;margin-bottom:20px}.add-service-row-full{flex-direction:column;gap:12px}.add-service-col{flex:1;display:flex;flex-direction:column;gap:8px}.add-service-input{padding:10px 14px;border:1.5px solid #d1d5db;border-radius:10px;font-size:1rem;font-family:Red Hat Display,Cairo,sans-serif;background:#fff;color:#22313f;outline:none;transition:border-color .18s}.add-service-input::placeholder{font-family:Red Hat Display,Cairo,sans-serif;color:#9ca3af}[dir=rtl] .add-service-input::placeholder,[lang=ar] .add-service-input::placeholder{font-family:Cairo,Red Hat Display,sans-serif}.add-service-input:focus{border-color:#1976d2}.add-service-textarea{min-height:80px;resize:none}.add-service-delivery-period{gap:8px}.add-service-delivery-inputs{display:flex;gap:12px}.add-service-vat-row{align-items:center;gap:18px}.add-service-switch{position:relative;display:inline-block;width:44px;height:24px}.add-service-switch input{opacity:0;width:0;height:0}.add-service-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#d1d5db;transition:.4s;border-radius:24px}.add-service-switch input:checked+.add-service-slider{background-color:#059669}.add-service-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}.add-service-switch input:checked+.add-service-slider:before{transform:translate(20px)}.add-service-vat-status{font-weight:500;color:#888}.add-service-vat-status.active{color:#059669}.services-page-wrapper{min-height:100vh;background:#fff;font-family:Red Hat Display,Red Hat Display,sans-serif}.services-container{background:#fff;border-radius:18px;box-shadow:0 2px 18px #2c3e5012;padding:25px}.services-header-row{display:flex;align-items:center;gap:16px;margin-bottom:32px;margin-top:38px}.services-title{font-size:2rem;font-weight:700;color:#22313f}.services-arrow{font-size:1.5rem;font-weight:400;margin:0 8px;color:#22313f}.services-header-title{font-weight:600;font-size:1.25rem;color:#22313f}.services-tabs{display:flex;gap:32px;margin-bottom:32px;border-bottom:2.5px solid #e5e7eb}.services-tab{background:none;border:none;font-size:1.15rem;font-weight:600;color:#22313f;padding:0 0 12px;cursor:pointer;border-bottom:3px solid transparent;transition:border-color .2s,color .2s}.services-tab.active{color:#1976d2;border-bottom:3px solid #22313f}.services-table-actions{display:flex;gap:16px;margin-bottom:18px;justify-content:flex-end}.services-filters-btn{background:#fff;border:1.5px solid #d1d5db;border-radius:8px;color:#22313f;font-weight:500;font-size:1rem;padding:8px 18px;cursor:pointer;display:flex;align-items:center;gap:6px}.services-delete-btn{background:#fff;border:1.5px solid #d1d5db;border-radius:8px;color:#e74c3c;font-weight:500;font-size:1rem;padding:8px 18px;cursor:pointer}.services-add-btn{background:#00d4b3;color:#fff;border:none;border-radius:8px;font-weight:600;font-size:1rem;padding:8px 22px;cursor:pointer;transition:background .18s}.services-add-btn:hover{background:#059669}.services-table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;box-shadow:0 1px 8px #2c3e500a;margin-bottom:32px;overflow:hidden}.services-table th,.services-table td{padding:14px 12px;text-align:left;font-size:1rem;color:#22313f;border-bottom:1.5px solid #f3f4f6}[dir=rtl] .services-table th,[dir=rtl] .services-table td{text-align:right}.services-table th{font-weight:700;background:#f9fafb}.services-table tr:last-child td{border-bottom:none}.services-status-active{background:#eafaf6;color:#00d4b3;font-weight:600;font-size:.98rem;border-radius:8px;padding:4px 18px;display:inline-flex;align-items:center;gap:6px}.services-status-inactive{background:#fee2e2;color:#dc2626;font-weight:600;font-size:.98rem;border-radius:8px;padding:4px 18px;display:inline-flex;align-items:center;gap:6px}.services-action-edit,.services-action-delete{background:none;border:none;cursor:pointer;padding:0 6px;vertical-align:middle;font-size:1.1rem}.services-action-edit svg,.services-action-delete svg{vertical-align:middle}.dashboard-summary-card:nth-child(1) .dashboard-summary-value{color:#2a8ad2}.dashboard-summary-card:nth-child(2) .dashboard-summary-value{color:#8548a8}.dashboard-summary-card:nth-child(3) .dashboard-summary-value{color:#00d4b3}.dashboard-summary-card:nth-child(4) .dashboard-summary-value{color:#ff4d4f}.dashboard-summary-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-bottom:36px;max-width:1400px;margin-left:50px;margin-right:0}.dashboard-summary-card{background:#fff;border:1px solid #d1d5db;border-radius:14px;box-shadow:0 2px 8px #1f29370a;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:22px 18px 18px;min-height:140px;position:relative}.dashboard-summary-top{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start}.dashboard-summary-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;font-size:2rem;margin-bottom:10px;background:inherit;box-sizing:border-box}.dashboard-summary-icon svg{display:block;margin:auto}.dashboard-summary-stat{color:#2a8ad2;font-size:1rem;font-weight:600;margin-top:2px;display:flex;align-items:center;gap:2px}.dashboard-summary-value{font-size:2rem;font-weight:700;color:#2a8ad2;margin-bottom:2px;margin-top:8px}.dashboard-summary-label{font-size:1.08rem;color:#374151;font-weight:500;margin-top:2px}.dashboard-summary-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;font-size:2rem;flex-shrink:0}.dashboard-summary-content{display:flex;flex-direction:column;align-items:flex-start}.dashboard-summary-value{font-size:2.1rem;font-weight:700;color:#1f2937;margin-bottom:2px}.dashboard-summary-label{font-size:1.05rem;color:#6b7280;font-weight:500}.medical-root,.dashboard-create-wrapper{font-family:Red Hat Display,Red Hat Display,sans-serif}.dashboard-create-wrapper{min-height:100vh;background:#fff;padding:32px 5px;box-sizing:border-box;margin-top:80px}.dashboard-main{display:flex;justify-content:space-between;align-items:flex-start;max-width:1400px;margin:0 auto;gap:40px}.dashboard-header-row{display:flex;justify-content:center;align-items:center;max-width:1400px;margin:0 auto 40px;gap:40px;min-height:340px;width:100%}.dashboard-header-left{flex:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left;height:100%}.dashboard-header-right{flex:1;display:flex;align-items:flex-start;justify-content:flex-end;max-width:520px;overflow:visible;position:relative;z-index:1}.dashboard-title{font-size:2.5rem;font-weight:600;color:#1f2937;margin-bottom:16px;font-family:Red Hat Display,sans-serif;text-align:left}.dashboard-desc{font-size:1.15rem;color:#6b7280;margin-bottom:40px;max-width:600px;text-align:left}.dashboard-cards-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:120px;row-gap:32px;max-width:1400px;margin-left:50px;margin-right:0}.dashboard-card{background:#fff;border:1px solid #bdbdbd;border-radius:12px;box-shadow:none;padding:24px 20px 20px;display:flex;flex-direction:column;align-items:flex-start;min-height:140px}.dashboard-card.dashboard-card-add{background:#fff;border:1px solid #bdbdbd;border-radius:12px;box-shadow:none;padding:24px 20px 20px;display:flex;flex-direction:column;align-items:flex-start;min-height:140px;position:relative;z-index:10}.dashboard-card-add .dashboard-card-icon{margin-bottom:12px;margin-right:0}.dashboard-card-add .dashboard-card-content{text-align:left;align-items:flex-start}.dashboard-card-icon{font-size:2.2rem;width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-right:12px}.dashboard-card-icon-blue{background:#eaf2ff;color:#2a8ad2}.dashboard-card-icon-purple{background:#f3eaff;color:#8548a8}.dashboard-card-icon-green{background:#eafff6;color:#00d4b3}.dashboard-card-content h3{font-size:1.25rem;font-weight:700;color:#1f2937;margin-bottom:6px}.dashboard-card-content p{color:#6b7280;font-size:1rem;margin-bottom:18px}.dashboard-btn{padding:10px 22px;border-radius:8px;font-weight:600;font-size:1rem;border:none;cursor:pointer;transition:background .2s}.dashboard-btn-blue{background:#2a8ad2;color:#fff}.dashboard-btn-purple{background:#8548a8;color:#fff}.dashboard-btn-green{background:#00d4b3;color:#fff}.dashboard-btn:hover{filter:brightness(.95)}.dashboard-main-right{flex:1;display:flex;align-items:flex-start;justify-content:flex-end}.dashboard-mascot{width:420px;max-width:100%;height:auto;transform:scale(1.56) translate(-80px);margin-right:0;left:0;position:static;display:block}.add-service-btn-row{display:flex;flex-direction:row;gap:16px;justify-content:flex-end;margin-top:32px;width:auto}.add-service-type-row{display:flex;align-items:center;gap:18px;margin-bottom:16px}.add-service-type-label{font-size:1.08rem;font-weight:600;color:#22313f}.add-service-type-select{padding:10px 14px;border:1.5px solid #d1d5db;border-radius:8px;font-size:1rem;background:#fff;color:#22313f;outline:none;transition:border-color .18s}.add-service-type-select:focus{border-color:#1976d2}@media (max-width: 1100px){.dashboard-main{flex-direction:column;gap:24px}.dashboard-header-row{flex-direction:column;align-items:center;gap:24px}.dashboard-header-right{justify-content:center;overflow:visible;max-width:none}.dashboard-mascot{width:420px;max-width:none;transform:scale(1.65);display:block}.dashboard-cards-grid{grid-template-columns:1fr;gap:20px}}@media (max-width: 700px){.dashboard-create-wrapper{padding:10px}}@media (max-width: 900px){.dashboard-create-wrapper{padding:10px 2px;margin-top:100px!important}.dashboard-main{flex-direction:column;gap:18px;max-width:98vw}.dashboard-header-row{flex-direction:column;align-items:flex-start;gap:18px;min-height:auto;margin-bottom:18px}.dashboard-header-left{width:100%;padding-right:0}.dashboard-header-right{width:100%;max-width:100%;justify-content:center;margin-top:12px}.dashboard-title{font-size:1.5rem;margin-bottom:10px}.dashboard-desc{font-size:1rem;margin-bottom:18px}.dashboard-cards-grid{grid-template-columns:1fr;column-gap:0;row-gap:16px;margin-left:0;margin-right:0}.dashboard-card{width:100%;min-width:0;padding:16px 8px;font-size:.98rem}.dashboard-btn{width:100%;font-size:1rem;padding:10px 0}.dashboard-mascot{width:180px;transform:scale(1.1) translate(0);margin:0 auto;display:block}}@media (max-width: 786px){.dashboard-create-wrapper{padding:6px 0;margin-top:100px!important}.dashboard-title{font-size:1.2rem}.dashboard-desc{font-size:.95rem}.dashboard-btn{font-size:.98rem;padding:8px 0}.dashboard-card{font-size:.95rem;padding:12px 4px}.dashboard-mascot{width:120px;transform:scale(1) translate(0)}}@media (max-width: 500px){.dashboard-create-wrapper{padding:2px 0;margin-top:150px!important}.dashboard-title{font-size:1rem;margin-bottom:6px}.dashboard-desc{font-size:.9rem;margin-bottom:10px}.dashboard-btn{font-size:.95rem;padding:8px 0}.dashboard-card{font-size:.92rem;padding:8px 2px}.dashboard-mascot{display:none!important}}@media (max-width: 425px){.dashboard-mascot{display:none!important}}@media (max-width: 1439px){.dashboard-mascot{display:none!important}}@media (max-width: 786px){.clinicsetup-container.manage-team-container{margin-top:120px!important}.dashboard-summary-cards-grid{display:flex!important;flex-wrap:wrap!important;gap:16px!important;margin-bottom:18px!important;justify-content:center!important;margin-left:0!important;margin-right:0!important}.dashboard-summary-card{flex:1 1 calc(50% - 16px)!important;max-width:calc(50% - 16px)!important;min-width:140px!important;box-sizing:border-box!important;margin:0!important}.dashboard-section{padding:10px 8px!important;margin-bottom:18px!important;box-sizing:border-box!important}body{overflow-x:hidden!important}}@media (max-width: 500px){.clinicsetup-container.manage-team-container{margin-top:160px!important}.dashboard-stats-row{grid-template-columns:1fr 1fr!important;gap:12px!important;margin-bottom:14px!important}.dashboard-section{padding:8px 4px!important;margin-bottom:14px!important}}@media (max-width: 786px){.add-service-wrapper{padding:8px 0!important;min-height:100vh;background:#f8fafc}.add-service-container{max-width:100vw!important;margin:12px auto 0!important;border-radius:10px!important;box-shadow:none!important;padding:10px 4px 18px!important}.add-service-section-title{font-size:1.1rem!important;margin-bottom:12px!important}.add-service-row{flex-direction:column!important;gap:10px!important;margin-bottom:12px!important}.add-service-col{gap:6px!important}.add-service-input,.add-service-textarea{font-size:.98rem!important;padding:8px!important;width:100%!important;box-sizing:border-box!important}.add-service-btn-row{flex-direction:column!important;gap:8px!important;justify-content:flex-end!important;margin-top:12px!important;width:100%!important}.add-service-btn{width:100%!important;font-size:.98rem!important;padding:10px 0!important;margin-bottom:6px!important}}@media (max-width: 786px){.services-page-wrapper{padding:0!important;min-height:100vh;background:#fff}.services-container{max-width:100vw!important;margin:18px auto 0!important;border-radius:10px!important;box-shadow:none!important;padding:12px 4px 18px!important}.services-header-row{flex-direction:column!important;align-items:flex-start!important;gap:8px!important;margin-bottom:18px!important;margin-top:12px!important}.services-title{font-size:1.2rem!important;margin-bottom:4px!important}.services-header-title{font-size:1rem!important;margin-bottom:2px!important}.services-tabs{flex-direction:column!important;gap:8px!important;margin-bottom:12px!important;border-bottom:none!important}.services-tab{font-size:1rem!important;padding:8px 0!important;border-bottom:2px solid #e5e7eb!important}.services-table-actions{flex-direction:row!important;gap:8px!important}.services-table-actions .services-table-actions{display:flex!important;flex-direction:row!important;gap:8px!important;margin-bottom:10px!important;justify-content:flex-end!important;align-items:center!important;flex-wrap:wrap!important}.services-table th,.services-table td{padding:8px 4px!important;font-size:.95rem!important}.services-add-btn,.services-filters-btn,.services-delete-btn{width:auto!important;min-width:90px!important;max-width:180px!important;font-size:.98rem!important;padding:8px 12px!important;margin:0!important}}.services-add-drawer{position:fixed;right:0;top:0;width:1000px;max-width:100vw;height:100vh;background:#fff;box-shadow:-2px 0 16px #0000001f;transform:translate(100%);opacity:0;transition:transform .3s cubic-bezier(.25,.46,.45,.94),opacity .3s ease;z-index:9999;border-top-left-radius:16px;border-top-right-radius:16px;overflow-y:auto}@media (max-width: 1024px){.services-add-drawer{width:90vw;max-width:800px}}@media (max-width: 786px){.services-add-drawer{width:95vw;max-width:none;border-radius:0}}@media (max-width: 480px){.services-add-drawer{width:100vw;border-radius:0}}.services-add-drawer.open{transform:translate(0);opacity:1}.services-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000073;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:modalFadeIn .3s ease}.services-modal-content{background:#fff;width:1100px;max-width:95vw;max-height:90vh;border-radius:20px;box-shadow:0 25px 50px -12px #00000040;overflow-y:auto;position:relative;animation:modalSlideUp .4s cubic-bezier(.165,.84,.44,1);padding:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.add-service-drawer-overlay{position:fixed;top:0;right:0;width:100vw;height:100vh;background:#0003;z-index:9998;animation:fadeIn .3s ease}.clinicinfo-page-wrapper{display:flex;flex-direction:row;min-height:100vh;margin-top:100px;background:#f8fafc;width:100%;box-sizing:border-box;transition:margin-top .3s ease,padding .3s ease}@media (max-width: 1200px){.clinicinfo-page-wrapper{margin-top:90px}}@media (max-width: 1024px){.clinicinfo-page-wrapper{margin-top:80px}}@media (max-width: 786px){.clinicinfo-page-wrapper{margin-top:70px;padding:0 12px}}@media (max-width: 480px){.clinicinfo-page-wrapper{margin-top:60px;padding:0 6px}}@media (max-width: 600px){.clinicinfo-page-wrapper{margin-top:50px!important;padding:0 4px!important}}.clinicinfo-owner-wrapper{display:flex;flex-direction:row;width:100%;height:100%}.clinicinfo-sidebar-container{position:relative;display:flex;flex-direction:row;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.clinicinfo-sidebar-container.collapsed{width:60px;min-width:60px}.clinicinfo-sidebar-toggle{position:fixed;top:100px;left:30px;right:auto;width:40px;height:40px;background:transparent;border:none;cursor:pointer;display:none;align-items:center;justify-content:center;z-index:100;transition:all .3s cubic-bezier(.25,.46,.45,.94);border-radius:8px}[dir=rtl] .clinicinfo-sidebar-toggle{left:auto;right:30px}.clinicinfo-sidebar-toggle:hover{transform:scale(1.1)}.clinicinfo-sidebar-toggle:active{transform:scale(.95);animation:arrowBounce .4s ease}@keyframes arrowBounce{0%{transform:scale(.95)}50%{transform:scale(1.05)}to{transform:scale(1)}}.clinicinfo-sidebar-toggle .double-chevron{display:flex;align-items:center;justify-content:center;transition:transform .4s cubic-bezier(.25,.46,.45,.94)}.clinicinfo-sidebar-toggle .double-chevron.expanded{transform:rotate(180deg)}.clinicinfo-sidebar-toggle .double-chevron.collapsed{transform:rotate(0)}.clinicinfo-sidebar-toggle .chevron-part{color:#66e6d3;font-size:16px;line-height:1;margin-left:-3px;font-weight:700;transition:color .2s ease}.clinicinfo-sidebar-toggle:hover .chevron-part{color:#00d4b3}.clinicinfo-sidebar-toggle .chevron-part:first-child{margin-left:0}.clinicinfo-sidebar{width:260px;min-width:260px;background:#fff;border-left:none;padding:32px 24px 24px;box-sizing:border-box;position:sticky;top:100px;height:calc(100vh - 100px);display:flex;flex-direction:column;transition:width .4s cubic-bezier(.25,.46,.45,.94),min-width .4s cubic-bezier(.25,.46,.45,.94),padding .4s cubic-bezier(.25,.46,.45,.94),opacity .35s cubic-bezier(.25,.46,.45,.94) .05s,border-right .2s ease .2s,height .4s ease;overflow-y:auto;overflow-x:hidden;transform-origin:left center}[dir=rtl] .clinicinfo-sidebar{border-right:none;border-left:1px solid #e0e0e0;transform-origin:right center}.clinicinfo-sidebar-container.collapsed .clinicinfo-sidebar{width:60px;min-width:60px;padding:32px 0 24px;border-right:none;opacity:1;transition:width .4s cubic-bezier(.25,.46,.45,.94),min-width .4s cubic-bezier(.25,.46,.45,.94),padding .4s cubic-bezier(.25,.46,.45,.94),opacity .25s ease,border-right .2s ease;align-items:center}@media (min-width: 1201px){.clinicinfo-sidebar-toggle{display:flex!important}.clinicinfo-sidebar-container{width:auto;min-width:auto}.clinicinfo-sidebar{width:260px;min-width:260px;padding:32px 24px 24px}.clinicinfo-sidebar-container.collapsed{width:60px;min-width:60px}.clinicinfo-sidebar-container.collapsed .clinicinfo-sidebar{width:60px;min-width:60px;padding:32px 0 24px;border-right:none;opacity:1;align-items:center}}@media (max-width: 1200px) and (min-width: 426px){.clinicinfo-sidebar-toggle{display:flex!important}.clinicinfo-sidebar{width:220px;min-width:220px;padding:24px 16px;top:80px;height:calc(100vh - 80px)}.clinicinfo-sidebar-container.collapsed{width:60px;min-width:60px}.clinicinfo-sidebar-container.collapsed .clinicinfo-sidebar{width:60px;min-width:60px;padding:24px 0;border-right:none;opacity:1;align-items:center}}.clinicinfo-sidebar-submenu{margin-left:32px;margin-top:8px;display:flex;flex-direction:column;gap:6px;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.clinicinfo-sidebar-submenu-item{background:#f8fafc;border-radius:8px;padding:10px 16px;font-size:14px;color:#607d8b;font-weight:500;transition:all .2s ease;border-left:3px solid transparent}.clinicinfo-sidebar-submenu-item:hover{background:#eafaf7;color:#00d4b3;border-left-color:#00d4b3}.clinicinfo-sidebar-submenu-item.selected{background:#eafaf7;color:#00d4b3;border-left-color:#00d4b3;font-weight:600}.clinicinfo-sidebar-card.has-submenu{position:relative}.clinicinfo-sidebar-arrow{display:inline-flex;align-items:center;justify-content:center;color:#607d8b;margin-left:auto}.clinicinfo-sidebar-card.selected .clinicinfo-sidebar-arrow{color:#00d4b3}.clinicinfo-sidebar.collapsed .clinicinfo-sidebar-submenu{display:none}.clinicinfo-sidebar-title{font-size:20px;font-weight:700;margin-bottom:24px;color:#263238}.clinicinfo-clinic-selector{margin-bottom:24px;padding-bottom:24px}.clinicinfo-clinic-selector-label{display:block;font-size:14px;font-weight:600;color:#607d8b;margin-bottom:8px}.clinicinfo-clinic-select{width:100%;padding:12px 40px 12px 14px;border:2px solid #e0e0e0;border-radius:8px;background:#fff;font-size:15px;font-weight:500;color:#263238;cursor:pointer;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23607d8b' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:12px}.clinicinfo-clinic-select:hover{border-color:#00d4b3;box-shadow:0 0 0 2px #00d4b30d}.clinicinfo-clinic-select:focus{outline:none;border-color:#00d4b3;box-shadow:0 0 0 3px #00d4b31a}.clinicinfo-clinic-select:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.6}.clinicinfo-clinic-select option{padding:10px;font-size:15px;color:#263238;background:#fff}.clinicinfo-clinic-select option:hover{background:#f8fafc}.clinicinfo-sidebar.collapsed .clinicinfo-clinic-selector{margin-bottom:16px;padding-bottom:16px}.clinicinfo-sidebar.collapsed .clinicinfo-clinic-selector-label{display:none}.clinicinfo-sidebar.collapsed .clinicinfo-clinic-select{padding:10px 32px 10px 10px;font-size:0;width:44px;height:44px;border-radius:8px;background-size:10px;background-position:center;min-width:44px}.clinicinfo-sidebar.collapsed .clinicinfo-clinic-select option{font-size:14px}.clinicinfo-sidebar-section{display:flex;flex-direction:column;gap:32px;justify-content:center;flex:1}.clinicinfo-stat-icon{display:flex;align-items:center;justify-content:center}.clinicinfo-sidebar-card{background:#f8fafc;border-radius:12px;padding:16px 14px;display:flex;align-items:center;gap:12px;cursor:pointer;border:2px solid transparent;transition:all .3s cubic-bezier(.25,.46,.45,.94),transform .2s ease;width:100%;box-sizing:border-box}.clinicinfo-sidebar-card:nth-child(1){transition-delay:.05s}.clinicinfo-sidebar-card:nth-child(2){transition-delay:.1s}.clinicinfo-sidebar-card:nth-child(3){transition-delay:.15s}.clinicinfo-sidebar-card:nth-child(4){transition-delay:.2s}.clinicinfo-sidebar-card:nth-child(5){transition-delay:.25s}.clinicinfo-sidebar-card:nth-child(6){transition-delay:.3s}.clinicinfo-sidebar-container.collapsed .clinicinfo-sidebar-card{transition-delay:0s}.clinicinfo-sidebar.collapsed .clinicinfo-sidebar-card{padding:12px 8px;margin:8px 0;justify-content:center;min-height:44px;gap:0;width:44px;height:44px;border-radius:8px;position:relative}.clinicinfo-sidebar.collapsed .clinicinfo-sidebar-card:hover{background:#e5e7eb;transform:scale(1.05)}.clinicinfo-sidebar.collapsed .clinicinfo-sidebar-card.selected{border:2px solid #00d4b3;background:#00d4b3;color:#fff;transition:all .2s ease}.clinicinfo-sidebar.collapsed .clinicinfo-sidebar-card.selected .clinicinfo-sidebar-icon{color:#fff;transition:color .2s ease}.clinicinfo-sidebar.collapsed .clinicinfo-sidebar-icon{font-size:18px;margin:0;color:#6b7280;transition:color .2s ease}.clinicinfo-sidebar.collapsed .clinicinfo-sidebar-label{display:none}.clinicinfo-sidebar.collapsed .clinicinfo-sidebar-card[title]:hover:after{content:attr(title);position:absolute;left:100%;top:50%;transform:translateY(-50%);margin-left:8px;padding:8px 12px;background:#374151;color:#fff;border-radius:6px;font-size:12px;white-space:nowrap;z-index:1000;opacity:0;animation:tooltipFadeIn .2s ease forwards}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-50%) translate(-5px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.clinic-chat-container{transition:all .3s ease}.clinic-chat-sidebar{transition:width .3s ease,transform .3s ease}.clinic-chat-main{transition:all .3s ease}@media (min-width: 1200px){.clinic-chat-sidebar{width:400px!important}}@media (max-width: 1199px) and (min-width: 1024px){.clinic-chat-sidebar{width:350px!important}}@media (max-width: 1023px) and (min-width: 768px){.clinic-chat-sidebar{width:300px!important}.clinic-chat-main .messages-area{padding:15px 20px!important}.clinic-chat-sidebar input[type=text]{font-size:13px!important;padding:10px 45px 10px 14px!important}.clinic-chat-sidebar .chat-item{padding:12px 15px!important}}@media (max-width: 767px) and (min-width: 600px){.clinic-chat-container{position:relative}.clinic-chat-sidebar{width:280px!important;position:absolute;left:-280px;top:0;height:100%;z-index:100;transform:translate(0);box-shadow:2px 0 10px #0000001a}.clinic-chat-sidebar.open{transform:translate(280px)}.clinic-chat-main{width:100%}.mobile-chat-toggle{display:flex!important}}@media (max-width: 599px){.clinic-chat-container{position:relative;height:calc(100vh - 100px)}.clinic-chat-sidebar{width:100%!important;position:absolute;left:-100%;top:0;height:100%;z-index:100;transform:translate(0);transition:transform .3s ease}.clinic-chat-sidebar.open{transform:translate(100%)}.clinic-chat-main{width:100%;height:100%}.mobile-chat-toggle{display:flex!important}.clinic-chat-main .chat-header{padding:15px 60px 15px 15px!important}.clinic-chat-main .messages-area,.clinic-chat-main .input-area{padding:10px 15px!important}.clinic-chat-main .message-bubble{max-width:85%!important;font-size:14px!important;padding:10px 12px!important}.clinic-chat-main .user-avatar{width:28px!important;height:28px!important}.clinic-chat-main .call-buttons{display:none!important}.clinic-chat-sidebar .chat-item{padding:15px!important;border-bottom:1px solid #f0f0f0}.clinic-chat-sidebar .chat-item-name{font-size:16px!important}.clinic-chat-sidebar .chat-item-message{font-size:14px!important}.clinic-chat-sidebar input[type=text]{font-size:16px!important;padding:12px 50px 12px 16px!important}}@media (max-width: 480px){.clinic-chat-container{height:calc(100vh - 80px)}.clinic-chat-main .messages-area,.clinic-chat-main .input-area{padding:8px 10px!important}.clinic-chat-main .message-bubble{max-width:90%!important;font-size:13px!important;padding:8px 10px!important}.clinic-chat-main .chat-header{padding:10px 50px 10px 10px!important}.clinic-chat-main .chat-header h3{font-size:16px!important}.clinic-chat-sidebar .chat-item{padding:12px!important}.clinic-chat-sidebar .chat-item-name{font-size:15px!important}.clinic-chat-sidebar .chat-item-message{font-size:13px!important}}@media (min-width: 1200px){.doctorchat-message-bubble{max-width:70%!important}}@media (max-width: 1199px) and (min-width: 768px){.doctorchat-message-bubble{max-width:75%!important}}@media (max-width: 767px) and (min-width: 481px){.doctorchat-message-bubble{max-width:85%!important;font-size:14px!important;padding:10px 14px!important}}@media (max-width: 480px){.doctorchat-message-bubble{max-width:90%!important;font-size:13px!important;padding:8px 12px!important}}@media (max-width: 767px){.doctorchat-header{padding:12px 15px!important}.doctorchat-header h2{font-size:16px!important}.doctorchat-header-avatar{width:40px!important;height:40px!important}.doctorchat-header-actions button:not(.mobile-chat-toggle){display:none!important}}@media (max-width: 480px){.doctorchat-header{padding:10px 12px!important}.doctorchat-header h2{font-size:15px!important}.doctorchat-header-avatar{width:36px!important;height:36px!important}}@media (max-width: 1023px) and (min-width: 768px){.doctorchat-messages-container{padding:15px 20px!important}}@media (max-width: 767px){.doctorchat-messages-container{padding:10px 15px!important}}@media (max-width: 480px){.doctorchat-messages-container{padding:8px 10px!important}}@media (max-width: 767px){.doctorchat-input-container{padding:12px 15px!important}.doctorchat-input-bar{padding:6px 10px!important;gap:8px!important}.doctorchat-input{font-size:16px!important;padding:8px 4px!important}.doctorchat-input-btn{min-width:44px!important;min-height:44px!important;padding:8px!important}}@media (max-width: 480px){.doctorchat-input-container{padding:10px 12px!important}.doctorchat-input-bar{padding:6px 8px!important;gap:6px!important;overflow:hidden!important;min-width:0!important}.doctorchat-input{font-size:16px!important;padding:6px 4px!important;min-width:0!important}}@media (max-width: 425px){.doctorchat-input-bar{gap:4px!important;padding:6px!important;overflow:hidden!important;min-width:0!important}.doctorchat-input-btn{padding:4px!important;min-width:32px!important;min-height:32px!important}.doctorchat-input{font-size:16px!important;padding:6px 2px!important;min-width:0!important}.doctorchat-input-btn:last-child{width:32px!important;height:32px!important;min-width:32px!important;padding:6px!important;flex-shrink:0!important;visibility:visible!important;opacity:1!important}}@media (max-width: 375px){.doctorchat-input-bar{gap:3px!important;padding:5px!important;overflow:hidden!important;min-width:0!important}.doctorchat-input-btn{padding:3px!important;min-width:30px!important;min-height:30px!important}.doctorchat-input{font-size:16px!important;padding:5px 2px!important;min-width:0!important}.doctorchat-input-btn:last-child{width:30px!important;height:30px!important;min-width:30px!important;padding:5px!important;flex-shrink:0!important;visibility:visible!important;opacity:1!important}}@media (max-width: 320px){.doctorchat-input-bar{gap:2px!important;padding:4px!important;overflow:hidden!important;min-width:0!important}.doctorchat-input-btn{padding:2px!important;min-width:28px!important;min-height:28px!important}.doctorchat-input{font-size:16px!important;padding:4px 1px!important;min-width:0!important}.doctorchat-input-btn:last-child{width:28px!important;height:28px!important;min-width:28px!important;padding:4px!important;flex-shrink:0!important;visibility:visible!important;opacity:1!important}}@media (max-width: 767px){.doctorchat-files-preview{padding:10px!important;margin-bottom:10px!important}.doctorchat-files-grid{grid-template-columns:1fr!important;gap:10px!important;max-height:300px!important}.doctorchat-file-preview{max-width:100%!important;max-height:250px!important}.doctorchat-file-preview-image,.doctorchat-file-preview-video{max-width:100%!important;max-height:200px!important}}@media (max-width: 1023px) and (min-width: 768px){.doctorchat-files-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 767px){.doctorchat-list-item{padding:12px 15px!important}.doctorchat-list-avatar{width:42px!important;height:42px!important}.doctorchat-list-name{font-size:15px!important}.doctorchat-list-message{font-size:13px!important}.doctorchat-list-timestamp{font-size:11px!important}}@media (max-width: 480px){.doctorchat-list-item{padding:10px 12px!important}.doctorchat-list-avatar{width:38px!important;height:38px!important}.doctorchat-list-name{font-size:14px!important}.doctorchat-list-message{font-size:12px!important}}@media (max-width: 767px){.chat-buttons-container{padding:8px!important}.vet-chat-buttons{font-size:12px!important;padding:10px 8px!important;min-width:0!important;flex:1 1 calc(50% - 4px)!important}}@media (max-width: 480px){.chat-buttons-container{padding:6px!important}.vet-chat-buttons{font-size:11px!important;padding:8px 6px!important;flex:1 1 calc(50% - 3px)!important}}@media (max-width: 767px){.doctorchat-media-modal{padding:10px!important}.doctorchat-media-modal-content{max-width:95vw!important;max-height:90vh!important;padding:10px!important}.doctorchat-media-modal-close{top:10px!important;right:10px!important;width:36px!important;height:36px!important;font-size:20px!important;padding:8px!important}}@media (max-width: 480px){.doctorchat-media-modal{padding:5px!important}.doctorchat-media-modal-content{max-width:100vw!important;max-height:95vh!important;padding:5px!important}}@media (max-width: 767px){.doctorchat-end-modal{padding:15px!important}.doctorchat-end-modal-content{max-width:90vw!important;padding:20px!important}.doctorchat-end-modal h3{font-size:18px!important}.doctorchat-end-modal p{font-size:13px!important}.doctorchat-end-modal-actions{flex-direction:column!important;gap:10px!important}.doctorchat-end-modal-actions button{width:100%!important;padding:12px!important}}@media (max-width: 480px){.doctorchat-end-modal-content{padding:16px!important}.doctorchat-end-modal h3{font-size:16px!important}.doctorchat-end-modal p{font-size:12px!important}}@media (max-width: 767px){.doctorchat-search-header{padding:15px!important}.doctorchat-search-input{font-size:16px!important;padding:10px 45px 10px 14px!important}.doctorchat-refresh-btn{width:36px!important;height:36px!important}}@media (max-width: 480px){.doctorchat-search-header{padding:12px!important}.doctorchat-search-input{padding:8px 40px 8px 12px!important}.doctorchat-refresh-btn{width:32px!important;height:32px!important}}@media (max-width: 767px){.mobile-chat-toggle{display:flex!important;position:absolute!important;top:15px!important;left:15px!important;z-index:10!important;width:40px!important;height:40px!important;min-width:44px!important;min-height:44px!important}.clinic-chat-overlay.active{display:block!important}}@media (max-width: 480px){.mobile-chat-toggle{top:10px!important;left:10px!important;width:36px!important;height:36px!important;min-width:44px!important;min-height:44px!important}}@media (min-width: 768px){.mobile-chat-toggle,.doctorchat-mobile-hint{display:none!important}}@media (max-width: 767px){.doctorchat-mobile-hint{display:block!important}.mobile-sidebar-close{display:flex!important}.doctorchat-search-header{padding-right:60px!important}}@media (min-width: 768px){.mobile-sidebar-close{display:none!important}}@media (max-width: 767px){.clinic-chat-container{height:calc(100vh - 100px)!important;max-height:calc(100vh - 100px)!important}}@media (max-width: 480px){.clinic-chat-container{height:calc(100vh - 80px)!important;max-height:calc(100vh - 80px)!important}}@media (max-width: 767px){.clinic-chat-main{position:relative!important}}@media (max-width: 767px){.clinic-chat-overlay{display:block!important}.clinic-chat-overlay.active{opacity:1!important;visibility:visible!important}}@media (min-width: 768px){.clinic-chat-overlay{display:none!important}}@media (max-width: 767px){.clinic-chat-container{padding-top:10px!important}}@media (max-width: 480px){.doctorchat-message-bubble{margin-bottom:15px!important}}@media (max-width: 767px){.doctorchat-closed-message{padding:15px 20px!important}}@media (max-width: 480px){.doctorchat-closed-message{padding:12px 15px!important}}@media (max-width: 767px){.doctorchat-empty-state{padding:30px 20px!important}.doctorchat-empty-icon-container{width:56px!important;height:56px!important}.doctorchat-empty-icon{width:28px!important;height:28px!important}.doctorchat-empty-title{font-size:16px!important}.doctorchat-empty-text{font-size:13px!important}}@media (max-width: 480px){.doctorchat-empty-state{padding:20px 15px!important}.doctorchat-empty-icon-container{width:48px!important;height:48px!important}.doctorchat-empty-icon{width:24px!important;height:24px!important}.doctorchat-empty-title{font-size:15px!important}.doctorchat-empty-text{font-size:12px!important}}.clinic-chat-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:99;opacity:0;visibility:hidden;transition:all .3s ease}.clinic-chat-overlay.active{opacity:1;visibility:visible}@media (max-width: 1024px){.clinicinfo-sidebar-card{padding:14px 12px;gap:10px}}@media (max-width: 786px){.clinicinfo-sidebar-card{padding:12px 10px;gap:8px;flex-direction:row;justify-content:flex-start}}@media (max-width: 480px){.clinicinfo-sidebar-card{padding:10px 8px;gap:6px}}.clinicinfo-sidebar-card.selected{border:2px solid #00d4b3;background:#eafaf7;transition:all .2s ease}.clinicinfo-sidebar-icon{font-size:22px;margin-right:8px}[dir=rtl] .clinicinfo-sidebar-icon{margin-right:0;margin-left:8px}.clinicinfo-sidebar-label{font-weight:600;font-size:15px;color:#263238}.clinicinfo-sidebar-desc{font-size:13px;color:#607d8b;margin-top:2px}.clinicinfo-member-wrapper{flex:1;display:flex;flex-direction:column;box-sizing:border-box;padding:0;min-width:0;width:100%;transition:all .4s cubic-bezier(.25,.46,.45,.94)}@media (max-width: 1024px){.clinicinfo-member-wrapper{padding:0}}@media (max-width: 786px){.clinicinfo-member-wrapper{padding:0}}@media (max-width: 480px){.clinicinfo-member-wrapper{padding:0}}.clinicinfo-header{margin-bottom:24px}.clinicinfo-title{font-size:26px;font-weight:700;color:#263238;margin-bottom:8px}.clinicinfo-desc{font-size:16px;color:#607d8b}.clinicinfo-stats-row{display:flex;gap:24px;margin-bottom:32px;flex-wrap:wrap}@media (max-width: 1200px){.clinicinfo-stats-row{gap:16px;margin-bottom:24px}}@media (max-width: 900px){.clinicinfo-stats-row{flex-direction:column;gap:12px;margin-bottom:20px}}@media (max-width: 480px){.clinicinfo-stats-row{gap:8px;margin-bottom:16px}}.clinicinfo-stat-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000a;padding:18px 24px;min-width:180px;flex:1;display:flex;flex-direction:column;align-items:flex-start;position:relative;width:100%;box-sizing:border-box}@media (max-width: 1024px){.clinicinfo-stat-card{padding:16px 20px;min-width:150px}}@media (max-width: 786px){.clinicinfo-stat-card{padding:14px 16px;min-width:100%;margin-bottom:8px}}@media (max-width: 480px){.clinicinfo-stat-card{padding:12px 14px}}.clinicinfo-stat-icon{width:32px;height:32px;margin-bottom:10px;border-radius:8px;background:#eaf2ff}.clinicinfo-stat-icon.revenue{background:#eafaf7}.clinicinfo-stat-icon.appointments{background:#ffeaea}.clinicinfo-stat-value{font-size:24px;font-weight:700;color:#263238}.clinicinfo-stat-label{font-size:15px;color:#607d8b;margin-bottom:4px}.clinicinfo-stat-change{position:absolute;top:18px;right:18px;font-size:13px;font-weight:600}.clinicinfo-stat-change.up{color:#00d4b3}.clinicinfo-stat-change.down{color:#ff4d4f}.clinicinfo-schedule-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000a;padding:24px;margin-bottom:32px;width:100%;box-sizing:border-box;overflow-x:auto}@media (max-width: 1024px){.clinicinfo-schedule-section{padding:20px;margin-bottom:24px}}@media (max-width: 786px){.clinicinfo-schedule-section{padding:16px;margin-bottom:20px}}@media (max-width: 480px){.clinicinfo-schedule-section{padding:12px;margin-bottom:16px}}.clinicinfo-section-title{font-size:18px;font-weight:600;color:#263238;margin-bottom:18px}.clinicinfo-schedule-table{display:flex;flex-direction:column;gap:16px}.clinicinfo-schedule-row{display:flex;align-items:center;gap:32px;font-size:15px;min-width:600px;padding:8px 0}@media (max-width: 1024px){.clinicinfo-schedule-row{gap:24px;font-size:14px;min-width:600px}}@media (max-width: 786px){.clinicinfo-schedule-row{flex-direction:column;align-items:flex-start;gap:8px;min-width:auto;padding:12px 0;border-bottom:1px solid #f0f0f0}.clinicinfo-schedule-row:last-child{border-bottom:none}}@media (max-width: 480px){.clinicinfo-schedule-row{font-size:13px;padding:10px 0}}.clinicinfo-schedule-time{width:90px;color:#607d8b}.clinicinfo-schedule-pet{width:140px;color:#263238;font-weight:500}.clinicinfo-schedule-owner{font-size:13px;color:#607d8b}.clinicinfo-schedule-type{width:120px;color:#607d8b}.clinicinfo-schedule-status{padding:6px 18px;border-radius:8px;font-size:14px;font-weight:600;background:#eafaf7;color:#00d4b3}.clinicinfo-schedule-status.inprogress{background:#eaf2ff;color:#2a8ad2}.clinicinfo-schedule-status.pending{background:#fffbe6;color:#ffb300}.clinicinfo-schedule-status.confirmed{background:#eafaf7;color:#00d4b3}.clinicinfo-graph-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000a;padding:24px;margin-bottom:32px}.clinicinfo-graph-header{display:flex;gap:12px;margin-bottom:18px}.clinicinfo-graph-btn{background:#eaf2ff;color:#2a8ad2;border:none;border-radius:8px;padding:8px 22px;font-size:15px;font-weight:600;cursor:pointer;transition:background .18s}.clinicinfo-graph-btn.active{background:#2a8ad2;color:#fff}.clinicinfo-graph-placeholder{width:100%;height:180px;display:flex;align-items:center;justify-content:center}.clinicinfo-quick-actions{width:220px;min-width:220px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000a;padding:24px 18px;display:flex;flex-direction:column;gap:14px;position:sticky;top:100px;align-self:flex-start;height:fit-content}@media (max-width: 1200px){.clinicinfo-quick-actions{width:180px;min-width:180px;padding:20px 16px}}@media (max-width: 1024px){.clinicinfo-quick-actions{position:static;width:100%;min-width:100%;margin-top:20px;margin-bottom:20px}}@media (max-width: 480px){.clinicinfo-quick-actions{padding:16px 12px;gap:12px}}.clinicinfo-quick-title{font-size:17px;font-weight:700;color:#263238;margin-bottom:18px}.clinicinfo-action-btn{background:#fff;color:#263238;border:1.5px solid #e0e0e0;border-radius:8px;padding:10px 0;font-size:15px;font-weight:600;cursor:pointer;transition:background .18s,color .18s}.clinicinfo-action-btn.primary{background:#00d4b3;color:#fff;border:none}.clinicinfo-action-btn.danger{background:#fff4ea;color:#ff4d4f;border:none}@media (max-width: 900px){.chat-consultation-wrapper{height:100vh;min-height:400px;max-width:100vw;margin:0;border-radius:0}.chat-header,.chat-actions,.chat-input-bar,.chat-messages{padding-left:12px;padding-right:12px}}@media (max-width: 786px){.clinicinfo-left-section,.clinicinfo-right-section{display:none!important}}@media (max-width: 600px){.clinicinfo-page-wrapper{padding:0 8px!important;margin-top:60px!important}.clinicinfo-sidebar,.clinicinfo-left-section,.clinicinfo-right-section{padding:4px 0!important}.clinicinfo-sidebar-title{font-size:16px!important;margin-bottom:12px!important}.clinicinfo-sidebar-section{gap:8px!important}.clinicinfo-sidebar-container{display:none!important}.clinicinfo-mobile-menu-btn{position:fixed;top:12px;left:12px;right:auto;z-index:1001;background:transparent;border:none;border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}[dir=rtl] .clinicinfo-mobile-menu-btn,.clinicinfo-page-wrapper[dir=rtl] .clinicinfo-mobile-menu-btn{left:auto;right:12px}body:has(.clinicinfo-mobile-menu-drawer) .clinicinfo-mobile-menu-btn{display:none!important}.clinicinfo-mobile-menu-btn:hover{background:#0000000d}.clinicinfo-mobile-menu-btn:active{transform:scale(.95)}.clinicinfo-mobile-menu-btn svg{color:#263238;width:22px;height:22px}.clinicinfo-mobile-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.clinicinfo-mobile-menu-drawer{position:fixed;top:0;left:0;width:280px;max-width:85%;height:100vh;background:#fff;border-radius:0 16px 16px 0;box-shadow:4px 0 24px #00000026;z-index:1000;overflow-y:auto;animation:slideInLeft .3s ease;padding:70px 12px 12px}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}[dir=rtl] .clinicinfo-mobile-menu-drawer{left:auto;right:0;border-radius:16px 0 0 16px;animation:slideInRight .3s ease}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.clinicinfo-drawer-close-btn{position:absolute;top:12px;right:12px;width:32px;height:32px;background:#f5f5f5;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .2s ease}.clinicinfo-drawer-close-btn:hover{background:#e0e0e0}.clinicinfo-drawer-close-btn svg{width:18px;height:18px;color:#666}[dir=rtl] .clinicinfo-drawer-close-btn{right:auto;left:12px}.clinicinfo-mobile-menu-drawer .clinicinfo-sidebar{width:100%;padding:48px 16px 24px;box-shadow:none;border-radius:0;height:auto;max-height:none;box-sizing:border-box;position:static}.clinicinfo-mobile-menu-drawer .clinicinfo-clinic-selector{padding:0;margin-bottom:20px}.clinicinfo-mobile-menu-drawer .clinicinfo-clinic-selector-label{font-size:14px;font-weight:600;margin-bottom:12px}.clinicinfo-mobile-menu-drawer .clinicinfo-sidebar-section{padding:0}.clinicinfo-mobile-menu-drawer .clinicinfo-sidebar-card{margin-left:0;margin-right:0}}.chat-consultation-wrapper{background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000f;padding:0;display:flex;flex-direction:row;height:98vh;min-height:700px;max-height:100vh;margin:32px auto;position:relative;overflow:hidden}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:24px 32px 12px;border-bottom:1px solid #f0f0f0;background:#fff}.chat-consultation-wrapper{margin:32px auto;max-width:95%;max-height:75%;background:#fff;border-radius:18px;box-shadow:0 2px 16px #00000014;box-sizing:border-box}.chat-header-left .chat-logo{width:48px;height:48px;border-radius:50%}.chat-header-center{font-size:22px;font-weight:700;color:#263238}.chat-header-right{display:flex;align-items:center;gap:10px}.chat-avatar{width:40px;height:40px;border-radius:50%}.chat-username{font-size:17px;font-weight:600;color:#263238}.chat-messages{flex:1;padding:32px 32px 0;overflow-y:auto;display:flex;flex-direction:column;gap:18px}.chat-message-row{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:8px}.chat-message-row.user{align-items:flex-end}.chat-bubble{max-width:60%;padding:14px 18px;border-radius:16px;font-size:16px;font-weight:500;margin-bottom:4px;word-break:break-word}.chat-bubble.user{background:#00d4b3;color:#fff;align-self:flex-end}.chat-bubble.doctor{background:#f5f5f5;color:#263238;align-self:flex-start}.chat-time{font-size:13px;color:#607d8b;margin-left:6px}.chat-actions{display:flex;gap:16px;justify-content:flex-end;padding:18px 32px 0}.chat-action-btn{padding:10px 18px;border-radius:8px;font-size:15px;font-weight:600;border:none;cursor:pointer;background:#f5f5f5;color:#263238;transition:background .18s,color .18s}.chat-action-btn.end{background:#eaf2ff;color:#2a8ad2}.chat-action-btn.telemedicine{background:#eafaf7;color:#00d4b3}.chat-action-btn.schedule{background:#fffbe6;color:#ffb300}.chat-input-bar{display:flex;align-items:center;padding:18px 32px;border-top:1px solid #f0f0f0;background:#fff}.chat-input{flex:1;padding:12px 16px;border-radius:8px;border:1px solid #e0e0e0;font-size:16px;margin-right:12px}.chat-send-btn{background:#00d4b3;color:#fff;border:none;border-radius:8px;padding:10px 18px;font-size:18px;cursor:pointer;transition:background .18s}.chat-sidebar{width:320px;background:#f8fafc;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;transition:transform .3s ease}.chat-sidebar.hide{transform:translate(-100%);position:absolute;left:0;top:0;height:100%;z-index:1000;background:#fff;box-shadow:2px 0 8px #0000001a}.chat-sidebar.show{transform:translate(0)}.chat-sidebar-header{padding:20px 16px 16px;border-bottom:1px solid #e0e0e0;display:flex;align-items:center;justify-content:space-between;background:#fff}.chat-sidebar-header h3{font-size:18px;font-weight:700;color:#263238;margin:0}.chat-new-conversation-btn{background:#00d4b3;color:#fff;border:none;border-radius:6px;padding:8px 12px;font-size:14px;font-weight:600;cursor:pointer;transition:background .18s}.chat-new-conversation-btn:hover{background:#00b8a0}.chat-conversations-list{flex:1;overflow-y:auto;padding:8px 0}.chat-conversation-item{padding:12px 16px;cursor:pointer;border-bottom:1px solid #f0f0f0;transition:background .18s;position:relative}.chat-conversation-item:hover{background:#f5f5f5}.chat-conversation-item.active{background:#eafaf7;border-left:3px solid #00d4b3}.chat-conversation-content{display:flex;flex-direction:column;gap:4px}.chat-conversation-title{font-size:15px;font-weight:600;color:#263238;margin-bottom:2px}.chat-conversation-last-message{font-size:13px;color:#607d8b;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.chat-conversation-meta{display:flex;align-items:center;justify-content:space-between;margin-top:4px}.chat-conversation-time{font-size:12px;color:#90a4ae}.chat-conversation-unread{background:#00d4b3;color:#fff;border-radius:10px;padding:2px 6px;font-size:11px;font-weight:600;min-width:18px;text-align:center}.chat-main-area{flex:1;display:flex;flex-direction:column;min-width:0}.chat-sidebar-toggle{background:none;border:none;font-size:18px;cursor:pointer;padding:8px;margin-right:12px;border-radius:4px;transition:background .18s}.chat-sidebar-toggle:hover{background:#f5f5f5}@media (max-width: 768px){.chat-consultation-wrapper{flex-direction:column;height:100vh;margin:0;border-radius:0}.chat-sidebar{width:100%;height:40vh;border-right:none;border-bottom:1px solid #e0e0e0}.chat-sidebar.hide{transform:translateY(-100%);position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000}.chat-main-area{height:60vh}}@media (max-width: 480px){.chat-sidebar,.chat-main-area{height:50vh}.chat-sidebar-header{padding:16px 12px 12px}.chat-conversation-item{padding:10px 12px}}.chat-buttons{display:flex;padding:5px;justify-content:flex-end;background-color:#fafafa}.vet-chat-buttons{padding:8px 16px;border-radius:8px;border:1px solid #e0e0e0;background-color:#fff;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-left:5px;margin-right:5px;width:auto;flex:0 1 auto;min-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 1024px){.vet-chat-buttons{width:auto;min-width:120px;font-size:13px;padding:8px 12px}}@media (max-width: 768px){.chat-buttons{flex-wrap:wrap;gap:8px;padding:8px}.vet-chat-buttons{width:calc(33.333% - 6px);min-width:0;margin:0;font-size:12px;padding:10px 6px;flex:1 1 calc(33.333% - 6px)}}@media (max-width: 480px){.chat-buttons{flex-direction:column;gap:8px;padding:10px}.vet-chat-buttons{width:100%;margin:0;font-size:13px;padding:12px}}.vet-button-color{background-color:#00d4b3;color:#fff}@media (hover: none) and (pointer: coarse){.chat-messages{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.chat-input{font-size:16px;border-radius:20px}.chat-send-button{padding:12px 16px;min-width:44px;min-height:44px}.chat-item{min-height:44px;padding:12px}.mobile-chat-toggle{min-width:44px;min-height:44px}}@media (max-width: 600px){.clinicinfo-main-content{padding-top:2vh!important}.clinicinfo-page-wrapper{margin-top:50px!important}.clinicinfo-member-wrapper{padding:12px 16px 16px!important;min-height:calc(100vh - 100px)!important}.setup-dashboard-header{margin-bottom:16px!important}.setup-dashboard-title{font-size:20px!important;margin-bottom:6px!important}.setup-dashboard-subtitle{font-size:14px!important}.setup-dashboard-header>div{margin-top:12px!important;padding:12px 16px!important}.setup-dashboard-header>div p{font-size:13px!important}.setup-dashboard-grid{grid-template-columns:1fr!important;gap:16px!important}.clinic-card{padding:16px!important;min-height:auto!important}.clinic-card>div:first-child{padding-bottom:16px!important;margin-bottom:16px!important}.clinic-card h3{font-size:18px!important;margin-bottom:10px!important}.clinic-card>div:first-child>div:first-child>div:last-child{font-size:14px!important}.clinic-card>div:first-child>div:first-child>div:last-child span:first-child{font-size:18px!important}.clinic-card>div:first-child>div:last-child>div,.clinic-card>div:first-child>div:last-child img{width:50px!important;height:50px!important}.clinic-card>div:first-child>div:last-child>div{font-size:20px!important}.clinic-card>div:last-child{flex-direction:column!important;gap:8px!important;margin-top:16px!important}.clinic-card button{width:100%!important;padding:10px 12px!important;font-size:13px!important}.add-clinic-card{padding:20px 16px!important;min-height:220px!important}.plus-icon{width:56px!important;height:56px!important;font-size:28px!important;margin-bottom:12px!important}.add-clinic-card h3{font-size:16px!important;margin-bottom:6px!important}.add-clinic-card p{font-size:13px!important}}.clinicinfo-main-content{flex:1;min-width:0;overflow-x:hidden;width:100%;box-sizing:border-box}.clinicinfo-loading-state{flex:1;display:flex;justify-content:center;align-items:center;flex-direction:column;min-height:300px;padding:40px 20px;box-sizing:border-box}.clinicinfo-loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}.clinicinfo-loading-text{margin-top:16px;color:#666;font-size:16px;text-align:center}.clinicinfo-error-state{flex:1;display:flex;justify-content:center;align-items:center;flex-direction:column;min-height:300px;padding:40px 20px;box-sizing:border-box}.clinicinfo-error-title{color:#e53935;font-size:18px;margin-bottom:16px;text-align:center}.clinicinfo-error-text{color:#666;font-size:16px;text-align:center;max-width:400px;line-height:1.5}.clinicinfo-retry-btn{margin-top:16px;padding:10px 20px;background-color:#3498db;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:15px;font-weight:500;transition:background-color .2s ease,transform .2s ease}.clinicinfo-retry-btn:hover{background-color:#2980b9;transform:translateY(-1px)}.clinicinfo-retry-btn:active{transform:translateY(0)}.clinicinfo-addclinic-wrapper{padding:20px;width:100%;box-sizing:border-box}.clinicinfo-page-wrapper.is-moderator{min-height:0;margin-top:0}@media (max-width: 1200px){.clinicinfo-loading-state,.clinicinfo-error-state{padding:32px 16px;min-height:250px}.clinicinfo-addclinic-wrapper{padding:16px}}@media (max-width: 1024px){.clinicinfo-loading-spinner{width:36px;height:36px}.clinicinfo-loading-text,.clinicinfo-error-text{font-size:15px}.clinicinfo-error-title{font-size:17px}.clinicinfo-retry-btn{padding:10px 18px;font-size:14px}}@media (max-width: 786px){.clinicinfo-loading-state,.clinicinfo-error-state{padding:24px 12px;min-height:200px}.clinicinfo-loading-spinner{width:32px;height:32px;border-width:3px}.clinicinfo-loading-text{margin-top:12px;font-size:14px}.clinicinfo-error-title{font-size:16px;margin-bottom:12px}.clinicinfo-error-text{font-size:14px;max-width:100%;padding:0 8px}.clinicinfo-addclinic-wrapper{padding:12px 8px}}@media (max-width: 600px){.clinicinfo-loading-state,.clinicinfo-error-state{padding:16px 8px;min-height:150px}.clinicinfo-loading-spinner{width:24px;height:24px;border-width:2px}.clinicinfo-loading-text{margin-top:10px;font-size:12px}.clinicinfo-error-title{font-size:14px;margin-bottom:10px}.clinicinfo-error-text{font-size:12px}.clinicinfo-retry-btn{margin-top:12px;padding:10px 14px;font-size:12px}.clinicinfo-addclinic-wrapper{padding:8px 4px}}.react-time-picker{display:inline-flex;position:relative}.react-time-picker,.react-time-picker *,.react-time-picker *:before,.react-time-picker *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-time-picker--disabled{background-color:#f0f0f0;color:#6d6d6d}.react-time-picker__wrapper{display:flex;flex-grow:1;flex-shrink:0;border:thin solid gray}.react-time-picker__inputGroup{min-width:calc((4px * 3) + .54em * 6 + .217em * 2);flex-grow:1;padding:0 2px;box-sizing:content-box}.react-time-picker__inputGroup__divider{padding:1px 0;white-space:pre}.react-time-picker__inputGroup__divider,.react-time-picker__inputGroup__leadingZero{display:inline-block;font:inherit}.react-time-picker__inputGroup__input{min-width:.54em;height:100%;position:relative;padding:0 1px;border:0;background:none;color:currentColor;font:inherit;box-sizing:content-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.react-time-picker__inputGroup__input::-webkit-outer-spin-button,.react-time-picker__inputGroup__input::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.react-time-picker__inputGroup__input:invalid{background:#ff00001a}.react-time-picker__inputGroup__input--hasLeadingZero{margin-left:-.54em;padding-left:calc(1px + .54em)}.react-time-picker__inputGroup__amPm{font:inherit;-webkit-appearance:menulist;-moz-appearance:menulist;appearance:menulist}.react-time-picker__button{border:0;background:transparent;padding:4px 6px}.react-time-picker__button:enabled{cursor:pointer}.react-time-picker__button:enabled:hover .react-time-picker__button__icon,.react-time-picker__button:enabled:focus .react-time-picker__button__icon{stroke:#0078d7}.react-time-picker__button:disabled .react-time-picker__button__icon{stroke:#6d6d6d}.react-time-picker__button svg{display:inherit}.react-time-picker__clock{width:200px;height:200px;max-width:100vw;padding:25px;background-color:#fff;border:thin solid #a0a096;z-index:1}.react-time-picker__clock--closed{display:none}.react-clock{display:block;position:relative}.react-clock,.react-clock *,.react-clock *:before,.react-clock *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-clock__face{position:absolute;top:0;bottom:0;left:0;right:0;border:1px solid black;border-radius:50%}.react-clock__hand{position:absolute;top:0;bottom:0;left:50%;right:50%}.react-clock__hand__body{position:absolute;background-color:#000;transform:translate(-50%)}.react-clock__mark{position:absolute;top:0;bottom:0;left:50%;right:50%}.react-clock__mark__body{position:absolute;background-color:#000;transform:translate(-50%)}.react-clock__mark__number{position:absolute;left:-40px;width:80px;text-align:center}.react-clock__second-hand__body{background-color:red}.chat-page{display:flex;flex-direction:column;height:100vh;background-color:#fff;overflow:hidden;font-family:Red Hat Display,sans-serif}.chat-container{padding-top:100px;display:flex;flex:1;overflow:hidden;position:relative;z-index:1}@media (max-width: 768px){.chat-container{padding-top:85px;overflow:hidden;z-index:1}}.chat-sidebar{width:400px;background-color:#fff;border-right:1px solid #E0E0E0;display:flex;flex-direction:column;flex-shrink:0;transition:transform .3s ease-in-out;z-index:1000}@media (max-width: 768px){.chat-sidebar{position:fixed;top:85px;left:0;bottom:0;height:calc(100vh - 85px);width:100%;max-width:none;z-index:1001;box-shadow:2px 0 8px #00000026;transform:translate(-100%);transition:transform .3s ease-in-out}.chat-sidebar.mobile-hidden{transform:translate(-100%)}.chat-sidebar.mobile-open{transform:translate(0)}.chat-window{width:100%}}.chat-mobile-overlay{position:fixed;top:85px;left:0;right:0;bottom:0;width:100%;height:calc(100vh - 85px);background-color:#00000080;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.chat-mobile-overlay.mobile-open{opacity:1;visibility:visible}.chat-mobile-header-toggle{display:none}@media (max-width: 768px){.chat-mobile-header-toggle{display:block;position:fixed;top:85px;left:0;right:0;z-index:100;background-color:#fff;border-bottom:1px solid #E0E0E0;padding:12px 20px;box-shadow:0 2px 4px #0000000d}}.chat-mobile-menu-toggle{display:none;background:transparent;border:none;cursor:pointer;padding:8px;color:#333;transition:color .2s ease;flex-shrink:0}.chat-mobile-menu-toggle:hover{color:#4a90e2}@media (max-width: 768px){.chat-mobile-menu-toggle{display:flex;position:absolute;top:15px;left:15px;width:40px;height:40px;min-width:44px;min-height:44px;background:#8548a8;color:#fff;border:none;border-radius:8px;align-items:center;justify-content:center;cursor:pointer;z-index:10;box-shadow:0 2px 8px #00000026;transition:all .2s ease}.chat-mobile-menu-toggle:hover{background-color:#6d3a8a;transform:scale(1.05)}.chat-mobile-menu-toggle:active{transform:scale(.95)}}.chat-sidebar-close-btn{display:none}@media (max-width: 768px){.chat-sidebar-close-btn{display:flex;position:absolute;top:15px;right:5px;background:#ffffffe6;border:1px solid #E0E0E0;border-radius:50%;cursor:pointer;padding:8px;min-width:30px;min-height:30px;color:#333;transition:all .2s ease;align-items:center;justify-content:center;z-index:10;box-shadow:0 2px 4px #0000001a}.chat-sidebar-close-btn:hover{color:#4a90e2;background-color:#fff;border-color:#4a90e2;box-shadow:0 2px 8px #4a90e233}.chat-sidebar-close-btn:active{transform:scale(.95)}}.chat-search-header{padding:20px;background-color:#fff;border-bottom:1px solid #E0E0E0;flex-shrink:0;position:relative}.chat-search-container{position:relative;margin-bottom:10px;display:flex;align-items:center;gap:8px}.chat-search-wrapper{position:relative;flex:1}.chat-search-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#999;width:20px;height:20px;z-index:1}.chat-search-input{width:100%;padding:12px 50px 12px 16px;border:2px solid #E0E0E0;border-radius:25px;outline:none;background-color:#fff;font-size:14px;font-family:Red Hat Display,sans-serif;box-sizing:border-box;transition:border-color .2s ease}.chat-search-input:focus{border-color:#4a90e2}.chat-refresh-btn{width:40px;height:40px;background-color:#4a90e2;color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease;flex-shrink:0}.chat-refresh-btn:hover:not(:disabled){background-color:#357abd}.chat-refresh-btn:disabled{background-color:#e0e0e0;cursor:not-allowed}.chat-refresh-icon{animation:spin 1s linear infinite}.chat-tabs{display:flex;gap:8px;margin-top:12px}.chat-tab-btn{flex:1;padding:8px 12px;background-color:#f5f5f5;color:#666;border:none;border-radius:6px;cursor:pointer;font-size:12px;font-family:Red Hat Display,sans-serif;font-weight:500;transition:all .2s ease;min-height:36px}.chat-tab-btn:hover:not(.active){background-color:#e0e0e0}.chat-tab-btn.active{background-color:#4a90e2;color:#fff}@media (max-width: 768px){.chat-tab-btn{padding:10px 8px;font-size:13px;min-height:40px}}@media (max-width: 480px){.chat-tab-btn{padding:8px 6px;font-size:12px;min-height:38px}}.chat-new-conversation-container{padding:12px 16px;border-bottom:1px solid #E0E0E0;flex-shrink:0}.chat-new-conversation-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:linear-gradient(135deg,#4a90e2,#357abd);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;font-family:Red Hat Display,sans-serif;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #4a90e233;min-height:44px}.chat-new-conversation-btn:hover{background:linear-gradient(135deg,#357abd,#2a5f8f);box-shadow:0 4px 8px #4a90e24d;transform:translateY(-1px)}.chat-new-conversation-btn:active{transform:translateY(0);box-shadow:0 2px 4px #4a90e233}.chat-new-conversation-btn svg{flex-shrink:0}@media (max-width: 768px){.chat-new-conversation-container{padding:10px 12px}.chat-new-conversation-btn{padding:14px 16px;font-size:15px;min-height:48px}}@media (max-width: 480px){.chat-new-conversation-container{padding:8px 10px}.chat-new-conversation-btn{padding:12px 14px;font-size:14px;min-height:44px}}.chat-list{flex:1;overflow-y:auto;position:relative}.chat-loading-container{text-align:center;padding:20px}.chat-loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #4A90E2;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 10px}.chat-error-container{text-align:center;padding:20px}.chat-error-message{color:red;margin-bottom:10px}.chat-retry-btn{padding:8px 16px;background-color:#4a90e2;color:#fff;border:none;border-radius:4px;cursor:pointer}.chat-empty-container{text-align:center;padding:20px}.chat-item{padding:16px 20px;cursor:pointer;border-bottom:1px solid #F0F0F0;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .3s ease,background-color .3s ease,box-shadow .3s ease,margin-top .4s cubic-bezier(.4,0,.2,1),margin-bottom .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;will-change:transform}.chat-item.recently-updated{animation:slideUpAndHighlight .5s cubic-bezier(.4,0,.2,1);z-index:10}@keyframes slideUpAndHighlight{0%{transform:translateY(0);opacity:.8;box-shadow:0 2px 8px #4a90e233}50%{transform:translateY(-5px);opacity:1;box-shadow:0 4px 16px #4a90e24d}to{transform:translateY(0);opacity:1;box-shadow:0 2px 4px #0000000d}}.chat-item.medical{background-color:#e6fffa;border-left:4px solid #00D4B3}.chat-item.selected.medical{background-color:#b2f5ea;border-left:4px solid #00D4B3}.chat-item.selected{background-color:#f0f8ff}.chat-item.closed{opacity:.6;filter:grayscale(.3);cursor:not-allowed}.chat-item.medical:hover:not(.selected){background-color:#b2f5ea;border-left-color:#059669;transform:translate(2px);box-shadow:0 4px 12px #00d4b326}.chat-item:hover:not(.selected):not(.medical){background-color:#fafafa;transform:translate(2px)}.chat-item-content{display:flex;align-items:center;gap:12px}.chat-item-avatar-container{position:relative;flex-shrink:0}.chat-item-avatar{width:50px;height:50px;border-radius:50%;object-fit:cover}.chat-online-indicator{position:absolute;bottom:2px;right:2px;width:12px;height:12px;background-color:#4caf50;border:2px solid #FFFFFF;border-radius:50%}.chat-medical-badge{position:absolute;top:-2px;left:-2px;width:18px;height:18px;background-color:#00d4b3;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #FFFFFF;font-size:10px;font-weight:700;color:#fff;box-shadow:0 2px 4px #00d4b34d}.chat-closed-badge{position:absolute;top:-2px;right:-2px;width:18px;height:18px;background-color:#dc3545;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #FFFFFF;font-size:10px;font-weight:700;color:#fff;box-shadow:0 2px 4px #dc35454d}.chat-item-info{flex:1;min-width:0}.chat-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.chat-item-name{font-weight:600;color:#333;font-size:14px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-item-timestamp{font-size:12px;color:#999;flex-shrink:0;margin-left:8px}.chat-item-footer{display:flex;align-items:center;justify-content:space-between}.chat-item-message{font-size:13px;color:#666;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.chat-unread-badge{background-color:#4a90e2;color:#fff;font-size:12px;border-radius:50%;padding:2px 6px;min-width:18px;height:18px;text-align:center;flex-shrink:0;margin-left:8px;font-weight:600;display:flex;align-items:center;justify-content:center}.chat-window{flex:1;display:flex;flex-direction:column;min-width:0;background-color:#fff}@media (max-width: 768px){.chat-window{width:100%;padding-top:0;transition:opacity .3s ease}.chat-window.mobile-hidden{opacity:0;pointer-events:none;visibility:hidden}}.chat-header{padding:20px 30px;border-bottom:1px solid #E0E0E0;background-color:#fff;flex-shrink:0;position:relative;z-index:1}@media (max-width: 768px){.chat-header{padding:12px 20px 12px 65px;z-index:1;margin-top:0}}.chat-header.medical{background-color:#e6fffa}.chat-header-content{display:flex;align-items:center;width:100%;gap:12px}.chat-header-info{display:flex;align-items:center;width:100%}.chat-header-avatar-container{position:relative}.chat-header-avatar{width:45px;height:45px;border-radius:50%;object-fit:cover}.chat-header-details h2{font-weight:600;color:#333;font-size:16px;margin:0 0 2px}.chat-header-status{font-size:13px;color:#999;font-weight:500;margin:0}.chat-header-status.online{color:#4caf50}.chat-header-status.closed{color:#dc3545}.chat-header-actions{display:flex;align-items:center;gap:8px}.chat-header-action-btn{padding:8px;background-color:transparent;border:none;border-radius:50%;cursor:pointer;transition:background-color .2s}.chat-header-action-btn:hover{background-color:#f5f5f5}.chat-header-action-icon{width:20px;height:20px;color:#666}.chat-messages-container{flex:1;overflow-y:auto;padding:20px 30px;background-color:#fafafa;position:relative;will-change:scroll-position;transform:translateZ(0);min-height:0}.chat-messages-loading{text-align:center;padding:20px}.chat-messages-spinner{width:30px;height:30px;border:3px solid #f3f3f3;border-top:3px solid #4A90E2;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 10px}.chat-messages-loading-text{font-size:14px;color:#666}.chat-messages-error{text-align:center;padding:20px}.chat-messages-error-message{color:red;margin-bottom:10px;font-size:14px}.chat-messages-empty{text-align:center;padding:40px 20px}.chat-messages-empty-text{color:#666;font-size:14px}.chat-load-more-container{text-align:center;padding:15px 20px;border-bottom:1px solid #E5E5E5;background-color:#f8f9fa}.chat-load-more-btn{padding:10px 20px;background-color:#4a90e2;color:#fff;border:none;border-radius:20px;cursor:pointer;font-size:14px;font-weight:500;font-family:Red Hat Display,sans-serif;display:flex;align-items:center;gap:8px;margin:0 auto;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.chat-load-more-btn:hover:not(:disabled){background-color:#357abd;transform:translateY(-1px)}.chat-load-more-btn:disabled{background-color:#ccc;cursor:not-allowed}.chat-load-more-spinner{width:16px;height:16px;border:2px solid #ffffff;border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}.message-bubble-container{display:flex;justify-content:flex-start;margin-bottom:20px;align-items:flex-end;animation:slideInUp .3s ease-out}.message-bubble-container.is-me{justify-content:flex-end}.message-bubble-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;margin-right:8px;margin-bottom:20px}.message-bubble-container.is-me .message-bubble-avatar{margin-right:0;margin-left:8px}.message-bubble-wrapper{max-width:70%}@media (max-width: 768px){.message-bubble-wrapper{max-width:85%}}.message-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.message-header-row.is-me{flex-direction:row-reverse}.message-sender-name{font-size:12px;color:#666;font-weight:500}.message-bubble-container.is-me .message-sender-name{margin-left:0;margin-right:4px;text-align:right}.message-bubble{padding:12px 16px;border-radius:20px;margin-bottom:4px;word-wrap:break-word}.message-bubble.is-me{background-color:#4a90e2;color:#fff}.message-bubble:not(.is-me){background-color:#e8e8e8;color:#333}.message-bubble.is-deleted{background-color:#f5f5f5!important;border:1px dashed #d9d9d9;color:#999!important}.message-delete-btn{background:none;border:none;color:#ff4d4f;cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;opacity:0;margin:0 4px}.message-bubble-wrapper:hover .message-delete-btn{opacity:1}.message-delete-btn:hover{background-color:#ff4d4f1a;transform:scale(1.1)}.message-text{font-size:14px;line-height:1.4;margin:0}.message-media-grid{display:grid;gap:4px;margin-top:8px;max-width:300px}.message-media-grid.one{grid-template-columns:1fr}.message-media-grid.two,.message-media-grid.three-plus{grid-template-columns:1fr 1fr}.message-media-item{position:relative;cursor:pointer;border-radius:8px;overflow:hidden;aspect-ratio:1;background-color:#f0f0f0;min-height:100px;min-width:100px;max-height:150px;max-width:150px;transition:opacity .3s ease}.message-media-image{width:100%;height:100%;object-fit:contain;max-width:150px;max-height:150px;opacity:1;transition:opacity .3s ease}.message-media-video-container{width:100%;height:100%;position:relative;background-color:#000;cursor:pointer;display:flex;align-items:center;justify-content:center}.message-media-video{width:100%;height:100%;object-fit:cover;max-width:150px;max-height:150px}.message-media-video-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}.message-media-video-play-btn{width:40px;height:40px;background-color:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:8px;transition:background-color .2s ease}.message-media-video-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}.message-media-video-spinner{width:20px;height:20px;border:2px solid #ffffff;border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:8px}.message-media-file{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:8px;background-color:#ffffff1a;max-width:150px;max-height:150px;gap:8px}.message-media-file-content{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1}.message-media-file-icon{font-size:24px;margin-bottom:4px}.message-media-file-name{font-size:10px;margin:0;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.message-media-file-download-btn{padding:6px 12px;background-color:#4a90e2;color:#fff;border:none;border-radius:6px;font-size:11px;font-weight:500;cursor:pointer;text-decoration:none;transition:all .2s ease;display:inline-block;font-family:Red Hat Display,sans-serif}.message-media-file-download-btn:hover{background-color:#357abd;transform:scale(1.05)}.message-bubble.is-me .message-media-file-download-btn{background-color:#ffffffe6;color:#4a90e2}.message-bubble.is-me .message-media-file-download-btn:hover{background-color:#fff;color:#357abd}.message-media-audio{width:100%;padding:8px;display:flex;align-items:center;justify-content:center}.message-media-audio-player{width:100%;height:40px;outline:none}.message-media-audio-player::-webkit-media-controls-panel{background-color:#ffffffe6;border-radius:8px}.message-audio{display:flex;align-items:center;gap:12px;min-width:200px;padding:4px 0}.message-audio-btn{width:24px;height:24px;border-radius:50%;background-color:#ffffff4d;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.message-audio-icon{width:12px;height:12px;color:#fff}.message-audio-progress{flex:1;height:2px;background-color:#ffffff4d;border-radius:1px}.message-audio-progress-bar{height:100%;width:40%;background-color:#fff;border-radius:1px}.message-audio-duration{font-size:12px;font-weight:500;color:#fff}.message-audio-player-container{width:100%;margin:8px 0}.message-audio-player{width:100%;height:40px;outline:none}.message-audio-player::-webkit-media-controls-panel{background-color:#ffffffe6;border-radius:8px}.message-audio-player::-webkit-media-controls-play-button{background-color:#4a90e2;border-radius:50%}.whatsapp-audio-player{display:flex;align-items:center;gap:12px;min-width:200px;max-width:300px;background-color:transparent}.whatsapp-audio-player.error{color:#dc3545;font-size:12px;padding:8px}.whatsapp-audio-play-btn{width:32px;height:32px;border-radius:50%;border:none;background-color:#ffffffe6;color:#4a90e2;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .2s ease;padding:0}.whatsapp-audio-player.is-me .whatsapp-audio-play-btn{background-color:#fff3;color:#fff}.whatsapp-audio-play-btn:hover:not(:disabled){background-color:#fff;transform:scale(1.05)}.whatsapp-audio-player.is-me .whatsapp-audio-play-btn:hover:not(:disabled){background-color:#ffffff4d}.whatsapp-audio-play-btn:disabled{opacity:.5;cursor:not-allowed}.whatsapp-audio-play-btn svg{width:16px;height:16px}.whatsapp-audio-spinner{width:16px;height:16px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}.whatsapp-audio-waveform-container{flex:1;min-width:0;height:40px;display:flex;align-items:center}.whatsapp-audio-waveform{width:100%;height:100%}.whatsapp-audio-waveform-placeholder{width:100%;height:100%;background-color:#0000000d;border-radius:4px;position:relative;overflow:hidden}.whatsapp-audio-player.is-me .whatsapp-audio-waveform-placeholder{background-color:#ffffff1a}.whatsapp-audio-waveform-bar{height:100%;background-color:#4a90e299;transition:width .1s linear;border-radius:4px}.whatsapp-audio-player.is-me .whatsapp-audio-waveform-bar{background-color:#fff9}.whatsapp-audio-info{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0;min-width:60px}.whatsapp-audio-duration{font-size:11px;font-weight:500;color:#0009;white-space:nowrap}.whatsapp-audio-player.is-me .whatsapp-audio-duration{color:#ffffffe6}.whatsapp-audio-speed-selector{display:flex;gap:2px;align-items:center}.whatsapp-audio-speed-btn{padding:2px 6px;font-size:10px;font-weight:500;border:1px solid rgba(0,0,0,.2);border-radius:4px;background-color:#fffc;color:#000000b3;cursor:pointer;transition:all .2s ease;font-family:Red Hat Display,sans-serif}.whatsapp-audio-player.is-me .whatsapp-audio-speed-btn{border-color:#ffffff4d;background-color:#ffffff26;color:#ffffffe6}.whatsapp-audio-speed-btn:hover{background-color:#fff;border-color:#0000004d}.whatsapp-audio-player.is-me .whatsapp-audio-speed-btn:hover{background-color:#ffffff40;border-color:#fff6}.whatsapp-audio-speed-btn.active{background-color:#4a90e2;color:#fff;border-color:#4a90e2}.whatsapp-audio-player.is-me .whatsapp-audio-speed-btn.active{background-color:#ffffff4d;color:#fff;border-color:#ffffff80}.whatsapp-audio-player.loading{display:block!important;margin-bottom:12px;padding:12px;background-color:#fff5f5!important;border-radius:8px;border:1px solid #92caff;min-width:200px;max-width:300px;gap:0}.whatsapp-audio-player.loaded{display:block!important;margin-bottom:12px;padding:12px;background-color:#e1eeff!important;border-radius:8px;border:1px solid #7eb6ff;min-width:200px;max-width:300px;gap:0}.whatsapp-audio-content{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.whatsapp-audio-player.loaded .whatsapp-audio-play-btn{width:32px;height:32px;flex-shrink:0;background-color:#7eb6ff;color:#fff}.whatsapp-audio-player.loaded .whatsapp-audio-play-btn:hover:not(:disabled){background-color:#7eb6ff;transform:scale(1.05)}.whatsapp-audio-player.loaded .whatsapp-audio-waveform{flex:1;min-width:150px;max-width:250px;height:40px;position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;transition:opacity .2s ease}.whatsapp-audio-player.loaded .whatsapp-audio-waveform:hover{opacity:.9}.whatsapp-audio-waveform-canvas{width:100%;height:100%;display:block;border-radius:4px}.whatsapp-audio-waveform-progress{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;border-radius:4px;overflow:hidden}.whatsapp-audio-waveform-progress-bar{height:100%;background-color:#3c59fc4d;transition:width .1s linear;border-radius:4px}.whatsapp-audio-player.loaded .whatsapp-audio-info{display:flex;flex-direction:column;gap:4px;flex:1}.whatsapp-audio-player.loaded .whatsapp-audio-text{font-size:14px;font-weight:500;color:#7eb6ff}.whatsapp-audio-player.loaded .whatsapp-audio-duration{font-size:12px;color:#7eb6ff;font-weight:600;font-family:Courier New,monospace}.whatsapp-audio-player.loaded .whatsapp-audio-speed-selector{display:flex!important;gap:4px;align-items:center;flex-shrink:0}.whatsapp-audio-player.loaded .whatsapp-audio-speed-btn{padding:4px 8px!important;font-size:11px!important;font-weight:600!important;border:1px solid #7eb6ff!important;border-radius:4px!important;background-color:#ffffffe6!important;color:#7eb6ff!important;cursor:pointer!important;transition:all .2s ease!important;min-width:35px}.whatsapp-audio-player.loaded .whatsapp-audio-speed-btn:hover{background-color:#fee2e2!important;border-color:#7eb6ff!important}.whatsapp-audio-player.loaded .whatsapp-audio-speed-btn.active{background-color:#7eb6ff!important;color:#fff!important;border-color:#7eb6ff!important}.whatsapp-audio-loading-content{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.whatsapp-audio-loading-animation{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0}.whatsapp-audio-loading-dot{width:12px;height:12px;background-color:#7eb6ff;border-radius:50%;animation:pulse 1.5s ease-in-out infinite}.whatsapp-audio-loading-waveform{flex:1;min-width:150px;max-width:250px}.whatsapp-audio-loading-waveform-placeholder{width:100%;height:40px;display:flex;align-items:center;justify-content:center}.whatsapp-audio-loading-bars{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;gap:2px}.whatsapp-audio-loading-bar{flex:1;background-color:#7eb6ff;border-radius:2px;min-height:4px;animation:loadingWave 1.2s ease-in-out infinite}@keyframes loadingWave{0%,to{opacity:.4;transform:scaleY(.5)}50%{opacity:1;transform:scaleY(1)}}.whatsapp-audio-loading-info{display:flex;flex-direction:column;gap:4px;flex:1}.whatsapp-audio-loading-text{font-size:14px;font-weight:500;color:#7eb6ff}.whatsapp-audio-loading-duration{font-size:12px;color:#7eb6ff;font-weight:600;font-family:Courier New,monospace}.message-footer{font-size:12px;color:#999;text-align:left;margin-left:8px;margin-right:0;display:flex;align-items:center;justify-content:flex-start;gap:4px}.message-bubble-container.is-me .message-footer{text-align:right;margin-left:0;margin-right:8px;justify-content:flex-end}.message-status-container{display:flex;align-items:center;gap:2px}.message-status-spinner{width:12px;height:12px;border:2px solid #999999;border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}.message-status-check{font-size:12px;color:#999}.message-status-check.read{color:#4caf50}.message-status-text{font-size:10px;font-weight:500}.message-status-text.read{color:#4caf50}.message-status-text.sending{color:#999}.chat-input-container{position:relative;padding:20px 30px;border-top:1px solid #E0E0E0;background-color:#fff;flex-shrink:0}.chat-input-container.medical{background-color:#e6fffa}.chat-input-container.closed{opacity:.5;pointer-events:none}.chat-back-to-adoption-container{margin-bottom:12px;display:flex;justify-content:center}.chat-back-to-adoption-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background-color:#8548a8;color:#fff;border:none;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Red Hat Display,sans-serif}.chat-back-to-adoption-btn:hover{background-color:#7a4397;transform:translateY(-1px);box-shadow:0 2px 8px #8548a84d}.chat-back-to-adoption-btn svg{width:16px;height:16px;flex-shrink:0}.chat-closed-warning{margin-bottom:12px;padding:12px 16px;background-color:#f8d7da;border:1px solid #F5C6CB;border-radius:8px;display:flex;align-items:center;gap:8px}.chat-closed-warning-icon{font-size:16px}.chat-closed-warning-title{margin:0 0 4px;font-size:14px;font-weight:500;color:#721c24}.chat-closed-warning-text{margin:0;font-size:12px;color:#721c24}.chat-recording-indicator{margin-bottom:12px;padding:12px;background-color:#fff5f5;border-radius:8px;border:1px solid #FEB2B2}.chat-recording-content{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.chat-recording-waveform{flex:1;min-width:150px;max-width:250px}.chat-recording-animation{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0}.chat-recording-dot{width:12px;height:12px;background-color:#ef4444;border-radius:50%;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.chat-recording-info{display:flex;flex-direction:column;gap:4px;flex:1}.chat-recording-text{font-size:14px;font-weight:500;color:#ef4444}.chat-recording-duration{font-size:12px;color:#dc2626;font-weight:600;font-family:Courier New,monospace}.chat-recording-cancel-btn,.chat-recording-stop-btn{padding:6px 12px;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.chat-recording-cancel-btn{background-color:#fee2e2;color:#dc2626}.chat-recording-cancel-btn:hover{background-color:#fecaca}.chat-recording-stop-btn{background-color:#ef4444;color:#fff}.chat-recording-stop-btn:hover{background-color:#dc2626}.chat-audio-preview{margin-bottom:12px;padding:12px;background-color:#f0f9ff;border-radius:8px;border:1px solid #BAE6FD}.chat-audio-preview-content{display:flex;flex-direction:column;gap:12px}.chat-audio-preview-info{display:flex;align-items:center;gap:12px}.chat-audio-preview-icon{font-size:24px;flex-shrink:0}.chat-audio-preview-title{font-size:14px;font-weight:500;color:#0369a1;margin:0 0 4px}.chat-audio-preview-duration{font-size:12px;color:#0284c7;margin:0}.chat-audio-preview-player-wrapper{width:100%;margin:8px 0}.chat-audio-preview-player{width:100%;height:40px;outline:none}.chat-audio-preview-player::-webkit-media-controls-panel{background-color:#fff}.audio-player-with-waveform{width:100%}.audio-player-with-waveform audio{width:100%;margin-bottom:8px}.audio-player-with-waveform canvas{width:100%;height:auto}.chat-audio-preview-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.chat-audio-preview-cancel{padding:8px 16px;background-color:#fee2e2;color:#dc2626;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.chat-audio-preview-cancel:hover{background-color:#fecaca}.chat-audio-preview-send{padding:8px 16px;background-color:#4a90e2;color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:6px}.chat-audio-preview-send:hover:not(:disabled){background-color:#357abd}.chat-audio-preview-send:disabled{opacity:.6;cursor:not-allowed}.chat-files-preview{margin-bottom:12px;padding:12px;background-color:#f8f9fa;border-radius:8px;border:1px solid #E9ECEF}.chat-files-preview-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.chat-files-preview-title{font-size:12px;font-weight:500;color:#495057}.chat-files-preview-disabled-text{font-size:10px;color:#6c757d;background-color:#e9ecef;padding:2px 6px;border-radius:4px;font-style:italic}.chat-files-preview-clear{background:none;border:none;color:#6c757d;cursor:pointer;font-size:12px;text-decoration:underline}.chat-files-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;max-width:100%;max-height:400px;overflow-y:auto}.chat-file-preview{background-color:#fff;border-radius:8px;border:1px solid #DEE2E6;overflow:hidden;min-width:0;max-width:100%;max-height:300px}.chat-file-preview-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background-color:#f8f9fa;border-bottom:1px solid #DEE2E6;min-width:0}.chat-file-preview-header-content{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.chat-file-preview-icon{font-size:16px;flex-shrink:0}.chat-file-preview-info{min-width:0;flex:1}.chat-file-preview-name{font-size:12px;font-weight:500;margin:0 0 2px;color:#495057;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-file-preview-size{font-size:10px;margin:0;color:#6c757d}.chat-file-preview-remove{background:none;border:none;color:#dc3545;cursor:pointer;padding:2px;font-size:12px}.chat-file-preview-content{padding:8px}.chat-file-preview-image{width:100%;height:auto;max-height:200px;max-width:250px;object-fit:contain;border-radius:4px}.chat-file-preview-video{width:100%;height:auto;max-height:200px;max-width:250px;border-radius:4px}.chat-input-bar{display:flex;align-items:center;gap:12px;padding:8px 12px;border:1px solid #E0E0E0;border-radius:25px;background-color:#fff;overflow:hidden;min-width:0}.chat-input-file-btn{padding:4px;background-color:transparent;border:none;cursor:pointer;flex-shrink:0}.chat-input-icon{width:18px;height:18px;color:#999}.chat-input{flex:1;min-width:0;border:none;outline:none;font-size:14px;font-family:Red Hat Display,sans-serif;background-color:transparent;padding:8px 4px;color:#333;cursor:text}.chat-input:disabled{background-color:#f5f5f5;color:#999;cursor:not-allowed}.chat-input-send-btn{padding:8px;background-color:#4a90e2;border:none;border-radius:50%;cursor:pointer;flex-shrink:0;transition:background-color .2s;width:36px;height:36px;display:flex;align-items:center;justify-content:center;min-width:36px;visibility:visible!important;opacity:1!important}.chat-input-send-btn:hover:not(:disabled){background-color:#357abd}.chat-input-send-btn:disabled{background-color:#e0e0e0;cursor:not-allowed}.chat-input-send-spinner{width:16px;height:16px;border:2px solid #FFFFFF;border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}.chat-input-send-icon{width:16px;height:16px;color:#fff}.chat-empty-state{flex:1;display:flex;align-items:center;justify-content:center;background-color:#fafafa}.chat-empty-content{text-align:center;padding:20px;max-width:400px}.chat-empty-icon-container{width:64px;height:64px;background-color:#e5e7eb;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;transition:transform .2s ease}.chat-empty-icon-container:hover{transform:scale(1.05)}.chat-empty-icon{width:32px;height:32px;color:#9ca3af}.chat-empty-title{font-size:18px;font-weight:500;color:#111827;margin:0 0 8px}.chat-empty-text{color:#6b7280;margin:0 0 16px;font-size:14px;line-height:1.5}.chat-media-modal{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;max-width:100vw!important;max-height:100vh!important;overflow:hidden!important;background-color:#000000f2!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:99999!important;padding:0!important;margin:0!important;box-sizing:border-box!important}.chat-media-modal-content{position:relative!important;width:100%!important;height:100%!important;max-width:100vw!important;max-height:100vh!important;overflow:hidden!important;background-color:transparent!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0!important;box-sizing:border-box!important}.chat-media-modal-close{position:absolute;top:20px;right:20px;background:#00000080;border:none;color:#fff;font-size:28px;cursor:pointer;z-index:1001;padding:12px 16px;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.chat-media-modal-close:hover{background:#000000b3}.chat-media-modal-image,.chat-media-modal-video{width:100%;height:100%;max-width:100vw;max-height:100vh;object-fit:contain;border-radius:0;margin:0;padding:0;display:block}.chat-media-modal-file{background-color:#fff;padding:40px;border-radius:8px;text-align:center;max-width:400px}.chat-media-modal-file-icon{font-size:48px;margin-bottom:16px}.chat-media-modal-file-title{margin:0 0 8px;font-size:18px}.chat-media-modal-file-size{margin:0 0 16px;color:#666}.chat-media-modal-file-download{display:inline-block;padding:12px 24px;background-color:#4a90e2;color:#fff;text-decoration:none;border-radius:6px;font-weight:500}.custom-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:chatFadeIn .2s ease-out}.custom-modal-content{background-color:#fff;border-radius:16px;padding:24px;max-width:400px;width:90%;box-shadow:0 10px 25px #0003;transform:translateY(0);animation:slideInUp .3s cubic-bezier(.34,1.56,.64,1)}.delete-modal{text-align:center}.delete-modal-icon{width:64px;height:64px;background-color:#fff1f0;color:#ff4d4f;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.delete-modal h3{font-size:20px;font-weight:700;color:#333;margin-bottom:12px}.delete-modal p{font-size:15px;color:#666;line-height:1.5;margin-bottom:24px}.delete-modal-actions{display:flex;gap:12px}.delete-modal-cancel,.delete-modal-confirm{flex:1;padding:12px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.delete-modal-cancel{background-color:#f5f5f5;color:#666;border:none}.delete-modal-cancel:hover{background-color:#e8e8e8}.delete-modal-confirm{background-color:#ff4d4f;color:#fff;border:none}.delete-modal-confirm:hover{background-color:#d9363e;box-shadow:0 4px 12px #ff4d4f4d}@keyframes chatFadeIn{0%{opacity:0}to{opacity:1}}.delete-modal.rtl .delete-modal-actions{flex-direction:row-reverse}.chat-camera-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000f2;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.chat-camera-modal-content{position:relative;width:100%;max-width:600px;background-color:#000;border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.chat-camera-modal-close{position:absolute;top:10px;right:10px;background:#00000080;border:none;color:#fff;font-size:24px;cursor:pointer;z-index:1001;padding:8px 12px;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.chat-camera-modal-close:hover{background:#000000b3}.chat-camera-preview{position:relative;width:100%;min-height:400px;padding-top:75%;background-color:#000;overflow:hidden;display:flex;align-items:center;justify-content:center}.chat-camera-video{position:absolute;top:0;left:0;width:100%;height:100%;min-height:400px;object-fit:cover;transform:scaleX(-1);background-color:#000}.chat-camera-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:16px;color:#fff;z-index:10}.chat-camera-loading-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.chat-camera-loading p{margin:0;font-size:16px;font-weight:500}.chat-camera-recording-indicator{position:absolute;top:20px;left:20px;display:flex;align-items:center;gap:8px;background:#ef4444cc;padding:8px 16px;border-radius:20px;color:#fff;font-size:14px;font-weight:500;z-index:10}.chat-camera-recording-dot{width:10px;height:10px;background-color:#fff;border-radius:50%;animation:pulse 1s infinite}.chat-camera-controls{padding:20px;background-color:#1a1a1a;display:flex;flex-direction:column;gap:16px}.chat-camera-mode-toggle{display:flex;gap:8px;justify-content:center}.chat-camera-mode-btn{padding:8px 24px;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:20px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.chat-camera-mode-btn:hover{background-color:#fff3}.chat-camera-mode-btn.active{background-color:#4a90e2;border-color:#4a90e2}.chat-camera-actions{display:flex;justify-content:center;align-items:center}.chat-camera-capture-btn{width:70px;height:70px;border-radius:50%;border:4px solid white;background-color:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;position:relative}.chat-camera-capture-btn:hover{transform:scale(1.1)}.chat-camera-capture-icon{width:60px;height:60px;border-radius:50%;background-color:#fff}.chat-camera-record-btn{width:70px;height:70px;border-radius:50%;border:4px solid white;background-color:#ef4444;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.chat-camera-record-btn:hover{transform:scale(1.1);background-color:#dc2626}.chat-camera-record-icon{width:30px;height:30px;border-radius:4px;background-color:#fff}.chat-camera-stop-btn{width:70px;height:70px;border-radius:50%;border:4px solid white;background-color:#ef4444;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.chat-camera-stop-btn:hover{transform:scale(1.1);background-color:#dc2626}.chat-camera-stop-icon{width:30px;height:30px;border-radius:4px;background-color:#fff}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.emoji-picker-container{position:absolute;bottom:calc(100% + 8px);right:0;z-index:1000;animation:slideUp .2s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.emoji-picker{background:#fff;border:1px solid #E0E0E0;border-radius:12px;box-shadow:0 4px 12px #00000026;width:320px;max-height:400px;display:flex;flex-direction:column;overflow:hidden}.emoji-picker-header{display:flex;gap:4px;padding:8px;border-bottom:1px solid #E0E0E0;background-color:#f8f9fa}.emoji-category-btn{flex:1;padding:8px 12px;border:none;background:transparent;border-radius:6px;cursor:pointer;font-size:20px;transition:background-color .2s;display:flex;align-items:center;justify-content:center}.emoji-category-btn:hover{background-color:#e9ecef}.emoji-category-btn.active{background-color:#4a90e2;color:#fff}.emoji-picker-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;padding:8px;overflow-y:auto;max-height:320px}.emoji-picker-grid::-webkit-scrollbar{width:6px}.emoji-picker-grid::-webkit-scrollbar-track{background:#f8f9fa;border-radius:3px}.emoji-picker-grid::-webkit-scrollbar-thumb{background:#ced4da;border-radius:3px}.emoji-picker-grid::-webkit-scrollbar-thumb:hover{background:#adb5bd}.emoji-item{width:36px;height:36px;border:none;background:transparent;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background-color .2s;position:relative}.emoji-item:hover{background-color:#e9ecef}.emoji-item:active{background-color:#dee2e6}.emoji-animated{width:32px;height:32px;object-fit:contain;display:block}@media (max-width: 768px){.emoji-picker{width:280px;max-height:350px}.emoji-picker-grid{grid-template-columns:repeat(7,1fr);max-height:280px}.emoji-item{width:32px;height:32px}.emoji-animated{width:28px;height:28px}}@media (max-width: 425px){.chat-container{padding-top:70px}.chat-sidebar,.chat-mobile-overlay{top:70px}.chat-mobile-header-toggle{top:100px;padding:10px 16px}.chat-search-header{padding:16px}.chat-search-input{padding:10px 45px 10px 14px;font-size:13px}.chat-refresh-btn{width:36px;height:36px}.chat-tab-btn{padding:6px 10px;font-size:11px}.chat-item{padding:12px 16px;gap:10px}.chat-item-avatar{width:42px;height:42px}.chat-item-name{font-size:13px}.chat-item-message{font-size:12px}.chat-item-timestamp{font-size:11px}.chat-window{padding-top:0}.chat-header{padding:12px 16px}.chat-header-avatar{width:40px;height:40px}.chat-header-details h2{font-size:15px}.chat-header-status{font-size:12px}.chat-messages-container{padding:16px}.message-bubble{padding:10px 14px}.message-text{font-size:13px}.message-bubble-wrapper{max-width:80%}.chat-input-container{padding:16px}.chat-input-bar{padding:6px 10px;gap:8px}.chat-input{font-size:13px;padding:6px 4px}.chat-input-send-btn{width:32px;height:32px}.chat-input-send-icon{width:14px;height:14px}.emoji-picker{width:calc(100vw - 32px);max-width:260px}.emoji-picker-grid{grid-template-columns:repeat(6,1fr);max-height:260px}.emoji-item{width:30px;height:30px}.emoji-animated{width:26px;height:26px}}.chat-buttons-container{width:100%;background-color:#fafafa;position:relative;transition:all .3s ease}.chat-buttons-container.small-screen{background-color:transparent;padding-bottom:0}.chat-buttons-container.small-screen .chat-buttons-toggle{display:flex!important;position:absolute!important;top:0!important;left:0!important;right:0!important;z-index:101!important;height:60px!important;align-items:center!important;justify-content:center!important;background-color:#fafafa!important;border-top:2px solid #E0E0E0!important;border-bottom:1px solid #E0E0E0!important;width:100%!important;visibility:visible!important;opacity:1!important;margin:0!important;padding:0!important;cursor:pointer!important}.chat-buttons-container.small-screen.collapsed{max-height:60px;overflow:visible}.chat-buttons-toggle{width:100%;padding:12px;background-color:#fafafa;border:none;border-top:1px solid #E0E0E0;border-bottom:1px solid #E0E0E0;cursor:pointer;display:none;align-items:center;justify-content:center;color:#666;transition:background-color .2s ease;z-index:10;position:relative;visibility:visible;opacity:1}.chat-buttons-container.small-screen .chat-buttons-toggle{display:flex!important}.chat-buttons-toggle:hover{background-color:#f0f0f0}.chat-buttons-toggle:active{background-color:#e6e6e6}.chat-buttons{display:flex;padding:5px;justify-content:flex-end;background-color:#fafafa;gap:5px;transition:max-height .3s ease,opacity .3s ease}.chat-buttons.hidden{max-height:0;opacity:0;overflow:hidden;padding:0}.vet-chat-buttons{padding:8px 16px;border-radius:8px;border:1px solid #e0e0e0;background-color:#fff;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;margin:0;flex:0 1 auto;min-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vet-chat-end-button{background-color:red}.vet-chat-telemedicine-button{background-color:#00d4b3}.vet-chat-schedule-button{background-color:#2a8ad2}@media (max-width: 1024px){.vet-chat-buttons{font-size:13px;padding:8px 10px}}@media (max-width: 768px){.chat-buttons{flex-wrap:wrap;gap:6px;padding:8px}.vet-chat-buttons{font-size:12px;padding:10px 6px;flex:1 1 calc(33.333% - 4px);min-width:0}}@media (max-width: 480px){.chat-buttons{gap:6px;padding:8px;flex-direction:row;flex-wrap:nowrap}.vet-chat-buttons{font-size:11px;padding:8px 6px;flex:1 1 0;min-width:0}}@media (max-width: 425px){.chat-buttons{padding:6px;gap:4px;flex-wrap:nowrap}.vet-chat-buttons{font-size:10px;padding:6px 4px;flex:1 1 0;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@media (min-width: 1200px){.message-bubble-wrapper{max-width:70%!important}}@media (max-width: 1199px) and (min-width: 768px){.message-bubble-wrapper{max-width:75%!important}}@media (max-width: 767px) and (min-width: 481px){.message-bubble-wrapper{max-width:85%!important}.message-bubble{font-size:14px!important;padding:10px 14px!important}.message-text{font-size:14px!important}}@media (max-width: 480px){.message-bubble-wrapper{max-width:90%!important}.message-bubble{font-size:13px!important;padding:8px 12px!important}.message-text{font-size:13px!important}}@media (max-width: 767px){.chat-header{padding:12px 15px 12px 65px!important}.chat-header-details h2{font-size:16px!important}.chat-header-avatar{width:40px!important;height:40px!important}.chat-header-actions button:not(.chat-mobile-menu-toggle){display:none!important}}@media (max-width: 480px){.chat-header{padding:10px 12px 10px 60px!important}.chat-header-details h2{font-size:15px!important}.chat-header-avatar{width:36px!important;height:36px!important}}@media (max-width: 1023px) and (min-width: 768px){.chat-messages-container{padding:15px 20px!important}}@media (max-width: 767px){.chat-messages-container{padding:10px 15px!important}}@media (max-width: 480px){.chat-messages-container{padding:8px 10px!important}}@media (max-width: 767px){.chat-input-container{padding:12px 15px!important}.chat-input-bar{padding:6px 10px!important;gap:8px!important}.chat-input{font-size:16px!important;padding:8px 4px!important}.chat-input-file-btn,.chat-input-send-btn{min-width:44px!important;min-height:44px!important;padding:8px!important}}@media (max-width: 480px){.chat-input-container{padding:10px 12px!important}.chat-input-bar{padding:6px 8px!important;gap:6px!important}.chat-input{font-size:16px!important;padding:6px 4px!important;min-width:0!important}}@media (max-width: 425px){.chat-input-bar{gap:4px!important;padding:6px!important}.chat-input-file-btn{padding:4px!important;min-width:32px!important;min-height:32px!important}.chat-input-icon{width:16px!important;height:16px!important}.chat-input{font-size:16px!important;padding:6px 2px!important;min-width:0!important}.chat-input-send-btn{width:32px!important;height:32px!important;min-width:32px!important;padding:6px!important;flex-shrink:0!important;visibility:visible!important;opacity:1!important}.chat-input-send-icon{width:14px!important;height:14px!important}}@media (max-width: 375px){.chat-input-bar{gap:3px!important;padding:5px!important}.chat-input-file-btn{padding:3px!important;min-width:30px!important;min-height:30px!important}.chat-input-icon{width:14px!important;height:14px!important}.chat-input{font-size:16px!important;padding:5px 2px!important;min-width:0!important}.chat-input-send-btn{width:30px!important;height:30px!important;min-width:30px!important;padding:5px!important;flex-shrink:0!important;visibility:visible!important;opacity:1!important}.chat-input-send-icon{width:12px!important;height:12px!important}}@media (max-width: 320px){.chat-input-bar{gap:2px!important;padding:4px!important}.chat-input-file-btn{padding:2px!important;min-width:28px!important;min-height:28px!important}.chat-input-icon{width:12px!important;height:12px!important}.chat-input{font-size:16px!important;padding:4px 1px!important;min-width:0!important}.chat-input-send-btn{width:28px!important;height:28px!important;min-width:28px!important;padding:4px!important;flex-shrink:0!important;visibility:visible!important;opacity:1!important}.chat-input-send-icon{width:11px!important;height:11px!important}}@media (max-width: 767px){.chat-files-preview{padding:10px!important;margin-bottom:10px!important}.chat-files-grid{grid-template-columns:1fr!important;gap:10px!important;max-height:300px!important}.chat-file-preview{max-width:100%!important;max-height:250px!important}.chat-file-preview-image,.chat-file-preview-video{max-width:100%!important;max-height:200px!important}}@media (max-width: 1023px) and (min-width: 768px){.chat-files-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 767px){.chat-item{padding:12px 15px!important}.chat-item-avatar{width:42px!important;height:42px!important}.chat-item-name{font-size:15px!important}.chat-item-message{font-size:13px!important}.chat-item-timestamp{font-size:11px!important}}@media (max-width: 480px){.chat-item{padding:10px 12px!important}.chat-item-avatar{width:38px!important;height:38px!important}.chat-item-name{font-size:14px!important}.chat-item-message{font-size:12px!important}}@media (max-width: 767px){.chat-search-header{padding:15px 60px 15px 15px!important}.chat-search-input{font-size:16px!important;padding:10px 45px 10px 14px!important}.chat-refresh-btn{width:36px!important;height:36px!important}}@media (max-width: 480px){.chat-search-header{padding:12px 55px 12px 12px!important}.chat-search-input{padding:8px 40px 8px 12px!important}.chat-refresh-btn{width:32px!important;height:32px!important}}@media (max-width: 767px){.chat-recording-indicator{padding:10px!important;margin-bottom:10px!important}.chat-recording-content{gap:10px!important;flex-wrap:wrap!important}.chat-recording-waveform{min-width:120px!important;max-width:200px!important}}@media (max-width: 480px){.chat-recording-indicator{padding:8px!important}.chat-recording-waveform{min-width:100px!important;max-width:150px!important}.chat-recording-text{font-size:13px!important}.chat-recording-duration{font-size:11px!important}}@media (max-width: 767px){.chat-audio-preview{padding:10px!important;margin-bottom:10px!important}.chat-audio-preview-content{gap:10px!important}}@media (max-width: 480px){.chat-audio-preview{padding:8px!important}.chat-audio-preview-title{font-size:13px!important}.chat-audio-preview-duration{font-size:11px!important}}@media (max-width: 767px){.chat-camera-modal{padding:0!important}.chat-camera-modal-content{width:100vw!important;height:100vh!important;max-width:100vw!important;border-radius:0!important}.chat-camera-preview{min-height:60vh!important;padding-top:0!important}.chat-camera-video{min-height:60vh!important}.chat-camera-controls{padding:15px!important}.chat-camera-capture-btn,.chat-camera-record-btn,.chat-camera-stop-btn{width:60px!important;height:60px!important}.chat-camera-capture-icon{width:50px!important;height:50px!important}}@media (max-width: 480px){.chat-camera-preview,.chat-camera-video{min-height:50vh!important}.chat-camera-controls{padding:12px!important;gap:12px!important}.chat-camera-mode-btn{padding:6px 16px!important;font-size:13px!important}}@media (max-width: 767px){.chat-media-modal{padding:10px!important}.chat-media-modal-content{max-width:95vw!important;max-height:90vh!important;padding:10px!important}.chat-media-modal-close{top:10px!important;right:10px!important;width:36px!important;height:36px!important;font-size:20px!important;padding:8px!important}}@media (max-width: 480px){.chat-media-modal{padding:5px!important}.chat-media-modal-content{max-width:100vw!important;max-height:95vh!important;padding:5px!important}}@media (max-width: 767px){.chat-empty-state{padding:60px 20px 30px!important}.chat-empty-icon-container{width:56px!important;height:56px!important}.chat-empty-icon{width:28px!important;height:28px!important}.chat-empty-title{font-size:16px!important}.chat-empty-text{font-size:13px!important}}@media (max-width: 480px){.chat-empty-state{padding:60px 15px 20px!important}.chat-empty-icon-container{width:48px!important;height:48px!important}.chat-empty-icon{width:24px!important;height:24px!important}.chat-empty-title{font-size:15px!important}.chat-empty-text{font-size:12px!important}}@media (max-width: 767px){.chat-mobile-hint{display:block!important;color:#8548a8;margin:16px 0 0;font-size:14px;font-weight:500}}@media (min-width: 768px){.chat-mobile-hint{display:none!important}}@media (max-width: 767px){.chat-mobile-menu-toggle{display:flex!important;position:absolute!important;top:15px!important;left:15px!important;z-index:10!important;width:40px!important;height:40px!important;min-width:44px!important;min-height:44px!important}}@media (max-width: 480px){.chat-mobile-menu-toggle{top:10px!important;left:10px!important;width:36px!important;height:36px!important}}@media (min-width: 768px){.chat-mobile-menu-toggle{display:none!important}}@media (max-width: 767px){.typing-indicator{font-size:13px!important;padding:8px 12px!important}}@media (max-width: 480px){.typing-indicator{font-size:12px!important;padding:6px 10px!important}}@media (max-width: 767px){.whatsapp-audio-player{min-width:180px!important;max-width:280px!important}.whatsapp-audio-waveform{min-width:120px!important;max-width:200px!important}}@media (max-width: 480px){.whatsapp-audio-player{min-width:150px!important;max-width:250px!important}.whatsapp-audio-waveform{min-width:100px!important;max-width:150px!important}}@media (max-width: 767px){.chat-load-more-btn{padding:8px 16px!important;font-size:13px!important}}@media (max-width: 480px){.chat-load-more-btn{padding:6px 12px!important;font-size:12px!important}}@media (max-width: 767px){.message-bubble-avatar{width:28px!important;height:28px!important}}@media (max-width: 480px){.message-bubble-avatar{width:24px!important;height:24px!important}}@media (max-width: 767px){.message-media-grid{max-width:250px!important;gap:3px!important}.message-media-item{min-height:80px!important;min-width:80px!important;max-height:120px!important;max-width:120px!important}}@media (max-width: 480px){.message-media-grid{max-width:200px!important}.message-media-item{min-height:70px!important;min-width:70px!important;max-height:100px!important;max-width:100px!important}}@media (max-width: 767px){.chat-messages-container{padding:15px!important}}@media (max-width: 480px){.chat-messages-container{padding:10px!important}}@media (max-width: 767px){.chat-input-container{padding:10px 15px!important;background-color:#fff!important;border-top:1px solid #E0E0E0!important}.chat-input-bar{gap:8px!important;padding:6px 10px!important}.chat-input{font-size:13px!important}}@media (max-width: 480px){.chat-input-container{padding:8px 10px!important}.chat-input-bar{gap:4px!important;padding:4px 8px!important}.chat-input-send-btn{width:32px!important;height:32px!important}.chat-input-icon{width:16px!important;height:16px!important}}@keyframes message-exit{0%{opacity:1;transform:scale(1);max-height:500px;margin-bottom:20px;filter:blur(0)}30%{opacity:.7;transform:scale(.95);filter:blur(2px)}to{opacity:0;transform:scale(.8) translateY(-10px);max-height:0;margin-bottom:0;padding-top:0;padding-bottom:0;overflow:hidden;filter:blur(5px)}}.message-bubble-container.is-deleting{animation:message-exit .4s cubic-bezier(.4,0,.2,1) forwards!important;pointer-events:none}.message-bubble-container.is-deleting .message-bubble-wrapper{transition:all .4s ease}.typing-indicator-container{display:flex;align-items:flex-start;padding:8px 16px;animation:fadeIn .3s ease-in}.typing-indicator-bubble{background-color:#f0f0f0;border-radius:18px;padding:12px 16px;display:flex;align-items:center;gap:8px;max-width:200px}.typing-user-name{font-size:12px;color:#666;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.typing-indicator-dots{display:flex;align-items:center;gap:4px;padding:4px 0}.typing-indicator-dots .dot{width:8px;height:8px;background-color:#999;border-radius:50%;animation:typing 1.4s infinite}.typing-indicator-dots .dot:nth-child(1){animation-delay:0s}.typing-indicator-dots .dot:nth-child(2){animation-delay:.2s}.typing-indicator-dots .dot:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.7}30%{transform:translateY(-10px);opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-color-scheme: dark){.typing-indicator-bubble{background-color:#2a2a2a}.typing-user-name{color:#aaa}.typing-indicator-dots .dot{background-color:#666}}.attachments-tab-container{padding:20px;height:100%;display:flex;flex-direction:column}.dropzone-area{border:2px dashed #e5e7eb;border-radius:12px;padding:30px;text-align:center;background:#f9fafb;cursor:pointer;transition:all .2s;margin-bottom:20px}.dropzone-area:hover,.dropzone-area.active{border-color:#3b82f6;background:#eff6ff}.dropzone-content i{font-size:2rem;color:#9ca3af;margin-bottom:10px}.dropzone-content p{color:#6b7280;margin:0;font-size:.95rem}.upload-progress-state{display:flex;align-items:center;justify-content:center;gap:10px;color:#3b82f6;font-weight:500}.spinner-sm{width:20px;height:20px;border:2px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}.attachments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px}.attachment-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;position:relative;transition:box-shadow .2s}.attachment-card:hover{box-shadow:0 4px 6px -1px #0000001a}.preview-box{height:120px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer}.preview-box img{width:100%;height:100%;object-fit:cover}.file-icon-placeholder{display:flex;flex-direction:column;align-items:center;color:#9ca3af}.file-icon-placeholder i{font-size:2.5rem;margin-bottom:5px}.file-icon-placeholder .ext{font-size:.75rem;text-transform:uppercase;font-weight:700}.hover-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000004d;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.preview-box:hover .hover-overlay{opacity:1}.hover-overlay i{color:#fff;font-size:1.5rem;background:#00000080;padding:10px;border-radius:50%}.attachment-info{padding:8px 10px;background:#fff}.attachment-info .filename{font-size:.85rem;font-weight:500;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attachment-info .meta{font-size:.75rem;color:#9ca3af;margin-top:2px}.delete-att-btn{position:absolute;top:5px;right:5px;width:24px;height:24px;border-radius:50%;background:#ffffffe6;border:none;color:#ef4444;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 1px 2px #0000001a;opacity:0;transition:opacity .2s}.attachment-card:hover .delete-att-btn{opacity:1}.lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e6;z-index:9999;display:flex;align-items:center;justify-content:center;padding:40px}.lightbox-content{max-width:90%;max-height:90vh;display:flex;flex-direction:column;align-items:center}.lightbox-content img{max-width:100%;max-height:80vh;border-radius:4px;box-shadow:0 10px 25px #00000080}.close-lightbox{position:absolute;top:20px;right:30px;background:none;border:none;color:#fff;font-size:2.5rem;cursor:pointer;padding:10px;z-index:10000}.lightbox-footer{margin-top:15px;color:#fff;display:flex;align-items:center;gap:20px}.lightbox-download{color:#3b82f6;text-decoration:none;background:#ffffff1a;padding:6px 12px;border-radius:4px;font-size:.9rem;display:flex;align-items:center;gap:6px;transition:background .2s}.lightbox-download:hover{background:#fff3}.outpatient-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172aa6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.outpatient-modal-overlay.active{opacity:1;visibility:visible}.outpatient-modal-container{width:95%;max-width:1450px;height:90vh;background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;overflow:hidden;transform:translateY(20px);transition:transform .3s ease-out}.active .outpatient-modal-container{transform:translateY(0)}.outpatient-modal-header{padding:20px 32px;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.outpatient-header-info{display:flex;align-items:center;gap:16px}.outpatient-close-modal-btn{background:transparent;border:none;font-size:1.25rem;color:#94a3b8;cursor:pointer;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);margin-right:-10px}.outpatient-close-modal-btn:hover{background:#fee2e2;color:#ef4444;transform:rotate(90deg)}.outpatient-pet-avatar-mini{width:48px;height:48px;background:var(--primary-gradient, linear-gradient(135deg, #00D4B3 0%, #00b89d 100%));color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;box-shadow:0 4px 12px #00d4b34d;overflow:hidden;position:relative;flex-shrink:0}.outpatient-pet-avatar-mini img{width:100%;height:100%;object-fit:cover;border-radius:12px}.outpatient-header-text h2{margin:0;font-size:1.5rem;color:#1e293b;font-weight:700}.outpatient-modal-body{flex:1;display:flex;overflow:hidden}.outpatient-modal-sidebar{width:240px;background:#fcfdfe;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;padding:24px 16px}.outpatient-modal-sidebar nav{display:flex;flex-direction:column;gap:8px;flex:1;min-height:0;overflow-y:auto;padding-bottom:8px}.outpatient-nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:10px;border:none;background:transparent;color:#64748b;font-weight:600;text-align:left;cursor:pointer;transition:all .2s}.outpatient-nav-item i{font-size:1.1rem}.outpatient-nav-item:hover{background:#f1f5f9;color:#1e293b}.outpatient-nav-item.active{background:#f0fdfa;color:#00d4b3}.outpatient-sidebar-bottom{margin-top:auto;padding-top:12px;border-top:1px solid #e2e8f0}.outpatient-nav-item.outpatient-nav-checkout{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b98126}.outpatient-nav-item.outpatient-nav-checkout:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #10b98138}.outpatient-nav-item.outpatient-nav-checkout:disabled{opacity:.6;cursor:not-allowed;transform:none}html[dir=rtl] .outpatient-modal-sidebar{width:280px}html[dir=rtl] .outpatient-nav-item{text-align:right;flex-direction:row}.outpatient-nav-item span{flex:1;min-width:0;white-space:normal;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.outpatient-modal-main-content{flex:1;overflow-y:auto;padding:32px;background:#fff}.outpatient-tab-content{display:flex;flex-direction:column;gap:32px;animation:fadeIn .3s ease-out}.outpatient-tab-header{display:flex;align-items:center;gap:12px}.outpatient-tab-header .main-icon{font-size:1.5rem;color:#00d4b3}.outpatient-tab-header h3{margin:0;font-size:1.25rem;color:#1e293b;font-weight:700}.dashboard-tab-content{display:flex;flex-direction:column;gap:24px}.dashboard-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.info-cards-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.info-card-premium{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px 20px;display:flex;align-items:center;gap:16px;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000000d}.info-card-premium:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00d4b326;border-color:#00d4b3}.info-card-premium .card-icon{width:48px;height:48px;background:linear-gradient(135deg,#f0fdfa,#ccfbf1);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.info-card-premium .card-icon i{font-size:1.25rem;color:#00d4b3}.info-card-premium .card-details{flex:1;min-width:0}.info-card-premium .card-details label{display:block;font-size:.75rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-weight:600;margin-bottom:4px}.info-card-premium .card-details p{margin:0;font-size:1rem;color:#1e293b;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.diagnostic-section-premium{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;margin-top:8px;box-shadow:0 1px 3px #0000000d}.diagnostic-section-premium .section-header i{color:#00d4b3;font-size:1.1rem}.diagnosis-content-box{padding:24px;font-size:1rem;color:#475569;line-height:1.6;min-height:80px}.outpatient-services-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.outpatient-services-header .header-left{display:flex;align-items:center;gap:12px}.outpatient-add-service-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;background:linear-gradient(135deg,#00d4b3,#00b89d);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #00d4b333}.outpatient-add-service-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #00d4b34d}.outpatient-add-service-btn:disabled{opacity:.6;cursor:not-allowed}.outpatient-services-table-wrapper{background:#fff;border-radius:16px;border:1px solid #e2e8f0;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a}.outpatient-services-table{width:100%;border-collapse:collapse}.outpatient-services-table th{padding:16px;background:#f8fafc;text-align:left;font-size:.85rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-weight:700;border-bottom:1px solid #e2e8f0}.outpatient-services-table td{padding:16px;border-bottom:1px solid #f1f5f9;vertical-align:middle}.outpatient-services-table tbody tr:hover{background:#f8fafc}.outpatient-services-table input[type=number],.outpatient-services-table input[type=text],.outpatient-services-table textarea{width:100%;min-width:65px;padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:.9rem;transition:all .2s}.outpatient-services-table input:focus,.outpatient-services-table textarea:focus{outline:none;border-color:#00d4b3;box-shadow:0 0 0 3px #00d4b31a}.outpatient-services-table input[type=number]::-webkit-outer-spin-button,.outpatient-services-table input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.outpatient-services-table input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.outpatient-services-table textarea{resize:vertical;min-height:40px}.outpatient-modal-footer{padding:20px 32px;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.outpatient-total-summary{display:flex;align-items:center;gap:12px}.outpatient-total-label{color:#64748b;font-weight:600}.outpatient-total-value{font-size:1.25rem;font-weight:800;color:#1e293b}.outpatient-footer-btns{display:flex;gap:12px}.outpatient-btn-primary,.outpatient-btn-secondary,.outpatient-btn-success{padding:10px 24px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;font-size:.95rem;display:flex;align-items:center;gap:8px}.outpatient-btn-primary{background:linear-gradient(135deg,#00d4b3,#00b89d);color:#fff;box-shadow:0 4px 12px #00d4b333}.outpatient-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #00d4b34d}.outpatient-btn-secondary{background:#f1f5f9;color:#475569}.outpatient-btn-secondary:hover:not(:disabled){background:#e2e8f0;color:#1e293b}.outpatient-btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b98133}.outpatient-btn-success:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #10b9814d}.outpatient-btn-primary:disabled,.outpatient-btn-success:disabled,.outpatient-btn-secondary:disabled{opacity:.6;cursor:not-allowed;transform:none}.outpatient-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;color:#64748b}.outpatient-spinner{width:32px;height:32px;border:3px solid #e2e8f0;border-top-color:#00d4b3;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:12px}.outpatient-error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;color:#ef4444}.outpatient-error-state button{margin-top:16px;padding:10px 20px;background:#00d4b3;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600}.outpatient-empty-state{text-align:center;padding:48px;color:#94a3b8;background:#f8fafc;border:1px dashed #e2e8f0;border-radius:12px}@media (max-width: 1200px){.outpatient-modal-container{width:98%;height:95vh}}@media (max-width: 768px){.outpatient-modal-sidebar{width:200px}.outpatient-modal-main-content{padding:20px}.outpatient-summary-line{flex-direction:column;align-items:flex-start;gap:8px}.outpatient-separator-icon{display:none}}.daily-checklist-container{height:100%!important;width:100%;display:flex;flex-direction:column;background:#fff;overflow:hidden!important;padding:0!important}.daily-checklist-content{overflow-y:auto}.daily-checklist-subtabs{display:flex;gap:10px;padding:16px 0 0;margin-bottom:14px}.daily-checklist-subtab{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;border:1px solid #e2e8f0;background:#fff;color:#64748b;font-weight:700;font-size:.85rem;cursor:pointer;transition:all .2s ease}.daily-checklist-subtab:hover{background:#f8fafc;color:#334155}.daily-checklist-subtab.active{border-color:#00d4b3;background:#f0fdfa;color:#00a099}.daily-checklist-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 8px;border-radius:999px;background:#f1f5f9;color:#475569;font-size:.75rem;font-weight:800}.daily-checklist-subtab.active .daily-checklist-count{background:#00d4b3;color:#fff}.daily-checklist-header-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.daily-checklist-title{font-size:1.05rem;font-weight:800;color:#0f172a}.daily-checklist-date{font-weight:700;color:#64748b;margin-left:8px;font-size:.9rem}.daily-checklist-add-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:12px;border:none;cursor:pointer;font-weight:700;color:#fff;background:linear-gradient(135deg,#00d4b3,#00b89d)}.daily-checklist-secondary-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:12px;border:1px solid #e2e8f0;background:#fff;color:#334155;cursor:pointer;font-weight:800}.daily-checklist-secondary-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.daily-checklist-secondary-btn:disabled{opacity:.55;cursor:not-allowed}.daily-checklist-add-btn:disabled{opacity:.6;cursor:not-allowed}.daily-checklist-search{position:relative;margin-bottom:16px}.daily-checklist-search-inputWrap{position:relative}.daily-checklist-search-inputWrap i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#94a3b8}.daily-checklist-search-inputWrap input{width:100%;padding:10px 12px 10px 38px;border-radius:12px;border:1px solid #e2e8f0;background:#f8fafc;outline:none}.daily-checklist-search-inputWrap input:focus{background:#fff;border-color:#00d4b3;box-shadow:0 0 0 3px #00d4b31f}.daily-checklist-search-results{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:50;background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;box-shadow:0 10px 25px #00000014;max-height:280px;overflow-y:auto}.daily-checklist-search-result{width:100%;border:none;background:transparent;padding:12px 14px;cursor:pointer;display:flex;flex-direction:column;gap:2px;text-align:left}.daily-checklist-search-result:hover{background:#f8fafc}.daily-checklist-search-result .name{font-weight:700;color:#0f172a}.daily-checklist-search-result .meta{font-size:.8rem;color:#94a3b8}.daily-checklist-search-noResults{padding:14px;color:#94a3b8;font-style:italic}.daily-checklist-list{display:flex;flex-direction:column;gap:10px;padding-bottom:20px}.daily-checklist-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;border-radius:14px;border:1px solid #e2e8f0;background:#fff}.daily-checklist-item.fulfilled{background:#f0fdfa;border-color:#bbf7d0}.daily-checklist-item-left{min-width:0;flex:1}.daily-checklist-item-name{font-weight:800;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.daily-checklist-item-meta{font-size:.8rem;color:#94a3b8;margin-top:2px}.daily-checklist-item-notes{margin-top:6px;font-size:.85rem;color:#6b7280;background:#f8fafc;border-left:3px solid #00d4b3;padding:6px 8px;border-radius:8px;line-height:1.4}.daily-checklist-completed-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:12px;border:1px solid #e2e8f0;background:#fff;cursor:pointer;font-weight:800;color:#059669}.daily-checklist-completed-btn:hover:not(:disabled){border-color:#059669;background:#ecfdf5}.daily-checklist-completed-btn:disabled{opacity:.6;cursor:not-allowed}.daily-checklist-empty{padding:40px 16px;text-align:center;color:#94a3b8;border:1px dashed #e2e8f0;border-radius:14px;background:#f8fafc}.daily-checklist-empty i{font-size:32px;margin-bottom:10px;opacity:.35}.vet-orders-container{padding:32px;background-color:#fff;border-radius:16px;height:100%;display:flex;flex-direction:column;position:relative;overflow-y:auto}.orders-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #f3f4f6}.orders-header h3{margin:0;font-size:20px;font-weight:700;color:#111827}.auto-save-status{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;padding:6px 14px;border-radius:20px;transition:all .3s ease}.auto-save-status.saving{background-color:#eff6ff;color:#3b82f6}.auto-save-status.saved{background-color:#f0fdf4;color:#10b981}.auto-save-status.error{background-color:#fef2f2;color:#ef4444}.spinner-mini{width:14px;height:14px;border:2px solid currentColor;border-top:2px solid transparent;border-radius:50%;animation:spin .8s linear infinite}.header-left{display:flex;align-items:center;gap:16px}.section-icon{font-size:28px;color:#10b981;background:#ecfdf5;padding:12px;border-radius:12px}.orders-header h3{margin:0;font-size:24px;font-weight:700;color:#111827}.saving-indicator.top-right{position:absolute;top:32px;right:32px;display:flex;align-items:center;gap:8px;color:#10b981;font-size:14px;background:#f0fdf4;padding:8px 16px;border-radius:20px;border:1px solid #d1fae5;z-index:10}.section-description{color:#6b7280;font-size:15px;margin-bottom:32px;max-width:600px;line-height:1.5}.orders-list{display:flex;flex-direction:column;gap:24px;margin-bottom:32px}.order-item{display:flex;gap:20px;padding:24px 24px 56px;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;margin-bottom:20px}.order-item:hover{border-color:#10b981;background-color:#fff;box-shadow:0 10px 15px -3px #0000000d}.order-item.fulfilled{background-color:#f0fdf4;border-color:#10b981}.order-number{font-size:18px;font-weight:800;color:#9ca3af;padding-top:12px;min-width:40px}.order-content{flex:1;display:flex;flex-direction:column}.order-main{display:flex;gap:20px;align-items:flex-start}.order-textarea-wrapper{flex:1;display:flex;flex-direction:column}.order-textarea-wrapper textarea{width:100%;padding:16px;border:1px solid #e5e7eb;border-radius:12px;font-size:16px;color:#1f2937;resize:none;transition:all .2s;background-color:#fff;line-height:1.6}.order-textarea-wrapper textarea:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 4px #10b9811a}.order-textarea-wrapper textarea:disabled{background-color:transparent;border-color:transparent;color:#4b5563;padding:0;font-weight:500;font-style:italic}.order-date-wrapper{position:absolute;bottom:16px;padding:6px 16px;border-radius:20px;background:#fff;font-size:13px;display:flex;align-items:center;box-shadow:0 2px 4px #0000000a}.created-date-wrapper{left:24px;border:1px solid #e5e7eb}.fulfillment-date-wrapper{right:24px;border:1px solid #10b981;box-shadow:0 2px 4px #10b9811a}.order-date{display:flex;align-items:center;gap:8px;color:#6b7280;font-weight:600}.order-date i{font-size:12px;color:#9ca3af}.fulfilled-date{color:#10b981}.order-actions{display:flex;gap:8px;padding-top:4px}.order-actions button{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:all .2s}.btn-fulfill{background-color:#f0fdf4;color:#10b981}.btn-fulfill:hover{background-color:#10b981;color:#fff;transform:translateY(-2px)}.btn-delete{background-color:#fef2f2;color:#ef4444}.btn-delete:hover{background-color:#ef4444;color:#fff;transform:translateY(-2px)}.fulfillment-date-wrapper{position:absolute;bottom:16px;right:24px;background:#fff;padding:6px 16px;border-radius:20px;border:1px solid #10b981;box-shadow:0 2px 4px #10b9811a}.fulfilled-date{color:#10b981;font-size:13px;font-weight:700;display:flex;align-items:center;gap:8px}.btn-add-order{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px;background-color:#fff;color:#10b981;border:2px dashed #10b981;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:12px}.btn-add-order:hover{background-color:#ecfdf5;transform:translateY(-2px)}.spinner{width:20px;height:20px;border:2px solid #ffffff;border-top:2px solid transparent;border-radius:50%;animation:spin .8s linear infinite}.saving-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffffb3;display:flex;align-items:center;justify-content:center;z-index:100;border-radius:16px}.inpatient-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172aa6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.inpatient-modal-overlay.active{opacity:1;visibility:visible}.inpatient-modal-container{width:95%;max-width:1450px;height:90vh;background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;overflow:hidden;transform:translateY(20px);transition:transform .3s ease-out}.active .inpatient-modal-container{transform:translateY(0)}.inpatient-modal-header{padding:20px 32px;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.header-info{display:flex;align-items:center;gap:16px}.close-modal-btn{background:transparent;border:none;font-size:1.25rem;color:#94a3b8;cursor:pointer;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);margin-right:-10px}.close-modal-btn:hover{background:#fee2e2;color:#ef4444;transform:rotate(90deg)}.pet-avatar-mini{width:48px;height:48px;background:var(--primary-gradient, linear-gradient(135deg, #00D4B3 0%, #00b89d 100%));color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;box-shadow:0 4px 12px #00d4b34d;overflow:hidden;position:relative;flex-shrink:0}.pet-avatar-mini img{width:100%;height:100%;object-fit:cover;border-radius:12px}.header-text h2{margin:0;font-size:1.5rem;color:#1e293b;font-weight:700}.serial-tag{font-size:.8rem;color:#64748b;background:#f1f5f9;padding:2px 8px;border-radius:6px;font-weight:600}.inpatient-modal-body{flex:1;display:flex;overflow:hidden}.modal-sidebar{width:240px;background:#fcfdfe;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;padding:24px 16px}.modal-sidebar nav{display:flex;flex-direction:column;gap:8px;flex:1;min-height:0;overflow-y:auto;padding-bottom:8px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:10px;border:none;background:transparent;color:#64748b;font-weight:600;text-align:left;cursor:pointer;transition:all .2s}.nav-item span{flex:1;min-width:0;white-space:normal;overflow:hidden;text-overflow:ellipsis;line-height:1.2}html[dir=rtl] .modal-sidebar{width:280px}html[dir=rtl] .nav-item{text-align:right}.nav-item i{font-size:1.1rem}.nav-item:hover{background:#f1f5f9;color:#1e293b}.nav-item.active{background:#f0fdfa;color:#00d4b3}.sidebar-footer{margin-top:auto;padding-top:20px;border-top:1px solid #f1f5f9}.sidebar-action-btn{width:100%;padding:10px;border-radius:8px;border:1px dashed #cbd5e1;background:transparent;color:#64748b;font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.modal-main-content{flex:1;overflow-y:auto;padding:0;background:#fff;display:flex;flex-direction:column}.tab-content-inner{padding:32px;flex:1;display:flex;flex-direction:column}.dashboard-tab-content{display:flex;flex-direction:column;gap:32px;animation:fadeIn .3s ease-out}.dashboard-tab-content.dashboard-summary{gap:18px;padding:20px}.dashboard-summary.tab-content-inner{padding:20px}.dashboard-header{display:flex;align-items:center;gap:12px}.dashboard-header .main-icon{font-size:1.5rem;color:#00d4b3}.dashboard-header h3{margin:0;font-size:1.25rem;color:#1e293b;font-weight:700}.dashboard-cards-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 16px}.dashboard-group-header{grid-column:1 / -1;display:flex;align-items:center;gap:10px;margin-top:4px;margin-bottom:4px;font-weight:800;color:#0f172a;font-size:.95rem}.dashboard-group-header:after{content:"";flex:1;height:1px;background:#e2e8f0;opacity:.9}@media (max-width: 1200px){.dashboard-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 768px){.dashboard-cards-grid{grid-template-columns:1fr}}.info-card-premium.info-card-compact{padding:14px 12px;border-radius:16px;gap:12px;box-shadow:0 2px 4px -1px #0000000a}.info-card-premium.info-card-compact .card-icon{width:40px;height:40px;font-size:1.2rem}.info-card-premium.info-card-compact .card-details label{font-size:.72rem;margin-bottom:4px}.info-card-premium.info-card-compact .card-details p{font-size:1rem;line-height:1.15}.dashboard-value-tbd{color:#f59e0b;font-weight:800}.info-cards-container{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}@media (max-width: 1200px){.info-cards-container{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.info-cards-container{grid-template-columns:1fr}}.info-card-premium{display:flex;align-items:center;gap:16px;padding:24px 20px;background:#fff;border:1px solid #e2e8f0;border-radius:20px;transition:all .3s ease;box-shadow:0 4px 6px -1px #0000000d}.info-card-premium:hover{transform:translateY(-4px);border-color:#00d4b3;box-shadow:0 12px 20px -8px #00d4b326}.card-icon{width:44px;height:44px;background:transparent;color:#00d4b3;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.info-card-premium:hover .card-icon{color:#00b89d;transform:scale(1.15) rotate(-5deg)}.card-details label{display:block;font-size:.8rem;color:#94a3b8;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.card-details p{margin:0;font-size:1.1rem;font-weight:700;color:#1e293b}.diagnostic-section-premium{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden}.diagnostic-section-premium .section-header{padding:16px 20px;background:#f8fafc;display:flex;align-items:center;gap:10px;border-bottom:1px solid #e2e8f0}.diagnostic-section-premium .section-header i{color:#00d4b3}.diagnostic-section-premium .section-header h4{margin:0;font-size:.95rem;font-weight:700;color:#334155}.diagnosis-content-box{padding:24px;font-size:1rem;color:#475569;line-height:1.6;min-height:100px}.inpatient-modal-footer{padding:20px 32px;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.total-summary{display:flex;align-items:center;gap:12px}.total-label{color:#64748b;font-weight:600}.total-value{font-size:1.25rem;font-weight:800;color:#1e293b}.footer-btns{display:flex;gap:12px}.btn-primary,.btn-secondary,.btn-success{padding:10px 24px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;font-size:.95rem;display:flex;align-items:center;gap:8px}.btn-primary{background:linear-gradient(135deg,#00d4b3,#00b89d);color:#fff;box-shadow:0 4px 12px #00d4b333}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #00d4b34d}.btn-secondary{background:#f1f5f9;color:#475569}.btn-secondary:hover:not(:disabled){background:#e2e8f0;color:#1e293b}.btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b98133}.btn-success:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #10b9814d}.btn-primary:disabled,.btn-success:disabled{opacity:.6;cursor:not-allowed;transform:none}.emr-tab-content{display:flex;flex-direction:column;height:100%;gap:0;animation:fadeIn .3s ease}.emr-internal-sidebar{width:180px;display:flex;flex-direction:column;gap:8px;padding-right:16px;border-right:1px solid #e2e8f0}.internal-nav-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border:none;background:transparent;color:#64748b;border-radius:10px;cursor:pointer;transition:all .2s ease;font-size:.9rem;font-weight:500;text-align:left}.internal-nav-item:hover{background:#f1f5f9;color:#1e293b}.internal-nav-item.active{background:#f0fdfa;color:#00d4b3}.emr-internal-main{flex:1;display:flex;flex-direction:column;gap:16px;overflow-y:auto;padding-right:8px}.emr-internal-main .section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.emr-internal-main h4{margin:0;font-size:1.1rem;color:#1e293b;font-weight:600}.refresh-btn{background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease}.refresh-btn:hover{background:#f1f5f9;color:#64748b}.nav-divider{height:1px;background-color:#e5e7eb;margin:12px 16px}.nav-item:hover{background:#f1f5f9;color:#64748b}.history-section-content{display:flex;flex-direction:column;gap:12px}.history-card-premium{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px;transition:all .2s ease;box-shadow:0 1px 3px #0000000d}.history-card-premium:hover{border-color:#cbd5e1;box-shadow:0 4px 6px -1px #0000001a}.history-card-premium.allergy-card,.history-card-premium.border-red{border-left:4px solid #ef4444}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.card-header .title{font-weight:600;color:#0f172a;font-size:1rem}.card-header .date{font-size:.85rem;color:#94a3b8}.card-body{font-size:.9rem;color:#475569;margin-bottom:8px}.card-footer{display:flex;gap:16px;font-size:.85rem;color:#64748b}.card-footer i{margin-right:4px}.notes{margin:8px 0 0;padding-top:8px;border-top:1px dashed #e2e8f0;font-size:.85rem;color:#64748b;line-height:1.4}.severity-badge{padding:2px 8px;border-radius:99px;font-size:.75rem;font-weight:600;text-transform:uppercase}.severity-badge.high{background:#fee2e2;color:#991b1b}.severity-badge.medium{background:#fef3c7;color:#92400e}.severity-badge.low{background:#ecfdf5;color:#065f46}.empty-section{text-align:center;padding:32px;color:#94a3b8;background:#f8fafc;border:1px dashed #e2e8f0;border-radius:12px}.tab-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;color:#64748b}.spinner{width:32px;height:32px;border:3px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:12px}.rtl .emr-internal-sidebar{padding-right:0;padding-left:16px;border-right:none;border-left:1px solid #e2e8f0}.rtl .internal-nav-item{text-align:right;flex-direction:row-reverse}.rtl .card-footer i{margin-right:0;margin-left:4px}.services-tab-content{display:flex;flex-direction:column;height:100%;animation:fadeIn .3s ease-out}.services-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.services-header .header-left{display:flex;align-items:center;gap:12px}.services-header .main-icon{font-size:1.5rem;color:#00d4b3}.services-header h3{margin:0;font-size:1.25rem;color:#1e293b;font-weight:700}.add-service-trigger{display:flex;align-items:center;gap:8px;padding:10px 18px;background:linear-gradient(135deg,#00d4b3,#00b89d);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #00d4b333}.add-service-trigger:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00d4b34d}.services-body{flex:1;min-height:200px}.services-empty-placeholder{display:flex;align-items:center;justify-content:center;height:100%;min-height:300px;background:#f8fafc;border:2px dashed #e2e8f0;border-radius:20px;text-align:center}.placeholder-content{max-width:320px;display:flex;flex-direction:column;align-items:center;gap:16px}.placeholder-icon{width:80px;height:80px;background:#f0fdfa;color:#00d4b3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;margin-bottom:8px}.placeholder-content h4{margin:0;font-size:1.1rem;color:#1e293b}.placeholder-content p{margin:0;font-size:.9rem;color:#64748b;line-height:1.5}.add-btn-large{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#00d4b3;color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:8px}.services-table-wrapper{background:#fff;border-radius:16px;border:1px solid #e2e8f0;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a}.premium-services-table{width:100%;border-collapse:collapse}.premium-services-table th{padding:16px;background:#f8fafc;text-align:left;font-size:.85rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-weight:700;border-bottom:1px solid #e2e8f0}.premium-services-table td{padding:16px;border-bottom:1px solid #f1f5f9;vertical-align:middle}.service-name-cell .service-info{display:flex;flex-direction:column;gap:4px}.service-info .name{font-weight:600;color:#1e293b}.service-info .notes{font-size:.8rem;color:#94a3b8}.qty-control{display:flex;align-items:center;gap:8px;background:#f1f5f9;padding:4px;border-radius:8px;width:fit-content}.qty-btn{width:28px;height:28px;border-radius:6px;border:none;background:#fff;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:700;transition:all .2s}.qty-btn:hover:not(:disabled){background:#e2e8f0;color:#1e293b}.qty-control input{width:40px;text-align:center;border:none;background:transparent;font-weight:700;color:#1e293b}.qty-control input::-webkit-inner-spin-button{display:none}.price-cell,.total-cell{white-space:nowrap}.currency{font-size:.75rem;color:#94a3b8;margin-right:4px;font-weight:600}.amount{font-weight:700;color:#1e293b}.total-cell .amount{color:#00d4b3}.remove-service-btn{width:36px;height:36px;border-radius:10px;border:1px solid #fee2e2;background:#fff;color:#ef4444;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1)}.remove-service-btn:hover{background:#ef4444;color:#fff;border-color:#ef4444;transform:translateY(-2px);box-shadow:0 4px 12px #ef444433}.service-search-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;padding-top:100px;z-index:2000;animation:fadeIn .2s ease-out}.service-search-modal-content{width:100%;max-width:600px;background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;max-height:70vh;animation:slideDown .3s cubic-bezier(.34,1.56,.64,1)}.search-modal-header{padding:20px 24px;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center}.search-modal-header h3{margin:0;font-size:1.1rem;font-weight:700;color:#1e293b}.close-search-btn{background:transparent;border:none;font-size:1.5rem;color:#94a3b8;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .2s;border-radius:8px}.close-search-btn:hover{background:#f1f5f9;color:#1e293b}.search-input-wrapper{padding:16px 24px;position:relative}.search-icon{position:absolute;left:40px;top:50%;transform:translateY(-50%);color:#94a3b8}.search-input-wrapper input{width:100%;padding:12px 12px 12px 44px;background:#f1f5f9;border:1px solid transparent;border-radius:12px;font-size:1rem;outline:none;transition:all .2s}.search-input-wrapper input:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a}.search-results-list{flex:1;overflow-y:auto;padding:8px 24px 24px}.search-result-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:12px;cursor:pointer;transition:all .2s;margin-bottom:4px}.search-result-item:hover{background:#f8fafc}.item-info{display:flex;flex-direction:column;gap:2px}.item-name{font-weight:600;color:#1e293b}.item-code{font-size:.75rem;color:#94a3b8}.item-price{margin-left:auto;margin-right:20px}.add-icon{color:#3b82f6;opacity:0;transition:all .2s}.search-result-item:hover .add-icon{opacity:1;transform:scale(1.1)}.no-results{padding:40px;text-align:center;color:#94a3b8}.no-results i{font-size:2rem;margin-bottom:12px;opacity:.5}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.daily-checklist-container{padding:24px;max-height:calc(100vh - 300px);overflow-y:auto}.daily-checklist-header{margin-bottom:24px}.daily-checklist-header h3{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0 0 8px}.checklist-subtitle{font-size:.875rem;color:#64748b;margin:0}.checklist-days-list{display:flex;flex-direction:column;gap:16px}.checklist-day-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;overflow:hidden;transition:all .3s ease}.checklist-day-card.today{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.checklist-day-card.readonly{background:#f8fafc;border-color:#e2e8f0}.checklist-day-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s ease}.checklist-day-header:hover{background:#f8fafc}.day-header-left{display:flex;align-items:center;gap:12px}.day-label{font-size:1rem;font-weight:700;color:#1e293b}.day-date{font-size:.875rem;color:#64748b}.today-badge{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.day-header-right{display:flex;align-items:center;gap:12px}.readonly-badge{background:#f1f5f9;color:#64748b;padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:600}.checklist-day-content{padding:20px;border-top:1px solid #e2e8f0;background:#fafbfc;display:flex;flex-direction:column;gap:20px}.checklist-field{display:flex;flex-direction:column;gap:8px}.checklist-label{font-size:.875rem;font-weight:600;color:#374151;display:flex;align-items:center}.checklist-textarea{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:.875rem;font-family:inherit;resize:vertical;transition:all .2s ease;background:#fff;color:#1e293b}.checklist-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.checklist-textarea:disabled,.checklist-textarea:read-only{background:#f8fafc;color:#64748b;cursor:not-allowed;border-color:#e2e8f0}.checklist-textarea::placeholder{color:#94a3b8}@media (max-width: 768px){.daily-checklist-container{padding:16px}.day-header-left{flex-direction:column;align-items:flex-start;gap:4px}.day-label{font-size:.875rem}.day-date{font-size:.75rem}}.service-selector{margin-top:8px}.service-checkboxes{display:flex;flex-direction:column;gap:10px;max-height:200px;overflow-y:auto;padding:12px;background:#fff;border:2px solid #e2e8f0;border-radius:8px}.service-checkbox-label{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:6px;cursor:pointer;transition:background .2s ease;-webkit-user-select:none;user-select:none}.service-checkbox-label:hover{background:#f8fafc}.service-checkbox{width:18px;height:18px;cursor:pointer;accent-color:#3b82f6}.service-checkbox-label span{font-size:.875rem;color:#1e293b;flex:1}.selected-services-readonly{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;min-height:40px}.service-tag{display:inline-block;padding:6px 12px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-radius:6px;font-size:.8125rem;font-weight:500}.service-checkboxes::-webkit-scrollbar{width:6px}.service-checkboxes::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.service-checkboxes::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.service-checkboxes::-webkit-scrollbar-thumb:hover{background:#94a3b8}.emr-horizontal-tabs{display:flex;gap:8px;padding:16px 24px;background:#f8fafc;border-bottom:2px solid #e2e8f0;overflow-x:auto;flex-wrap:wrap}.horizontal-tab-item{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500;color:#64748b;white-space:nowrap}.horizontal-tab-item:hover{background:#f1f5f9;border-color:#cbd5e1;color:#475569}.horizontal-tab-item.active{background:linear-gradient(135deg,#00d4b3,#00b89d);border-color:#00d4b3;color:#fff;box-shadow:0 4px 6px -1px #00d4b34d}.horizontal-tab-item i{font-size:1rem}.emr-content-area{padding:24px;background:#fff;flex:1;overflow-y:auto}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #e2e8f0}.section-header h4{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0}.section-header .refresh-btn{padding:8px 12px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;transition:all .2s ease;color:#64748b}.section-header .refresh-btn:hover{background:#e2e8f0;color:#475569}@media (max-width: 768px){.emr-horizontal-tabs{padding:12px 16px;gap:6px}.horizontal-tab-item{padding:8px 16px;font-size:.8125rem}.emr-content-area{padding:16px}}.patient-summary-card-consolidated{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:16px;box-shadow:0 4px 6px -1px #0000000d}.summary-line{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding-bottom:12px;border-bottom:1px dashed #f1f5f9}.summary-line:last-child{border-bottom:none;padding-bottom:0}.summary-group{display:flex;align-items:center;gap:8px;color:#1e293b;font-size:1rem}.summary-group i{color:#00d4b3;font-size:1.1rem;width:20px;text-align:center}.summary-group .label{color:#64748b;font-weight:500;font-size:.9rem}.summary-group .value{font-weight:700;color:#1e293b}.summary-group.highlight .value{color:#00d4b3;font-size:1.1rem}.separator-icon{color:#cbd5e1;font-size:.8rem!important;margin:0 4px}.status-yes{color:#10b981;font-weight:700}.status-no{color:#ef4444;font-weight:700}@media (max-width: 768px){.summary-line{flex-direction:column;align-items:flex-start;gap:8px;padding:16px;background:#f8fafc;border-radius:8px;border-bottom:none}.separator-icon{display:none}}.tab-pane-content{height:100%;display:flex;flex-direction:column}.daily-care-content{display:flex;flex-direction:column;gap:20px;height:100%}.days-tabs-container{display:flex;align-items:center;gap:8px;overflow-x:auto;padding:8px 16px 0;border-bottom:1px solid #e5e7eb;background-color:#f9fafb;white-space:nowrap;position:sticky;top:0;z-index:10;box-shadow:0 2px 4px #00000005}.day-tab-btn{padding:10px 20px;font-size:14px;font-weight:500;border:none;border-bottom:2px solid transparent;color:#6b7280;background-color:transparent;border-radius:8px 8px 0 0;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;min-width:80px;white-space:nowrap;outline:none}.day-tab-btn:hover{background-color:#f3f4f6;color:#374151}.day-tab-btn.active{font-weight:600;border-bottom:2px solid #00D4B3;color:#00a099;background-color:#f0fdfa}.day-tab-btn .tab-date{font-size:11px;color:#9ca3af;font-weight:400;margin-top:2px}.day-tab-btn.active .tab-date{color:#00857f}.daily-care-form{display:flex;flex-direction:column;gap:24px;overflow-y:auto;padding-right:4px}.care-section h4{margin:0 0 16px;font-size:1rem;font-weight:600;color:#1e293b;padding-bottom:8px;border-bottom:2px solid #e2e8f0;display:inline-block}.care-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.care-field-group{display:flex;flex-direction:row;align-items:center;gap:16px}.care-field-group label{font-size:.85rem;font-weight:700;color:#1e293b;min-width:60px;margin:0}.radio-group{display:flex;gap:16px;align-items:center;height:42px}.radio-label{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:.9rem;color:#1e293b}.care-select,.care-input{width:100%;padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:.9rem;color:#1e293b;background:#fff;transition:all .2s}.care-select:focus,.care-input:focus{border-color:#00d4b3;box-shadow:0 0 0 3px #00d4b31a;outline:none}.care-rows-container{display:flex;flex-direction:column;gap:20px}.care-row{display:flex;gap:32px;align-items:center;flex-wrap:wrap}.radio-group.disabled .radio-label{cursor:not-allowed;opacity:.7}.radio-group.disabled input{cursor:not-allowed}.fulfilled-cell{text-align:center;width:80px}.premium-checkbox{width:24px;height:24px;border:2px solid #e2e8f0;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);background:#fff;color:#fff;font-size:14px;margin:0 auto;box-sizing:border-box;flex-shrink:0}.premium-checkbox i{opacity:0;transition:opacity .2s ease;pointer-events:none}.premium-checkbox:hover:not(.disabled):not(.checked){border-color:#00d4b3;background:#f0fdfa}.premium-checkbox.checked:hover:not(.disabled){background:#00b89d;border-color:#00b89d;box-shadow:0 6px 12px -2px #00d4b366}.premium-checkbox.checked{background:#00d4b3;border-color:#00d4b3;color:#fff;box-shadow:0 4px 6px -1px #00d4b34d}.premium-checkbox.disabled{cursor:not-allowed;opacity:.6;background:#f1f5f9}.premium-checkbox.checked i{opacity:1;animation:checkPop .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes checkPop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.premium-services-table tr:has(.premium-checkbox.checked){background-color:#f0fdfa44}.premium-services-table tr:has(.premium-checkbox.checked) .service-info .name{color:#059669}.item-meta{display:flex;align-items:center;gap:8px;margin-top:4px}.item-type-badge{padding:2px 8px;border-radius:99px;font-size:.7rem;font-weight:700;text-transform:uppercase}.item-type-badge.medical{background:#e0f2fe;color:#0369a1}.item-type-badge.non_medical{background:#f1f5f9;color:#475569}.item-type-badge.medication{background:#fdf2f8;color:#9d174d}.eq-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.reception-main-body,.reception-main-content{background:#fff}.eq-empty{text-align:center;color:#888}.eq-accept-btn{background:#00d4b3;color:#0b2e2a}.eq-accept-btn:hover{filter:brightness(.95)}.eq-accept-btn:disabled{background:#d1d5db;color:#6b7280;cursor:not-allowed}.eq-refresh-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid #e5e7eb;border-radius:8px;background:#f9fafb;color:#111827;font-weight:600;cursor:pointer}.eq-refresh-btn:hover{background:#f3f4f6}.eq-active-banner{display:flex;align-items:center;gap:10px;padding:12px 14px;border:2px solid rgba(0,212,179,.35);background:#00d4b31f;color:#0f766e;font-weight:700;border-radius:10px;margin-bottom:12px}.eq-active-banner .icon{font-size:18px}.eq-modal{max-width:920px;width:92vw}.eq-section-title{font-weight:700;margin-bottom:6px}.eq-description{margin-bottom:16px}.eq-description-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:12px;color:#111827;max-height:200px;overflow:auto}.eq-attachments{margin-bottom:16px}.eq-attachments-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.eq-attachment-item{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;background:#fff}.eq-attachment-item img,.eq-attachment-item video{display:block;width:100%;height:120px;object-fit:cover}.eq-active-case-row{background:#00d4b314!important;border-left:4px solid #00d4b3;border-top:2px solid rgba(0,212,179,.2);border-bottom:2px solid rgba(0,212,179,.2);font-weight:500}.eq-active-case-row td{padding:14px 12px;vertical-align:top}.eq-active-case-row:hover{background:#00d4b31f!important}.eq-view-btn{background:#00d4b3;color:#0b2e2a;font-weight:600}.eq-view-btn:hover{background:#00b89a;filter:brightness(.95)}.eq-status-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}.eq-status-badge.accepted{background-color:#10b981;color:#fff}.eq-status-badge.pending{background-color:#f59e0b;color:#fff}.eq-case-ref{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.eq-pet-info{display:flex;flex-direction:column;gap:2px}.eq-doctor-info{font-size:12px;color:#10b981;margin-top:4px}.eq-clinic-info{font-size:12px;color:#6b7280;margin-top:2px}.eq-time-info{display:flex;flex-direction:column;gap:2px}.eq-remaining-time{font-size:12px;font-weight:600;margin-top:4px}.eq-remaining-time.warning{color:#f59e0b}.eq-remaining-time.danger{color:#ef4444}@media (max-width: 1200px){.eq-modal{max-width:800px;width:95vw}.eq-attachments-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1024px){.eq-header{flex-wrap:wrap;gap:12px}.eq-modal{max-width:700px}.eq-active-banner{padding:10px 12px;font-size:14px}.eq-attachments-grid{grid-template-columns:repeat(2,1fr)}.eq-attachment-item img,.eq-attachment-item video{height:100px}}@media (max-width: 768px){.eq-header{flex-direction:column;align-items:flex-start;gap:10px}.eq-header .services-title{font-size:18px}.eq-refresh-btn{width:100%;justify-content:center;padding:10px 14px}.eq-active-banner{flex-direction:column;align-items:flex-start;gap:6px;padding:12px;font-size:13px}.eq-active-banner .icon{font-size:16px}.eq-modal{width:98vw;max-width:none;margin:10px;border-radius:12px}.eq-description-box{padding:10px;font-size:14px;max-height:150px}.eq-attachments-grid{grid-template-columns:repeat(2,1fr);gap:8px}.eq-attachment-item img,.eq-attachment-item video{height:90px}.services-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.services-table{min-width:500px}.services-table th,.services-table td{padding:10px 8px;font-size:13px}.eq-accept-btn,.eq-view-btn{padding:8px 12px;font-size:12px;white-space:nowrap}.eq-active-case-row td{padding:12px 8px}}@media (max-width: 600px){.eq-header{margin-bottom:10px}.eq-header .services-title{font-size:16px}.eq-refresh-btn{padding:8px 12px;font-size:13px}.eq-active-banner{padding:10px;border-radius:8px;margin-bottom:10px;font-size:12px;border-width:1px}.eq-modal{width:100vw;height:100vh;max-height:100vh;margin:0;border-radius:0}.eq-section-title{font-size:14px}.eq-description-box{padding:8px;font-size:13px;max-height:120px}.eq-attachments-grid{grid-template-columns:1fr 1fr;gap:6px}.eq-attachment-item img,.eq-attachment-item video{height:80px}.services-table{min-width:450px}.services-table th,.services-table td{padding:8px 6px;font-size:12px}.eq-accept-btn,.eq-view-btn{padding:6px 10px;font-size:11px}.eq-active-case-row td{padding:10px 6px}.eq-empty{padding:20px 10px;font-size:13px}}@media (max-width: 425px){.eq-header{margin-bottom:8px}.eq-header .services-title{font-size:15px}.eq-refresh-btn{padding:8px 10px;font-size:12px;gap:4px}.eq-refresh-btn span{font-size:14px}.eq-active-banner{padding:8px;font-size:11px;gap:4px;margin-bottom:8px}.eq-active-banner .icon{font-size:14px}.eq-description-box{padding:6px 8px;font-size:12px;max-height:100px}.eq-attachments-grid{grid-template-columns:1fr 1fr;gap:4px}.eq-attachment-item{border-radius:6px}.eq-attachment-item img,.eq-attachment-item video{height:70px}.services-table{min-width:400px}.services-table th{padding:8px 4px;font-size:11px}.services-table td{padding:6px 4px;font-size:11px}.eq-accept-btn,.eq-view-btn{padding:6px 8px;font-size:10px;border-radius:4px}.eq-active-case-row{border-left-width:3px}.eq-active-case-row td{padding:8px 4px}.eq-empty{padding:16px 8px;font-size:12px}.loading-spinner{width:32px;height:32px}}[dir=rtl] .eq-active-case-row{border-left:none;border-right:4px solid #00d4b3}@media (max-width: 425px){[dir=rtl] .eq-active-case-row{border-right-width:3px}}@media (hover: none) and (pointer: coarse){.eq-refresh-btn,.eq-accept-btn,.eq-view-btn{min-height:44px;min-width:44px}.services-table-wrapper{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}}.upgrade-subscription-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.upgrade-subscription-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;animation:modalFadeIn .3s ease-out}.upgrade-subscription-modal-title{font-size:24px;font-weight:700;color:#111827;margin:0 0 16px}.upgrade-subscription-modal-content{padding:28px}.upgrade-subscription-modal-message{font-size:16px;line-height:1.6;color:#374151;margin:0 0 24px;white-space:pre-line}.upgrade-subscription-modal-error-container{margin-bottom:20px}.upgrade-subscription-modal-form{display:flex;flex-direction:column;gap:20px}.upgrade-subscription-modal-field{display:flex;flex-direction:column;gap:8px}.upgrade-subscription-modal-label{font-size:14px;font-weight:500;color:#374151}.upgrade-subscription-modal-input{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:16px;transition:all .2s;outline:none}.upgrade-subscription-modal-input:focus{border-color:#00d4b3;box-shadow:0 0 0 3px #00d4b31a}.upgrade-subscription-modal-input:disabled{background:#f9fafb;cursor:not-allowed;opacity:.6}.upgrade-subscription-modal-error{font-size:14px;color:#ef4444;margin-top:4px}.upgrade-subscription-modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.upgrade-subscription-modal-btn{padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;border:none;min-width:120px}.upgrade-subscription-modal-btn:disabled{opacity:.6;cursor:not-allowed}.upgrade-subscription-modal-btn-cancel{background:#f3f4f6;color:#374151}.upgrade-subscription-modal-btn-cancel:hover:not(:disabled){background:#e5e7eb}.upgrade-subscription-modal-btn-submit{background:linear-gradient(135deg,#00d4b3,#0f766e);color:#fff;box-shadow:0 4px 12px #00d4b34d}.upgrade-subscription-modal-btn-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #00d4b366}.upgrade-subscription-modal-btn-submit:active:not(:disabled){transform:translateY(0)}[dir=rtl] .upgrade-subscription-modal-actions{flex-direction:row-reverse}.thank-you-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10001;padding:20px}.thank-you-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;animation:modalFadeIn .3s ease-out}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.thank-you-modal-content{padding:28px;display:flex;flex-direction:column;align-items:center;text-align:center}.thank-you-modal-icon{color:#10b981;margin-bottom:20px;animation:checkmarkAnimation .6s ease-out}@keyframes checkmarkAnimation{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.thank-you-modal-title{font-size:28px;font-weight:700;color:#111827;margin:0 0 16px;font-family:Red Hat Display,sans-serif}.thank-you-modal-message{font-size:16px;line-height:1.6;color:#374151;margin:0 0 32px;white-space:pre-line}.thank-you-modal-btn{padding:12px 32px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;background:linear-gradient(135deg,#00d4b3,#0f766e);color:#fff;box-shadow:0 4px 12px #00d4b34d;font-family:Red Hat Display,sans-serif}.thank-you-modal-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #00d4b366}.thank-you-modal-btn:active{transform:translateY(0)}[dir=rtl] .thank-you-modal-header{flex-direction:row-reverse}.ops-hub{display:flex;flex-direction:column;height:calc(100vh - 100px);background:#fff;overflow:hidden}.ops-hub-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 32px;border-bottom:2px solid #e5e7eb}.ops-hub-refresh-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border:2px solid #00D4B3;border-radius:8px;color:#00d4b3;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.ops-hub-refresh-btn:hover:not(:disabled){background:#00d4b3;color:#fff;transform:translateY(-1px);box-shadow:0 4px 8px #00d4b333}.ops-hub-refresh-btn:active:not(:disabled){transform:translateY(0)}.ops-hub-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.ops-hub-refresh-icon{transition:transform .3s ease}.ops-hub-refresh-icon.spinning{animation:spin 1s linear infinite}.ops-hub-clinic-select{padding:10px 12px;border:2px solid #e5e7eb;border-radius:8px;background:#fff;color:#111827;font-weight:600;min-width:260px}.ops-hub-clinic-select[disabled]{background:#f9fafb;cursor:not-allowed}.ops-hub-grid-wrap{padding:24px 32px;flex:1;height:100%;overflow:hidden}.ops-hub-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:24px;align-items:stretch;height:100%;overflow:hidden}.ops-hub-card{text-align:left;padding:28px;border-radius:14px;border:2px solid #e5e7eb;background:#fff;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;height:100%;width:100%;flex:1;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.ops-hub-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#00d4b3,#0f766e);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.ops-hub-card:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000014;border-color:#00d4b3}.ops-hub-card:hover:before{transform:scaleX(1)}.ops-hub-card:active{transform:translateY(-1px)}.ops-hub-card-emergency:hover{border-color:#ef4444}.ops-hub-card-emergency:before{background:linear-gradient(90deg,#ef4444,#dc2626)}.ops-hub-card-icon{color:#00d4b3;margin-bottom:12px;transition:transform .3s ease,color .3s ease}.ops-hub-card:hover .ops-hub-card-icon{transform:scale(1.05) rotate(2deg);color:#0f766e}.ops-hub-card-emergency .ops-hub-card-icon{color:#ef4444}.ops-hub-card-emergency:hover .ops-hub-card-icon{color:#dc2626}.ops-hub-card-title{font-size:20px;font-weight:700;color:#0f766e;margin-bottom:8px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.ops-hub-card-count{font-size:28px;font-weight:700;color:#00d4b3;background:linear-gradient(135deg,#00d4b3,#0f766e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;min-width:40px;text-align:right;transition:transform .2s ease}.ops-hub-card:hover .ops-hub-card-count{transform:scale(1.05)}.ops-hub-card-count-loading{display:flex;align-items:center;gap:4px;min-width:40px;justify-content:flex-end}.ops-hub-count-dot{width:8px;height:8px;border-radius:50%;background:#00d4b3;animation:pulse-dot 1.4s ease-in-out infinite}.ops-hub-count-dot:nth-child(1){animation-delay:0s}.ops-hub-count-dot:nth-child(2){animation-delay:.2s}.ops-hub-count-dot:nth-child(3){animation-delay:.4s}@keyframes pulse-dot{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}.ops-hub-card-sub{color:#6b7280;font-size:14px;margin-top:4px}.ops-hub-card-arrow{position:absolute;bottom:24px;right:24px;font-size:24px;color:#00d4b3;opacity:0;transform:translate(-8px);transition:all .3s ease}.ops-hub-card:hover .ops-hub-card-arrow{opacity:1;transform:translate(0)}.ops-hub-card-emergency .ops-hub-card-arrow{color:#ef4444}@media (max-width: 1024px){.ops-hub{height:auto;min-height:calc(100vh - 100px)}.ops-hub-grid-wrap{overflow-y:auto;overflow-x:hidden}.ops-hub-grid{grid-template-columns:1fr;grid-template-rows:repeat(4,minmax(200px,auto));gap:20px;height:auto;min-height:100%}.ops-hub-card{min-height:200px}}.ops-hub-card-wrapper{position:relative;height:100%;width:100%;display:flex}.ops-hub-card-locked .ops-hub-card{position:relative;pointer-events:auto;cursor:pointer;opacity:.85}.ops-hub-card-locked .ops-hub-card .ops-hub-card-icon,.ops-hub-card-locked .ops-hub-card .ops-hub-card-sub,.ops-hub-card-locked .ops-hub-card .ops-hub-card-arrow{filter:blur(.8px)}.ops-hub-card-lock-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ffffffb3;border-radius:14px;z-index:10;padding:20px;pointer-events:none}.ops-hub-card-locked .ops-hub-card .ops-hub-card-title{filter:blur(0)!important;opacity:1!important;position:relative;z-index:11!important;color:#0f766e!important;font-weight:700!important;text-shadow:0 1px 3px rgba(255,255,255,.9),0 0 1px rgba(15,118,110,.3)}.ops-hub-card-lock-icon{color:#6b7280;margin-bottom:16px;margin-top:20px;animation:lock-pulse 2s ease-in-out infinite;position:relative;display:flex;align-items:center;justify-content:center;z-index:2}@keyframes lock-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}@keyframes chain-pulse{0%,to{opacity:.5}50%{opacity:.9}}.ops-hub-card-lock-text{color:#374151;font-size:14px;font-weight:600;text-align:center;line-height:1.4;max-width:200px}.visit-reports-container{width:100%;padding:24px;background:#fff;min-height:100vh}.visit-reports-header{margin-bottom:24px}.visit-reports-title{font-size:28px;font-weight:600;color:#111827;margin:0 0 8px}.visit-reports-subtitle{font-size:14px;color:#6b7280;margin:0}.visit-reports-loading,.visit-reports-error,.visit-reports-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;text-align:center}.visit-reports-spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.visit-reports-retry-btn{margin-top:16px;padding:8px 16px;background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500}.visit-reports-retry-btn:hover{background:#2563eb}.visit-reports-table-wrapper{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.visit-reports-table{width:100%;border-collapse:collapse}.visit-reports-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.visit-reports-table th{padding:12px 16px;text-align:left;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.visit-reports-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .15s ease}.visit-reports-table tbody tr:hover{background:#f9fafb}.visit-reports-table tbody tr:last-child{border-bottom:none}.visit-reports-table td{padding:16px;font-size:14px;color:#111827}.visit-type-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.visit-type-inpatient{background:#dbeafe;color:#1e40af}.visit-type-outpatient{background:#dcfce7;color:#166534}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.status-checkout,.status-checkedout{background:#fef3c7;color:#92400e}.status-completed{background:#d1fae5;color:#065f46}.status-closed{background:#e5e7eb;color:#374151}.visit-reports-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:24px}.visit-reports-pagination-btn{padding:8px 16px;background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:14px;color:#374151;transition:all .15s ease}.visit-reports-pagination-btn:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.visit-reports-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.visit-reports-pagination-info{font-size:14px;color:#6b7280}.visit-reports-filters{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:20px;margin-bottom:24px}.visit-reports-filters-row{display:grid;gap:16px;margin-bottom:16px;max-width:100%}.visit-reports-filters-row:first-child{grid-template-columns:repeat(6,1fr);max-width:1400px}.visit-reports-filters-row:last-child{grid-template-columns:repeat(2,1fr);max-width:600px}.visit-reports-filters-row:last-child{margin-bottom:0}.visit-reports-filter-group{display:flex;flex-direction:column;gap:6px}.visit-reports-filter-group.visit-reports-filter-actions{justify-content:flex-end;align-items:flex-end}.visit-reports-filter-group.visit-reports-filter-actions .visit-reports-clear-btn{width:100%;max-width:150px;margin-top:0}.visit-reports-filter-label{font-size:13px;font-weight:500;color:#374151}.visit-reports-filter-input,.visit-reports-filter-select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#111827;background:#fff;transition:border-color .15s ease;width:100%;max-width:100%;box-sizing:border-box;min-width:0}.visit-reports-date-input{cursor:pointer;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='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px 16px;padding-right:36px}html[dir=rtl] .visit-reports-date-input,html[lang=ar] .visit-reports-date-input{background-position:left 12px center;padding-right:12px;padding-left:36px}.visit-reports-filter-input:focus,.visit-reports-filter-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.visit-reports-filter-select{cursor:pointer}.visit-reports-clear-btn{padding:8px 16px;background:#ef4444;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .15s ease}.visit-reports-clear-btn:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 2px 4px #ef44444d}.visit-reports-clear-btn:active{transform:translateY(0)}html[dir=rtl] .visit-reports-filters-row,html[lang=ar] .visit-reports-filters-row{direction:rtl}html[dir=rtl] .visit-reports-filter-input,html[dir=rtl] .visit-reports-filter-select,html[lang=ar] .visit-reports-filter-input,html[lang=ar] .visit-reports-filter-select{text-align:right;direction:rtl}@media (max-width: 1400px){.visit-reports-filters-row:first-child{grid-template-columns:repeat(3,1fr);max-width:900px}}@media (max-width: 1200px){.visit-reports-filters-row:first-child{grid-template-columns:repeat(3,1fr);max-width:900px}.visit-reports-filters-row:last-child{grid-template-columns:repeat(2,1fr);max-width:600px}}@media (max-width: 900px){.visit-reports-filters-row:first-child{grid-template-columns:repeat(2,1fr);max-width:100%}.visit-reports-filters-row:last-child{grid-template-columns:1fr;max-width:100%}}@media (max-width: 768px){.visit-reports-filters-row{grid-template-columns:1fr!important;max-width:100%!important}.visit-reports-filter-group.visit-reports-filter-actions{padding-top:0}}.visit-reports-view-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;transition:all .15s ease}.visit-reports-view-btn:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 2px 4px #3b82f64d}.visit-reports-view-btn:active{transform:translateY(0)}.visit-reports-view-btn svg{flex-shrink:0}html[dir=rtl] .visit-reports-table th,html[dir=rtl] .visit-reports-table td,html[lang=ar] .visit-reports-table th,html[lang=ar] .visit-reports-table td{text-align:right}@media (max-width: 768px){.visit-reports-container{padding:16px}.visit-reports-title{font-size:24px}.visit-reports-table-wrapper{overflow-x:auto}.visit-reports-table{min-width:600px}.visit-reports-table th,.visit-reports-table td{padding:12px;font-size:13px}}._post-feed-container_1ozn9_2{display:flex;flex-direction:column;gap:6px;font-family:'"Red Hat Display"',sans-serif;width:100%;margin:0 auto;align-items:center}._post-feed-post-container_1ozn9_12{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:2vw;width:100%;max-width:1400px;margin-left:0;margin-right:0;box-shadow:0 2px 6px #0000000d;box-sizing:border-box}@media (max-width: 1400px){._post-feed-post-container_1ozn9_12{max-width:98vw;padding:3vw}}@media (max-width: 800px){._post-feed-post-container_1ozn9_12{max-width:100vw;padding:4vw 2vw}}@media (max-width: 500px){._post-feed-container_1ozn9_2{gap:8px;width:100%!important;padding:0!important}._post-feed-post-container_1ozn9_12{width:100%!important;max-width:100%!important;padding:12px 16px!important;border-radius:0!important;border-left:none!important;border-right:none!important;box-shadow:none!important;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;margin-bottom:0!important}}._post-feed-post-container_1ozn9_12 ._channel-post-reaction-picker_1ozn9_61{z-index:10000!important;pointer-events:auto!important}._post-feed-post-container_1ozn9_12 ._channel-post-reaction-emoji_1ozn9_66{pointer-events:auto!important;cursor:pointer!important}._repost-comment_1ozn9_72{margin:15px 0 21px;font-size:18px;font-weight:400;color:#494949;line-height:1.5;font-family:Red Hat Display,sans-serif}.profile-section-container{margin-bottom:16px}.profile-section-container-mobile{margin-bottom:30px}.profile-card{background:#fff;border:1px solid #E5E7EB;border-radius:12px;padding:20px}.profile-info-container{display:flex;align-items:center;gap:12px;margin-bottom:20px}.profile-picture{width:70px;height:70px;border-radius:50%;flex-shrink:0;object-fit:contain;box-shadow:0 0 0 2px #fffc}.profile-text-container{flex:1;display:flex;flex-direction:column;align-items:flex-start}.profile-name{font-size:15px;color:#303e4e;margin:0 0 4px;font-weight:600}.profile-name-mobile{font-size:16px;color:#303e4e;margin:0 0 4px;font-weight:600}.profile-username{font-size:12px;color:#777;margin:0}.profile-stats-container{display:flex;justify-content:center;gap:20px;padding-top:20px;border-top:1px solid #F3F4F6}.profile-stat-item{text-align:center}.profile-stat-number{font-size:17.5px;font-weight:600;color:#494949;margin:0}.profile-stat-number-mobile{font-size:14px;font-weight:600;color:#494949;margin:0}.profile-stat-label{font-size:12.5px;color:#777}.profile-stat-label-mobile{font-size:10px;color:#777}.profile-button{background:#2a8ad2;color:#fff;border:none;border-radius:10px;padding:0;cursor:pointer;font-size:18px;width:100%;display:block;height:48px;font-family:Red Hat Display,sans-serif;font-style:normal;font-weight:700;line-height:48px;transition:background .3s ease;box-shadow:0 2px 8px #1018280d;margin:0 auto 18px;letter-spacing:.5px}.profile-button:hover{background:#1e6fa8}.profile-button-mobile{background:#2a8ad2;color:#fff;border:none;border-radius:12px;padding:6px 12px;cursor:pointer;font-size:14px;width:100%;display:flex;height:32px;justify-content:center;align-items:center;font-family:Red Hat Display,sans-serif;font-style:normal;font-weight:600;line-height:normal;transition:background .3s ease}.profile-button-mobile:hover{background:#1e6fa8}.my-pets-button{border:none;border-radius:10px;padding:0;cursor:pointer;font-size:18px;width:100%;display:flex;align-items:center;justify-content:center;gap:8px;height:48px;font-family:Red Hat Display,sans-serif;font-style:normal;font-weight:700;line-height:48px;transition:all .3s ease;box-shadow:0 2px 8px #1018280d;margin:0 auto;letter-spacing:.5px;background:#f3f4f6;color:#494949}.my-pets-button.active{color:#fff}.my-pets-button:not(.active):hover{background:#e5e7eb}.my-pets-button svg path{fill:#494949}.my-pets-button.active svg path{fill:#fff}.channels-toggle-btn{color:#6b7280;background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center}.channels-toggle-icon{transition:transform .2s ease}.channels-toggle-icon.collapsed{transform:rotate(-90deg)}.channels-loading,.channels-empty{padding:10px;text-align:center;color:#777;font-size:14px}.actions-card{background:#fff;border:none;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:10px}.communities-card{background:#fff;border:none;border-radius:12px;padding:12px}.action-button{color:#000;background:#fff;border:none!important;border-radius:8px;padding:14px 20px;cursor:pointer;font-size:16px;width:100%;display:flex;align-items:center;justify-content:center;gap:10px;height:48px;font-family:Red Hat Display,sans-serif;font-style:normal;font-weight:600;line-height:normal;transition:opacity .3s ease,transform .2s ease,background .2s ease;box-shadow:0 2px 8px #1018280d;letter-spacing:.3px}.action-button:hover{background:#f9fafb;transform:translateY(-1px)}.action-button:active{transform:translateY(0)}.action-button svg{flex-shrink:0}.social-sidebar-mobile{display:none;position:fixed;top:240px;left:-100%;width:280px;height:calc(100vh - 240px);background:#fff;border-right:1px solid #eee;padding:20px;overflow-y:auto;font-family:Red Hat Display,sans-serif;z-index:200;transition:left .3s ease}.right-sidebar-desktop{width:100%;max-width:300px;min-width:0;display:flex;flex-direction:column;gap:1.5rem;position:sticky;top:6rem;z-index:10}.right-sidebar-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:1rem;padding:1rem;margin-bottom:1.5rem;box-shadow:0 1px 2px #0000000d}.right-sidebar-card.no-bg{background-color:#fafafa;border:1px solid #F3F4F6;box-shadow:none}.right-sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.right-sidebar-title{font-size:.875rem;font-weight:700;color:#303e4e;margin:0}.right-sidebar-title.small{font-size:.75rem}.view-all-btn{background:transparent;border:none;padding:0;margin:0;color:#2a8ad2;font-weight:700;font-size:.75rem;cursor:pointer;transition:color .2s ease;outline:none;box-shadow:none}.view-all-btn:hover{color:#1e6fa8}.appointments-list{display:flex;flex-direction:column;gap:.75rem;max-height:200px;overflow-y:auto;overflow-x:hidden}.appointment-item{padding-bottom:.75rem;border-bottom:1px solid #e5e7eb}.appointment-item:last-child{border-bottom:none;padding-bottom:0}.appointment-service{font-size:17px;font-weight:600;color:#222;margin:0 0 .25rem}.appointment-time{font-size:14px;color:#555;margin:0 0 .25rem}.appointment-pet{font-size:14px;font-weight:500;color:#2563eb;margin:0}.appointment-clinic{font-size:14px;font-weight:500;color:#6b7280;margin:0}.trending-topics-list{display:flex;flex-wrap:wrap;gap:.5rem;max-height:150px;overflow-y:auto;overflow-x:hidden}.trending-topic-tag{display:inline-flex;align-items:center;padding:.25rem .75rem;background-color:#f3f4f6;color:#4b5563;border-radius:9999px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.trending-topic-tag:hover{background-color:#e5e7eb;color:#111827}.suggested-connections-list{display:flex;flex-direction:column;gap:.75rem;max-height:150px;overflow-y:auto;overflow-x:hidden}.connection-item{display:flex;align-items:center;justify-content:space-between;padding-bottom:.75rem;border-bottom:1px solid #F3F4F6}.connection-item:last-child{border-bottom:none;padding-bottom:0}.connection-info{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.connection-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.connection-details{flex:1;min-width:0;overflow:hidden}.connection-name{font-size:.875rem;font-weight:600;color:#303e4e;display:block;width:100%;text-align:left;background:transparent;border:none;padding:0;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-left:8px}.connection-name:hover{color:#1f2937}.connection-mutual{font-size:.75rem;color:#6b7280;margin-top:.125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.connect-btn{flex-shrink:0;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;border:none;outline:none;cursor:pointer;display:flex;align-items:center;justify-content:center;height:32px;transition:all .2s ease;color:#fff}.connect-btn:disabled{cursor:not-allowed;opacity:.7}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.skeleton-bar{background-color:#e5e7eb;border-radius:.25rem;margin-bottom:.25rem}.skeleton-text{height:.75rem}.skeleton-subtext{height:.5rem;width:75%}.error-message{text-align:center;padding:1rem 0}.error-text{font-size:.75rem;color:#ef4444;margin-bottom:.5rem}.empty-state{text-align:center;padding:1rem 0}.empty-text{font-size:.75rem;color:#6b7280}@media (max-width: 768px){.right-sidebar-desktop{display:none}.appointments-scrollable-mobile{max-height:200px;overflow-y:auto;overflow-x:hidden}.trending-topics-scrollable-mobile{max-height:150px;overflow-y:auto;overflow-x:hidden}.suggested-connections-scrollable-mobile{max-height:240px;overflow-y:auto;overflow-x:hidden}}.right-sidebar-mobile{display:none;position:fixed;bottom:-100%;left:0;right:0;height:60vh;background-color:#fff;border-top-left-radius:1rem;border-top-right-radius:1rem;padding:1.25rem;overflow-y:auto;z-index:50;transition:bottom .3s ease-in-out;box-shadow:0 -4px 6px -1px #0000001a}.right-sidebar-mobile-handle{width:2.5rem;height:.25rem;background-color:#d1d5db;border-radius:.25rem;margin:0 auto 1.25rem}.right-sidebar-mobile-content{display:flex;flex-direction:column;gap:1.25rem}@keyframes skeleton-loading{0%{background-color:#f0f0f0}50%{background-color:#e0e0e0}to{background-color:#f0f0f0}}.skeleton{animation:skeleton-loading 1.5s ease-in-out infinite;background-color:#f0f0f0}.social-feed-stories{width:100%;border-radius:var(--social-radius);padding:20px;background:var(--social-panel-bg);border:1px solid var(--social-border)}@media (max-width: 600px){.social-feed-stories{padding:12px}.social-main-area{padding:0;background:transparent}.social-feed-grid{padding:0;width:100%}}@media (max-width: 500px){.social-layout-row{padding:0}.mobile-left-sidebar,.mobile-right-sidebar{width:92vw;max-width:280px}.social-page-container{padding:97px 0 0!important;width:100%!important;max-width:100%!important;gap:0!important}.social-layout-row,.social-feed-grid,.social-main-area{padding:0!important;width:100%!important;max-width:100%!important;gap:0!important}.social-page-container.channel-page{padding-left:0;padding-right:0;gap:0}.social-page-container.channel-page .social-sidebar-desktop{display:none!important}.social-page-main{width:100%;max-width:100%}.sidebar-channels-toggle-btn{padding:2px}.sidebar-channels-toggle-btn svg{width:12px;height:12px}.sidebar-channels-title{font-size:12px}.channel-list-sidebar-toggle-btn{padding:8px 14px;margin-bottom:12px;font-size:13px;gap:6px}.channel-list-sidebar-toggle-btn svg{width:16px;height:16px}.channel-list-sidebar-drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:9999;animation:fadeIn .2s ease}.channel-list-sidebar-drawer{position:fixed;top:0;left:0;bottom:0;width:85vw;max-width:320px;background:#fff;z-index:10000;box-shadow:4px 0 24px #00000026;display:flex;flex-direction:column;animation:slideInLeft .3s ease;overflow-y:auto}.channel-list-sidebar-drawer.rtl{left:auto;right:0;box-shadow:-4px 0 24px #00000026;animation:slideInRight .3s ease}.channel-list-sidebar-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #E5E7EB;background:#fff;position:sticky;top:0;z-index:1}.channel-list-sidebar-drawer-header h2{margin:0;font-size:16px;font-weight:700;color:#1f2937;font-family:Red Hat Display,sans-serif}.channel-list-sidebar-drawer-close{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;color:#6b7280;transition:all .2s ease}.channel-list-sidebar-drawer-close:hover{background:#f3f4f6;color:#374151}.channel-list-sidebar-drawer-content{flex:1;padding:16px;overflow-y:auto}.channel-list-sidebar-drawer-content .social-sidebar-desktop{position:static;width:100%;max-height:none;box-shadow:none;border-radius:0;padding:0;background:transparent}}.create-channel-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeIn .2s ease}.create-channel-modal{background:#fff;border-radius:16px;width:100%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}.create-channel-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:1px solid #E5E7EB}.create-channel-modal-title{font-size:22px;font-weight:700;color:#1f2937;margin:0;font-family:Red Hat Display,sans-serif}.create-channel-modal-close{width:32px;height:32px;background:transparent;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:#9ca3af}.create-channel-modal-close:hover{background:#f3f4f6;color:#374151}.create-channel-modal-close svg{width:24px;height:24px}.create-channel-modal-form{padding:28px;display:flex;flex-direction:column;gap:28px}.create-channel-form-grid{display:grid;grid-template-columns:1fr 200px;gap:32px;align-items:flex-start}.create-channel-form-column{display:flex;flex-direction:column;gap:24px}.create-channel-form-group{display:flex;flex-direction:column;gap:8px}.create-channel-form-label{font-size:14px;font-weight:600;color:#374151;font-family:Red Hat Display,sans-serif;margin-bottom:4px}.create-channel-form-input,.create-channel-form-textarea{padding:10px 14px;border:1px solid #E5E7EB;border-radius:8px;font-size:15px;font-family:Red Hat Display,sans-serif;color:#1f2937;outline:none;transition:all .2s ease;resize:vertical;background:#fff}.create-channel-form-input:focus,.create-channel-form-textarea:focus{border-color:var(--user-type-color, #8548A8);box-shadow:0 0 0 3px color-mix(in srgb,var(--user-type-color, #8548A8) 15%,transparent)}.create-channel-form-input.error,.create-channel-form-textarea.error{border-color:#ef4444}.create-channel-form-error{font-size:12px;color:#ef4444;font-family:Red Hat Display,sans-serif}.create-channel-image-upload{display:flex;flex-direction:column;gap:12px;position:relative;cursor:pointer;border:2px dashed #D1D5DB;border-radius:14px;transition:border-color .2s ease,background .2s ease,transform .2s ease;overflow:hidden}.create-channel-image-upload:hover{border-color:var(--user-type-color, #8548A8);background:#f8f5fb;transform:translateY(-1px)}.create-channel-image-upload.profile{flex-direction:column;align-items:center;justify-content:center;gap:16px;border:2px dashed #E5E7EB;background:#fafbfc;padding:24px;border-radius:12px;min-height:200px}.create-channel-image-upload.profile:hover{border-color:var(--user-type-color, #8548A8);background:#f9fafb}.create-channel-image-upload input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.create-channel-image-preview{width:100%;min-height:220px;border-radius:12px;overflow:hidden;background:#f9fafb;display:flex;align-items:center;justify-content:center;pointer-events:none}.create-channel-image-upload.profile .create-channel-image-preview{width:auto;min-height:unset;background:transparent;pointer-events:none}.create-channel-image-preview img{width:100%;height:100%;object-fit:cover}.create-channel-image-placeholder{display:flex;flex-direction:column;align-items:center;gap:6px;color:#9ca3af;text-align:center;padding:24px}.create-channel-image-placeholder svg{width:32px;height:32px}.create-channel-image-placeholder span{font-size:14px;font-family:Red Hat Display,sans-serif}.create-channel-image-upload.profile .create-channel-image-placeholder{padding:0}.create-channel-drop-hint{font-size:13px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(135deg,var(--user-type-color, #8548A8) 0%,color-mix(in srgb,var(--user-type-color, #8548A8) 80%,white) 100%);padding:10px 20px;border-radius:8px;cursor:pointer;transition:all .2s ease;border:none;margin-top:8px}.create-channel-drop-hint:hover{transform:translateY(-1px);box-shadow:0 4px 12px color-mix(in srgb,var(--user-type-color, #8548A8) 30%,transparent)}.create-channel-profile-preview{width:140px;height:140px;border-radius:50%;overflow:hidden;border:3px solid #E5E7EB;background:#f9fafb;display:flex;align-items:center;justify-content:center;position:relative}.create-channel-profile-preview img{width:100%;height:100%;object-fit:cover}.create-channel-profile-placeholder{display:flex;align-items:center;justify-content:center;color:#9ca3af;gap:12px;flex-direction:column;text-align:center;width:100%}.create-channel-profile-placeholder span:first-of-type{font-size:13px;color:#6b7280;font-weight:500}.create-channel-image-upload.profile .create-channel-drop-hint{background:color-mix(in srgb,var(--user-type-color, #8548A8) 20%,transparent)}.create-channel-profile-placeholder svg{width:32px;height:32px}.create-channel-privacy-options{display:flex;flex-direction:column;gap:12px}.create-channel-privacy-option{display:flex;align-items:flex-start;gap:14px;padding:16px;border:2px solid #E5E7EB;border-radius:10px;cursor:pointer;transition:all .2s ease;background:#fff;position:relative}.create-channel-privacy-option:hover{border-color:var(--user-type-color, #8548A8);background:#fafbfc}.create-channel-privacy-option input[type=radio]{margin-top:2px;cursor:pointer}.create-channel-privacy-option input[type=radio]:checked+.privacy-option-content{color:var(--user-type-color, #8548A8)}.create-channel-privacy-option:has(input:checked){border-color:var(--user-type-color, #8548A8);background:color-mix(in srgb,var(--user-type-color, #8548A8) 5%,white);box-shadow:0 0 0 3px color-mix(in srgb,var(--user-type-color, #8548A8) 10%,transparent)}.create-channel-privacy-option:has(input:checked) .privacy-option-header{color:var(--user-type-color, #8548A8)}.create-channel-privacy-option:has(input:checked) .privacy-option-header svg{color:var(--user-type-color, #8548A8)}.create-channel-modal-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:20px;margin-top:8px}.create-channel-modal-cancel{padding:10px 20px;background:#fff;border:1px solid #E5E7EB;border-radius:8px;font-size:15px;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s ease;font-family:Red Hat Display,sans-serif}.create-channel-modal-cancel:hover{background:#f9fafb;border-color:#d1d5db;color:#374151}.create-channel-modal-submit{padding:10px 24px;background:linear-gradient(135deg,var(--user-type-color, #8548A8) 0%,color-mix(in srgb,var(--user-type-color, #8548A8) 70%,white) 100%);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Red Hat Display,sans-serif}.create-channel-modal-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px color-mix(in srgb,var(--user-type-color, #8548A8) 35%,transparent)}.create-channel-modal-submit:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 992px){.create-channel-form-grid{grid-template-columns:1fr;gap:28px}.create-channel-image-upload.profile{flex-direction:column;align-items:flex-start}}@media (max-width: 768px){.create-channel-modal{max-width:100%;max-height:95vh;margin:0}.create-channel-modal-header,.create-channel-modal-form{padding:20px}.create-channel-modal-actions{flex-direction:column-reverse}.create-channel-modal-cancel,.create-channel-modal-submit{width:100%}}.social-page{width:100%;min-height:100vh;background:#f9fafb}.social-page-container{display:flex;max-width:1600px;margin:0 auto;padding:70px 32px 12px;gap:20px;position:relative;align-items:flex-start;justify-content:center}.social-page-container.channel-page{max-width:none;justify-content:flex-start;gap:16px;padding-left:32px;padding-right:32px;padding-top:100px}.social-page-container .social-sidebar-desktop{flex-shrink:0;width:260px;min-height:auto;background:#fff;padding:12px 14px;font-family:Red Hat Display,sans-serif;position:sticky;top:90px;align-self:flex-start;max-height:calc(100vh - 110px);overflow-y:auto;border-radius:12px;box-shadow:0 2px 8px #0000000a}.social-page-container .social-sidebar-desktop.channel-list-only{display:none}.social-sidebar-desktop.channel-list-only .sidebar-channels-section{margin-top:0;padding-top:0;border-top:none}.sidebar-channels-section.channel-only{margin-top:0;padding-top:4px;border-top:none}.social-page-main{flex:1;min-width:0;max-width:1000px;background:#f9fafb}.channel-list-sidebar-toggle-btn{display:none}.social-page-container.channel-page .social-page-main{max-width:none;margin-right:auto}.social-page-container.channel-page .social-sidebar-desktop{top:20px}.channel-detail-container{background:#f9fafb}.channel-page-main{padding-top:0}.sidebar-channels-section{margin-top:24px;padding-top:24px;border-top:1px solid #E5E7EB}.sidebar-channels-title-wrapper{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:8px}.sidebar-channels-title{font-size:14px;font-weight:600;color:#6b7280;margin:0;font-family:Red Hat Display,sans-serif;text-transform:uppercase;letter-spacing:.5px;flex:1}.sidebar-channels-toggle-btn{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease;flex-shrink:0}.sidebar-channels-toggle-btn:hover{background:#f3f4f6;color:#374151}.sidebar-channels-toggle-btn:active{transform:scale(.95)}.sidebar-channels-list{display:flex;flex-direction:column;gap:8px;overflow:hidden;transition:max-height .3s ease,opacity .2s ease;max-height:1000px;opacity:1}.sidebar-channels-list.collapsed{max-height:0;opacity:0;margin-bottom:0;gap:0}.sidebar-channels-section.collapsed{margin-bottom:0}.sidebar-channel-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#f3f4f6;border:none;border-radius:10px;cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:600;font-family:Red Hat Display,sans-serif;text-align:left;width:100%}.sidebar-channel-item:hover{background:#e5e7eb;transform:translate(4px)}.sidebar-channel-item.active{box-shadow:0 2px 8px #0000001a}.sidebar-channel-image{width:32px;height:32px;border-radius:8px;object-fit:cover;border:2px solid rgba(255,255,255,.3);flex-shrink:0}.sidebar-channel-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-channel-item svg{width:20px;height:20px;flex-shrink:0}.social-loading-container{width:100vw;min-height:100vh;background:#fefefb;display:flex;align-items:center;justify-content:center;font-family:Red Hat Display,sans-serif}.social-loading-content{display:flex;flex-direction:column;align-items:center;gap:20px}.social-spinner{width:56px;height:56px;position:relative;border:3px solid rgba(0,0,0,.1);border-top-color:var(--user-type-color, #8548A8);border-radius:50%;animation:spinnerRotate 1s linear infinite}.social-spinner:before{content:"";position:absolute;width:56px;height:56px;border-radius:50%;border:3px solid transparent;border-top-color:var(--user-type-color, #8548A8);border-right-color:var(--user-type-color, #8548A8);animation:spinnerRotate 1s cubic-bezier(.5,0,.5,1) infinite}.social-loading-text{color:#666;font-size:16px;margin:0}.social-error-toast{position:fixed;top:20px;right:20px;background:#ef4444;color:#fff;padding:12px 20px;border-radius:8px;z-index:1000;font-size:14px;max-width:300px;box-shadow:0 4px 12px #00000026}.social-error-content{display:flex;justify-content:space-between;align-items:center}.social-error-btn{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;cursor:pointer;margin-right:8px}.social-error-close{background:none;border:none;color:#fff;cursor:pointer;font-size:16px}.social-success-toast{position:fixed;top:20px;right:20px;background:#10b981;color:#fff;padding:12px 20px;border-radius:8px;z-index:1000;font-size:14px;max-width:300px;box-shadow:0 4px 12px #00000026;animation:slideIn .3s ease-out}.social-success-content{display:flex;justify-content:space-between;align-items:center}.social-success-close{background:none;border:none;color:#fff;cursor:pointer;font-size:16px;margin-left:12px}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}:root{--social-bg: #FEFEFB;--social-panel-bg: #FFFFFF;--social-border: #E5E7EB;--social-radius: 20px;--social-shadow: 0 25px 45px rgba(15, 23, 42, .08);--social-gap: 10px}.social-root{width:100%;min-height:100vh;background:var(--social-bg);font-family:Red Hat Display,sans-serif;margin:0;padding:0;box-sizing:border-box}.social-feed-grid{width:min(1700px,100%);margin:0 auto;padding:20px clamp(16px,2vw,32px) 48px;display:flex;flex-direction:column;gap:var(--social-gap)}.social-feed-stories{width:100%;border-radius:var(--social-radius);padding:20px;background:var(--social-panel-bg);border:1px solid var(--social-border);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;transition:box-shadow .3s ease}.social-feed-stories:hover{box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -2px #00000006}.social-feed-body{display:grid;grid-template-columns:minmax(220px,270px) minmax(0,1fr) minmax(220px,280px);align-items:start}.social-main-area{margin-top:9vh;background:var(--social-panel-bg);border-radius:var(--social-radius);padding:clamp(20px,2vw,32px);display:flex;flex-direction:column;gap:clamp(20px,2vw,28px);min-height:100%}.social-main-area .social-feed-stories{margin-bottom:clamp(16px,2vw,28px);width:100%}.social-sidebar{border-radius:var(--social-radius);padding:16px;justify-content:center}@media (min-width: 1800px){.social-feed-grid{width:min(1900px,100%);padding:28px clamp(20px,3vw,36px) 56px}.social-feed-body{grid-template-columns:minmax(260px,350px) minmax(0,1fr) minmax(260px,350px)}}.social-sidebar-left,.social-sidebar-right{align-self:stretch}.sidebar-sticky-wrapper{position:sticky;top:clamp(120px,3vw,150px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(99,102,241,.3) transparent}.sidebar-sticky-wrapper::-webkit-scrollbar{width:6px}.sidebar-sticky-wrapper::-webkit-scrollbar-thumb{background-color:#6366f140;border-radius:999px}.social-sidebar-drawer{position:fixed;top:0;bottom:0;width:min(320px,85vw);background:var(--social-panel-bg);box-shadow:0 30px 90px #0f172a4d;transform:translate(-100%);transition:transform .35s cubic-bezier(.4,0,.2,1);z-index:2000;overflow-y:auto}.social-sidebar-drawer.social-sidebar-drawer-right{right:0;left:auto;transform:translate(100%)}.social-sidebar-drawer.open{transform:translate(0)}.social-sidebar-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a59;opacity:0;visibility:hidden;transition:opacity .3s ease;z-index:1990}.social-sidebar-drawer-backdrop.open{opacity:1;visibility:visible}.social-stories-section{width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}.social-stories-loading{display:flex;justify-content:center;align-items:center;height:120px;background:#fefefb;border-radius:12px;border:1px solid #E5E7EB}.social-stories-loading-content{display:flex;flex-direction:column;align-items:center;gap:12px}.social-stories-spinner{width:32px;height:32px;position:relative;border:2px solid rgba(0,0,0,.1);border-top-color:var(--user-type-color, #8548A8);border-radius:50%;animation:spinnerRotate 1s linear infinite}.social-stories-spinner:before{content:"";position:absolute;width:32px;height:32px;border-radius:50%;border:2px solid transparent;border-top-color:var(--user-type-color, #8548A8);border-right-color:var(--user-type-color, #8548A8);animation:spinnerRotate 1s cubic-bezier(.5,0,.5,1) infinite}.social-stories-loading-text{color:#6b7280;font-size:14px;font-family:Red Hat Display,sans-serif}@media (max-width: 1024px){.social-feed-grid{padding:18px 16px 40px}.social-feed-body{grid-template-columns:1fr}.social-sidebar{display:none}.social-main-area{padding:clamp(18px,3vw,26px)}}@media (max-width: 768px){.social-feed-grid{padding:16px 12px 36px}.social-feed-stories{box-shadow:none;border-radius:16px;padding:16px}}@media (max-width: 600px){.social-feed-stories{padding:12px}.social-main-area{padding:14px}}.social-layout-row{width:100%;margin:0 auto;padding:0;position:relative;box-sizing:border-box}.main-content-container{width:100%;max-width:100%;margin:0 auto}.social-sidebar,.socialsidebar{position:relative}.mobile-left-sidebar,.mobile-right-sidebar{position:fixed;top:0;bottom:0;background:#fff;box-shadow:2px 0 10px #0000001a;z-index:1000;overflow-y:auto;transform:translate(-100%);transition:transform .3s ease}.mobile-left-sidebar.open,.mobile-right-sidebar.open{transform:translate(0)}.mobile-left-sidebar{left:0}.mobile-right-sidebar{right:0}.mobile-sidebar-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.mobile-sidebar-backdrop.open{opacity:1;visibility:visible}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px 20px;color:#666;font-family:'"Red Hat Display"',sans-serif}.empty-state h3{margin:0 0 10px;color:#333;text-align:center;width:100%;display:block}.empty-state p{margin:0;color:#888;text-align:center;width:100%;display:block}.mobile-nav-buttons{display:none;position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:1000;gap:12px}.mobile-sidebar-toggle{display:flex;align-items:center;gap:8px;background:#fff;border:2px solid #8548A8;color:#8548a8;padding:12px 16px;border-radius:25px;font-family:'"Red Hat Display"',sans-serif;font-weight:500;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #8548a833}.mobile-sidebar-toggle:hover{background:#8548a8;color:#fff;transform:translateY(-2px);box-shadow:0 6px 16px #8548a84d}.mobile-sidebar-toggle svg{width:18px;height:18px}.swipe-hint-content{background:#8548a8e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;padding:12px 20px;border-radius:25px;font-family:'"Red Hat Display"',sans-serif;font-size:12px;font-weight:500;box-shadow:0 4px 12px #8548a84d;animation:fadeInUp .5s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.social-layout-row.no-select{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.mobile-sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e5e7eb;background:#8548a8;color:#fff;flex-shrink:0}.mobile-sidebar-header h3{margin:0;font-family:'"Red Hat Display"',sans-serif;font-size:18px;font-weight:600}.mobile-sidebar-close{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease}.mobile-sidebar-close:hover{background:#fff3}.mobile-sidebar-content{flex:1;overflow-y:auto;padding:0}.mobile-sidebar-content>div{height:100%!important;min-height:auto!important}.sidebar-sticky-wrapper{scrollbar-width:none;-ms-overflow-style:none}.sidebar-sticky-wrapper::-webkit-scrollbar{display:none}.mobile-sidebar-content{scrollbar-width:none;-ms-overflow-style:none}.mobile-sidebar-content::-webkit-scrollbar{display:none}@media (min-width: 1400px){.social-layout-row{max-width:min(1600px,calc(100% - 32px));gap:30px;padding-left:24px;padding-right:24px}.right-sidebar{width:340px;right:5px;left:auto;direction:ltr}}@media (min-width: 1600px){.social-layout-row{max-width:min(1680px,calc(100% - 32px));gap:32px;padding-left:26px;padding-right:26px}.right-sidebar{width:360px;right:5px;left:auto;direction:ltr}}@media (min-width: 1200px) and (max-width: 1399px){.social-layout-row{max-width:min(1320px,calc(100% - 32px));gap:24px;padding-left:22px;padding-right:22px}}@media (min-width: 1200px) and (max-width: 1599px){.social-layout-row{max-width:min(1320px,calc(100% - 32px));gap:24px;padding-left:22px;padding-right:22px}}@media (min-width: 1024px) and (max-width: 1024px){.social-layout-row{gap:16px;padding:16px;max-width:100%}.social-sidebar,.socialsidebar{width:220px;height:calc(100vh - 120px)}.right-sidebar{width:240px;right:5px;left:auto;direction:ltr}.main-content-container{max-width:560px}}@media (min-width: 1025px) and (max-width: 1199px){.social-layout-row{gap:16px;padding:16px;max-width:100%}.social-sidebar,.socialsidebar{width:280px;position:sticky;top:24px}.right-sidebar{width:260px;right:5px;left:auto;direction:ltr;position:sticky;top:24px}.main-content-container{max-width:560px}}@media (max-width: 1023px){.social-sidebar,.socialsidebar,.right-sidebar{display:none!important}.main-content-container{max-width:100%!important}.social-layout-row{padding:16px 12px;max-width:100%!important}.mobile-nav-buttons{display:none}.social-page-container.channel-page{padding-left:16px;padding-right:16px;gap:12px}.social-page-container.channel-page .social-sidebar-desktop{display:none!important}.social-page-container.channel-page .social-page-main{width:100%;max-width:100%}.sidebar-channels-toggle-btn{padding:3px}.sidebar-channels-toggle-btn svg{width:14px;height:14px}}@media (max-width: 767px){.social-layout-row{padding:12px 8px}.social-sidebar,.socialsidebar,.right-sidebar{display:none}.main-content-container{max-width:100%}.mobile-left-sidebar,.mobile-right-sidebar{width:85vw;max-width:320px}.social-page-container{padding:97px 12px 12px;gap:12px}.social-page-container.channel-page{padding-left:12px;padding-right:12px;gap:12px}.social-page-container.channel-page .social-sidebar-desktop,.social-page-container .social-sidebar-desktop{display:none!important}.social-page-main{width:100%;max-width:100%}.channel-list-sidebar-toggle-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;margin-bottom:16px;background:#fff;border:1px solid #E5E7EB;border-radius:12px;font-size:14px;font-weight:600;color:#475569;cursor:pointer;transition:all .2s ease;font-family:Red Hat Display,sans-serif;box-shadow:0 1px 3px #0000001a}.channel-list-sidebar-toggle-btn:hover{background:#f9fafb;border-color:#d1d5db;color:#334155;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.channel-list-sidebar-toggle-btn:active{transform:translateY(0)}.channel-list-sidebar-toggle-btn svg{width:18px;height:18px}.channel-list-sidebar-drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:9999;animation:fadeIn .2s ease}.channel-list-sidebar-drawer{position:fixed;top:0;left:0;bottom:0;width:85vw;max-width:320px;background:#fff;z-index:10000;box-shadow:4px 0 24px #00000026;display:flex;flex-direction:column;animation:slideInLeft .3s ease;overflow-y:auto}.channel-list-sidebar-drawer.rtl{left:auto;right:0;box-shadow:-4px 0 24px #00000026;animation:slideInRight .3s ease}.channel-list-sidebar-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #E5E7EB;background:#fff;position:sticky;top:0;z-index:1}.channel-list-sidebar-drawer-header h2{margin:0;font-size:18px;font-weight:700;color:#1f2937;font-family:Red Hat Display,sans-serif}.channel-list-sidebar-drawer-close{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;color:#6b7280;transition:all .2s ease}.channel-list-sidebar-drawer-close:hover{background:#f3f4f6;color:#374151}.channel-list-sidebar-drawer-content{flex:1;padding:20px;overflow-y:auto}.channel-list-sidebar-drawer-content .social-sidebar-desktop{position:static;width:100%;max-height:none;box-shadow:none;border-radius:0;padding:0;background:transparent}}@media (max-width: 480px){.social-layout-row{padding:8px 4px}.mobile-left-sidebar,.mobile-right-sidebar{width:90vw;max-width:300px}}@media (max-width: 425px){.social-layout-row{padding:6px 2px}.mobile-left-sidebar,.mobile-right-sidebar{width:92vw;max-width:280px}.social-page-container{padding:97px 8px 8px;gap:8px}.social-page-container.channel-page{padding-left:8px;padding-right:8px;gap:8px}.social-page-container.channel-page .social-sidebar-desktop{display:none!important}.social-page-main{width:100%;max-width:100%}.sidebar-channels-toggle-btn{padding:2px}.sidebar-channels-toggle-btn svg{width:12px;height:12px}.sidebar-channels-title{font-size:12px}.channel-list-sidebar-toggle-btn{padding:8px 14px;margin-bottom:12px;font-size:13px;gap:6px}.channel-list-sidebar-toggle-btn svg{width:16px;height:16px}.channel-list-sidebar-drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:9999;animation:fadeIn .2s ease}.channel-list-sidebar-drawer{position:fixed;top:0;left:0;bottom:0;width:85vw;max-width:320px;background:#fff;z-index:10000;box-shadow:4px 0 24px #00000026;display:flex;flex-direction:column;animation:slideInLeft .3s ease;overflow-y:auto}.channel-list-sidebar-drawer.rtl{left:auto;right:0;box-shadow:-4px 0 24px #00000026;animation:slideInRight .3s ease}.channel-list-sidebar-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #E5E7EB;background:#fff;position:sticky;top:0;z-index:1}.channel-list-sidebar-drawer-header h2{margin:0;font-size:16px;font-weight:700;color:#1f2937;font-family:Red Hat Display,sans-serif}.channel-list-sidebar-drawer-close{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;color:#6b7280;transition:all .2s ease}.channel-list-sidebar-drawer-close:hover{background:#f3f4f6;color:#374151}.channel-list-sidebar-drawer-content{flex:1;padding:16px;overflow-y:auto}.channel-list-sidebar-drawer-content .social-sidebar-desktop{position:static;width:100%;max-height:none;box-shadow:none;border-radius:0;padding:0;background:transparent}}@media (max-width: 360px){.mobile-left-sidebar,.mobile-right-sidebar{width:95vw;max-width:280px}}.userprofile-root{width:100%;max-width:100vw;min-height:100vh;background:#f8fafc;font-family:Red Hat Display,sans-serif;position:relative;overflow-x:hidden;box-sizing:border-box}.userprofile-layout{display:flex;flex-direction:row;width:100%;max-width:100%;gap:24px;padding:100px 24px 0;box-sizing:border-box;align-items:flex-start;overflow-x:hidden;position:relative}.userprofile-sidebar-menu{width:280px;flex-shrink:0;display:flex;flex-direction:column;gap:16px;position:fixed;top:120px;left:24px;height:fit-content;max-height:calc(100vh - 120px);overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;z-index:10}.userprofile-sidebar-menu::-webkit-scrollbar{display:none}.userprofile-sidebar-profile-info{background:#fff;border-radius:16px;padding:20px;box-shadow:0 2px 8px #0000000a;display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:8px;animation:slideInFromTop .3s ease-out}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.userprofile-sidebar-avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;position:relative;border:3px solid var(--user-type-color, #8548A8);box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.userprofile-sidebar-avatar:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000026}.userprofile-sidebar-avatar-img{width:100%;height:100%;object-fit:cover}.userprofile-sidebar-name{font-size:1.1rem;font-weight:600;color:#111827;margin:0;text-align:center;font-family:Red Hat Display,sans-serif;line-height:1.3;word-break:break-word}.userprofile-sidebar-subtype{font-size:.875rem;font-weight:500;color:#8548a8;margin:4px 0 0;text-align:center;font-family:Red Hat Display,sans-serif;line-height:1.2}.userprofile-main-content{flex:1;min-width:0;max-width:100%;display:flex;flex-direction:column;gap:0;box-sizing:border-box;overflow-x:hidden;margin-top:0;padding-top:0;margin-left:304px}.userprofile-tab-panel{width:100%;max-width:100%;display:flex;flex-direction:column;gap:24px;animation:fadeIn .3s ease-out;box-sizing:border-box;overflow-x:hidden;margin-top:24px;padding-top:0;min-height:0;position:relative}.userprofile-header-menu-cards{display:flex;gap:16px;width:100%;flex-wrap:wrap;margin-top:0}.userprofile-menu-card{background:#fff;border:1px solid transparent;border-radius:16px;padding:20px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000000d;width:100%}.userprofile-menu-card:hover{border-color:var(--user-type-color, #8548A8);box-shadow:0 4px 16px #00000014}.userprofile-menu-card.active{border-color:var(--user-type-color, #8548A8);background:linear-gradient(135deg,#fff,color-mix(in srgb,var(--user-type-color, #8548A8) 3%,transparent));box-shadow:0 8px 24px color-mix(in srgb,var(--user-type-color, #8548A8) 15%,transparent)}.userprofile-menu-card-header{margin-bottom:16px}.userprofile-menu-card-title{font-size:1.25rem;font-weight:700;color:#111827;margin:0;font-family:Red Hat Display,sans-serif;letter-spacing:-.3px}.userprofile-menu-card.active .userprofile-menu-card-title{color:var(--user-type-color, #8548A8)}.userprofile-menu-card-content{display:flex;flex-direction:column;gap:12px}.userprofile-stats-grid{display:grid;grid-template-columns:1fr;gap:12px}.userprofile-stat-card-modern{display:flex;align-items:center;gap:12px;padding:16px;background:#f9fafb;border:1px solid #E5E7EB;border-radius:12px;transition:all .2s ease}.userprofile-stat-card-modern:hover{background:#f3f4f6;border-color:var(--user-type-color, #8548A8);transform:translate(4px)}.userprofile-stat-icon{font-size:24px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--user-type-color, #8548A8),color-mix(in srgb,var(--user-type-color, #8548A8) 80%,transparent));border-radius:12px;flex-shrink:0}.userprofile-stat-info{flex:1;display:flex;flex-direction:column}.userprofile-stat-card-modern .userprofile-stat-number{font-size:1.5rem;font-weight:700;color:#111827;margin:0;line-height:1.2}.userprofile-stat-card-modern .userprofile-stat-label{font-size:.875rem;color:#6b7280;margin:0;text-transform:none;letter-spacing:0;font-weight:500}.userprofile-header-section{display:flex;flex-direction:column;gap:24px;width:100%}.userprofile-header-card{background:#fff;border-radius:20px;padding:32px;box-shadow:0 4px 16px #0000000f;display:flex;flex-direction:column;gap:24px;animation:fadeInSlideDown .3s ease-out;width:100%;max-width:100%;box-sizing:border-box;overflow:visible}@keyframes fadeInSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.userprofile-header-top-section{margin-top:24px;display:flex;gap:32px;align-items:flex-start;width:100%;max-width:100%;box-sizing:border-box;flex-wrap:wrap;overflow:visible}.userprofile-header-bio-section{width:100%;padding-top:24px;border-top:1px solid #E5E7EB}.userprofile-header-bio-section .userprofile-bio-header{margin-bottom:12px}.userprofile-header-bio-section .userprofile-bio-title{font-size:1.1rem;font-weight:600;color:#1f2937;margin:0;font-family:Red Hat Display,sans-serif}.userprofile-header-bio-section .userprofile-bio{font-size:.95rem;color:#4b5563;line-height:1.6;margin:0;font-family:Red Hat Display,sans-serif;white-space:pre-wrap}.userprofile-header-bio-section .userprofile-bio-empty{font-size:.9rem;color:#9ca3af;font-style:italic;margin:0;font-family:Red Hat Display,sans-serif}.userprofile-header-stats-cards{display:flex;flex-direction:row;gap:16px;flex-shrink:0;align-items:start;flex-wrap:wrap;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.userprofile-header-stats-cards::-webkit-scrollbar{display:none}.userprofile-stat-square-card{width:100px;min-width:90px;max-width:100px;height:100px;background:#fff;border:1px solid transparent;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:12px;box-sizing:border-box;transition:all .2s ease;cursor:default;flex-shrink:0;overflow:hidden}.userprofile-stat-square-card:hover{border-color:var(--user-type-color, #8548A8);box-shadow:0 2px 8px #00000014}.userprofile-stat-square-clickable{cursor:pointer}.userprofile-stat-square-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:24px;background:color-mix(in srgb,var(--user-type-color, #8548A8) 10%,transparent);border-radius:8px;margin-bottom:4px}.userprofile-stat-square-number{font-size:1.5rem;font-weight:700;color:#111827;font-family:Red Hat Display,sans-serif;line-height:1}.userprofile-stat-square-label{font-size:.75rem;color:#6b7280;font-family:Red Hat Display,sans-serif;text-align:center;line-height:1.2;word-break:break-word}.userprofile-header-user-info{flex:1;display:flex;gap:24px;align-items:flex-start;min-width:0;max-width:100%;box-sizing:border-box;overflow:visible}.userprofile-header-avatar-section{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:12px}.userprofile-header-info{flex:1;display:flex;flex-direction:column;gap:16px;overflow:visible}.userprofile-detail-item{display:flex;align-items:center;gap:12px;color:#4b5563;font-size:1rem}.userprofile-detail-item svg{flex-shrink:0;color:#6b7280}.userprofile-avatar-error{padding:8px 12px;background-color:#fee2e2;border:1px solid #FCA5A5;border-radius:8px;color:#991b1b;font-size:14px;text-align:center;max-width:300px;word-wrap:break-word;box-shadow:0 2px 8px #00000026}.userprofile-bio-card{background:#fff;border-radius:20px;padding:32px;box-shadow:0 4px 16px #0000000f}.userprofile-sections-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;width:100%;max-width:100%;box-sizing:border-box}.userprofile-section-card{background:#fff;border-radius:20px;padding:32px;box-shadow:0 4px 6px -1px #0000000d;border:1px solid #f3f4f6;width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden;min-height:0;margin:0;position:relative}.userprofile-tab-indicators{display:flex;justify-content:center;gap:12px;margin-bottom:20px}.userprofile-tab-indicator{width:40px;height:40px;border-radius:50%;border:2px solid #E5E7EB;background:#fff;color:#6b7280;font-size:18px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;font-family:Red Hat Display,sans-serif}.userprofile-tab-indicator:hover{border-color:var(--user-type-color, #8548A8);color:var(--user-type-color, #8548A8)}.userprofile-tab-indicator.active{background:var(--user-type-color, #8548A8);border-color:var(--user-type-color, #8548A8);color:#fff}.userprofile-content-wrapper{display:flex;align-items:center;gap:30px;position:relative}.userprofile-content-container{flex:1;background:#fff;border:1px solid #E5E7EB;border-radius:18px;padding:0;height:800px;max-height:800px;box-shadow:0 2px 16px #0000000f;overflow:hidden;position:relative}.userprofile-nav-arrow{width:50px;height:50px;border-radius:50%;border:2px solid var(--user-type-color, #8548A8);background:#fff;color:var(--user-type-color, #8548A8);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;padding:0;flex-shrink:0;box-shadow:0 2px 8px #0000001a}.userprofile-nav-arrow svg{width:24px;height:24px;flex-shrink:0}.userprofile-nav-arrow:hover{background:var(--user-type-color, #8548A8);color:#fff;transform:scale(1.05);box-shadow:0 4px 12px color-mix(in srgb,var(--user-type-color, #8548A8) 30%,transparent)}.userprofile-nav-arrow:active{transform:scale(.95)}.userprofile-tabs-wrapper{display:flex;width:300%;height:100%;will-change:transform;transition:transform .4s cubic-bezier(.4,0,.2,1)}.userprofile-tabs-wrapper>.userprofile-tab-content{flex:0 0 33.333%;width:33.333%}.userprofile-tab-content{width:100%;height:100%;padding:30px;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;background:#fff;border-radius:12px;border:3px solid}.userprofile-tab-content-posts{overflow:hidden;padding:0}.userprofile-posts-container{width:100%;min-height:0;overflow-y:auto;overflow-x:hidden;padding:0;box-sizing:border-box;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.userprofile-posts-container::-webkit-scrollbar{display:none}.userprofile-load-more-container{display:flex;justify-content:center;align-items:center;padding:24px;margin-top:16px}.userprofile-load-more-btn{background:linear-gradient(135deg,#8548a8,#6b3a8e);color:#fff;border:none;border-radius:12px;padding:12px 32px;font-size:.95rem;font-weight:600;font-family:Red Hat Display,sans-serif;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #8548a84d;display:flex;align-items:center;gap:8px}.userprofile-load-more-btn:hover:not(:disabled){background:linear-gradient(135deg,#6b3a8e,#5a2f75);transform:translateY(-2px);box-shadow:0 6px 16px #8548a866}.userprofile-load-more-btn:disabled{opacity:.6;cursor:not-allowed}.userprofile-load-more-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid #fff;border-radius:50%;animation:spin .8s linear infinite}.userprofile-loading{width:100%;min-height:calc(100vh - 200px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:#f8fafc}.userprofile-error{width:100%;min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.userprofile-error button{padding:10px 24px;background:var(--user-type-color, #8548A8);color:#fff;border:none;border-radius:8px;cursor:pointer;font-family:Red Hat Display,sans-serif;font-size:14px;font-weight:500;transition:background .2s ease}.userprofile-error button:hover{background:color-mix(in srgb,var(--user-type-color, #8548A8) 80%,black)}.userprofile-info-header{display:flex;align-items:flex-start;gap:20px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #E5E7EB;justify-content:space-between}.userprofile-avatar-container{flex-shrink:0;position:relative}.userprofile-avatar-editable{cursor:pointer;transition:all .2s ease}.userprofile-avatar-editable:hover .userprofile-avatar-overlay{opacity:1}.userprofile-avatar{width:160px;height:160px;border-radius:50%;object-fit:cover;border:5px solid var(--user-type-color, #8548A8);box-shadow:0 8px 24px #00000026,0 0 0 4px #fffc;display:block;transition:transform .3s ease,box-shadow .3s ease}.userprofile-avatar-container:hover .userprofile-avatar{transform:scale(1.02);box-shadow:0 12px 32px #0003,0 0 0 4px #ffffffe6}.userprofile-avatar-overlay{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease;pointer-events:none}.userprofile-avatar-overlay svg{width:32px;height:32px}.userprofile-avatar-uploading{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:#0009;display:flex;align-items:center;justify-content:center;pointer-events:none}.userprofile-avatar-spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.userprofile-header-content{display:flex;gap:20px;flex:1;align-items:flex-start;flex-wrap:wrap;position:relative}.userprofile-avatar-container{flex-shrink:0}.userprofile-avatar{width:120px;height:120px;border-radius:50%;object-fit:cover;border:4px solid var(--user-type-color, #8548A8);box-shadow:0 4px 12px #0000001a}.userprofile-name-section{flex:0 0 auto;min-width:200px}.userprofile-name{font-size:2.5rem;font-weight:700;color:#111827;margin:0;font-family:Red Hat Display,sans-serif;letter-spacing:-.5px;line-height:1.2}.userprofile-subtype{font-size:1rem;font-weight:500;color:#8548a8;margin:4px 0 0;font-family:Red Hat Display,sans-serif;line-height:1.2}.userprofile-username{font-size:1.2rem;color:#6b7280;margin:0 0 8px;font-family:Red Hat Display,sans-serif}.userprofile-contact,.userprofile-email{font-size:.95rem;color:#4b5563;margin:0 0 4px;font-family:Red Hat Display,sans-serif}.userprofile-email{margin-bottom:0}.userprofile-bio-section{flex:0 0 auto;width:350px;max-width:350px}.userprofile-bio-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.userprofile-bio-title{font-size:1.1rem;font-weight:600;color:#1f2937;margin:0;font-family:Red Hat Display,sans-serif}.userprofile-bio-edit-btn{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center;color:var(--user-type-color, #8548A8)}.userprofile-bio-edit-btn:hover{background-color:color-mix(in srgb,var(--user-type-color, #8548A8) 10%,transparent)}.userprofile-bio{font-size:1rem;line-height:1.6;color:#374151;margin:0;font-family:Red Hat Display,sans-serif;white-space:pre-wrap}.userprofile-bio-empty{font-size:.95rem;color:#9ca3af;font-style:italic;margin:0;font-family:Red Hat Display,sans-serif}.userprofile-bio-edit-container{display:flex;flex-direction:column;gap:12px}.userprofile-bio-input{width:100%;padding:12px 16px;border:2px solid #E5E7EB;border-radius:8px;font-family:Red Hat Display,sans-serif;font-size:1rem;line-height:1.5;color:#303e4e;background:#fff;resize:vertical;min-height:100px;outline:none;transition:border-color .2s ease}.userprofile-bio-input:focus{border-color:var(--user-type-color, #8548A8)}.userprofile-bio-edit-actions{display:flex;gap:8px;justify-content:flex-end}.userprofile-bio-save-btn{background:var(--user-type-color, #8548A8);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-family:Red Hat Display,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.userprofile-bio-save-btn:hover:not(:disabled){background:color-mix(in srgb,var(--user-type-color, #8548A8) 80%,black)}.userprofile-bio-save-btn:disabled{background:#9ca3af;cursor:not-allowed}.userprofile-bio-cancel-btn{background:#f3f4f6;color:#6b7280;border:1px solid #D1D5DB;padding:8px 16px;border-radius:6px;font-family:Red Hat Display,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.userprofile-bio-cancel-btn:hover:not(:disabled){background:#e5e7eb}.userprofile-bio-cancel-btn:disabled{background:#f9fafb;cursor:not-allowed}.userprofile-profile-details{margin-top:24px;padding-top:16px;border-top:1px solid #E5E7EB;display:flex;flex-direction:column;gap:12px}.userprofile-profile-details-title{margin:0;font-size:1rem;font-weight:600;color:#111827;font-family:Red Hat Display,sans-serif}.userprofile-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.userprofile-detail-card{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#f9fafb;border:1px solid #E5E7EB;border-radius:10px;position:relative}.userprofile-detail-icon{width:32px;height:32px;border-radius:8px;background:color-mix(in srgb,var(--user-type-color, #8548A8) 12%,#F3F4F6);display:flex;align-items:center;justify-content:center;color:#111827;flex-shrink:0}.userprofile-detail-text{display:flex;flex-direction:column;gap:4px}.userprofile-detail-label{font-size:.85rem;color:#6b7280;font-family:Red Hat Display,sans-serif}.userprofile-detail-value{font-size:.98rem;color:#111827;font-family:Red Hat Display,sans-serif;word-break:break-word}.userprofile-detail-visibility-btn{position:absolute;top:8px;right:8px;width:28px;height:28px;border:1px solid #E5E7EB;border-radius:8px;background:#fff;display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer;color:#374151;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.userprofile-detail-visibility-btn:hover{background:color-mix(in srgb,var(--user-type-color, #8548A8) 8%,#FFFFFF);border-color:color-mix(in srgb,var(--user-type-color, #8548A8) 30%,#E5E7EB);color:#111827}.userprofile-root.rtl .userprofile-detail-visibility-btn{right:auto;left:8px}.userprofile-detail-privacy{margin-top:4px;display:inline-flex;align-items:center;gap:6px;font-size:.85rem;font-weight:600;padding:4px 8px;border-radius:999px;background:#f3f4f6;color:#6b7280}.userprofile-detail-privacy.private{background:color-mix(in srgb,var(--user-type-color, #8548A8) 10%,#FDF2F8);color:color-mix(in srgb,var(--user-type-color, #8548A8) 60%,#7C3AED)}.userprofile-add-bio-btn{background:none;border:2px dashed var(--user-type-color, #8548A8);color:var(--user-type-color, #8548A8);padding:16px;border-radius:8px;font-family:Red Hat Display,sans-serif;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;width:100%;text-align:left;min-height:120px}.userprofile-add-bio-btn:hover{background:color-mix(in srgb,var(--user-type-color, #8548A8) 5%,transparent);border-color:color-mix(in srgb,var(--user-type-color, #8548A8) 80%,black);color:color-mix(in srgb,var(--user-type-color, #8548A8) 80%,black)}.userprofile-success-toast{position:fixed;top:80px;left:50%;transform:translate(-50%);z-index:1000;background:#f0fdf4;border:1px solid #BBF7D0;border-radius:12px;padding:16px 24px;box-shadow:0 4px 6px #0000001a}.userprofile-success-content{display:flex;align-items:center;gap:12px}.userprofile-success-text{font-family:Red Hat Display,sans-serif;font-size:14px;color:#16a34a;font-weight:500}.userprofile-actions-container{display:flex;align-items:center;gap:12px;margin-top:auto;margin-bottom:0;overflow:visible;position:relative;z-index:50;flex-wrap:wrap;justify-content:flex-start;width:100%;flex-basis:100%}.userprofile-action-btn{display:flex;justify-content:center;align-items:center;gap:8px;padding:10px 20px;border-radius:8px;border:none;cursor:pointer;font-family:Red Hat Display,sans-serif;font-size:14px;font-weight:500;transition:all .2s ease;min-width:120px;flex:1;max-width:220px}.userprofile-action-btn.follow{background:#3b82f6;color:#fff}.userprofile-action-btn.follow:hover{background:#2563eb}.userprofile-action-btn.follow.following{background:#10b981}.userprofile-action-btn.follow.following:hover{background:#059669}.userprofile-action-btn.follow.pending{background:#f59e0b}.userprofile-action-btn.follow.pending:hover{background:#d97706}.userprofile-action-btn.follow.confirm{background:#3b82f6}.userprofile-action-btn.follow.confirm:hover{background:#2563eb}.userprofile-action-btn.message{background:#4949491f;color:#303e4e}.userprofile-action-btn.message:hover{background:#49494933}.userprofile-action-btn .btn-text{white-space:nowrap}.userprofile-action-btn svg{flex-shrink:0}.userprofile-action-btn.block{background:#dc2626;color:#fff}.userprofile-action-btn.block:hover{background:#b91c1c}.userprofile-action-btn.unblock{background:#10b981;color:#fff}.userprofile-action-btn.unblock:hover{background:#059669}.userprofile-more-menu-container{position:relative;z-index:100}.userprofile-more-menu-btn{display:flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:50%;border:1px solid #E5E7EB;background:#fff;cursor:pointer;color:#6b7280;transition:all .2s ease;flex-shrink:0}.userprofile-more-menu-btn:hover{background:#f3f4f6;color:#303e4e}.userprofile-more-menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;min-width:180px;z-index:9999;overflow:visible;animation:dropdownFadeIn .2s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.userprofile-more-menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;border:none;background:transparent;cursor:pointer;font-family:Red Hat Display,sans-serif;font-size:14px;font-weight:500;color:#303e4e;transition:background .2s ease;text-align:left}.userprofile-more-menu-item:hover{background:#f3f4f6}.userprofile-more-menu-item.block{color:#dc2626}.userprofile-more-menu-item.block:hover{background:#fef2f2}.userprofile-more-menu-item.unblock{color:#10b981}.userprofile-more-menu-item.unblock:hover{background:#ecfdf5}.userprofile-more-menu-item svg{flex-shrink:0}[dir=rtl] .userprofile-more-menu-dropdown{right:auto;left:0}@media (max-width: 1024px){.userprofile-action-btn .btn-text{display:none}.userprofile-action-btn.follow,.userprofile-action-btn.message{min-width:40px;max-width:40px;width:40px;height:40px;padding:0;border-radius:50%;flex:0 0 40px}.userprofile-actions-container{display:flex;align-items:center;gap:12px;margin-top:auto;margin-bottom:0;overflow:visible;position:relative;z-index:50;flex-wrap:wrap;justify-content:center;width:100%;flex-basis:100%}}.userprofile-stats-container{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;flex-shrink:0;width:300px}.userprofile-stat-card{background:#fff;border:none;border-radius:12px;padding:16px 24px;text-align:center;width:140px;box-shadow:0 2px 8px #0000000d}.userprofile-stat-card-clickable{cursor:pointer;transition:all .2s ease}.userprofile-stat-card-clickable:hover{box-shadow:0 4px 12px #0000001a}.userprofile-stat-number{font-size:1.75rem;font-weight:700;color:var(--user-type-color, #8548A8);margin-bottom:4px;font-family:Red Hat Display,sans-serif}.userprofile-stat-label{font-size:.875rem;color:#6b7280;font-family:Red Hat Display,sans-serif;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.userprofile-section{margin-bottom:20px}.userprofile-section:last-child{margin-bottom:0}.userprofile-sections-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:0}.userprofile-sections-row .userprofile-section{margin-bottom:0}.userprofile-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid var(--user-type-color, #8548A8)}.userprofile-section-title{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0;font-family:Red Hat Display,sans-serif;display:flex;align-items:center;gap:8px}.userprofile-add-pet-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background-color:var(--user-type-color, #8548A8);color:#fff;border:none;cursor:pointer;transition:all .2s ease;padding:0}.userprofile-add-pet-btn:hover{transform:scale(1.1);box-shadow:0 4px 8px #00000026;background-color:color-mix(in srgb,var(--user-type-color, #8548A8) 85%,black)}.userprofile-add-pet-btn:active{transform:scale(.95)}.userprofile-section-count{font-size:1rem;font-weight:400;color:#6b7280;font-family:Red Hat Display,sans-serif}.userprofile-view-all-btn{background:#fff;border:2px solid var(--user-type-color, #8548A8);color:var(--user-type-color, #8548A8);border-radius:8px;padding:8px 16px;font-family:Red Hat Display,sans-serif;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.userprofile-view-all-btn:hover{background:var(--user-type-color, #8548A8);color:#fff}.userprofile-slider-container{position:relative;overflow:hidden;padding:0 50px}.userprofile-slider-wrapper{overflow:hidden;width:100%}.userprofile-slider-content{display:flex;gap:20px}.userprofile-pets-grid.userprofile-slider-content .userprofile-pet-card{flex:0 0 calc((100% - 20px)/2);min-width:120px;max-width:calc((100% - 20px)/2)}.userprofile-pets-grid:not(.userprofile-slider-content) .userprofile-pet-card{flex:0 0 120px}.userprofile-communities-grid.userprofile-slider-content .userprofile-community-card{flex:0 0 calc((100% - 40px) / 3);min-width:200px}.userprofile-pets-grid:not(.userprofile-slider-content),.userprofile-communities-grid:not(.userprofile-slider-content){display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:20px}.userprofile-slider-arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:2px solid var(--user-type-color, #8548A8);background:#fff;color:var(--user-type-color, #8548A8);font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10;box-shadow:0 2px 8px #0000001a}.userprofile-slider-arrow:hover{background:var(--user-type-color, #8548A8);color:#fff;box-shadow:0 4px 12px color-mix(in srgb,var(--user-type-color, #8548A8) 20%,transparent)}.userprofile-slider-arrow-left{left:-20px}.userprofile-slider-arrow-right{right:-20px}.userprofile-pets-grid{display:flex;flex-wrap:nowrap;gap:20px}.userprofile-pets-actions{display:flex;align-items:center;gap:12px;margin-left:auto}.userprofile-pets-search-toggle-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid #E5E7EB;background:#fff;color:#4b5563;font-size:.85rem;font-family:Red Hat Display,sans-serif;cursor:pointer;transition:all .2s ease}.userprofile-pets-search-toggle-btn:hover{border-color:var(--user-type-color, #8548A8);color:#111827;box-shadow:0 2px 6px #0000000f}.userprofile-pets-search-wrapper{position:relative;overflow:hidden;max-width:0;opacity:0;transform:translate(16px);transition:all .25s ease}.userprofile-pets-search-wrapper.open{max-width:220px;opacity:1;transform:translate(0)}.userprofile-pets-search-input{width:100%;padding:6px 10px;border-radius:999px;border:1px solid #E5E7EB;background:#fff;font-size:.85rem;font-family:Red Hat Display,sans-serif;color:#111827}.userprofile-pets-search-input:focus{outline:none;border-color:var(--user-type-color, #8548A8);box-shadow:0 0 0 1px color-mix(in srgb,var(--user-type-color, #8548A8) 20%,transparent)}.userprofile-pet-card{background:#f9fafb;border:1px solid #E5E7EB;border-radius:12px;padding:12px;text-align:center;cursor:pointer;transition:all .2s ease}.userprofile-pet-card:hover{border-color:var(--user-type-color, #8548A8);box-shadow:0 4px 12px color-mix(in srgb,var(--user-type-color, #8548A8) 15%,transparent);transform:translateY(-2px)}.userprofile-pet-image{width:80px;height:80px;border-radius:50%;object-fit:cover;border:2px solid var(--user-type-color, #8548A8);margin:0 auto 8px}.userprofile-pet-name{font-size:.875rem;font-weight:600;color:#1f2937;margin:0 0 2px;font-family:Red Hat Display,sans-serif}.userprofile-pet-type{font-size:.75rem;color:#6b7280;margin:0;font-family:Red Hat Display,sans-serif}.userprofile-bio{font-size:1rem;line-height:1.6;color:#374151;margin:0 0 20px;font-family:Red Hat Display,sans-serif}.userprofile-info-item{font-size:.95rem;color:#4b5563;margin-bottom:12px;font-family:Red Hat Display,sans-serif}.userprofile-info-item strong{color:#1f2937;margin-right:8px}.userprofile-communities-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.userprofile-community-card{background:#fff;border:1px solid transparent;border-radius:16px;padding:20px 16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:center;box-shadow:0 2px 4px #0000000a;display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden}.userprofile-community-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px -8px #0000001f;border-color:transparent}.userprofile-community-card:hover .userprofile-community-image{transform:scale(1.05);border-color:var(--user-type-color, #8548A8)}.userprofile-community-image{width:72px;height:72px;border-radius:50%;object-fit:cover;border:2px solid #E5E7EB;margin:0 auto 12px;transition:all .3s ease;background:#f3f4f6}.userprofile-community-name{font-size:1rem;font-weight:700;color:#111827;margin:0 0 8px;font-family:Red Hat Display,sans-serif;line-height:1.3}.userprofile-community-description{font-size:.8125rem;color:#6b7280;margin:0 0 12px;line-height:1.5;font-family:Red Hat Display,sans-serif;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:2.4em}.userprofile-community-stats{display:flex;justify-content:center;gap:12px;font-size:.75rem;font-weight:500;color:#9ca3af;font-family:Red Hat Display,sans-serif;padding-top:8px;border-top:1px solid #F3F4F6;width:100%}.userprofile-community-action{margin-top:12px;font-size:.8125rem;font-weight:600;color:var(--user-type-color, #8548A8);background:color-mix(in srgb,var(--user-type-color, #8548A8) 10%,transparent);padding:6px 16px;border-radius:100px;transition:all .2s ease;opacity:0;transform:translateY(10px)}.userprofile-community-card:hover .userprofile-community-action{opacity:1;transform:translateY(0)}.userprofile-empty-state{text-align:center;color:#9ca3af;font-size:1rem;padding:60px 20px;font-family:Red Hat Display,sans-serif;background:#f9fafb;border-radius:16px;border:2px dashed #e5e7eb;display:flex;flex-direction:column;align-items:center;gap:12px}.userprofile-media-gallery{width:100%;padding:0;margin:0;min-height:0}.userprofile-media-loading,.userprofile-media-empty{text-align:center;padding:0;color:#6b7280;font-family:Red Hat Display,sans-serif;font-size:1rem}.userprofile-media-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden;margin:0;padding:0}.userprofile-media-item{position:relative;aspect-ratio:1;overflow:hidden;cursor:pointer;background:#f3f4f6;transition:opacity .2s ease}.userprofile-media-item:hover{opacity:.85}.userprofile-media-thumbnail{width:100%;height:100%;object-fit:cover;display:block}.userprofile-media-play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;background:#0009;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;pointer-events:none}.userprofile-posts-container{width:100%;padding:0;overflow-x:hidden;min-height:400px;margin-top:1vh}.userprofile-posts-loading,.userprofile-posts-empty{text-align:center;padding:80px 20px;color:#6b7280;font-family:Red Hat Display,sans-serif;font-size:1rem;background:#fff;border-radius:16px;box-shadow:0 1px 2px #0000000d}.userprofile-mobile-navbar{display:none;position:static;z-index:100;background:#fff;border-bottom:1px solid #E5E7EB;border-top:1px solid #E5E7EB;padding:0;box-shadow:0 2px 8px #0000000a;width:100%;max-width:100%;justify-content:space-around;align-items:center;box-sizing:border-box;overflow-x:hidden;border-radius:12px}.userprofile-mobile-nav-tab{flex:1;padding:16px 12px;background:none;border:none;border-bottom:3px solid transparent;color:#6b7280;font-family:Red Hat Display,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;text-align:center;position:relative}.userprofile-mobile-nav-tab:hover{color:var(--user-type-color, #8548A8);background:color-mix(in srgb,var(--user-type-color, #8548A8) 5%,transparent)}.userprofile-mobile-nav-tab.active{color:var(--user-type-color, #8548A8);border-bottom-color:var(--user-type-color, #8548A8);background:color-mix(in srgb,var(--user-type-color, #8548A8) 3%,transparent)}.userprofile-root.rtl .userprofile-mobile-navbar{direction:rtl}@media (max-width: 1024px){.userprofile-layout{padding:80px 16px 0;flex-direction:column;margin-top:0;gap:16px}.userprofile-sidebar-menu{display:none}.userprofile-main-content{width:100%;max-width:100%;margin-left:0;margin-top:0;padding-top:0}.userprofile-mobile-navbar{display:flex}.userprofile-header-menu-cards{flex-direction:column}.userprofile-menu-card{min-width:100%}.userprofile-header-card{margin-top:5.5vh;flex-direction:column;align-items:center;text-align:center}.userprofile-header-top-section{margin-top:36px;flex-direction:column;gap:24px;align-items:center}.userprofile-header-user-info{flex-direction:column;align-items:center;text-align:center;gap:16px}.userprofile-header-stats-cards{justify-content:center;flex-wrap:wrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px}.userprofile-sections-grid{grid-template-columns:1fr}.userprofile-media-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1200px){.userprofile-layout{gap:20px;padding:0 20px}.userprofile-sidebar-menu{width:240px}.userprofile-header-card{padding:24px;gap:24px}.userprofile-stat-square-card{width:auto;min-width:80px;height:90px}}@media (max-width: 768px){.userprofile-layout{flex-direction:column;gap:16px;padding:80px 12px 20px;margin-top:0}.userprofile-sidebar-menu{display:none}.userprofile-mobile-navbar{width:100%;max-width:100%;overflow-x:hidden;border-radius:12px;position:static;margin:0}.userprofile-main-content{margin-left:0;margin-top:0;padding-top:0;width:100%}.userprofile-mobile-nav-tab{padding:14px 8px;font-size:13px;font-weight:600}.userprofile-header-card{flex-direction:column;padding:20px 16px;gap:20px;border-radius:16px;margin-bottom:0;width:100%;box-sizing:border-box}.userprofile-header-top-section{flex-direction:column;gap:20px;align-items:center;max-width:100%;overflow:visible}.userprofile-header-stats-cards{flex-direction:row;gap:8px;flex-wrap:wrap;justify-content:space-between;overflow-x:hidden;padding-bottom:0;max-width:100%;width:100%}.userprofile-stat-square-card{width:calc((100% - 16px) / 3);min-width:0;max-width:none;height:80px;padding:8px;flex:0 0 calc((100% - 16px) / 3)}.userprofile-stat-square-icon{width:28px;height:28px;font-size:20px}.userprofile-stat-square-number{font-size:1.25rem}.userprofile-stat-square-label{font-size:.7rem}.userprofile-header-user-info{flex-direction:column;align-items:center;text-align:center;gap:16px;width:100%}.userprofile-header-avatar-section{width:100%;align-items:center}.userprofile-avatar{width:120px;height:120px}.userprofile-name{font-size:1.75rem;text-align:center;word-break:break-word}.userprofile-detail-item{justify-content:center;font-size:.9rem}.userprofile-content-container{padding:30px 20px}.userprofile-content-wrapper{gap:15px}.userprofile-nav-arrow{width:35px;height:35px;font-size:20px}.userprofile-info-header{flex-direction:column;text-align:center}.userprofile-stats-grid{grid-template-columns:repeat(2,1fr)}.userprofile-pets-grid{display:flex;flex-wrap:wrap;gap:12px}.userprofile-pet-card{flex:0 0 calc(50% - 6px);min-width:0}.userprofile-communities-grid{grid-template-columns:1fr}.userprofile-media-grid{grid-template-columns:repeat(2,1fr);gap:2px}.userprofile-sections-grid{grid-template-columns:1fr;gap:16px}.userprofile-section-card{padding:20px 16px;width:100%;box-sizing:border-box}.userprofile-tab-panel{width:100%;box-sizing:border-box}.userprofile-bio{font-size:.9rem;line-height:1.6;text-align:center}.userprofile-bio-title{font-size:1rem}.userprofile-header-bio-section{padding-top:20px}.userprofile-pets-actions{flex-wrap:wrap;gap:8px}.userprofile-pets-search-wrapper.open{max-width:180px}.userprofile-section-header{flex-wrap:wrap;gap:12px}.userprofile-section-title{font-size:1.1rem}}@media (max-width: 480px){.userprofile-layout{padding:70px 8px 20px;margin-top:0;gap:12px}.userprofile-main-content{margin-left:0;margin-top:0;padding-top:0;width:100%}.userprofile-mobile-navbar{margin:12px 0;width:100%;max-width:100%;overflow-x:hidden;border-radius:10px;position:static}.userprofile-mobile-nav-tab{padding:12px 4px;font-size:11px;font-weight:600}.userprofile-pets-actions{width:100%;justify-content:flex-end}.userprofile-pets-search-wrapper.open{max-width:150px}.userprofile-section-header{flex-direction:column;align-items:flex-start;gap:12px}.userprofile-section-title{font-size:1rem}.userprofile-content-wrapper{gap:10px}.userprofile-nav-arrow{display:none}.userprofile-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.userprofile-stat-card{padding:16px}.userprofile-stat-number{font-size:1.5rem}.userprofile-header-card{padding:16px 12px;border-radius:12px}.userprofile-header-top-section{gap:16px}.userprofile-avatar{width:100px;height:100px}.userprofile-name{font-size:1.5rem}.userprofile-stat-square-card{width:calc((100% - 24px)/5);min-width:55px;max-width:70px;height:70px;padding:6px;flex:0 0 auto}.userprofile-stat-square-icon{width:24px;height:24px;font-size:18px}.userprofile-stat-square-number{font-size:1.1rem}.userprofile-stat-square-label{font-size:.65rem}.userprofile-header-stats-cards{flex-direction:row;gap:8px;flex-wrap:wrap;justify-content:space-between;overflow-x:hidden;padding-bottom:0;max-width:100%;width:100%}.userprofile-stat-square-card{width:calc((100% - 16px) / 3);min-width:0;max-width:none;height:70px;padding:6px;flex:0 0 calc((100% - 16px) / 3)}.userprofile-header-top-section{max-width:100%;overflow:visible;gap:16px}.userprofile-detail-item{font-size:.85rem;flex-wrap:wrap;justify-content:center}.userprofile-detail-item svg{flex-shrink:0}.userprofile-media-grid{grid-template-columns:repeat(2,1fr);gap:2px}.userprofile-section-card{padding:16px 12px;border-radius:12px}.userprofile-bio{font-size:.85rem;text-align:center;line-height:1.6}.userprofile-bio-title{font-size:.95rem}.userprofile-header-bio-section{padding-top:16px}.userprofile-pet-card{padding:10px}.userprofile-pet-image{width:60px;height:60px}.userprofile-community-card{padding:12px}}.userprofileedit-container{width:100vw;height:100vh;background:#fefefb;display:flex;align-items:center;justify-content:center;font-family:Red Hat Display,sans-serif}.userprofileedit-container{width:100vw;min-height:100vh;background:#fefefb;font-family:Red Hat Display,sans-serif}.userprofileedit-main-content{max-width:800px;margin:0 auto;padding:120px 40px 40px}.userprofileedit-page-header{margin-bottom:40px}.userprofileedit-page-title{font-family:Red Hat Display,sans-serif;font-weight:600;font-size:32px;line-height:48px;color:#303e4e;margin:0 0 8px}.userprofileedit-page-subtitle{font-family:Red Hat Display,sans-serif;font-weight:400;font-size:16px;line-height:24px;color:#6b7280;margin:0}.userprofileedit-cover-section{position:relative;width:100%;height:200px;margin-bottom:40px;border-radius:16px;overflow:hidden;background-size:cover;background-position:center;border:2px dashed rgba(133,72,168,.3)}.userprofileedit-cover-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#0009;border-radius:8px;padding:12px 16px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease}.userprofileedit-cover-overlay:hover{background:#000c}.userprofileedit-cover-text{color:#fff;font-size:14px;font-weight:500;font-family:Red Hat Display,sans-serif}.userprofileedit-profile-section{display:flex;align-items:center;gap:24px;margin-bottom:40px}.userprofileedit-avatar-container{position:relative;width:120px;height:120px}.userprofileedit-avatar{width:120px;height:120px;border-radius:50%;object-fit:cover;border:4px solid #FFFFFF;box-shadow:0 4px 12px #0000001a}.userprofileedit-avatar-edit-btn{position:absolute;bottom:8px;right:8px;width:32px;height:32px;border-radius:50%;background:#8548a8;border:2px solid #FFFFFF;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s ease}.userprofileedit-avatar-edit-btn:hover{background:#6d3a87}.userprofileedit-profile-info-title{font-family:Red Hat Display,sans-serif;font-weight:600;font-size:20px;line-height:30px;color:#303e4e;margin:0 0 4px}.userprofileedit-profile-info-subtitle{font-family:Red Hat Display,sans-serif;font-weight:400;font-size:14px;line-height:21px;color:#6b7280;margin:0}.userprofileedit-form-container{background:#fff;border-radius:16px;padding:32px;box-shadow:0 4px 12px #0000000d;margin-bottom:32px;border:1px solid #E5E7EB}.userprofileedit-section-title{font-family:Red Hat Display,sans-serif;font-weight:600;font-size:20px;line-height:30px;color:#303e4e;margin:0 0 24px}.userprofileedit-field-container{margin-bottom:24px}.userprofileedit-field-label{display:flex;align-items:center;gap:8px;font-family:Red Hat Display,sans-serif;font-weight:500;font-size:14px;line-height:21px;color:#303e4e;margin-bottom:8px}.userprofileedit-input{width:100%;padding:12px 16px;border:1px solid #D1D5DB;border-radius:8px;font-size:16px;font-family:Red Hat Display,sans-serif;outline:none;transition:border-color .3s ease;box-sizing:border-box}.userprofileedit-input:focus{border-color:#8548a8}.userprofileedit-textarea{width:100%;padding:12px 16px;border:1px solid #D1D5DB;border-radius:8px;font-size:16px;font-family:Red Hat Display,sans-serif;outline:none;resize:vertical;transition:border-color .3s ease;box-sizing:border-box}.userprofileedit-textarea:focus{border-color:#8548a8}.userprofileedit-contact-section-title{font-family:Red Hat Display,sans-serif;font-weight:600;font-size:18px;line-height:27px;color:#303e4e;margin:32px 0 16px;padding-top:24px;border-top:1px solid #E5E7EB}.userprofileedit-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.userprofileedit-privacy-section-title{font-family:Red Hat Display,sans-serif;font-weight:600;font-size:18px;line-height:27px;color:#303e4e;margin:32px 0 16px;padding-top:24px;border-top:1px solid #E5E7EB}.userprofileedit-privacy-options{display:flex;flex-direction:column;gap:16px}.userprofileedit-checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer}.userprofileedit-checkbox{width:18px;height:18px;accent-color:#8548A8}.userprofileedit-checkbox-text{font-family:Red Hat Display,sans-serif;font-weight:400;font-size:14px;line-height:21px;color:#303e4e}.userprofileedit-actions{display:flex;justify-content:flex-end;gap:16px;padding:0 0 40px}.userprofileedit-cancel-btn{padding:12px 24px;background:transparent;color:#6b7280;border:1px solid #D1D5DB;border-radius:8px;font-size:16px;font-weight:500;font-family:Red Hat Display,sans-serif;cursor:pointer;transition:all .3s ease}.userprofileedit-cancel-btn:hover{background:#f3f4f6;border-color:#9ca3af}.userprofileedit-save-btn{padding:12px 24px;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;font-family:Red Hat Display,sans-serif;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.userprofileedit-save-btn.enabled{background:#8548a8;cursor:pointer}.userprofileedit-save-btn.enabled:hover{background:#6d3a87}.userprofileedit-save-btn.disabled{background:#d1d5db;cursor:not-allowed}.userprofileedit-loading-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid #FFFFFF;border-radius:50%;animation:spin 1s linear infinite}.searchinterface-container{width:100vw;height:100vh;background:#fefefb;font-family:Red Hat Display,sans-serif;display:flex;flex-direction:column;overflow:hidden}.searchinterface-header{padding:20px;background:#fff;border-bottom:1px solid #E5E7EB;display:flex;align-items:center;gap:16px}.searchinterface-back-btn{width:40px;height:40px;border-radius:50%;border:none;background:#f3f4f6;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.searchinterface-back-btn:hover{background:#e5e7eb}.searchinterface-search-container{flex:1;position:relative;max-width:600px}.searchinterface-search-input{width:100%;padding:12px 20px 12px 48px;border:2px solid #E5E7EB;border-radius:24px;font-size:16px;font-family:Red Hat Display,sans-serif;outline:none;background:#f9fafb;transition:all .3s ease}.searchinterface-search-input:focus{border-color:#8548a8;background:#fff}.searchinterface-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);pointer-events:none}.searchinterface-search-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;border:none;background:#8548a8;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.searchinterface-search-btn:hover{background:#6d3a87}.searchinterface-search-btn:disabled{cursor:not-allowed}.searchinterface-search-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid #FFFFFF;border-radius:50%;animation:spin 1s linear infinite}.searchinterface-content{flex:1;padding:20px;overflow:auto}.searchinterface-section{max-width:600px;margin:0 auto}.searchinterface-recent-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.searchinterface-section-title{font-family:Red Hat Display,sans-serif;font-weight:600;font-size:18px;line-height:27px;color:#303e4e;margin:0}.searchinterface-clear-btn{background:none;border:none;color:#8548a8;font-size:14px;font-weight:500;cursor:pointer;font-family:Red Hat Display,sans-serif}.searchinterface-recent-list{display:flex;flex-direction:column;gap:4px}.searchinterface-recent-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-radius:8px;transition:background .2s ease;cursor:pointer}.searchinterface-recent-item:hover{background:#f3f4f6}.searchinterface-recent-text{font-family:Red Hat Display,sans-serif;font-weight:400;font-size:16px;line-height:24px;color:#303e4e}.searchinterface-remove-btn{background:none;border:none;color:#9ca3af;font-size:18px;cursor:pointer;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.searchinterface-suggestions-title{font-family:Red Hat Display,sans-serif;font-weight:600;font-size:16px;line-height:24px;color:#6b7280;margin:0 0 16px}.searchinterface-suggestions-list{display:flex;flex-direction:column;gap:4px}.searchinterface-suggestion-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;cursor:pointer;transition:background .2s ease}.searchinterface-suggestion-item:hover{background:#f3f4f6}.searchinterface-suggestion-text{font-family:Red Hat Display,sans-serif;font-weight:400;font-size:16px;line-height:24px;color:#303e4e}.searchinterface-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;max-width:600px;margin:0 auto}.searchinterface-loading-spinner{width:56px;height:56px;position:relative;margin-bottom:24px;border:3px solid rgba(0,0,0,.1);border-top-color:var(--user-type-color, #8548A8);border-radius:50%;animation:spinnerRotate 1s linear infinite}.searchinterface-loading-spinner:before{content:"";position:absolute;width:56px;height:56px;border-radius:50%;border:3px solid transparent;border-top-color:var(--user-type-color, #8548A8);border-right-color:var(--user-type-color, #8548A8);animation:spinnerRotate 1s cubic-bezier(.5,0,.5,1) infinite}.searchinterface-loading-text{font-family:Red Hat Display,sans-serif;font-weight:500;font-size:16px;line-height:24px;color:#6b7280;margin:0}.searchinterface-empty-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;max-width:600px;margin:0 auto;text-align:center}.searchinterface-empty-icon{width:80px;height:80px;background:#f3f4f6;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.searchinterface-empty-title{font-family:Red Hat Display,sans-serif;font-weight:600;font-size:20px;line-height:30px;color:#303e4e;margin:0 0 8px}.searchinterface-empty-subtitle{font-family:Red Hat Display,sans-serif;font-weight:400;font-size:16px;line-height:24px;color:#6b7280;margin:0;max-width:300px}.searchinterface-categories-container{max-width:600px;margin:40px auto 0}.searchinterface-categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.searchinterface-category-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;background:#fff;border:1px solid #E5E7EB;border-radius:12px;cursor:pointer;transition:all .2s ease;font-family:Red Hat Display,sans-serif}.searchinterface-category-btn:hover{border-color:#8548a8;transform:translateY(-2px);box-shadow:0 4px 12px #8548a826}.searchinterface-category-icon{font-size:24px}.searchinterface-category-text{font-size:12px;font-weight:500;color:#303e4e;text-align:center;line-height:1.2}.channel-card{background:#fff;border:1px solid #E5E7EB;border-radius:20px;overflow:hidden;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;position:relative}.channel-card:hover{transform:translateY(-8px);box-shadow:0 12px 32px #00000014;border-color:transparent}.channel-card:hover .channel-card-action{opacity:1;transform:translateY(0)}.channel-card:hover .channel-card-profile-image{transform:scale(1.05);box-shadow:0 4px 12px #0000001a}.channel-card-header{display:flex;align-items:center;justify-content:center;margin-bottom:20px;position:relative;padding-top:16px}.channel-card-profile-image{width:100px;height:100px;border-radius:50%;overflow:hidden;border:4px solid #FFFFFF;background:#f3f4f6;flex-shrink:0;position:relative;box-shadow:0 4px 12px #0000000d;transition:all .3s cubic-bezier(.4,0,.2,1)}.channel-card-profile-image img{width:100%;height:100%;object-fit:cover}.channel-card-private-badge{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:4px;padding:5px 10px;background:#4b5563;color:#fff;border-radius:12px;font-size:11px;font-weight:600;font-family:Red Hat Display,sans-serif;z-index:1}.channel-card-private-badge svg{width:12px;height:12px}.channel-card-content{padding:0 20px 24px;display:flex;flex-direction:column;gap:12px;flex:1;text-align:left}.channel-card-name{font-size:20px;font-weight:700;color:#1e40af;margin:0;font-family:Red Hat Display,sans-serif;line-height:1.3;text-align:left}.channel-card-description{font-size:14px;color:#9ca3af;margin:0;line-height:1.5;font-family:Red Hat Display,sans-serif;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-align:left}.channel-card-stats{display:flex;gap:16px;margin-top:8px;align-items:center}.channel-card-stat{display:flex;align-items:center;gap:6px;font-size:13px;color:#9ca3af;font-family:Red Hat Display,sans-serif}.channel-card-stat svg{width:16px;height:16px;color:#9ca3af}.channel-card-owner{margin-top:auto;padding-top:16px;display:flex;justify-content:center}.channel-card-action{background:var(--user-type-color, #8548A8);color:#fff;padding:6px 20px;border-radius:20px;font-size:13px;font-weight:600;opacity:0;transform:translateY(10px);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px color-mix(in srgb,var(--user-type-color, #8548A8) 40%,transparent)}.channel-card-join-btn{margin-top:16px;padding:10px 20px;background:linear-gradient(135deg,var(--user-type-color, #8548A8) 0%,color-mix(in srgb,var(--user-type-color, #8548A8) 70%,white) 100%);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Red Hat Display,sans-serif;width:100%}.channel-card-join-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px color-mix(in srgb,var(--user-type-color, #8548A8) 40%,transparent)}.channel-card-joined-badge{margin-top:12px;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;background:#d1fae5;color:#065f46;border-radius:8px;font-size:14px;font-weight:600;font-family:Red Hat Display,sans-serif}.channel-card-joined-badge svg{width:16px;height:16px}.channel-card-pending-actions{margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;background:#fef3c7;border:1px solid #FCD34D;border-radius:8px}.channel-card-pending-text{font-size:14px;font-weight:600;color:#92400e;font-family:Red Hat Display,sans-serif;flex:1}.channel-card-cancel-btn{padding:6px 16px;background:#fff;color:#92400e;border:1px solid #FCD34D;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Red Hat Display,sans-serif}.channel-card-cancel-btn:hover{background:#fef3c7;border-color:#f59e0b}.channel-card-leave-btn{margin-top:20px;padding:10px 20px;background:#fff;color:#dc2626;border:1px solid #DC2626;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Red Hat Display,sans-serif;width:100%}.channel-card-leave-btn:hover{background:#fee2e2;border-color:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #dc262633}@media (max-width: 1024px){.channel-card{border-radius:14px}.channel-card-profile-image{width:90px;height:90px}.channel-card-private-badge{top:10px;right:10px}.channel-card-content{padding:18px}.channel-card-name{font-size:19px}}@media (max-width: 768px){.channel-card{border-radius:14px}.channel-card-profile-image{width:85px;height:85px}.channel-card-private-badge{top:10px;right:10px}.channel-card-private-badge{top:10px;right:10px;padding:5px 10px;font-size:11px}.channel-card-private-badge svg{width:12px;height:12px}.channel-card-content{padding:16px;gap:10px}.channel-card-name{font-size:18px}.channel-card-description{font-size:13px}.channel-card-stats{flex-direction:column;gap:8px;margin-top:2px}.channel-card-stat{font-size:12px;gap:5px}.channel-card-stat svg{width:14px;height:14px}.channel-card-owner{font-size:11px;margin-top:2px}.channel-card-join-btn{margin-top:10px;padding:9px 18px;font-size:13px}.channel-card-joined-badge{margin-top:10px;padding:9px 18px;font-size:13px;gap:5px}.channel-card-joined-badge svg{width:14px;height:14px}.channel-card-pending-actions{margin-top:10px;padding:9px 14px;gap:10px}.channel-card-pending-text{font-size:13px}.channel-card-cancel-btn{padding:5px 14px;font-size:12px}.channel-card-leave-btn{margin-top:10px;padding:9px 18px;font-size:13px}}@media (max-width: 425px){.channel-card{border-radius:12px}.channel-card-profile-image{width:80px;height:80px}.channel-card-private-badge{top:8px;right:8px}.channel-card-private-badge{top:8px;right:8px;padding:4px 8px;font-size:10px;gap:3px;border-radius:16px}.channel-card-private-badge svg{width:11px;height:11px}.channel-card-content{padding:12px;gap:8px}.channel-card-name{font-size:16px;line-height:1.2}.channel-card-description{font-size:12px;line-height:1.4}.channel-card-stats{gap:6px;margin-top:0}.channel-card-stat{font-size:11px;gap:4px}.channel-card-stat svg{width:12px;height:12px}.channel-card-owner{font-size:10px;margin-top:0}.channel-card-join-btn{margin-top:8px;padding:8px 16px;font-size:12px;border-radius:6px}.channel-card-joined-badge{margin-top:8px;padding:8px 16px;font-size:12px;gap:4px;border-radius:6px}.channel-card-joined-badge svg{width:12px;height:12px}.channel-card-pending-actions{margin-top:8px;padding:8px 12px;gap:8px;border-radius:6px}.channel-card-pending-text{font-size:12px}.channel-card-cancel-btn{padding:4px 12px;font-size:11px;border-radius:5px}.channel-card-leave-btn{margin-top:8px;padding:8px 16px;font-size:12px;border-radius:6px}}.channel-invitations-card{background:#fff;border-radius:16px;border:1px solid #e5e7eb;box-shadow:0 10px 25px #0f172a14;padding:16px 18px;margin-bottom:20px}.channel-invitations-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.channel-invitations-header h3{margin:0;font-size:16px;font-weight:700;color:#111827;font-family:Red Hat Display,sans-serif}.channel-invitations-count{min-width:24px;height:24px;border-radius:999px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:#4b5563}.channel-invitations-body{display:flex;flex-direction:column;gap:12px}.channel-invitations-body.loading{align-items:center;justify-content:center;min-height:80px}.channel-invitations-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid #f3f4f6}.channel-invitations-item:first-of-type{border-top:none}.channel-invitations-info{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.channel-invitations-avatar{width:40px;height:40px;border-radius:999px;object-fit:cover;border:2px solid #e5e7eb;flex-shrink:0}.channel-invitations-text{display:flex;flex-direction:column;gap:2px;min-width:0}.channel-invitations-name-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.channel-invitations-name{font-size:14px;font-weight:600;color:#111827;font-family:Red Hat Display,sans-serif}.channel-invitations-privacy-badge{font-size:11px;font-weight:600;color:#6b7280;padding:2px 8px;border-radius:999px;background:#f3f4f6}.channel-invitations-description{margin:0;font-size:13px;color:#6b7280;font-family:Red Hat Display,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-invitations-actions{display:flex;gap:8px;flex-shrink:0}.channel-invitations-accept,.channel-invitations-decline{padding:6px 12px;border-radius:999px;font-size:13px;font-weight:600;border:none;cursor:pointer;font-family:Red Hat Display,sans-serif}.channel-invitations-accept{background:#10b981;color:#fff}.channel-invitations-decline{background:#f3f4f6;color:#374151}.channel-invitations-accept:disabled,.channel-invitations-decline:disabled{opacity:.6;cursor:not-allowed}.channel-invitations-body .loading-spinner{width:20px;height:20px;position:relative;border-radius:50%;border:2px solid rgba(0,0,0,.1);border-top-color:var(--user-type-color, #8548A8);animation:spinnerRotate .6s linear infinite}.channel-invitations-body .loading-spinner:before{content:"";position:absolute;width:20px;height:20px;border-radius:50%;border:2px solid transparent;border-top-color:var(--user-type-color, #8548A8);border-right-color:var(--user-type-color, #8548A8);animation:spinnerRotate .6s cubic-bezier(.5,0,.5,1) infinite}@keyframes channel-invitations-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.join-request-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeIn .2s ease}.join-request-modal{background:#fff;border-radius:16px;width:100%;max-width:500px;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}.join-request-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #E5E7EB}.join-request-modal-title{font-size:20px;font-weight:700;color:#1f2937;margin:0;font-family:Red Hat Display,sans-serif}.join-request-modal-close{width:36px;height:36px;background:#f3f4f6;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:#6b7280}.join-request-modal-close:hover{background:#e5e7eb;color:#374151}.join-request-modal-close svg{width:24px;height:24px}.join-request-modal-form{padding:24px;display:flex;flex-direction:column;gap:24px}.join-request-form-group{display:flex;flex-direction:column;gap:8px}.join-request-form-label{font-size:14px;font-weight:600;color:#374151;font-family:Red Hat Display,sans-serif}.join-request-form-textarea{padding:12px 16px;border:2px solid #E5E7EB;border-radius:10px;font-size:16px;font-family:Red Hat Display,sans-serif;color:#1f2937;outline:none;transition:all .2s ease;resize:vertical}.join-request-form-textarea:focus{border-color:var(--user-type-color, #8548A8);box-shadow:0 0 0 3px color-mix(in srgb,var(--user-type-color, #8548A8) 20%,transparent)}.join-request-form-textarea::placeholder{color:#9ca3af}.join-request-form-char-count{font-size:12px;color:#9ca3af;text-align:right;font-family:Red Hat Display,sans-serif}.join-request-modal-info{display:flex;gap:12px;padding:16px;background:#f0f9ff;border:1px solid #BAE6FD;border-radius:12px}.join-request-modal-info svg{color:#0284c7;flex-shrink:0;margin-top:2px}.join-request-modal-info p{font-size:14px;color:#0369a1;margin:0;line-height:1.5;font-family:Red Hat Display,sans-serif}.join-request-modal-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:24px;border-top:1px solid #E5E7EB}.join-request-modal-cancel{padding:12px 24px;background:#f3f4f6;border:none;border-radius:10px;font-size:16px;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s ease;font-family:Red Hat Display,sans-serif}.join-request-modal-cancel:hover{background:#e5e7eb;color:#374151}.join-request-modal-submit{padding:12px 24px;background:linear-gradient(135deg,var(--user-type-color, #8548A8) 0%,color-mix(in srgb,var(--user-type-color, #8548A8) 70%,white) 100%);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Red Hat Display,sans-serif}.join-request-modal-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px color-mix(in srgb,var(--user-type-color, #8548A8) 40%,transparent)}.join-request-modal-submit:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.join-request-modal{max-width:100%;margin:0}.join-request-modal-header,.join-request-modal-form{padding:20px}.join-request-modal-actions{flex-direction:column-reverse}.join-request-modal-cancel,.join-request-modal-submit{width:100%}}.channel-list-container{width:calc(100% - 100px);max-width:none;margin:0 auto;padding:24px;background:#fff;min-height:calc(100vh - 120px)}@media (max-width: 1024px){.channel-list-container{width:100%;padding:20px}}@media (max-width: 768px){.channel-list-container{width:100%;padding:16px}}@media (max-width: 480px){.channel-list-container{width:100%;padding:12px}}.channel-list-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;gap:24px}.channel-list-header-content{flex:1}.channel-list-title{font-size:32px;font-weight:700;color:#1f2937;margin:0 0 8px;font-family:Red Hat Display,sans-serif}.channel-list-subtitle{font-size:16px;color:#6b7280;margin:0;font-family:Red Hat Display,sans-serif}.create-channel-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;min-height:44px;background:linear-gradient(135deg,var(--user-type-color, #8548A8) 0%,color-mix(in srgb,var(--user-type-color, #8548A8) 70%,white) 100%);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Red Hat Display,sans-serif;white-space:nowrap}.create-channel-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px color-mix(in srgb,var(--user-type-color, #8548A8) 40%,transparent)}.create-channel-btn:active{transform:translateY(0)}.channel-list-filters{display:flex;flex-direction:column;gap:20px;margin-bottom:40px}.channel-search{display:flex;align-items:center;gap:12px;padding:14px 20px;background:#fff;border:1px solid #E5E7EB;border-radius:16px;transition:all .3s ease;box-shadow:0 2px 4px #00000005}.channel-search:focus-within{background:#fff;border-color:var(--user-type-color, #8548A8);box-shadow:0 4px 12px #8548a81a;transform:translateY(-1px)}.channel-search svg{color:#9ca3af;flex-shrink:0;transition:color .3s ease}.channel-search:focus-within svg{color:var(--user-type-color, #8548A8)}.channel-search-input{flex:1;border:none;background:transparent;outline:none;font-size:16px;color:#1f2937;font-family:Red Hat Display,sans-serif;font-weight:500}.channel-search-input::placeholder{color:#9ca3af;font-weight:400}.channel-filter-tabs{display:flex;gap:10px;flex-wrap:wrap}.filter-tab{padding:10px 20px;min-height:44px;background:#fff;border:1px solid #E5E7EB;border-radius:999px;font-size:14px;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s ease;font-family:Red Hat Display,sans-serif}.filter-tab:hover{background:#f9fafb;color:#374151;border-color:#d1d5db;transform:translateY(-1px)}.filter-tab.active{background:var(--user-type-color, #8548A8);border-color:var(--user-type-color, #8548A8);color:#fff;box-shadow:0 4px 12px color-mix(in srgb,var(--user-type-color, #8548A8) 30%,transparent)}.channel-list-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:24px}.channel-list-empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;text-align:center}.channel-list-empty svg{color:#d1d5db;margin-bottom:16px}.channel-list-empty p{font-size:18px;color:#6b7280;margin:0 0 24px;font-family:Red Hat Display,sans-serif}.create-channel-btn-secondary{padding:12px 24px;background:linear-gradient(135deg,var(--user-type-color, #8548A8) 0%,color-mix(in srgb,var(--user-type-color, #8548A8) 70%,white) 100%);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Red Hat Display,sans-serif;min-height:44px}.create-channel-btn-secondary:hover{transform:translateY(-2px);box-shadow:0 4px 12px color-mix(in srgb,var(--user-type-color, #8548A8) 40%,transparent)}.channel-list-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;min-height:400px}.channel-list-loading p{font-size:16px;color:#6b7280;font-family:Red Hat Display,sans-serif}.channel-list-pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:32px;padding:20px 0;flex-wrap:wrap}.channel-list-page-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;background:#fff;border:1px solid #E5E7EB;border-radius:8px;color:#6b7280;cursor:pointer;transition:all .2s ease;font-family:Red Hat Display,sans-serif}.channel-list-page-btn:hover:not(:disabled){background:#f3f4f6;border-color:var(--user-type-color, #8548A8);color:var(--user-type-color, #8548A8)}.channel-list-page-btn:disabled{opacity:.5;cursor:not-allowed}.channel-list-page-num{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;height:44px;padding:0 12px;background:#fff;border:1px solid #E5E7EB;border-radius:8px;color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Red Hat Display,sans-serif}.channel-list-page-num:hover{background:#f3f4f6;border-color:var(--user-type-color, #8548A8);color:var(--user-type-color, #8548A8)}.channel-list-page-num.active{background:linear-gradient(135deg,var(--user-type-color, #8548A8) 0%,color-mix(in srgb,var(--user-type-color, #8548A8) 70%,white) 100%);border-color:var(--user-type-color, #8548A8);color:#fff;font-weight:600}.channel-list-page-dots{color:#9ca3af;font-size:14px;padding:0 4px;font-family:Red Hat Display,sans-serif}.channel-list-refresh-indicator{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border-radius:999px;background:#f0f6ffbf;color:#374151;font-size:13px;font-weight:500;margin-bottom:16px;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 4px 12px #94a3b82e}.loading-spinner.small{width:16px;height:16px;margin-bottom:0;border-width:2px}.loading-spinner.small:before{width:16px;height:16px;border-width:2px;border-top-color:var(--user-type-color, #8548A8);border-right-color:var(--user-type-color, #8548A8)}@media (min-width: 1600px){.channel-list-grid{grid-template-columns:repeat(5,1fr)}}@media (min-width: 1280px) and (max-width: 1599px){.channel-list-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width: 1024px) and (max-width: 1279px){.channel-list-grid{grid-template-columns:repeat(3,1fr);gap:20px}}@media (min-width: 768px) and (max-width: 1023px){.channel-list-container{padding:20px}.channel-list-title{font-size:28px}.channel-list-subtitle{font-size:15px}.channel-list-grid{grid-template-columns:repeat(2,1fr);gap:20px}.channel-list-header{gap:20px}.create-channel-btn{padding:11px 22px;font-size:15px}.channel-list-filters{gap:14px}.channel-search{padding:11px 15px}.filter-tab{padding:7px 15px;font-size:13px}.channel-list-pagination{gap:7px}}@media (max-width: 767px){.channel-list-container{padding:16px}.channel-list-header{flex-direction:column;gap:16px;margin-bottom:24px}.channel-list-title{font-size:24px}.channel-list-subtitle{font-size:14px}.create-channel-btn{width:100%;justify-content:center;padding:12px 20px;min-height:44px;font-size:15px}.channel-list-filters{margin-bottom:24px;gap:12px}.channel-search{padding:12px 14px;min-height:44px}.channel-search-input{font-size:16px}.channel-list-grid{grid-template-columns:1fr;gap:16px}.channel-list-pagination{margin-top:24px;padding:16px 0;gap:6px}.channel-list-page-btn,.channel-list-page-num{width:44px;height:44px;min-width:44px;min-height:44px;font-size:14px}.channel-list-page-num{padding:0 12px}.channel-filter-tabs{overflow-x:auto;padding-bottom:8px;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.channel-filter-tabs::-webkit-scrollbar{display:none}.filter-tab{white-space:nowrap;padding:10px 16px;min-height:44px;font-size:14px}.channel-list-empty{padding:48px 16px}.channel-list-empty svg{width:48px;height:48px;margin-bottom:12px}.channel-list-empty p{font-size:16px}.create-channel-btn-secondary{padding:12px 20px;min-height:44px;font-size:15px}.channel-list-loading{padding:48px 16px;min-height:300px}.loading-spinner{width:40px;height:40px;border-width:3px}.channel-list-loading p{font-size:14px}}@media (max-width: 480px){.channel-list-container{padding:12px}.channel-list-header{margin-bottom:20px;gap:12px}.channel-list-title{font-size:20px;margin-bottom:6px}.channel-list-subtitle{font-size:13px}.create-channel-btn{padding:12px 16px;min-height:44px;font-size:14px}.create-channel-btn svg{width:18px;height:18px}.channel-list-filters{margin-bottom:20px;gap:10px}.channel-search{padding:12px 14px;min-height:44px;gap:10px}.channel-search svg{width:18px;height:18px}.channel-search-input{font-size:16px}.channel-filter-tabs{gap:6px}.filter-tab{padding:10px 14px;min-height:44px;font-size:13px}.channel-list-grid{gap:12px}.channel-list-pagination{gap:5px}.channel-list-page-btn,.channel-list-page-num{width:44px;height:44px;min-width:44px;min-height:44px;font-size:13px}.channel-list-page-num{padding:0 10px}.channel-list-empty{padding:40px 12px}.channel-list-empty svg{width:40px;height:40px;margin-bottom:10px}.channel-list-empty p{font-size:15px;margin-bottom:20px}.create-channel-btn-secondary{padding:12px 16px;min-height:44px;font-size:14px}.channel-list-loading{padding:40px 12px;min-height:250px}.loading-spinner{width:36px;height:36px;border-width:3px}.channel-list-loading p{font-size:13px}.channel-list-refresh-indicator{padding:8px 12px;font-size:12px;margin-bottom:12px}.loading-spinner.small{width:14px;height:14px}}@media (max-width: 599px) and (min-width: 481px){.channel-list-container{padding:14px}.channel-list-title{font-size:22px}.channel-list-subtitle{font-size:13px}.create-channel-btn{padding:11px 18px;font-size:14px}.channel-list-grid{gap:14px}}@media (max-width: 1023px){.channel-list-header{flex-wrap:wrap}}@media (max-width: 768px){.channel-filter-tabs{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.filter-tab{flex-shrink:0}}@media (max-width: 599px){.channel-list-pagination{gap:4px;padding:12px 0}.channel-list-page-dots{display:none}}@media (max-width: 1024px){.channel-list-container{min-height:calc(100vh - 100px)}}@media (max-width: 768px){.channel-list-container{min-height:calc(100vh - 85px)}}.channel-post-creation{background:#fff;border:1px solid #E5E7EB;border-radius:20px;padding:20px;margin-bottom:24px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;transition:all .3s ease}.channel-post-creation:focus-within{box-shadow:0 10px 15px -3px #00000014,0 4px 6px -2px #0000000a;transform:translateY(-1px)}.channel-post-creation-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.channel-post-creation-profile-img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid #E5E7EB}.channel-post-creation-header-info{flex:1}.channel-post-creation-channel-name{font-size:14px;font-weight:600;color:#6b7280;font-family:Red Hat Display,sans-serif}.channel-post-creation-form{display:flex;flex-direction:column;gap:16px}.channel-post-type-selector{display:flex;gap:8px;padding-bottom:16px;border-bottom:1px solid #E5E7EB;overflow-x:auto}.post-type-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#f3f4f6;border:none;border-radius:8px;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease;font-family:Red Hat Display,sans-serif;white-space:nowrap}.post-type-btn:hover{background:#e5e7eb;color:#374151}.post-type-btn.active{background:linear-gradient(135deg,var(--user-type-color, #8548A8) 0%,color-mix(in srgb,var(--user-type-color, #8548A8) 70%,white) 100%);color:#fff}.post-type-btn svg{width:18px;height:18px}.channel-post-creation-input-container{display:flex;flex-direction:column;gap:12px}.channel-post-creation-input{width:100%;min-height:80px;padding:12px 16px;border:2px solid #E5E7EB;border-radius:12px;font-size:16px;font-family:Red Hat Display,sans-serif;color:#1f2937;resize:vertical;outline:none;transition:all .2s ease}.channel-post-creation-input:focus{border-color:var(--user-type-color, #8548A8);box-shadow:0 0 0 4px color-mix(in srgb,var(--user-type-color, #8548A8) 15%,transparent)}.channel-post-creation-input::placeholder{color:#9ca3af}.channel-post-media-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.channel-post-media-item{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;border:2px solid #E5E7EB}.channel-post-media-item img{width:100%;height:100%;object-fit:cover}.channel-post-media-remove{position:absolute;top:8px;right:8px;width:28px;height:28px;background:#000000b3;color:#fff;border:none;border-radius:50%;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.channel-post-media-remove:hover{background:#ef4444e6}.channel-post-poll-options{display:flex;flex-direction:column;gap:12px;padding:16px;background:#f9fafb;border-radius:12px;border:1px solid #E5E7EB}.channel-post-poll-options-list{display:flex;flex-direction:column;gap:8px}.channel-post-poll-option{display:flex;gap:8px;align-items:center}.channel-post-poll-option-input{flex:1;padding:10px 14px;border:1px solid #D1D5DB;border-radius:8px;font-size:14px;font-family:Red Hat Display,sans-serif;outline:none;transition:all .2s ease}.channel-post-poll-option-input:focus{border-color:var(--user-type-color, #8548A8);box-shadow:0 0 0 3px color-mix(in srgb,var(--user-type-color, #8548A8) 20%,transparent)}.channel-post-poll-option-remove{width:32px;height:32px;background:#ef4444;color:#fff;border:none;border-radius:8px;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.channel-post-poll-option-remove:hover{background:#dc2626}.channel-post-poll-add-option{padding:8px 16px;background:#f3f4f6;border:1px dashed #D1D5DB;border-radius:8px;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease;font-family:Red Hat Display,sans-serif;width:fit-content}.channel-post-poll-add-option:hover{background:#e5e7eb;border-color:#9ca3af}.channel-post-poll-duration{display:flex;align-items:center;gap:12px;padding-top:12px;border-top:1px solid #E5E7EB}.channel-post-poll-duration label{font-size:14px;font-weight:500;color:#374151;font-family:Red Hat Display,sans-serif}.channel-post-poll-duration-input{padding:6px 12px;border:1px solid #D1D5DB;border-radius:8px;font-size:14px;font-family:Red Hat Display,sans-serif;width:80px;outline:none}.channel-post-poll-duration-input:focus{border-color:var(--user-type-color, #8548A8);box-shadow:0 0 0 3px color-mix(in srgb,var(--user-type-color, #8548A8) 20%,transparent)}.channel-post-story-note{display:flex;align-items:center;gap:12px;padding:16px;background:#f0f9ff;border:1px solid #BAE6FD;border-radius:12px}.channel-post-story-note svg{color:#0284c7;flex-shrink:0}.channel-post-story-note p{font-size:14px;color:#0369a1;margin:0;font-family:Red Hat Display,sans-serif}.channel-post-creation-actions{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid #E5E7EB}.channel-post-creation-media-actions{display:flex;gap:8px}.channel-post-creation-media-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#f3f4f6;border:none;border-radius:8px;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease;font-family:Red Hat Display,sans-serif}.channel-post-creation-media-btn:hover{background:#e5e7eb;color:#374151}.channel-post-creation-media-btn svg{width:20px;height:20px}.channel-post-creation-submit-btn{padding:10px 24px;background:linear-gradient(135deg,var(--user-type-color, #8548A8) 0%,color-mix(in srgb,var(--user-type-color, #8548A8) 70%,white) 100%);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-family:Red Hat Display,sans-serif}.channel-post-creation-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px color-mix(in srgb,var(--user-type-color, #8548A8) 40%,transparent)}.channel-post-creation-submit-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 1024px){.channel-post-creation{padding:16px;border-radius:14px}.channel-post-creation-input{font-size:15px}}@media (max-width: 768px){.channel-post-creation{padding:16px;border-radius:14px;margin-bottom:10px}.channel-post-creation-header{gap:10px;margin-bottom:10px}.channel-post-creation-profile-img{width:44px;height:44px}.channel-post-creation-channel-name{font-size:13px}.channel-post-creation-form{gap:12px}.channel-post-type-selector{overflow-x:auto;padding-bottom:12px;gap:6px;scrollbar-width:none;-ms-overflow-style:none}.channel-post-type-selector::-webkit-scrollbar{display:none}.post-type-btn{padding:6px 12px;font-size:12px;gap:5px;white-space:nowrap}.post-type-btn svg{width:16px;height:16px}.channel-post-creation-input-container{gap:10px}.channel-post-creation-input{min-height:70px;padding:10px 14px;font-size:14px;border-radius:10px}.channel-post-media-preview{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.channel-post-media-remove{width:24px;height:24px;top:6px;right:6px;font-size:18px}.channel-post-poll-options{padding:12px;gap:10px}.channel-post-poll-option-input{padding:8px 12px;font-size:13px}.channel-post-poll-option-remove{width:28px;height:28px;font-size:18px}.channel-post-poll-duration{gap:10px;padding-top:10px}.channel-post-poll-duration label{font-size:13px}.channel-post-poll-duration-input{padding:5px 10px;font-size:13px;width:70px}.channel-post-story-note{padding:12px;gap:10px}.channel-post-story-note svg{width:18px;height:18px}.channel-post-story-note p{font-size:13px}.channel-post-creation-actions{flex-direction:column;gap:12px;padding-top:12px}.channel-post-creation-media-actions{width:100%;gap:6px}.channel-post-creation-media-btn{flex:1;justify-content:center;padding:7px 14px;font-size:13px;gap:5px}.channel-post-creation-media-btn svg{width:18px;height:18px}.channel-post-creation-submit-btn{width:100%;padding:9px 20px;font-size:14px}}@media (max-width: 425px){.channel-post-creation{padding:12px;border-radius:12px;margin-bottom:8px}.channel-post-creation-header{gap:8px;margin-bottom:8px}.channel-post-creation-profile-img{width:40px;height:40px}.channel-post-creation-channel-name{font-size:12px}.channel-post-creation-form{gap:10px}.channel-post-type-selector{padding-bottom:10px;gap:5px}.post-type-btn{padding:5px 10px;font-size:11px;gap:4px}.post-type-btn svg{width:14px;height:14px}.channel-post-creation-input-container{gap:8px}.channel-post-creation-input{min-height:60px;padding:8px 12px;font-size:13px;border-radius:8px}.channel-post-media-preview{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}.channel-post-media-remove{width:22px;height:22px;top:5px;right:5px;font-size:16px}.channel-post-poll-options{padding:10px;gap:8px;border-radius:10px}.channel-post-poll-option{gap:6px}.channel-post-poll-option-input{padding:7px 10px;font-size:12px;border-radius:6px}.channel-post-poll-option-remove{width:26px;height:26px;font-size:16px;border-radius:6px}.channel-post-poll-duration{gap:8px;padding-top:8px}.channel-post-poll-duration label{font-size:12px}.channel-post-poll-duration-input{padding:4px 8px;font-size:12px;width:60px;border-radius:6px}.channel-post-story-note{padding:10px;gap:8px;border-radius:10px}.channel-post-story-note svg{width:16px;height:16px}.channel-post-story-note p{font-size:12px}.channel-post-creation-actions{gap:10px;padding-top:10px}.channel-post-creation-media-actions{gap:5px}.channel-post-creation-media-btn{padding:6px 12px;font-size:12px;gap:4px}.channel-post-creation-media-btn svg{width:16px;height:16px}.channel-post-creation-submit-btn{padding:8px 18px;font-size:13px;border-radius:8px}}.channel-post-feed{display:flex;flex-direction:column;gap:24px}.channel-post-feed-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;text-align:center;background:#fff;border:1px solid #E5E7EB;border-radius:16px}.channel-post-feed-empty-icon{width:80px;height:80px;border-radius:50%;background:#f3f4f6;display:flex;align-items:center;justify-content:center;margin-bottom:20px;color:#9ca3af}.channel-post-feed-empty svg{color:inherit;margin-bottom:0}.channel-post-feed-empty h3{font-size:20px;font-weight:700;color:#1f2937;margin:0 0 8px;font-family:Red Hat Display,sans-serif;text-align:center;width:100%}.channel-post-feed-empty p{font-size:16px;color:#6b7280;margin:0;font-family:Red Hat Display,sans-serif;text-align:center;width:100%}@media (max-width: 768px){.channel-post-feed{gap:16px}}.transfer-ownership-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.transfer-ownership-modal{background:#fff;border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #00000026}.transfer-ownership-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid #E5E7EB}.transfer-ownership-modal-title{font-size:24px;font-weight:700;color:#111827;margin:0;font-family:Red Hat Display,sans-serif}.transfer-ownership-modal-close{background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:color .2s ease}.transfer-ownership-modal-close:hover{color:#111827}.transfer-ownership-modal-content{padding:24px}.transfer-ownership-modal-warning{background:#fef3c7;border:1px solid #FCD34D;border-radius:12px;padding:16px;margin-bottom:24px;display:flex;flex-direction:column;gap:12px}.transfer-ownership-modal-warning svg{color:#f59e0b;margin-bottom:8px}.transfer-ownership-modal-warning p{margin:0;color:#92400e;font-size:14px;line-height:1.5}.transfer-ownership-modal-warning strong{font-weight:600}.transfer-ownership-modal-label{display:block;font-size:16px;font-weight:600;color:#111827;margin-bottom:16px;font-family:Red Hat Display,sans-serif}.transfer-ownership-members-list{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto;margin-bottom:24px}.transfer-ownership-member-item{display:flex;align-items:center;gap:12px;padding:16px;border:2px solid #E5E7EB;border-radius:12px;cursor:pointer;transition:all .2s ease;background:#fff}.transfer-ownership-member-item:hover{border-color:var(--user-type-color, #8548A8);background:#f9fafb}.transfer-ownership-member-item.selected{border-color:var(--user-type-color, #8548A8);background:#f3f4f6}.transfer-ownership-member-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--user-type-color, #8548A8)}.transfer-ownership-member-info{flex:1;display:flex;flex-direction:column;gap:4px}.transfer-ownership-member-name{font-size:16px;font-weight:600;color:#111827;font-family:Red Hat Display,sans-serif}.transfer-ownership-member-username{font-size:14px;color:#6b7280}.transfer-ownership-member-role{font-size:12px;color:#9ca3af;text-transform:capitalize}.transfer-ownership-member-check{width:32px;height:32px;border-radius:50%;background:var(--user-type-color, #8548A8);color:#fff;display:flex;align-items:center;justify-content:center}.transfer-ownership-modal-loading,.transfer-ownership-modal-empty{text-align:center;padding:40px 20px;color:#6b7280}.transfer-ownership-modal-empty p{margin:8px 0}.transfer-ownership-modal-actions{display:flex;gap:12px;padding:24px;border-top:1px solid #E5E7EB}.transfer-ownership-modal-cancel,.transfer-ownership-modal-submit{flex:1;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Red Hat Display,sans-serif}.transfer-ownership-modal-cancel{background:#f3f4f6;color:#111827;border:none}.transfer-ownership-modal-cancel:hover{background:#e5e7eb}.transfer-ownership-modal-submit{background:linear-gradient(135deg,var(--user-type-color, #8548A8) 0%,color-mix(in srgb,var(--user-type-color, #8548A8) 70%,white) 100%);color:#fff;border:none}.transfer-ownership-modal-submit:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.transfer-ownership-modal-submit:disabled{opacity:.5;cursor:not-allowed}.channel-header{width:100%;position:relative;margin-bottom:32px;margin-top:0;padding-top:0}.channel-header-cover{position:relative;height:clamp(160px,26vw,220px);border-radius:24px;background:linear-gradient(135deg,color-mix(in srgb,var(--user-type-color, #8548A8) 26%,#0f172a),color-mix(in srgb,var(--user-type-color, #8548A8) 14%,#111827));overflow:hidden;box-shadow:0 20px 50px #0f172a2e}.channel-header-cover.has-image{background-size:cover;background-position:center}.channel-header-cover-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#1118271a,#11182740,#11182773);mix-blend-mode:multiply;pointer-events:none}.channel-header-body{position:relative;margin-top:0;padding:28px 32px;background:#fff;border-radius:24px;box-shadow:none;display:flex;align-items:flex-start;gap:24px}.channel-header-sidebar-btn{display:none}.channel-header-leave-btn{position:absolute;top:28px;right:32px;display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:8px;border:1px solid #DC2626;font-size:14px;font-weight:600;font-family:Red Hat Display,Cairo,sans-serif;color:#dc2626;background:#fff;cursor:pointer;transition:all .2s ease;z-index:10}html[dir=rtl] .channel-header-leave-btn,html[lang=ar] .channel-header-leave-btn,html[dir=rtl] .channel-header-actions,html[lang=ar] .channel-header-actions{right:auto;left:32px}.channel-header-leave-btn:hover{background:#fee2e2;border-color:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #dc262633}.channel-header-leave-btn svg{width:16px;height:16px}.channel-header-info{display:flex;gap:20px;align-items:flex-start;flex:1 1 auto}.channel-profile-wrapper{position:relative;margin-top:-20px;flex-shrink:0}.channel-profile-wrapper:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:28px;background:linear-gradient(135deg,color-mix(in srgb,var(--user-type-color, #8548A8) 20%,rgba(255,255,255,.9)),#fff3);filter:blur(30px);opacity:.7;z-index:0}.channel-profile-image{position:relative;width:112px;height:112px;border-radius:26px;border:4px solid #ffffff;object-fit:cover;box-shadow:0 20px 40px #0f172a2e;background:#f3f4f6;z-index:1}.channel-header-details{flex:1}.channel-header-title-row{display:flex;align-items:center;gap:12px;margin-bottom:10px}.channel-header-name{font-size:clamp(26px,3vw,32px);font-weight:700;color:#0f172a;margin:0;font-family:Red Hat Display,sans-serif}.channel-header-private-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;background:#fef0c7bf;border:1px solid rgba(253,216,136,.85);border-radius:999px;font-size:12px;font-weight:600;color:#d97706;font-family:Red Hat Display,sans-serif;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.channel-header-private-badge svg{width:14px;height:14px}.channel-header-description{font-size:16px;color:#475569;margin:0 0 16px;line-height:1.6;font-family:Red Hat Display,sans-serif;max-width:720px}.channel-header-stats{display:flex;gap:24px;flex-wrap:wrap;align-items:center;width:100%}.channel-header-stat{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:14px;background:#f1f5f9cc;border:1px solid rgba(226,232,240,.9);font-size:14px;color:#475569;font-family:Red Hat Display,sans-serif}.channel-header-stat svg{width:18px;height:18px;color:#64748b}.channel-header-owner{font-size:13px;color:#64748b;font-family:Red Hat Display,sans-serif}.channel-header-guidelines{margin:16px 0;padding:0;display:flex;flex-direction:column;gap:8px}.channel-header-guidelines-header{display:flex;align-items:center;gap:8px;position:relative}.channel-header-guidelines-header svg:first-child{width:16px;height:16px;color:#64748b;flex-shrink:0}.channel-header-guidelines-title{font-size:14px;font-weight:500;color:#64748b;font-family:Red Hat Display,sans-serif;flex:1}.channel-header-guidelines-edit{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;color:#6b7280;margin-left:auto}.channel-header-guidelines-edit:hover{background:#f3f4f6;color:var(--user-type-color, #8548A8)}.channel-header-guidelines-edit svg{width:14px;height:14px}.channel-header-guidelines-list{margin:0;padding-left:24px;display:flex;flex-direction:column;gap:4px;list-style:decimal;color:#64748b;font-size:14px;line-height:1.6;font-family:Red Hat Display,sans-serif}.channel-header-guidelines-list li{color:#64748b}.channel-header-guidelines-more{color:#6366f1!important;font-weight:500;font-style:italic;list-style:none;padding-left:0;margin-left:-24px;margin-top:2px}.channel-header-actions{position:absolute;bottom:28px;right:32px;display:flex;gap:12px;align-items:center;z-index:10}.channel-header-action-btn{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:12px;border:1px solid #E5E7EB;background:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);padding:0;font-family:Red Hat Display,sans-serif;box-shadow:0 1px 2px #0000000d}.channel-header-action-btn svg{width:18px;height:18px;color:#475569;transition:color .2s ease}.channel-header-action-btn:hover{background:#fff;border-color:var(--user-type-color, #8548A8);transform:translateY(-4px);box-shadow:0 8px 16px -2px #0000001a,0 4px 6px -2px #0000000d}.channel-header-action-btn:hover svg{color:var(--user-type-color, #8548A8)}.channel-header-action-btn:first-child:hover{background:#0ea5e91a;border-color:#0ea5e9}.channel-header-action-btn:first-child:hover svg{color:#0369a1}.channel-header-action-btn:nth-child(2):hover{background:#94a3b81a;border-color:#94a3b8}.channel-header-action-btn:nth-child(2):hover svg{color:#334155}.channel-header-action-btn:nth-child(3):hover{background:#6366f11a;border-color:#6366f1}.channel-header-action-btn:nth-child(3):hover svg{color:#4338ca}.channel-header-action-btn:nth-child(4):hover{background:#22c55e1a;border-color:#22c55e}.channel-header-action-btn:nth-child(4):hover svg{color:#16a34a}.channel-header-action-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);padding:6px 12px;background:#1f2937;color:#fff;font-size:12px;font-weight:500;border-radius:6px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;font-family:Red Hat Display,sans-serif;z-index:1000}.channel-header-action-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#1f2937}.channel-header-action-btn:hover .channel-header-action-tooltip{opacity:1;transform:translate(-50%) translateY(-4px)}@media (max-width: 1024px){.channel-header-body{flex-direction:column;gap:24px;padding:24px}.channel-header-leave-btn{top:24px;right:24px;padding:9px 16px;font-size:13px}html[dir=rtl] .channel-header-leave-btn,html[lang=ar] .channel-header-leave-btn,html[dir=rtl] .channel-header-actions,html[lang=ar] .channel-header-actions{right:auto;left:24px}.channel-header-actions{bottom:24px;right:24px;gap:10px}.channel-header-action-btn{width:36px;height:36px}.channel-header-action-btn svg{width:16px;height:16px}.channel-header-name{font-size:28px}.channel-header-description{font-size:15px}.channel-header-guidelines{width:280px;max-width:calc(100% - 48px);padding:10px 14px;gap:8px}.channel-header-guidelines-title{font-size:12px}.channel-header-guidelines-list{font-size:12px;gap:5px}}@media (max-width: 768px){.channel-header{margin-bottom:20px}.channel-header-cover{border-radius:20px;height:clamp(140px,32vw,180px)}.channel-header-body{margin-top:0;padding:20px;border-radius:20px}.channel-header-info{flex-direction:column;align-items:flex-start;gap:16px}.channel-profile-wrapper{margin-top:-52px}.channel-profile-image{width:96px;height:96px;border-radius:22px;border-width:3px}.channel-header-name{font-size:24px}.channel-header-description{font-size:14px;margin-bottom:12px}.channel-header-guidelines{width:260px;max-width:calc(100% - 40px);padding:10px 12px;gap:8px}.channel-header-guidelines-header svg:first-child{width:14px;height:14px}.channel-header-guidelines-title{font-size:12px}.channel-header-guidelines-edit{width:22px;height:22px}.channel-header-guidelines-edit svg{width:12px;height:12px}.channel-header-guidelines-list{font-size:12px;padding-left:20px;gap:5px}.channel-header-stats{gap:12px;flex-wrap:wrap}.channel-header-stat{padding:8px 14px;font-size:13px}.channel-header-stat svg{width:16px;height:16px}.channel-header-owner{font-size:12px}.channel-header-leave-btn{top:20px;right:20px;padding:8px 14px;font-size:13px}html[dir=rtl] .channel-header-leave-btn,html[lang=ar] .channel-header-leave-btn{right:auto;left:20px}.channel-header-leave-btn svg{width:14px;height:14px}.channel-header-actions{bottom:20px;right:20px;gap:8px}html[dir=rtl] .channel-header-actions,html[lang=ar] .channel-header-actions{right:auto;left:20px}.channel-header-action-btn{width:34px;height:34px}.channel-header-action-btn svg{width:15px;height:15px}.channel-header-action-tooltip{font-size:11px;padding:5px 10px}}@media (max-width: 425px){.channel-header{margin-bottom:16px}.channel-header-cover{border-radius:16px;height:clamp(120px,35vw,160px)}.channel-header-body{margin-top:0;padding:16px;border-radius:16px;gap:16px}.channel-header-info{gap:12px}.channel-profile-wrapper{margin-top:-44px}.channel-profile-image{width:80px;height:80px;border-radius:18px;border-width:3px}.channel-header-title-row{gap:8px;margin-bottom:8px}.channel-header-name{font-size:20px}.channel-header-private-badge{padding:4px 10px;font-size:11px;gap:4px}.channel-header-private-badge svg{width:12px;height:12px}.channel-header-description{font-size:13px;margin-bottom:10px;line-height:1.5}.channel-header-guidelines{width:240px;max-width:calc(100% - 32px);padding:8px 10px;gap:6px;border-radius:8px}.channel-header-guidelines-header svg:first-child{width:13px;height:13px}.channel-header-guidelines-title{font-size:11px}.channel-header-guidelines-edit{width:20px;height:20px}.channel-header-guidelines-edit svg{width:11px;height:11px}.channel-header-guidelines-list{font-size:11px;padding-left:18px;gap:4px}.channel-header-stats{gap:8px}.channel-header-stat{padding:6px 12px;font-size:12px;border-radius:12px;gap:6px}.channel-header-stat svg{width:14px;height:14px}.channel-header-owner{font-size:11px}.channel-header-leave-btn{top:16px;right:16px;padding:8px 12px;font-size:12px;gap:6px}html[dir=rtl] .channel-header-leave-btn,html[lang=ar] .channel-header-leave-btn,html[dir=rtl] .channel-header-actions,html[lang=ar] .channel-header-actions{right:auto;left:16px}.channel-header-leave-btn svg{width:14px;height:14px}.channel-header-actions{bottom:16px;right:16px;gap:6px}.channel-header-action-btn{width:32px;height:32px}.channel-header-action-btn svg{width:14px;height:14px}.channel-header-action-tooltip{font-size:10px;padding:4px 8px}.channel-header-sidebar-btn{display:none}}@media (max-width: 425px){.channel-header-body{padding:16px;position:relative}.channel-header-sidebar-btn{position:absolute;top:16px;right:16px;display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:#f1f5f9cc;border:1px solid rgba(226,232,240,.9);border-radius:12px;font-size:12px;font-weight:600;color:#475569;cursor:pointer;transition:all .2s ease;font-family:Red Hat Display,sans-serif;z-index:10}.channel-header-sidebar-btn:hover{background:#e2e8f0e6;color:#334155;transform:translateY(-1px)}.channel-header-sidebar-btn:active{transform:translateY(0)}.channel-header-sidebar-btn svg{width:14px;height:14px}.channel-header-info{width:100%;padding-right:0}}.channel-settings-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeIn .2s ease}.channel-settings{background:#fff;border-radius:16px;width:100%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease;scrollbar-width:none;-ms-overflow-style:none}.channel-settings::-webkit-scrollbar{display:none}.channel-settings-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:1px solid #E5E7EB}.channel-settings-title{font-size:22px;font-weight:700;color:#1f2937;margin:0;font-family:Red Hat Display,sans-serif}.channel-settings-close{width:32px;height:32px;background:transparent;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:#9ca3af}.channel-settings-close:hover{background:#f3f4f6;color:#374151}.channel-settings-close svg{width:24px;height:24px}.channel-settings-form{padding:28px;display:flex;flex-direction:column;gap:28px}.channel-settings-form-grid{display:grid;grid-template-columns:1fr 200px;gap:32px;align-items:flex-start}.channel-settings-form-column{display:flex;flex-direction:column;gap:24px}.channel-settings-form-group{display:flex;flex-direction:column;gap:8px}.channel-settings-form-label{font-size:14px;font-weight:600;color:#374151;font-family:Red Hat Display,sans-serif}.channel-settings-form-input,.channel-settings-form-textarea{padding:10px 14px;border:1px solid #E5E7EB;border-radius:8px;font-size:15px;font-family:Red Hat Display,sans-serif;color:#1f2937;outline:none;transition:all .2s ease;resize:vertical;background:#fff}.channel-settings-form-input:focus,.channel-settings-form-textarea:focus{border-color:var(--user-type-color, #8548A8);box-shadow:0 0 0 3px color-mix(in srgb,var(--user-type-color, #8548A8) 15%,transparent)}.channel-settings-form-input.error,.channel-settings-form-textarea.error{border-color:#ef4444}.channel-settings-form-error{font-size:12px;color:#ef4444;font-family:Red Hat Display,sans-serif}.channel-settings-image-upload{display:flex;flex-direction:column;gap:12px;position:relative;cursor:pointer;border:2px dashed #D1D5DB;border-radius:14px;transition:border-color .2s ease,background .2s ease,transform .2s ease;overflow:hidden}.channel-settings-image-upload.dropzone:hover{border-color:var(--user-type-color, #8548A8);background:#f8f5fb;transform:translateY(-1px)}.channel-settings-image-upload input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.channel-settings-image-upload.disabled{cursor:not-allowed;opacity:.7}.channel-settings-image-upload.disabled:hover{border-color:#d1d5db;background:transparent;transform:none}.channel-settings-image-upload.disabled input[type=file]{cursor:not-allowed}.channel-settings-image-preview{width:100%;min-height:220px;border-radius:12px;overflow:hidden;background:#f9fafb;display:flex;align-items:center;justify-content:center;pointer-events:none}.channel-settings-image-preview img{width:100%;height:100%;object-fit:cover}.channel-settings-image-placeholder{display:flex;flex-direction:column;align-items:center;gap:6px;color:#9ca3af;text-align:center;padding:24px}.channel-settings-image-placeholder svg{width:32px;height:32px}.channel-settings-image-placeholder span{font-size:14px;font-family:Red Hat Display,sans-serif}.channel-settings-drop-hint{font-size:12px;font-weight:600;color:var(--user-type-color, #8548A8);text-transform:uppercase;letter-spacing:.06em;background:color-mix(in srgb,var(--user-type-color, #8548A8) 15%,transparent);padding:6px 12px;border-radius:999px}.channel-settings-image-upload.profile{flex-direction:column;align-items:center;justify-content:center;gap:16px;border:2px dashed #E5E7EB;background:#fafbfc;padding:24px;border-radius:12px;min-height:200px}.channel-settings-image-upload.profile:hover{border-color:var(--user-type-color, #8548A8);background:#f9fafb}.channel-settings-image-upload.profile .channel-settings-profile-preview{width:140px;height:140px;border-radius:50%;overflow:hidden;border:3px solid #E5E7EB;background:#f9fafb;display:flex;align-items:center;justify-content:center;position:relative}.channel-settings-image-upload.profile .channel-settings-image-placeholder{padding:0}.channel-settings-profile-preview img{width:100%;height:100%;object-fit:cover}.channel-settings-profile-placeholder{display:flex;align-items:center;justify-content:center;color:#9ca3af;gap:12px;flex-direction:column;text-align:center;width:100%}.channel-settings-profile-placeholder span:first-of-type{font-size:13px;color:#6b7280;font-weight:500}.channel-settings-profile-placeholder svg{width:32px;height:32px}.channel-settings-image-upload.profile .channel-settings-drop-hint{font-size:13px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(135deg,var(--user-type-color, #8548A8) 0%,color-mix(in srgb,var(--user-type-color, #8548A8) 80%,white) 100%);padding:10px 20px;border-radius:8px;cursor:pointer;transition:all .2s ease;border:none;margin-top:8px}.channel-settings-image-upload.profile .channel-settings-drop-hint:hover{transform:translateY(-1px);box-shadow:0 4px 12px color-mix(in srgb,var(--user-type-color, #8548A8) 30%,transparent)}.channel-settings-privacy-options{display:flex;flex-direction:column;gap:12px;transition:opacity .2s ease}.channel-settings-privacy-options.disabled{opacity:.6;pointer-events:none}.channel-settings-privacy-option{display:flex;align-items:flex-start;gap:14px;padding:16px;border:2px solid #E5E7EB;border-radius:10px;cursor:pointer;transition:all .2s ease;background:#fff;position:relative}.channel-settings-privacy-option:hover{border-color:var(--user-type-color, #8548A8);background:#fafbfc}.channel-settings-privacy-option input[type=radio]:checked+.privacy-option-content{color:var(--user-type-color, #8548A8)}.channel-settings-privacy-option:has(input:checked){border-color:var(--user-type-color, #8548A8);background:color-mix(in srgb,var(--user-type-color, #8548A8) 5%,white);box-shadow:0 0 0 3px color-mix(in srgb,var(--user-type-color, #8548A8) 10%,transparent)}.privacy-option-content{flex:1;display:flex;flex-direction:column;gap:4px}.privacy-option-header{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;color:#1f2937;font-family:Red Hat Display,sans-serif}.channel-settings-privacy-option:has(input:checked) .privacy-option-header{color:var(--user-type-color, #8548A8)}.privacy-option-header svg{width:18px;height:18px;color:#9ca3af;flex-shrink:0}.channel-settings-privacy-option:has(input:checked) .privacy-option-header svg{color:var(--user-type-color, #8548A8)}.privacy-option-content p{font-size:14px;color:#6b7280;margin:0;font-family:Red Hat Display,sans-serif}.channel-settings-privacy-option input[type=radio]{margin-top:2px;cursor:pointer}.channel-settings-danger-zone{padding:28px 32px;background:#fef2f2;border:1px solid #FECACA;border-radius:12px;display:flex;flex-direction:column;gap:16px}.channel-settings-danger-title{font-size:18px;font-weight:700;color:#dc2626;margin:0;font-family:Red Hat Display,sans-serif}.channel-settings-delete-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#ef4444;color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Red Hat Display,sans-serif;width:fit-content}.channel-settings-delete-btn:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.channel-settings-delete-btn svg{width:20px;height:20px}.channel-settings-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:20px;margin-top:8px}.channel-settings-cancel{padding:10px 20px;background:#fff;border:1px solid #E5E7EB;border-radius:8px;font-size:15px;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s ease;font-family:Red Hat Display,sans-serif}.channel-settings-cancel:hover{background:#f9fafb;border-color:#d1d5db;color:#374151}.channel-settings-submit{padding:10px 24px;background:linear-gradient(135deg,var(--user-type-color, #8548A8) 0%,color-mix(in srgb,var(--user-type-color, #8548A8) 70%,white) 100%);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Red Hat Display,sans-serif}.channel-settings-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px color-mix(in srgb,var(--user-type-color, #8548A8) 35%,transparent)}.channel-settings-submit:disabled{opacity:.6;cursor:not-allowed}.channel-settings-no-permission{background:#fef3c7;border:1px solid #FCD34D;border-radius:12px;padding:16px;display:flex;align-items:flex-start;gap:12px;margin-bottom:24px}.channel-settings-no-permission svg{color:#f59e0b;flex-shrink:0;margin-top:2px}.channel-settings-no-permission p{margin:0;color:#92400e;font-size:14px;line-height:1.5;font-family:Red Hat Display,sans-serif}.channel-settings-form-hint{font-size:12px;color:#6b7280;font-family:Red Hat Display,sans-serif}.channel-settings-danger-note{font-size:14px;color:#92400e;margin:0;font-family:Red Hat Display,sans-serif;line-height:1.5}.channel-settings-form-input:disabled,.channel-settings-form-textarea:disabled{background:#f9fafb;cursor:not-allowed;opacity:.6}@media (max-width: 992px){.channel-settings-form-grid{grid-template-columns:1fr;gap:28px}.channel-settings-image-upload.profile{flex-direction:column;align-items:flex-start}}@media (max-width: 768px){.channel-settings{max-width:100%;max-height:95vh;margin:0}.channel-settings-header,.channel-settings-form{padding:20px}.channel-settings-actions{flex-direction:column-reverse}.channel-settings-cancel,.channel-settings-submit{width:100%}}.manage-members-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.manage-members-modal{background:#fff;border-radius:24px;width:100%;max-width:1040px;max-height:90vh;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column}.manage-members-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid #E5E7EB;flex-shrink:0}.manage-members-modal-header-content{display:flex;flex-direction:column;gap:4px}.manage-members-modal-title{font-size:24px;font-weight:700;color:#111827;margin:0;font-family:Red Hat Display,sans-serif}.manage-members-modal-subtitle{font-size:13px;color:#6b7280;font-weight:500;font-family:Red Hat Display,sans-serif}.manage-members-modal-close{background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;color:#6b7280}.manage-members-modal-close:hover{color:#111827}.manage-members-modal-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.manage-members-modal-body{padding:24px 28px;flex:1;overflow:hidden}.manage-members-modal-pane{display:flex;flex-direction:column;border:1px solid #E5E7EB;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 12px 24px #94a3b826;height:600px}.manage-members-pane-content{padding:24px;flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;scrollbar-width:none;-ms-overflow-style:none}.manage-members-pane-content::-webkit-scrollbar{display:none}.manage-members-request-list{display:flex;flex-direction:column;gap:16px}.manage-members-request-item{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px;border:1px solid #E0E7FF;border-radius:14px;background:linear-gradient(180deg,#f0f6ff99,#fffc)}.manage-members-request-info{display:flex;gap:16px;align-items:flex-start;flex:1;min-width:0}.manage-members-request-text{display:flex;flex-direction:column;gap:4px;min-width:0}.manage-members-request-name-row{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.manage-members-request-time{font-size:12px;color:#9ca3af}.manage-members-request-message{margin:0;font-size:13px;color:#4b5563;font-style:italic}.manage-members-request-actions{display:flex;gap:8px;flex-shrink:0}.manage-members-modal-loading,.manage-members-modal-empty{text-align:center;padding:40px 20px;color:#6b7280}.manage-members-list{display:grid;grid-template-columns:repeat(7,1fr);gap:12px;padding-bottom:4px}.manage-members-member-card{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px;border:1px solid #E5E7EB;border-radius:10px;background:#fff;position:relative;transition:all .2s ease;cursor:pointer;gap:8px}.manage-members-member-card:hover{border-color:var(--user-type-color, #8548A8);background:#fafbfc}.manage-members-member-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid #E5E7EB;flex-shrink:0}.manage-members-member-name{font-size:13px;font-weight:600;color:#111827;font-family:Red Hat Display,sans-serif;text-align:center;line-height:1.3;word-break:break-word;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.manage-members-member-role-badge{padding:3px 8px;border-radius:8px;font-size:10px;font-weight:600;color:#fff;text-transform:capitalize;font-family:Red Hat Display,sans-serif;margin-top:auto}.manage-members-member-you-badge{position:absolute;top:6px;right:6px;padding:2px 6px;background:var(--user-type-color, #8548A8);border-radius:8px;font-size:10px;font-weight:600;color:#fff;font-family:Red Hat Display,sans-serif}.manage-members-approve-request-btn,.manage-members-reject-request-btn{padding:8px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;font-family:Red Hat Display,sans-serif;border:none;white-space:nowrap}.manage-members-approve-request-btn{background:linear-gradient(135deg,var(--user-type-color, #8548A8) 0%,color-mix(in srgb,var(--user-type-color, #8548A8) 70%,white) 100%);color:#fff}.manage-members-approve-request-btn:hover:not(:disabled){opacity:.9}.manage-members-reject-request-btn{background:#f3f4f6;color:#374151;border:1px solid #E5E7EB}.manage-members-reject-request-btn:hover:not(:disabled){background:#e5e7eb}.manage-members-approve-request-btn:disabled,.manage-members-reject-request-btn:disabled{opacity:.5;cursor:not-allowed}.manage-members-member-note{padding:4px 12px;background:#f3f4f6;border-radius:12px;font-size:12px;font-weight:600;color:#6b7280;font-family:Red Hat Display,sans-serif}@media (max-width: 1024px){.manage-members-modal{max-width:95vw}.manage-members-modal-body{padding:20px}}.manage-members-modal-empty.subtle{padding:16px 20px;color:#6b7280;background:#f9fafb;border:1px dashed #E5E7EB;border-radius:12px}.manage-join-requests-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.manage-join-requests-modal{background:#fff;border-radius:18px;width:100%;max-width:800px;max-height:85vh;height:85vh;overflow:hidden;box-shadow:0 20px 60px #0f172a40;display:flex;flex-direction:column}.manage-join-requests-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid #E5E7EB;flex-shrink:0}.manage-join-requests-modal-header-content{display:flex;flex-direction:column;gap:4px}.manage-join-requests-modal-title{font-size:24px;font-weight:700;color:#111827;margin:0;font-family:Red Hat Display,sans-serif}.manage-join-requests-modal-subtitle{font-size:13px;color:#6b7280;font-weight:500;font-family:Red Hat Display,sans-serif}.manage-join-requests-modal-close{background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;color:#6b7280}.manage-join-requests-modal-close:hover{color:#111827}.manage-join-requests-modal-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.manage-join-requests-modal-body{padding:24px 28px;flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;scrollbar-width:none;-ms-overflow-style:none}.manage-join-requests-modal-body::-webkit-scrollbar{display:none}.manage-join-requests-list{display:flex;flex-direction:column;gap:16px;padding-bottom:4px}.manage-join-requests-item{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px;border:1px solid #E0E7FF;border-radius:14px;background:linear-gradient(180deg,#f0f6ff99,#fffc)}.manage-join-requests-info{display:flex;gap:16px;align-items:flex-start;flex:1;min-width:0}.manage-join-requests-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid #E5E7EB;flex-shrink:0}.manage-join-requests-text{display:flex;flex-direction:column;gap:4px;min-width:0}.manage-join-requests-name-row{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.manage-join-requests-name{font-size:16px;font-weight:600;color:#111827;font-family:Red Hat Display,sans-serif}.manage-join-requests-time{font-size:12px;color:#9ca3af}.manage-join-requests-username{font-size:14px;color:#6b7280}.manage-join-requests-message{margin:4px 0 0;font-size:13px;color:#4b5563;font-style:italic}.manage-join-requests-actions{display:flex;gap:8px;flex-shrink:0}.manage-join-requests-approve-btn,.manage-join-requests-reject-btn{padding:8px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;font-family:Red Hat Display,sans-serif;border:none;white-space:nowrap}.manage-join-requests-approve-btn{background:linear-gradient(135deg,var(--user-type-color, #8548A8) 0%,color-mix(in srgb,var(--user-type-color, #8548A8) 70%,white) 100%);color:#fff}.manage-join-requests-approve-btn:hover:not(:disabled){opacity:.9}.manage-join-requests-reject-btn{background:#f3f4f6;color:#374151;border:1px solid #E5E7EB}.manage-join-requests-reject-btn:hover:not(:disabled){background:#e5e7eb}.manage-join-requests-approve-btn:disabled,.manage-join-requests-reject-btn:disabled{opacity:.5;cursor:not-allowed}.manage-join-requests-modal-loading,.manage-join-requests-modal-empty{text-align:center;padding:40px 20px;color:#6b7280}@media (max-width: 768px){.manage-join-requests-modal{max-width:95vw}.manage-join-requests-modal-body{padding:20px}.manage-join-requests-item{flex-direction:column;align-items:flex-start}.manage-join-requests-actions{width:100%;flex-direction:column}.manage-join-requests-approve-btn,.manage-join-requests-reject-btn{width:100%}}.invite-members-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.invite-members-modal{background:#fff;border-radius:24px;width:100%;max-width:800px;max-height:85vh;height:85vh;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column}.invite-members-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid #E5E7EB;flex-shrink:0}.invite-members-modal-header-content{display:flex;flex-direction:column;gap:4px}.invite-members-modal-title{font-size:24px;font-weight:700;color:#111827;margin:0;font-family:Red Hat Display,sans-serif}.invite-members-modal-subtitle{font-size:13px;color:#6b7280;font-weight:500;font-family:Red Hat Display,sans-serif}.invite-members-modal-close{background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;color:#6b7280}.invite-members-modal-close:hover{color:#111827}.invite-members-modal-close svg{width:24px;height:24px}.invite-members-modal-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.invite-members-modal-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:24px 28px;display:flex;flex-direction:column;gap:16px;min-height:0;scrollbar-width:none;-ms-overflow-style:none}.invite-members-modal-body::-webkit-scrollbar{display:none}.invite-members-search{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f3f4f6;border:2px solid #E5E7EB;border-radius:12px;transition:all .2s ease}.invite-members-search:focus-within{background:#fff;border-color:var(--user-type-color, #8548A8);box-shadow:0 0 0 4px color-mix(in srgb,var(--user-type-color, #8548A8) 10%,transparent)}.invite-members-search svg{color:#6b7280;flex-shrink:0}.invite-members-search-input{flex:1;border:none;background:transparent;outline:none;font-size:16px;color:#1f2937;font-family:Red Hat Display,sans-serif}.invite-members-search-input::placeholder{color:#9ca3af}.invite-members-selected{display:flex;flex-direction:column;gap:12px;padding:16px;background:#f9fafb;border-radius:12px;border:1px solid #E5E7EB}.invite-members-selected-header{display:flex;justify-content:space-between;align-items:center}.invite-members-selected-header span{font-size:14px;font-weight:600;color:#374151;font-family:Red Hat Display,sans-serif}.invite-members-clear-btn{padding:4px 12px;background:transparent;border:1px solid #D1D5DB;border-radius:6px;font-size:12px;color:#6b7280;cursor:pointer;transition:all .2s ease;font-family:Red Hat Display,sans-serif}.invite-members-clear-btn:hover{background:#e5e7eb;border-color:#9ca3af}.invite-members-selected-list{display:flex;flex-wrap:wrap;gap:8px}.invite-members-selected-item{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#fff;border:1px solid #E5E7EB;border-radius:20px;font-size:14px;color:#374151;font-family:Red Hat Display,sans-serif}.invite-members-selected-item img{width:24px;height:24px;border-radius:50%;object-fit:cover}.invite-members-selected-item button{width:20px;height:20px;background:#f3f4f6;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .2s ease;margin-left:4px}.invite-members-selected-item button:hover{background:#ef4444;color:#fff}.invite-members-users-list{display:flex;flex-direction:column;gap:8px;flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;scrollbar-width:none;-ms-overflow-style:none}.invite-members-users-list::-webkit-scrollbar{display:none}.invite-members-user-item{display:flex;align-items:center;gap:12px;padding:12px;background:#fff;border:2px solid #E5E7EB;border-radius:12px;cursor:pointer;transition:all .2s ease}.invite-members-user-item:hover{border-color:var(--user-type-color, #8548A8);background:#f9fafb}.invite-members-user-item.selected{border-color:var(--user-type-color, #8548A8);background:#f0f9ff}.invite-members-user-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid #E5E7EB;flex-shrink:0}.invite-members-user-info{flex:1;display:flex;flex-direction:column;gap:2px}.invite-members-user-name{font-size:16px;font-weight:600;color:#1f2937;font-family:Red Hat Display,sans-serif}.invite-members-user-username{font-size:14px;color:#6b7280;font-family:Red Hat Display,sans-serif}.invite-members-user-check{color:var(--user-type-color, #8548A8);flex-shrink:0}.invite-members-user-check svg{width:20px;height:20px}.invite-members-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px}.invite-members-loading .loading-spinner{width:56px;height:56px;position:relative;border:3px solid rgba(0,0,0,.1);border-top-color:var(--user-type-color, #8548A8);border-radius:50%;animation:spinnerRotate 1s linear infinite;margin-bottom:24px}.invite-members-loading .loading-spinner:before{content:"";position:absolute;width:56px;height:56px;border-radius:50%;border:3px solid transparent;border-top-color:var(--user-type-color, #8548A8);border-right-color:var(--user-type-color, #8548A8);animation:spinnerRotate 1s cubic-bezier(.5,0,.5,1) infinite}.invite-members-loading p{font-size:14px;color:#6b7280;font-family:Red Hat Display,sans-serif}.invite-members-empty{padding:48px 24px;text-align:center}.invite-members-empty p{font-size:16px;color:#6b7280;margin:0;font-family:Red Hat Display,sans-serif}.invite-members-modal-actions{display:flex;gap:12px;justify-content:flex-end;padding:20px 24px;border-top:1px solid #E5E7EB;flex-shrink:0;background:#f9fafbf2}.invite-members-modal-submit{padding:10px 24px;background:linear-gradient(135deg,var(--user-type-color, #8548A8) 0%,color-mix(in srgb,var(--user-type-color, #8548A8) 70%,white) 100%);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Red Hat Display,sans-serif}.invite-members-modal-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px color-mix(in srgb,var(--user-type-color, #8548A8) 35%,transparent)}.invite-members-modal-submit:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.invite-members-modal{max-width:100%;max-height:95vh;margin:0}.invite-members-modal-header,.invite-members-modal-content{padding:20px}.invite-members-modal-actions{flex-direction:column-reverse;padding:20px}.invite-members-modal-cancel,.invite-members-modal-submit{width:100%}}.channel-events-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:60}.channel-events-modal{width:100%;max-width:520px;max-height:80vh;background:#fff;border-radius:20px;padding:20px 22px;box-shadow:0 24px 60px #0f172a2e;display:flex;flex-direction:column;gap:16px;overflow:hidden}.channel-events-modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.channel-events-modal-title{margin:0;font-size:18px;font-weight:700;color:#0f172a;font-family:Red Hat Display,sans-serif}.channel-events-modal-close{border:none;background:transparent;padding:4px;border-radius:999px;cursor:pointer;color:#6b7280;display:inline-flex;align-items:center;justify-content:center}.channel-events-modal-close:hover{background:#94a3b82e}.channel-events-modal-form{display:flex;flex-direction:column;gap:14px;flex:1}.channel-events-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding-right:4px}.channel-events-item{border-radius:14px;border:1px solid rgba(226,232,240,.9);padding:10px 12px;background:#f8fafce6}.channel-events-item-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.channel-events-input{flex:1;border-radius:10px;border:1px solid rgba(209,213,219,.9);padding:6px 10px;font-size:13px;font-family:Red Hat Display,sans-serif}.channel-events-textarea{width:100%;border-radius:10px;border:1px solid rgba(209,213,219,.9);padding:6px 10px;font-size:13px;font-family:Red Hat Display,sans-serif;resize:vertical;margin-top:6px}.channel-events-row{display:flex;gap:8px}.channel-events-remove{border:none;background:transparent;color:#9ca3af;font-size:18px;line-height:1;cursor:pointer}.channel-events-remove:hover{color:#ef4444}.channel-events-add-btn{margin-top:4px;border-radius:999px;border:none;padding:6px 10px;display:inline-flex;align-items:center;gap:6px;background:#3b82f61a;color:#1d4ed8;font-size:13px;font-weight:600;cursor:pointer}.channel-events-add-btn span{font-family:Red Hat Display,sans-serif}.channel-events-modal-actions{display:flex;justify-content:flex-end;gap:8px}.channel-events-cancel,.channel-events-submit{padding:8px 16px;border-radius:999px;font-size:13px;font-weight:600;border:none;cursor:pointer;font-family:Red Hat Display,sans-serif}.channel-events-cancel{background:#94a3b82e;color:#374151}.channel-events-submit{background:var(--user-type-color, #6366f1);color:#fff}.channel-events-submit:disabled{opacity:.7;cursor:default}.channel-events-empty{font-size:13px;color:#6b7280;font-family:Red Hat Display,sans-serif}@media (max-width: 640px){.channel-events-modal{max-width:100%;margin:0 16px}}.channel-rules-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:60}.channel-rules-modal{width:100%;max-width:520px;background:#fff;border-radius:24px;padding:24px 28px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;gap:20px}.channel-rules-modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.channel-rules-modal-title{margin:0;font-size:18px;font-weight:700;color:#0f172a;font-family:Red Hat Display,sans-serif}.channel-rules-modal-close{border:none;background:transparent;padding:4px;border-radius:999px;cursor:pointer;color:#6b7280;display:inline-flex;align-items:center;justify-content:center}.channel-rules-modal-close:hover{background:#94a3b82e}.channel-rules-modal-form{display:flex;flex-direction:column;gap:10px}.channel-rules-label{font-size:13px;color:#4b5563;font-family:Red Hat Display,sans-serif}.channel-rules-textarea{width:100%;border-radius:12px;border:1px solid rgba(209,213,219,.95);padding:10px 12px;font-size:13px;font-family:Red Hat Display,sans-serif;resize:vertical;min-height:160px}.channel-rules-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.channel-rules-cancel,.channel-rules-submit{padding:8px 16px;border-radius:999px;font-size:13px;font-weight:600;border:none;cursor:pointer;font-family:Red Hat Display,sans-serif}.channel-rules-cancel{background:#94a3b82e;color:#374151}.channel-rules-submit{background:var(--user-type-color, #6366f1);color:#fff}.channel-rules-submit:disabled{opacity:.7;cursor:default}@media (max-width: 640px){.channel-rules-modal{max-width:100%;margin:0 16px}}.channel-detail-skeleton{width:100%;max-width:1280px;margin:0 auto;padding:0 24px 40px;animation:fadeIn .3s ease}.channel-detail-skeleton-header{margin-bottom:32px}.channel-detail-skeleton-cover{width:100%;height:220px;border-radius:24px}.channel-detail-skeleton-info-row{display:flex;gap:24px;padding:0 32px;margin-top:-40px;position:relative}.channel-detail-skeleton-avatar{flex-shrink:0;border:4px solid #fff;border-radius:26px}.channel-detail-skeleton-meta{flex:1;padding-top:50px;display:flex;flex-direction:column;gap:12px}.channel-detail-skeleton-content{display:grid;grid-template-columns:1fr 340px;gap:24px;align-items:start}.channel-detail-skeleton-main{display:flex;flex-direction:column;gap:24px}.channel-detail-skeleton-create-post{padding:20px;border-radius:20px;border:1px solid #E5E7EB;background:#fff;display:flex;align-items:center;gap:16px}.channel-detail-skeleton-sidebar{display:flex;flex-direction:column;gap:24px}.channel-detail-skeleton-card{padding:24px;border-radius:24px;border:1px solid #E5E7EB;background:#fff;display:flex;flex-direction:column;gap:16px}.channel-detail-skeleton-post{padding:24px;border-radius:20px;border:1px solid #E5E7EB;background:#fff;display:flex;flex-direction:column;gap:16px}.channel-detail-skeleton-post-header{display:flex;gap:12px;align-items:center}@media (max-width: 1024px){.channel-detail-skeleton-content{grid-template-columns:1fr 280px}}@media (max-width: 425px){.channel-detail-skeleton-content{grid-template-columns:1fr}.channel-detail-skeleton-sidebar{display:none}}@media (max-width: 768px){.channel-detail-skeleton{padding:0 16px 24px}.channel-detail-skeleton-cover{height:160px;border-radius:20px}.channel-detail-skeleton-info-row{flex-direction:column;padding:0 16px;margin-top:-30px;gap:16px}.channel-detail-skeleton-meta{padding-top:0}}.channel-detail-container{width:100%;background:#f9fafb;min-height:calc(100vh - 85px);padding:32px 24px 48px;box-sizing:border-box;overflow-x:hidden;position:relative}.channel-detail-back-btn{display:none}.channel-detail-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:120px 24px;min-height:60vh;position:relative}.channel-detail-loading:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,rgba(133,72,168,.03) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(0,212,179,.03) 0%,transparent 50%);pointer-events:none}.loading-spinner{width:56px;height:56px;position:relative;margin-bottom:24px;border:3px solid rgba(0,0,0,.1);border-top-color:var(--user-type-color, #8548A8);border-radius:50%;animation:spinnerRotate 1s linear infinite}.loading-spinner:before{content:"";position:absolute;width:56px;height:56px;border-radius:50%;border:3px solid transparent;border-top-color:var(--user-type-color, #8548A8);border-right-color:var(--user-type-color, #8548A8);animation:spinnerRotate 1s cubic-bezier(.5,0,.5,1) infinite}.loading-text{font-size:15px;font-weight:500;color:#64748b;margin:0;font-family:Red Hat Display,sans-serif;letter-spacing:.01em;position:relative}.loading-text:after{content:"...";animation:loadingDots 1.5s steps(4,end) infinite}@keyframes loadingDots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}.channel-detail-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;min-height:400px;text-align:center}.channel-detail-error svg{color:#d1d5db;margin-bottom:16px}.channel-detail-error h2{font-size:24px;font-weight:700;color:#1f2937;margin:0 0 8px;font-family:Red Hat Display,sans-serif}.channel-detail-error p{font-size:16px;color:#6b7280;margin:0 0 24px;font-family:Red Hat Display,sans-serif}.channel-detail-back-btn{padding:10px 20px;background:#fff;color:#64748b;border:1px solid #E2E8F0;border-radius:999px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-family:Red Hat Display,sans-serif;display:inline-flex;align-items:center;gap:8px;box-shadow:0 1px 2px #0000000d}.channel-detail-back-btn:hover{transform:translate(-4px);color:#1e293b;border-color:#cbd5e1;box-shadow:0 4px 6px -1px #0000001a}.channel-detail-join-prompt{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:64px 24px}.join-prompt-content{max-width:500px;text-align:center}.join-prompt-content svg{color:#d1d5db;margin-bottom:24px}.join-prompt-content h2{font-size:28px;font-weight:700;color:#1f2937;margin:0 0 12px;font-family:Red Hat Display,sans-serif}.join-prompt-content p{font-size:16px;color:#6b7280;margin:0 0 32px;line-height:1.6;font-family:Red Hat Display,sans-serif}.join-channel-btn{padding:14px 32px;background:linear-gradient(135deg,var(--user-type-color, #8548A8) 0%,color-mix(in srgb,var(--user-type-color, #8548A8) 70%,white) 100%);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Red Hat Display,sans-serif}.join-channel-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px color-mix(in srgb,var(--user-type-color, #8548A8) 40%,transparent)}.channel-detail-content{max-width:100%;margin:32px auto 0;padding:0;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;align-items:flex-start;width:100%;box-sizing:border-box}.channel-detail-main{display:flex;flex-direction:column;gap:16px}.channel-detail-sidebar{display:flex;flex-direction:column;gap:18px}.channel-detail-sidebar.rtl{direction:rtl;text-align:right}.channel-detail-sidebar.rtl .channel-side-card-header,.channel-detail-sidebar.rtl .channel-side-action-copy,.channel-detail-sidebar.rtl .channel-side-empty,.channel-detail-sidebar.rtl .channel-side-member-info,.channel-detail-sidebar.rtl .channel-side-rule-list,.channel-detail-sidebar.rtl .channel-side-event-info{text-align:right}.channel-side-card{background:#fff;border-radius:24px;border:1px solid #F1F5F9;box-shadow:0 4px 24px #0000000a;padding:24px;display:flex;flex-direction:column;gap:20px;transition:transform .3s ease,box-shadow .3s ease}.channel-side-card:hover{box-shadow:0 12px 32px #0000000f;transform:translateY(-2px)}.channel-side-card-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.channel-side-card-header h3{margin:0;font-size:16px;font-weight:700;color:#1e293b;font-family:Red Hat Display,sans-serif;letter-spacing:-.01em}.channel-side-card-header span{font-size:12px;color:#6b7280;font-family:Red Hat Display,sans-serif}.channel-side-rules-header{position:relative}.channel-side-rules-header svg:first-child{width:16px;height:16px;color:#64748b;flex-shrink:0}.channel-side-rules-header h3{font-size:14px;font-weight:500;color:#64748b;flex:1}.channel-side-rules-edit{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;color:#6b7280;margin-left:auto}.channel-side-rules-edit:hover{background:#f3f4f6;color:var(--user-type-color, #8548A8)}.channel-side-rules-edit svg{width:14px;height:14px}.channel-side-count{display:inline-flex;align-items:center;justify-content:center;min-width:32px;padding:4px 8px;border-radius:999px;background:#94a3b829;color:#475569;font-size:12px;font-weight:600}.channel-side-empty{margin:0;font-size:13px;line-height:1.5;color:#94a3b8;font-family:Red Hat Display,sans-serif}.channel-side-card--actions{background:linear-gradient(135deg,#94a3b814,#f8fafc99),#fff;border:1px solid rgba(226,232,240,.9);box-shadow:0 24px 50px #0f172a1f}.channel-side-card--actions header span{color:#475569}.channel-side-actions-grid{display:flex;flex-direction:column;gap:12px}.channel-side-action{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;border:1px solid rgba(203,213,225,.8);background:#ffffffe6;text-align:left;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border .2s ease}.channel-side-action:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--user-type-color, #8548A8) 40%,#cbd5e1);box-shadow:0 16px 32px #0f172a1f}.channel-side-action:active{transform:translateY(0)}.channel-side-action-icon{width:34px;height:34px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:#94a3b840;position:relative;box-shadow:inset 0 1px #ffffff80}.channel-side-action-icon svg{width:16px;height:16px;color:#475569}.channel-side-action-icon.settings{background:#0ea5e92e;color:#0369a1}.channel-side-action-icon.settings svg{color:#0369a1}.channel-side-action-icon.members{background:#94a3b833}.channel-side-action-icon.members svg{color:#334155}.channel-side-action-icon.invite{background:#6366f12e;color:#4338ca}.channel-side-action-icon.invite svg{color:#4338ca}.channel-side-action-copy span{display:block;font-size:14px;font-weight:600;color:#0f172a;font-family:Red Hat Display,sans-serif}.channel-side-action-copy small{display:block;font-size:12px;color:#6b7280;margin-top:2px;font-family:Red Hat Display,sans-serif}.channel-side-pinned-list{display:flex;flex-direction:column;gap:12px}.channel-side-pinned-item{padding:12px 14px;border-radius:14px;border:1px solid rgba(226,232,240,.9);background:#f9fafbd9;box-shadow:inset 0 1px #fff9}.channel-side-pinned-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#6366f1;margin-bottom:6px}.channel-side-pinned-badge span{background:#6366f124;padding:3px 8px;border-radius:999px}.channel-side-pinned-badge em{font-style:normal;color:#0f172a;opacity:.6}.channel-side-pinned-item p{margin:0;font-size:14px;line-height:1.5;color:#334155;font-family:Red Hat Display,sans-serif}.channel-side-member-list{display:flex;flex-direction:column;gap:10px}.channel-side-member{display:flex;align-items:center;gap:12px}.channel-side-member img{width:44px;height:44px;border-radius:14px;object-fit:cover;border:2px solid rgba(226,232,240,.8);background:#f8fafc}.channel-side-member-info span{display:block;font-size:14px;font-weight:600;color:#0f172a;font-family:Red Hat Display,sans-serif}.channel-side-member-info small{display:block;font-size:12px;color:#94a3b8;font-family:Red Hat Display,sans-serif}.channel-side-link{align-self:flex-start;padding:8px 14px;border-radius:10px;border:none;background:#94a3b829;color:#1f2937;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s ease,transform .2s ease;font-family:Red Hat Display,sans-serif}.channel-side-link:hover{background:#94a3b842;transform:translateY(-1px)}.channel-side-rule-list{margin:0;padding-left:24px;display:flex;flex-direction:column;gap:4px;list-style:decimal;color:#64748b;font-size:14px;line-height:1.6;font-family:Red Hat Display,sans-serif}.channel-side-rule-list li{color:#64748b}.channel-side-event-list{display:flex;flex-direction:column;gap:10px}.channel-side-event{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;border:1px solid rgba(226,232,240,.9);background:#f8fafcbf}.channel-side-event-date{font-size:12px;font-weight:700;color:#2563eb;min-width:74px;font-family:Red Hat Display,sans-serif}.channel-side-event-info span{display:block;font-size:14px;font-weight:600;color:#0f172a;font-family:Red Hat Display,sans-serif}.channel-side-event-info small{display:block;font-size:12px;color:#6b7280;margin-top:2px;font-family:Red Hat Display,sans-serif}.channel-side-edit-block{display:flex;flex-direction:column;gap:8px}.channel-side-edit-textarea{width:100%;border-radius:10px;border:1px solid rgba(209,213,219,.9);padding:8px 10px;font-size:13px;font-family:Red Hat Display,sans-serif;resize:vertical}@media (max-width: 1024px){.channel-detail-content{grid-template-columns:1fr 280px;gap:24px}.channel-detail-container{padding:0 20px 40px}.channel-side-card{padding:18px 20px}}@media (max-width: 768px){.channel-detail-container{padding:0 16px 24px;min-height:calc(100vh - 85px)}.channel-detail-back-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;margin-bottom:16px;background:#fff;border:1px solid #E5E7EB;border-radius:12px;font-size:14px;font-weight:600;color:#475569;cursor:pointer;transition:all .2s ease;font-family:Red Hat Display,sans-serif;box-shadow:0 1px 3px #0000001a}.channel-detail-back-btn:hover{background:#f9fafb;border-color:#d1d5db;color:#334155;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.channel-detail-back-btn:active{transform:translateY(0)}.channel-detail-back-btn svg{width:18px;height:18px}.channel-detail-content{padding:0;grid-template-columns:1fr 280px;gap:20px;margin-top:0}.channel-detail-main{gap:16px;width:100%;min-width:0}.channel-detail-sidebar{width:280px;gap:16px;flex-shrink:0}.channel-side-card{padding:16px 18px;border-radius:16px;gap:14px}.channel-side-card-header{margin-bottom:0}.channel-side-card-header h3{font-size:15px}.channel-side-card-header span{font-size:11px}.channel-side-actions-grid{gap:10px}.channel-side-action{padding:10px 12px;border-radius:12px}.channel-side-action-icon{width:32px;height:32px;border-radius:10px}.channel-side-action-icon svg{width:15px;height:15px}.channel-side-action-copy span{font-size:13px}.channel-side-action-copy small{font-size:11px}.channel-side-pinned-list{gap:10px}.channel-side-pinned-item{padding:12px 14px}.channel-side-member-list,.channel-side-member{gap:10px}.channel-side-member img{width:40px;height:40px;border-radius:12px}.channel-side-member-info span{font-size:13px}.channel-side-member-info small{font-size:11px}.channel-side-link{padding:8px 14px;font-size:12px}.channel-side-rules-header h3{font-size:13px}.channel-side-rules-header svg:first-child{width:14px;height:14px}.channel-side-rule-list{font-size:13px;gap:4px}.channel-side-event-list{gap:10px}.channel-side-event{padding:10px 12px}.channel-detail-loading,.channel-detail-error{padding:80px 16px;min-height:400px}.loading-spinner{width:48px;height:48px;margin-bottom:20px}.loading-spinner:before{width:48px;height:48px}.loading-spinner:after{width:34px;height:34px;top:7px;left:7px}.loading-text{font-size:14px}.channel-detail-error h2{font-size:20px}.channel-detail-error p{font-size:14px}.channel-detail-back-btn{padding:10px 20px;font-size:14px}.channel-detail-join-prompt{padding:48px 16px;min-height:50vh}.join-prompt-content{max-width:100%}.join-prompt-content h2{font-size:24px}.join-prompt-content p{font-size:14px}.join-channel-btn{padding:12px 28px;font-size:14px}}@media (max-width: 425px){.channel-detail-container{padding:0 12px 20px;min-height:calc(100vh - 85px)}.channel-detail-back-btn{padding:8px 14px;margin-bottom:12px;font-size:13px;gap:6px}.channel-detail-back-btn svg{width:16px;height:16px}.channel-detail-content{grid-template-columns:1fr;gap:16px;margin-top:0}.channel-detail-main{gap:12px;width:100%;order:1}.channel-detail-sidebar{display:none}.channel-side-card{padding:14px 16px;border-radius:12px;gap:12px}.channel-side-card-header{gap:6px}.channel-side-card-header h3{font-size:14px}.channel-side-card-header span{font-size:10px}.channel-side-count{min-width:28px;padding:3px 6px;font-size:11px}.channel-side-empty{font-size:12px}.channel-side-actions-grid{gap:10px}.channel-side-action{padding:8px 10px;border-radius:12px;gap:10px}.channel-side-action-icon{width:30px;height:30px;border-radius:10px}.channel-side-action-icon svg{width:14px;height:14px}.channel-side-action-copy span{font-size:12px}.channel-side-action-copy small{font-size:10px;margin-top:1px}.channel-side-pinned-item{padding:10px 12px;border-radius:12px}.channel-side-pinned-badge{font-size:10px;margin-bottom:4px}.channel-side-pinned-item p{font-size:13px}.channel-side-member-list{gap:8px}.channel-side-member{gap:10px}.channel-side-member img{width:36px;height:36px;border-radius:12px}.channel-side-member-info span{font-size:12px}.channel-side-member-info small{font-size:10px}.channel-side-link{padding:6px 12px;font-size:12px}.channel-side-rules-header h3{font-size:12px}.channel-side-rules-header svg:first-child{width:14px;height:14px}.channel-side-rules-edit{width:22px;height:22px}.channel-side-rules-edit svg{width:12px;height:12px}.channel-side-rule-list{font-size:12px;gap:4px;padding-left:20px}.channel-side-event-list{gap:8px}.channel-side-event{padding:8px 10px;border-radius:10px;gap:10px}.channel-side-event-date{font-size:11px;min-width:60px}.channel-side-event-info span{font-size:13px}.channel-side-event-info small{font-size:11px}.channel-side-edit-textarea{font-size:12px;padding:6px 8px}.channel-detail-loading,.channel-detail-error{padding:60px 12px;min-height:350px}.loading-spinner{width:44px;height:44px;margin-bottom:18px}.loading-spinner:before{width:44px;height:44px;border-width:2.5px}.loading-spinner:after{width:30px;height:30px;top:7px;left:7px;border-width:2.5px}.loading-text{font-size:13px}.channel-detail-error svg{width:40px;height:40px;margin-bottom:12px}.channel-detail-error h2{font-size:18px}.channel-detail-error p{font-size:13px;margin-bottom:20px}.channel-detail-back-btn{padding:8px 16px;font-size:13px}.channel-side-card-header{margin-bottom:0}.channel-side-actions-grid,.channel-side-pinned-list,.channel-side-member-list,.channel-side-event-list{gap:8px}.channel-detail-join-prompt{padding:40px 12px;min-height:50vh}.join-prompt-content{max-width:100%}.join-prompt-content svg{width:48px;height:48px;margin-bottom:20px}.join-prompt-content h2{font-size:20px;margin-bottom:10px}.join-prompt-content p{font-size:13px;margin-bottom:24px}.join-channel-btn{padding:10px 24px;font-size:13px}}.channel-sidebar-drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:9999;animation:fadeIn .2s ease}.channel-sidebar-drawer{position:fixed;top:0;right:0;bottom:0;width:85vw;max-width:400px;background:#fff;z-index:10000;box-shadow:-4px 0 24px #00000026;display:flex;flex-direction:column;animation:slideInRight .3s ease;overflow-y:auto}.channel-sidebar-drawer.rtl{right:auto;left:0;box-shadow:4px 0 24px #00000026;animation:slideInLeft .3s ease}.channel-sidebar-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #E5E7EB;background:#fff;position:sticky;top:0;z-index:1}.channel-sidebar-drawer-header h2{margin:0;font-size:18px;font-weight:700;color:#1f2937;font-family:Red Hat Display,sans-serif}.channel-sidebar-drawer-close{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;color:#6b7280;transition:all .2s ease}.channel-sidebar-drawer-close:hover{background:#f3f4f6;color:#374151}.channel-sidebar-drawer-content{flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@media (max-width: 425px){.channel-sidebar-drawer{width:90vw;max-width:360px}.channel-sidebar-drawer-header{padding:14px 16px}.channel-sidebar-drawer-header h2{font-size:16px}.channel-sidebar-drawer-content{padding:16px;gap:14px}}.adoption-offer-confirmation-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0f172a8c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:adoption-modal-overlay-in .18s ease-out}.adoption-offer-confirmation-modal{background:radial-gradient(circle at top left,#fff,#f9fafb);border-radius:16px;width:100%;max-width:500px;display:flex;flex-direction:column;box-shadow:0 20px 40px #0f172a40;border:1px solid rgba(148,163,184,.45);font-family:Red Hat Display,sans-serif;transform-origin:center;animation:adoption-modal-enter .2s ease-out}.adoption-offer-confirmation-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #E5E7EB}.adoption-offer-confirmation-modal-title{font-size:24px;font-weight:700;color:#1f2937;margin:0}.adoption-offer-confirmation-modal-close{background:none;border:none;font-size:32px;color:#6b7280;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.adoption-offer-confirmation-modal-close:hover{background-color:#f3f4f6;color:#1f2937}.adoption-offer-confirmation-modal-content{padding:32px 24px;text-align:center}.adoption-offer-confirmation-icon{display:flex;justify-content:center;margin-bottom:24px;color:#10b981}.adoption-offer-confirmation-icon svg{width:64px;height:64px}.adoption-offer-confirmation-message{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 16px;line-height:1.5}.adoption-offer-confirmation-privacy-note{font-size:14px;color:#6b7280;margin:0;line-height:1.6;padding:16px;background-color:#f9fafb;border-radius:8px;border-left:4px solid #8548A8}[dir=rtl] .adoption-offer-confirmation-privacy-note{border-left:none;border-right:4px solid #8548A8}.adoption-offer-confirmation-modal-footer{display:flex;justify-content:flex-end;padding:24px;border-top:1px solid #E5E7EB;gap:12px}[dir=rtl] .adoption-offer-confirmation-modal-footer{justify-content:flex-start}.adoption-offer-confirmation-modal-ok-btn{padding:12px 24px;background-color:#8548a8;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Red Hat Display,sans-serif;min-width:100px}.adoption-offer-confirmation-modal-ok-btn:hover{background-color:#7a4397;transform:translateY(-1px);box-shadow:0 4px 12px #8548a84d}@media (max-width: 768px){.adoption-offer-confirmation-modal{max-width:100%;margin:20px}.adoption-offer-confirmation-modal-content{padding:24px 20px}.adoption-offer-confirmation-message{font-size:16px}.adoption-offer-confirmation-privacy-note{font-size:13px}}.adoption-post-card{border-radius:20px;margin-bottom:24px;font-family:Red Hat Display,sans-serif;height:100%}.adoption-post-card-inner{background-color:#fff;border-radius:20px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;border:1px solid rgba(0,0,0,.04);box-sizing:border-box;padding:12px;display:flex;flex-direction:column;gap:16px;height:100%;transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative}.adoption-post-card:hover .adoption-post-card-inner{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:translateY(-6px)}.adoption-post-card--highlighted .adoption-post-card-inner{box-shadow:0 0 0 2px var(--adoption-post-user-type-color, #8548A8),0 10px 20px var(--adoption-post-user-type-shadow-15, rgba(133, 72, 168, .15))}.adoption-post-front-image-wrapper{position:relative;border-radius:16px;overflow:hidden;background-color:#f3f4f6;aspect-ratio:1 / 1}.adoption-post-front-image-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.adoption-post-card:hover .adoption-post-front-image-wrapper img{transform:scale(1.05)}.adoption-post-front-name{position:absolute;bottom:12px;left:12px;padding:6px 14px;border-radius:12px;background:#fffffff2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 2px 8px #0000001a;max-width:calc(100% - 24px)}.adoption-post-front-pet-name{font-size:17px;font-weight:800;color:#111827;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.adoption-post-front-meta{display:flex;align-items:center;justify-content:space-between;padding:0 4px}.adoption-post-status-badge{padding:6px 10px;border-radius:8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;line-height:1}.adoption-post-status-badge.offered{background-color:#fff7ed;color:#c2410c;border:1px solid #FFEDD5}.adoption-post-status-badge.adopted{background-color:#ecfdf5;color:#047857;border:1px solid #D1FAE5}.adoption-post-author-subtype{display:inline-block;font-size:11px;font-weight:600;color:var(--adoption-post-user-type-color, #8548A8);background:var(--adoption-post-user-type-bg-05, rgba(133, 72, 168, .05));padding:4px 8px;border-radius:6px}.adoption-post-front-actions{margin-top:auto;display:flex;gap:8px}.adoption-post-details-btn{flex:1;padding:12px;border-radius:12px;border:1px solid #E5E7EB;background:#fff;color:#374151;font-size:14px;font-weight:600;cursor:pointer;font-family:Red Hat Display,sans-serif;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}.adoption-post-details-btn:hover{background:#f9fafb;border-color:#d1d5db;color:#111827}.adoption-post-card:hover .adoption-post-details-btn{border-color:var(--adoption-post-user-type-color, #8548A8);color:var(--adoption-post-user-type-color, #8548A8);background:var(--adoption-post-user-type-bg-03, rgba(133, 72, 168, .03))}.adoption-post-share-btn{flex:1;padding:12px;border-radius:12px;border:1px solid var(--adoption-post-user-type-color, #8548A8);background:var(--adoption-post-user-type-color, #8548A8);color:#fff;font-size:14px;font-weight:600;cursor:pointer;font-family:Red Hat Display,sans-serif;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}.adoption-post-share-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:0 4px 8px var(--adoption-post-user-type-shadow-20, rgba(133, 72, 168, .2))}.adoption-post-share-btn:disabled{opacity:.6;cursor:not-allowed}.adoption-post-share-btn:disabled:not(.adoption-post-share-btn[disabled=""]){background:#10b981;border-color:#10b981;color:#fff}.adoption-post-owner-actions{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:8px;z-index:2}.adoption-post-icon-btn{width:32px;height:32px;border-radius:10px;border:none;background-color:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000000d}.adoption-post-edit-btn{color:#4b5563}.adoption-post-edit-btn:hover:not(:disabled){background-color:#fff;color:var(--adoption-post-user-type-color, #8548A8);transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.adoption-post-delete-btn{color:#ef4444}.adoption-post-delete-btn:hover:not(:disabled){background-color:#fef2f2;color:#dc2626;transform:translateY(-2px);box-shadow:0 4px 8px #dc262626}@media (max-width: 768px){.adoption-post-card-inner{padding:10px}}.adoption-post-feed{width:100%}.adoption-post-feed-main{display:flex;gap:32px;align-items:flex-start;position:relative}.adoption-post-feed-main-rtl{direction:rtl}.adoption-filters-sidebar{background:#fff;border-radius:20px;box-shadow:0 4px 6px -1px #0000000d;border:1px solid rgba(0,0,0,.04);padding:24px;position:sticky;top:100px;max-height:calc(100vh - 120px);overflow-y:auto;width:280px;flex-shrink:0;box-sizing:border-box}.adoption-filters-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #F3F4F6}.adoption-filters-title{margin:0;font-size:1.1rem;font-weight:800;color:#111827}.adoption-filters-clear{border:none;background:transparent;color:var(--adoption-feed-user-type-color, #8548A8);font-size:.85rem;font-weight:700;cursor:pointer;padding:6px 10px;border-radius:8px;transition:all .2s ease}.adoption-filters-clear:hover{background:var(--adoption-feed-user-type-bg-10, rgba(133, 72, 168, .1))}.adoption-filter-group{margin-bottom:16px}.adoption-filter-label{display:block;margin-bottom:8px;font-size:.9rem;font-weight:700;color:#374151}.adoption-filter-select{width:100%;padding:12px;border-radius:12px;border:1px solid #E5E7EB;font-size:.95rem;color:#111827;background-color:#f9fafb;outline:none;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9L12 15L18 9' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;cursor:pointer}[dir=rtl] .adoption-filter-select{background-position:left 12px center}.adoption-filter-select:focus{border-color:var(--adoption-feed-user-type-color, #8548A8);box-shadow:0 0 0 3px var(--adoption-feed-user-type-shadow-15, rgba(133, 72, 168, .15));background-color:#fff}.adoption-results-column{flex:1;display:flex;flex-direction:column;gap:24px;min-width:0}.adoption-post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.adoption-post-feed-toolbar{display:flex;justify-content:flex-start;margin-bottom:24px}.adoption-post-feed-filters{display:inline-flex;gap:4px;padding:4px;border-radius:12px;background:#f3f4f6;border:1px solid #E5E7EB}.adoption-feed-chip{border:none;border-radius:8px;padding:8px 16px;font-size:.9rem;font-weight:600;color:#6b7280;background:transparent;cursor:pointer;transition:all .2s ease}.adoption-feed-chip:hover:not(.active):not(:disabled){color:#111827;background:#e5e7eb}.adoption-feed-chip.active{background:#fff;color:var(--adoption-feed-user-type-color, #8548A8);box-shadow:0 1px 3px #0000001a}.adoption-feed-chip:disabled{opacity:.5;cursor:not-allowed}.adoption-post-feed-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;text-align:center;background:#fff;border-radius:20px;border:1px dashed #E5E7EB;margin-top:24px}.adoption-post-feed-empty-image{width:200px;height:auto;margin-bottom:24px;opacity:.8}.adoption-post-feed-empty h3{margin:0 0 8px;font-size:1.5rem;font-weight:800;color:#111827}.adoption-post-feed-empty-cta{margin-top:24px;padding:14px 28px;background-color:var(--adoption-feed-user-type-color, #8548A8);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit;box-shadow:0 4px 6px var(--adoption-feed-user-type-shadow-25, rgba(133, 72, 168, .25))}.adoption-post-feed-empty-cta:hover{transform:translateY(-2px);box-shadow:0 8px 12px var(--adoption-feed-user-type-shadow-35, rgba(133, 72, 168, .35))}@media (max-width: 1366px),(hover: none),(pointer: coarse){.adoption-post-feed-main{flex-direction:column!important}.adoption-filters-sidebar{position:static!important;width:100%!important;max-height:none!important;display:flex!important;flex-wrap:wrap!important;gap:16px;padding:16px;overflow-y:visible!important;z-index:auto!important}.adoption-filters-header{width:100%;margin-bottom:8px;border-bottom:none}.adoption-filter-group{flex:1 1 200px;margin-bottom:0}}.select-pet-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0f172a8c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;box-sizing:border-box;overflow-y:auto;animation:adoption-modal-overlay-in .18s ease-out}.select-pet-modal{background:radial-gradient(circle at top left,#fff,#f9fafb);border-radius:16px;width:100%;max-width:840px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 40px #0f172a40;border:1px solid rgba(148,163,184,.45);font-family:Red Hat Display,sans-serif;box-sizing:border-box;transform-origin:center;animation:adoption-modal-enter .2s ease-out}.select-pet-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #E5E7EB}.select-pet-modal-title{font-size:24px;font-weight:700;color:#1f2937;margin:0}.select-pet-modal-close{background:none;border:none;font-size:32px;color:#6b7280;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.select-pet-modal-close:hover{background-color:#f3f4f6;color:#1f2937}.select-pet-modal-content{padding:24px;overflow-y:auto;flex:1}.select-pet-modal-loading,.select-pet-modal-error,.select-pet-modal-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;color:#6b7280}.select-pet-modal-spinner{width:40px;height:40px;border:4px solid #E5E7EB;border-top:4px solid #8548A8;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.select-pet-modal-instruction{color:#6b7280;margin-bottom:24px;font-size:16px}.select-pet-selected-info{background-color:#f9fafb;border-radius:12px;padding:16px;margin-bottom:24px}.select-pet-selected-info h3{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 12px}.select-pet-selected-list{display:flex;flex-direction:column;gap:12px}.select-pet-selected-item{display:flex;align-items:center;gap:12px;background-color:#fff;padding:12px;border-radius:8px;border:2px solid #8548A8}.select-pet-selected-item img{width:60px;height:60px;object-fit:contain;border-radius:8px}.select-pet-selected-details{flex:1}.select-pet-selected-name{font-weight:600;color:#1f2937;margin:0 0 4px;font-size:16px}.select-pet-selected-info-text{color:#6b7280;margin:0;font-size:14px}.select-pet-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.select-pet-card{position:relative;background-color:#fff;border:2px solid #E5E7EB;border-radius:12px;padding:12px;cursor:pointer;transition:all .2s ease}.select-pet-card:hover:not(.disabled){border-color:#8548a8;transform:translateY(-2px);box-shadow:0 4px 12px #8548a826}.select-pet-card.selected{border-color:#8548a8;background-color:#f9fafb}.select-pet-card.disabled{opacity:.6;cursor:not-allowed!important;pointer-events:none;position:relative}.select-pet-card.disabled:hover{border-color:#e5e7eb;transform:none;box-shadow:none}.select-pet-card-disabled-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#ffffffd9;border-radius:12px;display:flex;align-items:center;justify-content:center;z-index:2}.select-pet-card-disabled-badge{background-color:#ef4444;color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;text-align:center;box-shadow:0 2px 8px #ef44444d;white-space:nowrap}.select-pet-card-checkbox{position:absolute;top:8px;right:8px;width:24px;height:24px;border:2px solid #8548A8;border-radius:4px;background-color:#fff;display:flex;align-items:center;justify-content:center;z-index:1}.select-pet-card.selected .select-pet-card-checkbox{background-color:#8548a8;color:#fff}.select-pet-card.selected .select-pet-card-checkbox span{color:#fff;font-weight:700;font-size:16px}.select-pet-card-image{width:100%;height:150px;object-fit:contain;border-radius:8px;margin-bottom:12px}.select-pet-card-info{text-align:center}.select-pet-card-name{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 4px}.select-pet-card-details{font-size:14px;color:#6b7280;margin:0 0 4px}.select-pet-card-gender{font-size:12px;color:#9ca3af;margin:0}.select-pet-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:24px;border-top:1px solid #E5E7EB}.select-pet-modal-cancel,.select-pet-modal-confirm{padding:12px 24px;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Red Hat Display,sans-serif}.select-pet-modal-cancel{background-color:transparent;color:#374151;border:1px solid #D1D5DB}.select-pet-modal-cancel:hover{background-color:#f9fafb;border-color:#9ca3af}.select-pet-modal-confirm{background-color:#8548a8;color:#fff;border:none}.select-pet-modal-confirm:hover:not(:disabled){background-color:#7a4397}.select-pet-modal-confirm:disabled{background-color:#d1d5db;color:#9ca3af;cursor:not-allowed}@media (max-width: 1024px){.select-pet-modal{max-width:720px}}@media (max-width: 768px){.select-pet-modal{max-width:100%;max-height:95vh;border-radius:12px}.select-pet-modal-header,.select-pet-modal-content,.select-pet-modal-footer{padding:16px}.select-pet-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}}@media (max-width: 480px){.select-pet-modal-overlay{padding:12px}.select-pet-modal{max-width:100%;max-height:100vh;border-radius:12px}.select-pet-modal-title{font-size:20px}.select-pet-selected-item{align-items:flex-start}.select-pet-card-image{height:130px}.select-pet-grid{grid-template-columns:1fr}}.create-adoption-post-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0f172a8c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;box-sizing:border-box;overflow-y:auto;animation:adoption-modal-overlay-in .18s ease-out}.create-adoption-post-modal{background:radial-gradient(circle at top left,#fff,#f9fafb);border-radius:16px;width:100%;max-width:880px;display:flex;flex-direction:column;box-shadow:0 20px 40px #0f172a40;border:1px solid rgba(148,163,184,.45);font-family:Red Hat Display,sans-serif;box-sizing:border-box;transform-origin:center;animation:adoption-modal-enter .2s ease-out}.create-adoption-post-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #E5E7EB}.create-adoption-post-modal-title{font-size:24px;font-weight:700;color:#1f2937;margin:0}.create-adoption-post-modal-close{background:none;border:none;font-size:32px;color:#6b7280;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.create-adoption-post-modal-close:hover:not(:disabled){background-color:#f3f4f6;color:#1f2937}.create-adoption-post-modal-close:disabled{opacity:.5;cursor:not-allowed}.create-adoption-post-modal-content{padding:24px;overflow-y:visible;flex:1}.create-adoption-post-body-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);gap:24px;align-items:flex-start}.create-adoption-post-body-main,.create-adoption-post-body-aside{min-width:0}.create-adoption-post-images-section{position:sticky;top:16px}.create-adoption-post-pets-section,.create-adoption-post-section{margin-bottom:24px}.create-adoption-post-section-title{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 16px}.create-adoption-post-pets-list{display:flex;flex-direction:column;gap:12px}.create-adoption-post-pet-card{display:flex;align-items:center;gap:12px;background-color:#f9fafb;padding:12px;border-radius:8px;border:1px solid #E5E7EB}.create-adoption-post-pet-card img{width:60px;height:60px;object-fit:cover;border-radius:8px}.create-adoption-post-pet-info h4{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 4px}.create-adoption-post-pet-info p{font-size:14px;color:#6b7280;margin:0}.create-adoption-post-label{display:block;font-size:16px;font-weight:600;color:#1f2937;margin-bottom:8px}.create-adoption-post-label .required{color:#ef4444;margin-left:4px}.create-adoption-post-hint{font-size:14px;color:#6b7280;margin:0 0 12px}.create-adoption-post-toggle-group{display:flex;gap:10px;margin-top:4px}.create-adoption-post-toggle-btn{flex:1;padding:8px 14px;border-radius:9999px;border:1px solid #D1D5DB;background-color:#f9fafb;font-size:14px;font-weight:500;color:#374151;cursor:pointer;font-family:Red Hat Display,sans-serif;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .1s ease,box-shadow .1s ease}.create-adoption-post-toggle-btn:hover:not(:disabled){background-color:#f3f4f6}.create-adoption-post-toggle-btn:disabled{opacity:.6;cursor:not-allowed}.create-adoption-post-toggle-btn.is-active-yes{background-color:#dcfce7;border-color:#16a34a;color:#166534;box-shadow:0 0 0 1px #16a34a1a}.create-adoption-post-toggle-btn.is-active-no{background-color:#fee2e2;border-color:#f97373;color:#b91c1c;box-shadow:0 0 0 1px #f871711f}.create-adoption-post-textarea{width:100%;padding:12px;border:1px solid #D1D5DB;border-radius:8px;font-size:16px;font-family:Red Hat Display,sans-serif;resize:vertical;min-height:96px;transition:border-color .2s ease}.create-adoption-post-textarea:focus{outline:none;border-color:#8548a8;box-shadow:0 0 0 3px #8548a81a}.create-adoption-post-textarea:disabled{background-color:#f3f4f6;cursor:not-allowed}.create-adoption-post-images-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px;margin-bottom:12px}.create-adoption-post-image-preview{position:relative;width:100%;padding-top:100%;background-color:#f3f4f6;border-radius:8px;overflow:hidden}.create-adoption-post-image-preview img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.create-adoption-post-remove-image{position:absolute;top:4px;right:4px;width:24px;height:24px;background-color:#0009;color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;line-height:1;transition:background-color .2s ease}.create-adoption-post-remove-image:hover:not(:disabled){background-color:#000c}.create-adoption-post-remove-image:disabled{opacity:.5;cursor:not-allowed}.create-adoption-post-add-image-btn{display:flex;align-items:center;gap:8px;padding:12px 16px;background-color:#f9fafb;border:2px dashed #D1D5DB;border-radius:8px;color:#6b7280;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Red Hat Display,sans-serif}.create-adoption-post-add-image-btn:hover:not(:disabled){background-color:#f3f4f6;border-color:#8548a8;color:#8548a8}.create-adoption-post-add-image-btn:disabled{opacity:.5;cursor:not-allowed}.create-adoption-post-error{background-color:#fef2f2;border:1px solid #FECACA;color:#dc2626;padding:12px;border-radius:8px;font-size:14px;margin-top:16px}.create-adoption-post-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:24px;border-top:1px solid #E5E7EB}.create-adoption-post-modal-cancel,.create-adoption-post-modal-submit{padding:12px 24px;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Red Hat Display,sans-serif;display:flex;align-items:center;gap:8px}.create-adoption-post-modal-cancel{background-color:transparent;color:#374151;border:1px solid #D1D5DB}.create-adoption-post-modal-cancel:hover:not(:disabled){background-color:#f9fafb;border-color:#9ca3af}.create-adoption-post-modal-cancel:disabled{opacity:.5;cursor:not-allowed}.create-adoption-post-modal-submit{background-color:#8548a8;color:#fff;border:none}.create-adoption-post-modal-submit:hover:not(:disabled){background-color:#7a4397}.create-adoption-post-modal-submit:disabled{background-color:#d1d5db;color:#9ca3af;cursor:not-allowed}.create-adoption-post-spinner{width:16px;height:16px;border:2px solid #FFFFFF;border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 1024px){.create-adoption-post-modal{max-width:680px;max-height:90vh}.create-adoption-post-modal-content{overflow-y:auto}.create-adoption-post-body-grid{grid-template-columns:1fr}}@media (max-width: 768px){.create-adoption-post-modal{max-width:100%;max-height:95vh;border-radius:12px}.create-adoption-post-modal-header,.create-adoption-post-modal-content,.create-adoption-post-modal-footer{padding:16px}.create-adoption-post-images-section{position:static}.create-adoption-post-images-preview{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}}@media (max-width: 480px){.create-adoption-post-modal-overlay{padding:12px}.create-adoption-post-modal{max-width:100%;max-height:100vh;border-radius:12px}.create-adoption-post-modal-title{font-size:20px}.create-adoption-post-pet-card{align-items:flex-start}}.adoption-requests-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0f172a8c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;box-sizing:border-box;overflow-y:auto;animation:adoption-modal-overlay-in .18s ease-out}.adoption-requests-modal{background:radial-gradient(circle at top left,#fff,#f9fafb);border-radius:16px;width:100%;max-width:720px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 40px #0f172a40;border:1px solid rgba(148,163,184,.45);font-family:Red Hat Display,sans-serif;box-sizing:border-box;transform-origin:center;animation:adoption-modal-enter .2s ease-out}.adoption-requests-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #E5E7EB}.adoption-requests-modal-tabs{display:flex;border-bottom:1px solid #E5E7EB;padding:0 24px;gap:0}.adoption-requests-tab{background:none;border:none;padding:16px 24px;font-size:16px;font-weight:500;color:#6b7280;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease;font-family:Red Hat Display,sans-serif;position:relative;bottom:-1px}.adoption-requests-tab:hover{color:#8548a8;background-color:#f9fafb}.adoption-requests-tab.active{color:#8548a8;border-bottom-color:#8548a8;font-weight:600}.adoption-requests-modal-title{font-size:24px;font-weight:700;color:#1f2937;margin:0}.adoption-requests-modal-close{background:none;border:none;font-size:32px;color:#6b7280;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.adoption-requests-modal-close:hover:not(:disabled){background-color:#f3f4f6;color:#1f2937}.adoption-requests-modal-close:disabled{opacity:.5;cursor:not-allowed}.adoption-requests-modal-content{padding:24px;overflow-y:auto;flex:1}.adoption-request-confirm-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;border-radius:16px;z-index:5}.adoption-request-confirm-modal{background:#fff;border-radius:16px;padding:24px 24px 20px;max-width:480px;width:100%;box-shadow:0 20px 40px #0f172a4d}.adoption-request-confirm-title{margin:0 0 12px;font-size:1.25rem;font-weight:700;color:#111827}.adoption-request-confirm-message{margin:0 0 16px;font-size:.95rem;color:#4b5563;line-height:1.5}.adoption-request-confirm-disclaimer{margin:0 0 20px;padding:12px 14px;border-radius:10px;background-color:#fef3c7;border:1px solid #facc15}.adoption-request-confirm-disclaimer-text{margin:0;font-size:.875rem;color:#92400e;line-height:1.6;font-weight:500}.adoption-request-confirm-actions{display:flex;justify-content:flex-end;gap:12px}.adoption-request-confirm-secondary,.adoption-request-confirm-primary{padding:8px 16px;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;border:none;transition:all .2s ease}.adoption-request-confirm-secondary{background:#f9fafb;color:#374151;border:1px solid #e5e7eb}.adoption-request-confirm-secondary:hover:not(:disabled){background:#e5e7eb}.adoption-request-confirm-primary{background:#dc2626;color:#fff}.adoption-request-confirm-primary:hover:not(:disabled){background:#b91c1c}.adoption-request-confirm-primary:disabled,.adoption-request-confirm-secondary:disabled{opacity:.6;cursor:not-allowed}.adoption-requests-modal-loading,.adoption-requests-modal-error,.adoption-requests-modal-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;color:#6b7280}.adoption-requests-modal-spinner{width:20px;height:20px;border:2px solid #FFFFFF;border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes adoption-modal-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes adoption-modal-enter{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.adoption-requests-modal-loading .adoption-requests-modal-spinner{width:40px;height:40px;border:4px solid #E5E7EB;border-top:4px solid #8548A8;margin-bottom:16px}.adoption-requests-modal-error button{margin-top:16px;padding:10px 20px;background-color:#8548a8;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Red Hat Display,sans-serif}.adoption-requests-modal-error button:hover{background-color:#7a4397}.adoption-requests-list{display:flex;flex-direction:column;gap:20px}.adoption-request-item{background-color:#f9fafb;border-radius:12px;padding:20px;border:1px solid #E5E7EB;transition:all .3s ease}.adoption-request-item.adoption-request-highlighted{background-color:#fef3c7;border:2px solid #F59E0B;box-shadow:0 4px 12px #f59e0b4d;animation:highlightPulse 2s ease-in-out}@keyframes highlightPulse{0%,to{box-shadow:0 4px 12px #f59e0b4d}50%{box-shadow:0 6px 20px #f59e0b80}}.adoption-request-pet{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #E5E7EB}.adoption-request-pet img{width:60px;height:60px;object-fit:cover;border-radius:8px;border:2px solid #E5E7EB}.adoption-request-pet-info h4{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 4px}.adoption-request-pet-info p{font-size:14px;color:#6b7280;margin:0}.adoption-request-requester{margin-bottom:16px}.adoption-request-requester-info{display:flex;align-items:center;gap:12px}.adoption-request-requester-info img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid #E5E7EB}.adoption-request-requester-info h4{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 2px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.adoption-request-view-profile-link{font-size:14px;font-weight:400;color:#8548a8;text-decoration:none;margin-left:8px;transition:color .2s ease}.adoption-request-view-profile-link:hover{color:#7a4397;text-decoration:underline}.adoption-request-requester-info p{font-size:14px;color:#6b7280;margin:0}.adoption-request-actions{display:flex;gap:12px;margin-bottom:12px;justify-content:flex-end;flex-wrap:wrap}.adoption-request-chat-btn,.adoption-request-reject-btn,.adoption-request-accept-btn{flex:0 0 auto;padding:12px 20px;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Red Hat Display,sans-serif;display:flex;align-items:center;justify-content:center;gap:8px}.adoption-request-chat-btn{background-color:#8548a8;color:#fff;border:none}.adoption-request-chat-btn:hover{background-color:#7a4397}.adoption-request-reject-btn{background-color:#ef4444;color:#fff;border:none}.adoption-request-reject-btn:hover:not(:disabled){background-color:#dc2626}.adoption-request-reject-btn:disabled{opacity:.6;cursor:not-allowed}.adoption-request-accept-btn{background-color:#10b981;color:#fff;border:none}.adoption-request-accept-btn:hover:not(:disabled){background-color:#059669}.adoption-request-accept-btn:disabled{opacity:.6;cursor:not-allowed}.adoption-request-date{font-size:12px;color:#9ca3af;text-align:right}.adoption-request-status{margin-bottom:12px}.adoption-request-status-badge{display:inline-block;padding:6px 12px;border-radius:6px;font-size:14px;font-weight:500;text-transform:capitalize}.adoption-request-status-badge.status-pending{background-color:#fef3c7;color:#92400e}.adoption-request-status-badge.status-accepted{background-color:#d1fae5;color:#065f46}.adoption-request-status-badge.status-rejected{background-color:#fee2e2;color:#991b1b}.adoption-request-view-post-btn{flex:0 0 auto;padding:12px 20px;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Red Hat Display,sans-serif;display:flex;align-items:center;justify-content:center;gap:8px;background-color:#f3f4f6;color:#1f2937;border:1px solid #E5E7EB}.adoption-request-view-post-btn:hover{background-color:#e5e7eb;border-color:#d1d5db}.adoption-requests-modal-error-message{background-color:#fef2f2;border:1px solid #FECACA;color:#dc2626;padding:12px;border-radius:8px;font-size:14px;margin-top:16px}@media (max-width: 1024px){.adoption-requests-modal{max-width:680px}}@media (max-width: 768px){.adoption-requests-modal{max-width:100%;max-height:95vh;border-radius:12px}.adoption-requests-modal-header,.adoption-requests-modal-content{padding:16px}.adoption-request-actions{flex-direction:column;align-items:stretch}.adoption-request-chat-btn,.adoption-request-reject-btn,.adoption-request-accept-btn{width:100%}}@media (max-width: 480px){.adoption-requests-modal-overlay{padding:12px}.adoption-requests-modal{max-width:100%;max-height:100vh;border-radius:12px}.adoption-requests-modal-title{font-size:20px}.adoption-request-pet{flex-direction:column;align-items:flex-start}.adoption-request-actions{gap:8px}}.adoption-page-root{min-height:100vh;height:auto;width:100%;padding:180px 32px 48px;background:linear-gradient(180deg,#fdfdfd,#fafafa);display:block;overflow:visible;box-sizing:border-box}.adoption-main-content{width:100%;max-width:1240px;margin:0 auto;position:relative;transition:max-width .3s ease}[dir=rtl] .adoption-main-content{direction:rtl}.adoption-content-container{width:100%;max-width:1240px;min-width:0;padding:0 0 24px;margin-left:0;margin-right:auto;position:relative}[dir=rtl] .adoption-content-container{margin-left:auto;margin-right:0}.adoption-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px;gap:24px;flex-wrap:wrap;padding-bottom:24px;border-bottom:1px solid rgba(0,0,0,.03)}.adoption-header-title{flex:1;min-width:300px;text-align:left}[dir=rtl] .adoption-header-title,.adoption-page-root[dir=rtl] .adoption-header-title{text-align:right}.adoption-eyebrow{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--adoption-user-type-color, #8548A8);margin:0 0 8px;display:inline-block;background:var(--adoption-user-type-bg-8, rgba(133, 72, 168, .08));padding:4px 10px;border-radius:6px}.adoption-title{font-size:42px;font-weight:800;color:#111827;margin-bottom:12px;margin-top:0;letter-spacing:-.02em;line-height:1.1;text-align:left}[dir=rtl] .adoption-title,.adoption-page-root[dir=rtl] .adoption-title{text-align:right!important}.adoption-subtitle{font-size:17px;color:#4b5563;margin:0;max-width:600px;line-height:1.6;text-align:left}[dir=rtl] .adoption-subtitle,.adoption-page-root[dir=rtl] .adoption-subtitle{text-align:right!important}.adoption-header-actions{display:flex;gap:16px;flex-wrap:wrap;justify-content:flex-end;padding-bottom:4px}[dir=rtl] .adoption-header,.adoption-page-root[dir=rtl] .adoption-header{flex-direction:row-reverse}[dir=rtl] .adoption-header-actions,.adoption-page-root[dir=rtl] .adoption-header-actions{justify-content:flex-start;align-items:flex-start}.adoption-action-btn{padding:14px 28px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.2,.8,.2,1);border:none;white-space:nowrap;letter-spacing:.01em;display:inline-flex;align-items:center;justify-content:center;gap:8px}.adoption-offer-btn{background-color:var(--adoption-user-type-color, #8548A8);color:#fff;box-shadow:0 4px 6px -1px var(--adoption-user-type-shadow-20, rgba(133, 72, 168, .2)),0 2px 4px -1px var(--adoption-user-type-shadow-10, rgba(133, 72, 168, .1))}.adoption-offer-btn:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px var(--adoption-user-type-shadow-30, rgba(133, 72, 168, .3)),0 4px 6px -2px var(--adoption-user-type-shadow-15, rgba(133, 72, 168, .15))}.adoption-offer-btn:active{transform:translateY(0)}.adoption-requests-btn{background-color:#fff;color:var(--adoption-user-type-color, #8548A8);border:1.5px solid var(--adoption-user-type-border-30, rgba(133, 72, 168, .3))}.adoption-requests-btn:hover{background-color:var(--adoption-user-type-hover-bg, #faf5ff);border-color:var(--adoption-user-type-color, #8548A8);transform:translateY(-2px)}.adoption-placeholder{padding:64px;text-align:center;color:#9ca3af;font-size:16px;background:#fff;border-radius:16px;margin-top:24px}.adoption-loading-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#f9fafb}.adoption-loading-content{display:flex;flex-direction:column;align-items:center;gap:20px}.adoption-spinner{width:48px;height:48px;border:4px solid #F3F4F6;border-top:4px solid var(--adoption-user-type-color, #8548A8);border-radius:50%;animation:spin .8s ease-in-out infinite}.adoption-loading-text{color:#6b7280;font-size:15px;font-weight:500}.adoption-feed-card{margin-top:24px;background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 10px #0f172a0f;border:1px solid #e5e7eb;margin-left:auto;margin-right:auto}@media (min-width: 769px) and (max-width: 1200px){.adoption-page-root{padding:160px 24px 40px}.adoption-main-content,.adoption-content-container{max-width:100%}}@media (max-width: 1024px){.adoption-page-root{padding:140px 24px 32px}.adoption-main-content{max-width:100%}}@media (max-width: 768px){.adoption-page-root{padding:120px 16px 24px}.adoption-main-content{width:100%;max-width:100%;padding-top:0;padding-left:0;padding-right:0}.adoption-content-container{width:100%;min-width:unset;max-width:100%;margin-left:0;margin-right:0}.adoption-header{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:24px}[dir=rtl] .adoption-header{flex-direction:column}.adoption-header-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}[dir=rtl] .adoption-header-actions{justify-content:flex-start}.adoption-title{font-size:26px;margin-bottom:6px}.adoption-subtitle{font-size:14px}.adoption-action-btn{padding:10px 18px;font-size:14px;flex:1;min-width:140px}}@media (max-width: 480px){.adoption-main-content{padding-top:0;padding-left:0;padding-right:0}.adoption-title{font-size:22px}.adoption-subtitle{font-size:13px}.adoption-header-actions{flex-direction:column;width:100%}[dir=rtl] .adoption-header-actions{flex-direction:column}.adoption-action-btn{width:100%;min-width:unset}.adoption-feed-card{padding:18px}}.no-navbar .adoption-page-root{padding-top:32px}@media (max-width: 768px){.no-navbar .adoption-page-root{padding-top:24px}}.accountpreferences-container{min-height:100vh;background:#fafafa;display:flex;flex-direction:column}.accountpreferences-main{flex:1;padding:50px 60px 60px;font-family:Red Hat Display,sans-serif;max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box}.accountpreferences-page-header{margin-bottom:48px;margin-top:90px;text-align:center;position:relative}.accountpreferences-page-title{font-family:Red Hat Display,sans-serif;font-size:42px;font-weight:700;background:linear-gradient(135deg,#303E4E 0%,var(--user-type-color, #8548A8) 50%,#303E4E 100%);background-size:200% 100%;background-position:0% 0%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 12px;position:relative;animation:gradientShift 3s ease-in-out infinite}@keyframes gradientShift{0%,to{background-position:0% 0%}50%{background-position:100% 0%}}.accountpreferences-page-subtitle{font-family:Red Hat Display,sans-serif;font-size:16px;font-weight:400;color:#64748b;margin:0;opacity:.8}.accountpreferences-tabs-container{display:flex;justify-content:center;margin-bottom:48px;background:#fff;border-radius:16px;padding:8px;box-shadow:0 4px 6px #0000000d;border:1px solid #E5E7EB;overflow-x:auto;position:relative}.accountpreferences-tabs-inner{display:flex;gap:4px;min-width:max-content;position:relative;background:#f8fafc;border-radius:12px;padding:4px}.accountpreferences-tab-btn{background:transparent;border:none;padding:12px 24px;font-family:Red Hat Display,sans-serif;font-size:14px;font-weight:500;color:#64748b;cursor:pointer;border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;position:relative;overflow:hidden;min-width:120px;text-align:center}.accountpreferences-tab-btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--user-type-color, #8548A8) 0%,color-mix(in srgb,var(--user-type-color, #8548A8) 80%,white) 100%);opacity:0;transition:opacity .3s ease;border-radius:8px}.accountpreferences-tab-btn:hover:not(.active){color:#374151;background:color-mix(in srgb,var(--user-type-color, #8548A8) 5%,transparent);transform:translateY(-1px)}.accountpreferences-tab-btn:hover:not(.active):before{opacity:.1}.accountpreferences-tab-btn.active{font-weight:600;color:#fff;background:linear-gradient(135deg,var(--user-type-color, #8548A8) 0%,color-mix(in srgb,var(--user-type-color, #8548A8) 80%,white) 100%);box-shadow:0 4px 12px color-mix(in srgb,var(--user-type-color, #8548A8) 30%,transparent);transform:translateY(-1px)}.accountpreferences-tab-btn.active:before{opacity:0}.accountpreferences-tab-btn:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:0;height:2px;background:var(--user-type-color, #8548A8);transition:width .3s ease}.accountpreferences-tab-btn.active:after{width:60%}.accountpreferences-tab-icon{display:flex;align-items:center;justify-content:center;margin-right:8px;transition:all .3s ease}.accountpreferences-tab-text{transition:all .3s ease}.accountpreferences-tab-btn:hover .accountpreferences-tab-icon,.accountpreferences-tab-btn.active .accountpreferences-tab-icon{transform:scale(1.1)}@media (max-width: 768px){.accountpreferences-tab-icon{margin-right:6px}}@media (max-width: 480px){.accountpreferences-tab-icon{margin-right:4px}.accountpreferences-tab-text{font-size:11px}}.accountpreferences-tab-content{animation:fadeInUp .3s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.accountpreferences-tabs-container{box-shadow:0 8px 25px #00000014;border:1px solid color-mix(in srgb,var(--user-type-color, #8548A8) 10%,transparent)}.accountpreferences-tab-btn{position:relative;overflow:hidden}.accountpreferences-tab-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff4d;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s}.accountpreferences-tab-btn:active:before{width:300px;height:300px}@media (max-width: 768px){.accountpreferences-tabs-container{margin-left:-20px;margin-right:-20px;border-radius:0;padding:6px}.accountpreferences-tabs-inner{gap:2px;padding:3px}.accountpreferences-tab-btn{padding:10px 16px;font-size:13px;min-width:100px}.accountpreferences-page-title{font-size:36px}}@media (max-width: 480px){.accountpreferences-tab-btn{padding:8px 12px;font-size:12px;min-width:80px}.accountpreferences-page-title{font-size:32px}.accountpreferences-page-subtitle{font-size:14px}}.accountpreferences-profile-section{background:#fff;border-radius:16px;padding:40px;box-shadow:0 4px 6px #0000000d;border:1px solid #E5E7EB;margin-bottom:40px}.accountpreferences-profile-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px}.accountpreferences-profile-info{display:flex;align-items:center;gap:20px}.accountpreferences-profile-avatar{width:80px;height:80px;border-radius:50%;background:#f3f4f6;display:flex;align-items:center;justify-content:center;overflow:hidden}.accountpreferences-profile-avatar-content{display:flex;flex-direction:column;align-items:center;gap:4px;color:#9ca3af}.accountpreferences-profile-name{font-family:Red Hat Display,sans-serif;font-size:28px;font-weight:600;color:#303e4e;margin:0}.accountpreferences-action-buttons{display:flex;gap:12px}.accountpreferences-edit-btn{background:transparent;border:none;cursor:pointer;padding:8px;border-radius:8px;transition:background .2s ease}.accountpreferences-edit-btn:hover{background:#f9fafb}.accountpreferences-change-password-btn{background:var(--user-type-color, #8548A8);border:none;cursor:pointer;padding:8px 16px;border-radius:8px;color:#fff;font-size:14px;font-weight:500;font-family:Red Hat Display,sans-serif;transition:background .2s ease}.accountpreferences-change-password-btn:hover{background:color-mix(in srgb,var(--user-type-color, #8548A8) 85%,black)}.accountpreferences-profile-form{display:flex;flex-direction:column;align-items:flex-start;padding:0 80px;gap:24px;width:100%;box-sizing:border-box}.accountpreferences-form-row{display:flex;flex-direction:row;align-items:center;padding:0;gap:20px;width:100%}.accountpreferences-form-label{display:flex;flex-direction:column;align-items:flex-start;padding:0 12px;min-width:155px}.accountpreferences-form-label-text{font-family:Red Hat Display,sans-serif;font-size:18px;font-weight:500;line-height:27px;color:#494949;white-space:nowrap}.accountpreferences-form-value{display:flex;flex-direction:column;align-items:flex-start;padding:0 12px;flex-grow:1}.accountpreferences-form-value-text{font-family:Red Hat Display,sans-serif;font-size:20px;font-weight:500;line-height:30px;color:#494949;white-space:nowrap}.accountpreferences-loading-container{display:flex;justify-content:center;align-items:center;padding:60px 20px;background:#fff;border-radius:16px;box-shadow:0 4px 6px #0000000d;border:1px solid #E5E7EB;margin-bottom:40px}.accountpreferences-loading-content{display:flex;flex-direction:column;align-items:center;gap:16px}.accountpreferences-loading-spinner{width:40px;height:40px;border:4px solid #F3F4F6;border-top:4px solid var(--user-type-color, #8548A8);border-radius:50%;animation:spin 1s linear infinite}.accountpreferences-loading-text{font-family:Red Hat Display,sans-serif;font-size:16px;color:#6b7280;margin:0}.accountpreferences-success-message{background:#f0fdf4;border:1px solid #BBF7D0;border-radius:12px;padding:20px;margin-bottom:40px}.accountpreferences-success-content{display:flex;align-items:center;gap:12px}.accountpreferences-success-text{font-family:Red Hat Display,sans-serif;font-size:14px;color:#16a34a;margin:0}.accountpreferences-error-message{background:#fef2f2;border:1px solid #FECACA;border-radius:12px;padding:20px;margin-bottom:40px}.accountpreferences-error-content{display:flex;align-items:center;gap:12px}.accountpreferences-error-text{font-family:Red Hat Display,sans-serif;font-size:14px;color:#dc2626;margin:0}.accountpreferences-error-btn{background:transparent;border:1px solid #DC2626;border-radius:6px;padding:8px 16px;margin-top:12px;font-family:Red Hat Display,sans-serif;font-size:14px;color:#dc2626;cursor:pointer;transition:all .2s ease}.accountpreferences-error-btn:hover{background:#dc2626;color:#fff}.accountpreferences-footer{background:#fff;border-top:1px solid #E5E7EB;padding:40px 60px;margin-top:80px}.accountpreferences-footer-content{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto}.accountpreferences-footer-text{font-family:Red Hat Display,sans-serif;font-size:14px;color:#6b7280}.accountpreferences-footer-company{font-weight:600;color:#374151}.privacysettings-container{min-height:100vh;background:#fafafa;display:flex;flex-direction:column}.privacysettings-main{flex:1;padding-left:60px;padding-right:60px;padding-bottom:60px;font-family:Red Hat Display,sans-serif;max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box}.privacysettings-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.privacysettings-loading-spinner{width:40px;height:40px;border:4px solid #E5E7EB;border-top:4px solid var(--user-type-color, #8548A8);border-radius:50%;animation:spin 1s linear infinite}.privacysettings-loading-text{font-family:Red Hat Display,sans-serif;font-size:16px;color:#6b7280;margin:0}.privacysettings-section{background:#fff;border-radius:16px;padding:40px;box-shadow:0 4px 6px #0000000d;border:1px solid #E5E7EB;margin-bottom:24px}.privacysettings-section-title{font-family:Red Hat Display,sans-serif;font-size:20px;font-weight:600;color:#303e4e;margin:0 0 30px;padding-bottom:20px;border-bottom:1px solid #E5E7EB}.privacysettings-toggle-item{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:12px;margin-bottom:40px}.privacysettings-toggle-header{display:flex;flex-direction:row;align-items:center;padding:0;gap:12px;width:100%;justify-content:space-between}.privacysettings-toggle-label{font-family:Red Hat Display,sans-serif;font-weight:500;font-size:18px;line-height:27px;color:#303e4e}.privacysettings-toggle-switch{width:44px;height:24px;border-radius:12px;border:none;background:#e5e7eb;position:relative;cursor:pointer;transition:background .2s ease;flex-shrink:0}.privacysettings-toggle-switch.active{background:var(--user-type-color, #8548A8)}.privacysettings-toggle-knob{width:20px;height:20px;border-radius:50%;background:#fff;position:absolute;top:2px;left:2px;transition:left .2s ease;box-shadow:0 2px 4px #0000001a}.privacysettings-toggle-switch.active .privacysettings-toggle-knob{left:22px}.privacysettings-toggle-description{font-family:Red Hat Display,sans-serif;font-weight:500;font-size:14px;line-height:21px;color:#6b7280;align-self:stretch}.privacysettings-dropdown-item{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:12px;margin-bottom:40px}.privacysettings-dropdown-label{font-family:Red Hat Display,sans-serif;font-weight:500;font-size:18px;line-height:27px;color:#303e4e}.privacysettings-dropdown-description{font-family:Red Hat Display,sans-serif;font-weight:500;font-size:14px;line-height:21px;color:#6b7280;align-self:stretch}.privacysettings-dropdown-container{position:relative;max-width:300px;width:100%}.privacysettings-dropdown{width:100%;height:48px;padding:0 40px 0 16px;border:1.5px solid #E5E7EB;border-radius:8px;font-family:Red Hat Display,sans-serif;font-size:16px;color:#9ca3af;box-sizing:border-box;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff}.privacysettings-dropdown-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);pointer-events:none}.privacysettings-actions{display:flex;flex-direction:column;gap:20px}.privacysettings-save-message{padding:12px 16px;border-radius:8px;font-family:Red Hat Display,sans-serif;font-size:14px;font-weight:500;background-color:#f0fdf4;color:#16a34a;border:1px solid #BBF7D0}.privacysettings-save-message.error{background-color:#fef2f2;color:#dc2626;border:1px solid #FECACA}.privacysettings-buttons{display:flex;justify-content:flex-start;gap:20px}.privacysettings-save-btn{width:180px;height:56px;background:var(--user-type-color, #8548A8);color:#fff;border:none;border-radius:14px;font-family:Red Hat Display,sans-serif;font-size:18px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px color-mix(in srgb,var(--user-type-color, #8548A8) 30%,transparent);opacity:1}.privacysettings-save-btn:hover{background:color-mix(in srgb,var(--user-type-color, #8548A8) 85%,black);transform:translateY(-1px);box-shadow:0 6px 20px color-mix(in srgb,var(--user-type-color, #8548A8) 40%,transparent)}.privacysettings-save-btn:disabled{background:#d1d5db;cursor:not-allowed;opacity:.6}.privacysettings-cancel-btn{width:180px;height:56px;background:#fff;color:#6b7280;border:2px solid #E5E7EB;border-radius:14px;font-family:Red Hat Display,sans-serif;font-size:18px;font-weight:600;cursor:pointer;transition:all .2s ease;opacity:1}.privacysettings-cancel-btn:hover{border-color:#d1d5db;color:#374151;transform:translateY(-1px)}.privacysettings-cancel-btn:disabled{color:#9ca3af;cursor:not-allowed;opacity:.6}.privacysettings-blocked-row{display:flex;flex-direction:column;gap:8px;margin-top:12px}.privacysettings-blocked-btn{background:#f97316;border:none;color:#fff;padding:10px 20px;border-radius:999px;font-family:Red Hat Display,sans-serif;font-size:16px;font-weight:600;cursor:pointer;width:fit-content}.privacysettings-blocked-btn:hover{background:#ea580c}.privacysettings-blocked-description{font-family:Red Hat Display,sans-serif;font-size:14px;color:#6b7280;margin:0}.accountmanagement-container{min-height:100vh;background:#fafafa;display:flex;flex-direction:column}.accountmanagement-main{flex:1;padding-left:60px;padding-right:60px;padding-bottom:60px;font-family:Red Hat Display,sans-serif;max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box}.accountmanagement-card{background:#fff;border:1px solid #E5E7EB;border-radius:16px;padding:32px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a}.accountmanagement-card-content{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px}.accountmanagement-icon-container{width:44px;height:44px;border-radius:8px;background:#fefce8;display:flex;align-items:center;justify-content:center;flex-shrink:0}.accountmanagement-icon-container.delete{background:#fee2e2}.accountmanagement-icon-container.delete svg,.accountmanagement-icon-container.delete img{width:35px;height:35px}.accountmanagement-card-info{flex:1}.accountmanagement-card-title{font-family:Red Hat Display,sans-serif;font-size:18px;font-weight:500;color:#303e4e;margin:7px 0 10px 3px}.accountmanagement-card-description{font-family:Red Hat Display,sans-serif;font-size:13px;color:#494949;margin:0 0 20px;line-height:1.5}.accountmanagement-suspend-btn{padding:12px 55px;background:#f3f4f6;color:#494949;border:none;border-radius:13px;font-family:Red Hat Display,sans-serif;font-size:16px;font-weight:400;cursor:pointer;transition:all .2s ease;margin-bottom:16px}.accountmanagement-suspend-btn:hover{background:#e5e7eb}.accountmanagement-suspend-btn:disabled{background:#d1d5db;color:#9095a1;cursor:not-allowed}.accountmanagement-delete-btn{padding:12px 55px;background:var(--user-type-color, #8548A8);color:#fff;border:none;border-radius:13px;font-family:Red Hat Display,sans-serif;font-size:18px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-bottom:16px}.accountmanagement-delete-btn:hover{background:color-mix(in srgb,var(--user-type-color, #8548A8) 85%,black);transform:translateY(-1px)}.accountmanagement-checkmark-container{display:flex;align-items:center;gap:8px}.accountmanagement-checkmark-icon{width:20px;height:20px}.accountmanagement-checkmark-text{font-family:Red Hat Display,sans-serif;font-size:13px;color:#494949;font-weight:500;line-height:1.4;margin:20px 5px 0 0}.financialmanagement-container{min-height:100vh;background:#fafafa;display:flex;flex-direction:column}.financialmanagement-main{flex:1;padding:50px 60px 60px;font-family:Red Hat Display,sans-serif;max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box}.financialmanagement-balance-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px}.financialmanagement-balance-title{font-family:Red Hat Display,sans-serif;font-size:24px;font-weight:600;color:#6b7280;margin:0}.financialmanagement-refresh-btn{background:transparent;border:none;cursor:pointer;padding:8px;border-radius:8px;transition:background .2s ease}.financialmanagement-refresh-btn:hover{background:#f9fafb}.financialmanagement-balance-display{margin-bottom:50px}.financialmanagement-balance-amount{font-family:Red Hat Display,sans-serif;font-size:60px;font-weight:700;color:#303e4e;margin-bottom:8px;display:flex;align-items:baseline;gap:8px}.financialmanagement-balance-currency{font-size:24px;font-weight:500;color:#6b7280}.financialmanagement-balance-updated{font-family:Red Hat Display,sans-serif;font-size:16px;color:#6b7280;margin:0}.financialmanagement-cards-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.financialmanagement-cards-title{font-family:Red Hat Display,sans-serif;font-size:32px;font-weight:600;color:#303e4e;margin:0}.financialmanagement-add-btn{background:transparent;border:none;font-family:Red Hat Display,sans-serif;font-size:14px;font-weight:500;color:var(--user-type-color, #8548A8);cursor:pointer;padding:8px 16px;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;gap:8px}.financialmanagement-add-btn:hover{background:#f3f4f6}.financialmanagement-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;margin-bottom:60px}.financialmanagement-card-item{cursor:pointer}.financialmanagement-card-image{width:100%;height:auto;border-radius:16px;margin-bottom:16px;box-shadow:0 8px 25px #00000026}.financialmanagement-card-title{font-family:Red Hat Display,sans-serif;font-size:20px;font-weight:600;color:#303e4e;margin:0;text-align:center}.financialmanagement-add-card{width:100%;height:240px;border:2px dashed #D1D5DB;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;margin-bottom:16px}.financialmanagement-add-card:hover{border-color:var(--user-type-color, #8548A8);background:#f9fafb}.financialmanagement-add-icon{width:48px;height:48px;border-radius:50%;background:#f3f4f6;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.financialmanagement-add-title{font-family:Red Hat Display,sans-serif;font-size:16px;font-weight:500;color:#6b7280;margin-bottom:4px}.financialmanagement-add-subtitle{font-family:Red Hat Display,sans-serif;font-size:14px;color:#9ca3af}.notificationsettings-container{min-height:100vh;background:#fafafa;display:flex;flex-direction:column}.notificationsettings-main{flex:1;padding-left:60px;padding-right:60px;padding-bottom:60px;font-family:Red Hat Display,sans-serif;max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box}.notificationsettings-loading{background:#fff;border-radius:16px;padding:40px;box-shadow:0 4px 6px #0000000d;border:1px solid #E5E7EB;margin-bottom:24px;text-align:center}.notificationsettings-loading-spinner{width:40px;height:40px;border:3px solid #E5E7EB;border-top:3px solid var(--user-type-color, #8548A8);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}.notificationsettings-loading-text{color:#6b7280;margin:0}.notificationsettings-section{background:#fff;border-radius:16px;padding:40px;box-shadow:0 4px 6px #0000000d;border:1px solid #E5E7EB;margin-bottom:24px}.notificationsettings-section-large{background:#fff;border-radius:16px;padding:40px;box-shadow:0 4px 6px #0000000d;border:1px solid #E5E7EB;margin-bottom:40px}.notificationsettings-section-title{font-family:Red Hat Display,sans-serif;font-size:20px;font-weight:600;color:#303e4e;margin:0 0 30px}.notificationsettings-notification-item{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:32px}.notificationsettings-notification-content{display:flex;align-items:flex-start;gap:12px}.notificationsettings-notification-icon{margin-top:2px}.notificationsettings-notification-icon img{filter:brightness(.4) sepia(1) saturate(0) hue-rotate(0deg)}.notificationsettings-notification-text{font-family:Red Hat Display,sans-serif;font-size:16px;font-weight:500;color:#303e4e;margin-bottom:4px}.notificationsettings-notification-description{font-family:Red Hat Display,sans-serif;font-size:14px;color:#6b7280}.notificationsettings-toggle-container{display:flex;align-items:center;gap:12px}.notificationsettings-success-message{display:flex;align-items:center;gap:4px;color:#10b981;font-size:14px;font-weight:500;animation:fadeIn .3s ease-in}.notificationsettings-toggle-switch{width:44px;height:24px;border-radius:12px;border:none;background:#e5e7eb;position:relative;cursor:pointer;transition:background .2s ease}.notificationsettings-toggle-switch.active{background:var(--user-type-color, #8548A8)}.notificationsettings-toggle-knob{width:20px;height:20px;border-radius:50%;background:#fff;position:absolute;top:2px;left:2px;transition:left .2s ease;box-shadow:0 2px 4px #0000001a}.notificationsettings-toggle-knob.active{left:22px}.notificationsettings-push-notifications{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:32px;padding:20px;background:#f8fafc;border-radius:12px;border:1px solid #E2E8F0}.notificationsettings-push-content{display:flex;align-items:flex-start;gap:12px}.notificationsettings-push-status{display:flex;align-items:center;gap:12px}.notificationsettings-push-enabled{display:flex;align-items:center;gap:4px;color:#10b981;font-size:14px;font-weight:500}.notificationsettings-enable-btn{padding:8px 16px;border-radius:8px;border:none;background:#3b82f6;color:#fff;font-family:Red Hat Display,sans-serif;font-size:14px;font-weight:500;cursor:pointer;opacity:1;transition:all .2s ease}.notificationsettings-enable-btn:hover{background:#2563eb}.notificationsettings-enable-btn:disabled{cursor:not-allowed;opacity:.6}.notificationsettings-separator{border-bottom:1px solid #E5E7EB;margin:24px 0}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.accountpreferences-container-responsive{min-height:100vh!important}.accountpreferences-main-responsive{padding:40px 20px!important}.accountpreferences-page-header-responsive{margin-bottom:32px!important;margin-top:60px!important}.accountpreferences-page-title-responsive{font-size:32px!important;margin-bottom:8px!important}.accountpreferences-page-subtitle-responsive{font-size:14px!important}.accountpreferences-tabs-container-responsive{margin-bottom:32px!important;padding:0!important;overflow:visible!important}.accountpreferences-tabs-inner{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:8px!important;padding:0!important;background:transparent!important;border-radius:0!important;border:none!important;box-shadow:none!important}.accountpreferences-tab-btn{width:100%!important;padding:14px 20px!important;font-size:14px!important;min-width:auto!important;white-space:normal!important;flex-shrink:1!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;text-align:left!important;border:1px solid #e5e7eb!important;border-radius:12px!important;background:#fff!important;box-shadow:0 2px 4px #0000000d!important;transition:all .2s ease!important}.accountpreferences-tab-btn:hover{background:#f8fafc!important;border-color:var(--user-type-color, #8548A8)!important;box-shadow:0 4px 8px #0000001a!important}.accountpreferences-tab-btn.active{background:linear-gradient(135deg,var(--user-type-color, #8548A8),color-mix(in srgb,var(--user-type-color, #8548A8) 85%,black))!important;border-color:var(--user-type-color, #8548A8)!important;color:#fff!important;box-shadow:0 4px 12px #8548a84d!important}.accountpreferences-tab-icon{flex-shrink:0!important}.accountpreferences-tab-text{flex:1!important;text-align:left!important}.accountpreferences-profile-section{padding:20px!important}.accountpreferences-profile-header{flex-direction:column!important;align-items:center!important;text-align:center!important;gap:20px!important}.accountpreferences-action-buttons{width:100%!important;flex-direction:column!important;gap:12px!important}.accountpreferences-edit-btn,.accountpreferences-change-password-btn{width:100%!important}.accountpreferences-profile-form{padding:16px!important}.accountpreferences-form-row{flex-direction:column!important;gap:8px!important;padding:12px 0!important}.accountpreferences-form-label-text,.accountpreferences-form-value-text{font-size:14px!important}.accountmanagement-card{padding:16px!important}.accountmanagement-card-content{flex-direction:column!important;gap:16px!important}.accountmanagement-card-info{width:100%!important}.accountmanagement-card-title{font-size:1.1rem!important}.accountmanagement-card-description{font-size:.9rem!important}.accountmanagement-suspend-btn,.accountmanagement-delete-btn{width:100%!important;padding:12px!important;font-size:.9rem!important}.accountmanagement-checkmark-container{flex-direction:column!important;align-items:flex-start!important}.notificationsettings-section{padding:16px!important}.notificationsettings-header h3{font-size:1.1rem!important}.notificationsettings-toggle-item{flex-direction:column!important;align-items:flex-start!important;gap:12px!important;padding:12px 0!important}.notificationsettings-toggle-label{font-size:.9rem!important}.financialmanagement-section,.financialmanagement-card{padding:16px!important}}@media (max-width: 1024px){.accountpreferences-profile-section{padding:32px!important}.accountpreferences-profile-header{gap:24px!important}.accountpreferences-profile-avatar{width:70px!important;height:70px!important}.accountpreferences-profile-name{font-size:24px!important}.accountpreferences-profile-form{padding:0 40px!important;gap:20px!important}.accountpreferences-form-label{min-width:140px!important}.accountpreferences-form-label-text{font-size:16px!important;line-height:24px!important}.accountpreferences-form-value-text{font-size:18px!important;line-height:27px!important}}@media (max-width: 768px){.accountpreferences-profile-section{padding:24px!important}.accountpreferences-profile-header{flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;margin-bottom:32px!important}.accountpreferences-profile-info{display:flex!important;align-items:center!important;gap:16px!important;flex:0 1 auto!important;min-width:0!important}.accountpreferences-profile-avatar{width:64px!important;height:64px!important;flex-shrink:0!important}.accountpreferences-profile-name{font-size:22px!important;margin:0!important;flex-shrink:0!important}.accountpreferences-action-buttons{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-end!important;gap:12px!important;flex-shrink:0!important;margin-left:auto!important}.accountpreferences-edit-btn{flex-shrink:0!important;width:auto!important}.accountpreferences-change-password-btn{flex-shrink:0!important;width:auto!important;white-space:nowrap!important}.accountpreferences-profile-form{padding:0 16px!important;gap:20px!important}.accountpreferences-form-row{flex-direction:column!important;align-items:flex-start!important;gap:8px!important;padding:16px 0!important;border-bottom:1px solid #F3F4F6!important}.accountpreferences-form-row:last-child{border-bottom:none!important}.accountpreferences-form-label{min-width:auto!important;width:100%!important;padding:0!important}.accountpreferences-form-label-text{font-size:14px!important;line-height:20px!important;color:#6b7280!important;font-weight:500!important}.accountpreferences-form-value{width:100%!important;padding:0!important}.accountpreferences-form-value-text{font-size:16px!important;line-height:24px!important;white-space:normal!important;word-wrap:break-word!important}}@media (max-width: 425px){.accountpreferences-tabs-inner{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.accountpreferences-tab-btn{width:100%!important;padding:12px 16px!important;font-size:13px!important;min-width:auto!important}.accountpreferences-profile-section{padding:20px 16px!important}.accountpreferences-profile-header{flex-direction:row!important;align-items:center!important;justify-content:space-between!important;margin-bottom:24px!important;gap:12px!important}.accountpreferences-profile-info{display:flex!important;align-items:center!important;gap:12px!important;flex:0 1 auto!important;min-width:0!important}.accountpreferences-profile-avatar{width:56px!important;height:56px!important;flex-shrink:0!important}.accountpreferences-profile-name{font-size:20px!important;margin:0!important;flex-shrink:0!important}.accountpreferences-action-buttons{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;flex-shrink:0!important;margin-left:auto!important}.accountpreferences-edit-btn{flex-shrink:0!important;width:auto!important;padding:8px!important}.accountpreferences-change-password-btn{flex-shrink:0!important;width:auto!important;padding:10px 14px!important;font-size:13px!important;white-space:nowrap!important}.accountpreferences-profile-form{padding:0 8px!important;gap:16px!important}.accountpreferences-form-row{padding:12px 0!important;gap:6px!important}.accountpreferences-form-label-text{font-size:13px!important;line-height:18px!important}.accountpreferences-form-value-text{font-size:15px!important;line-height:22px!important}.notificationsettings-main{padding:20px 16px 40px!important}.notificationsettings-section,.notificationsettings-section-large{padding:20px 16px!important;margin-bottom:20px!important}.notificationsettings-section-title{font-size:18px!important;margin-bottom:20px!important}.notificationsettings-notification-item{flex-direction:column!important;align-items:flex-start!important;gap:12px!important;margin-bottom:24px!important;padding-bottom:20px!important;border-bottom:1px solid #F3F4F6!important}.notificationsettings-notification-item:last-child{border-bottom:none!important;margin-bottom:0!important}.notificationsettings-notification-content{width:100%!important;gap:10px!important;display:flex!important;align-items:flex-start!important}.notificationsettings-notification-icon{flex-shrink:0!important;margin-top:2px!important}.notificationsettings-notification-icon img{width:18px!important;height:18px!important}.notificationsettings-notification-text{font-size:15px!important;margin-bottom:4px!important}.notificationsettings-notification-description{font-size:13px!important;line-height:18px!important}.notificationsettings-toggle-container{width:100%!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:12px!important}.notificationsettings-success-message{display:none!important}.notificationsettings-toggle-switch{width:40px!important;height:22px!important;flex-shrink:0!important}.notificationsettings-toggle-knob{width:18px!important;height:18px!important}.notificationsettings-toggle-knob.active{left:20px!important}.notificationsettings-push-notifications{flex-direction:column!important;align-items:flex-start!important;gap:16px!important;padding:16px!important;margin-bottom:24px!important}.notificationsettings-push-content{width:100%!important}.notificationsettings-push-status{width:100%!important;justify-content:space-between!important}.notificationsettings-enable-btn{width:100%!important;padding:10px 16px!important;font-size:13px!important}.notificationsettings-separator{margin:20px 0!important}.editprofilemodal-container{padding:24px 16px!important;border-radius:12px!important}.editprofilemodal-header{margin-bottom:24px!important;flex-direction:column!important;align-items:flex-start!important;gap:16px!important}.editprofilemodal-header>div:first-child{gap:12px!important}.editprofilemodal-header>div:first-child>div:first-child{width:64px!important;height:64px!important}.editprofilemodal-header>div:first-child>div:first-child>div:last-child{width:24px!important;height:24px!important;border-width:2px!important}.editprofilemodal-header>div:first-child>div:first-child>div:first-of-type{width:18px!important;height:18px!important;border-width:2px!important}.editprofilemodal-header>div:first-child>h2{font-size:20px!important}.editprofilemodal-header>button{position:absolute!important;top:16px!important;right:16px!important}.editprofilemodal-form-fields{grid-template-columns:1fr!important;gap:20px!important;margin-bottom:24px!important}.editprofilemodal-form-fields>div>label{font-size:13px!important;margin-bottom:8px!important}.editprofilemodal-form-fields>div>div>input,.editprofilemodal-form-fields>div>div>select{height:44px!important;font-size:13px!important;padding:0 14px 0 44px!important;border-radius:12px!important}.editprofilemodal-form-fields>div>div>div:first-child{left:14px!important}.editprofilemodal-form-fields>div>div>div:first-child>svg{width:16px!important;height:16px!important}.editprofilemodal-form-fields>div>div>div:last-child{right:14px!important}.editprofilemodal-form-fields>div>div>div:last-child>svg{width:16px!important;height:16px!important}.editprofilemodal-actions{flex-direction:column!important;gap:12px!important}.editprofilemodal-save-btn,.editprofilemodal-cancel-btn{width:100%!important;height:44px!important;font-size:15px!important}.accountmanagement-main{padding:30px 16px 40px!important}.accountmanagement-card{padding:20px 16px!important;margin-bottom:20px!important;border-radius:12px!important}.accountmanagement-card-content{flex-direction:column!important;gap:16px!important;margin-bottom:20px!important}.accountmanagement-icon-container{width:40px!important;height:40px!important;align-self:flex-start!important}.accountmanagement-icon-container img{width:22px!important;height:22px!important}.accountmanagement-card-title{font-size:16px!important;margin:0 0 8px!important}.accountmanagement-card-description{font-size:12px!important;margin:0 0 16px!important;line-height:1.5!important}.accountmanagement-suspend-btn,.accountmanagement-delete-btn{width:100%!important;padding:12px 24px!important;font-size:14px!important;margin-bottom:16px!important}.accountmanagement-checkmark-container{gap:6px!important}.accountmanagement-checkmark-icon{width:18px!important;height:18px!important}.accountmanagement-checkmark-text{font-size:12px!important;margin:0!important}}@media (max-width: 375px){.accountpreferences-tabs-inner{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:6px!important}.accountpreferences-tab-btn{width:100%!important;padding:10px 12px!important;font-size:12px!important;min-width:auto!important;gap:8px!important}.accountpreferences-tab-icon{width:16px!important;height:16px!important}.accountpreferences-profile-section{padding:16px 12px!important}.accountpreferences-profile-header{flex-direction:row!important;align-items:center!important;justify-content:space-between!important;margin-bottom:20px!important;gap:10px!important}.accountpreferences-profile-info{display:flex!important;align-items:center!important;gap:10px!important;flex:0 1 auto!important;min-width:0!important}.accountpreferences-profile-avatar{width:52px!important;height:52px!important;flex-shrink:0!important}.accountpreferences-profile-name{font-size:18px!important;margin:0!important;flex-shrink:0!important}.accountpreferences-action-buttons{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important;flex-shrink:0!important;margin-left:auto!important}.accountpreferences-edit-btn{flex-shrink:0!important;width:auto!important;padding:8px!important}.accountpreferences-edit-btn svg{width:18px!important;height:18px!important}.accountpreferences-change-password-btn{flex-shrink:0!important;width:auto!important;padding:8px 12px!important;font-size:12px!important;white-space:nowrap!important}.accountpreferences-profile-form{padding:0 4px!important;gap:14px!important}.accountpreferences-form-row{padding:10px 0!important;gap:5px!important}.accountpreferences-form-label-text{font-size:12px!important;line-height:16px!important}.accountpreferences-form-value-text{font-size:14px!important;line-height:20px!important}.notificationsettings-main{padding:16px 12px 40px!important}.notificationsettings-section,.notificationsettings-section-large{padding:16px 12px!important;margin-bottom:16px!important}.notificationsettings-section-title{font-size:16px!important;margin-bottom:16px!important}.notificationsettings-notification-item{margin-bottom:18px!important;gap:10px!important;padding-bottom:16px!important}.notificationsettings-notification-item:last-child{border-bottom:none!important;margin-bottom:0!important;padding-bottom:0!important}.notificationsettings-notification-content{gap:8px!important}.notificationsettings-notification-icon{flex-shrink:0!important;margin-top:2px!important}.notificationsettings-notification-icon img{width:16px!important;height:16px!important}.notificationsettings-notification-text{font-size:14px!important;margin-bottom:3px!important}.notificationsettings-notification-description{font-size:12px!important;line-height:16px!important}.notificationsettings-toggle-container{width:100%!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important}.notificationsettings-toggle-switch{width:38px!important;height:20px!important;flex-shrink:0!important}.notificationsettings-toggle-knob{width:16px!important;height:16px!important;top:2px!important;left:2px!important}.notificationsettings-toggle-knob.active{left:20px!important}.notificationsettings-push-notifications{padding:12px!important;gap:12px!important;margin-bottom:18px!important}.notificationsettings-push-content{gap:8px!important}.notificationsettings-push-enabled{font-size:12px!important}.notificationsettings-enable-btn{padding:8px 14px!important;font-size:12px!important}.notificationsettings-separator{margin:16px 0!important}.notificationsettings-success-message{display:none!important}.accountmanagement-main{padding:24px 12px 32px!important}.accountmanagement-card{padding:16px 12px!important;margin-bottom:16px!important;border-radius:10px!important}.accountmanagement-card-content{flex-direction:column!important;gap:12px!important;margin-bottom:16px!important}.accountmanagement-icon-container{width:36px!important;height:36px!important;align-self:flex-start!important}.accountmanagement-icon-container img{width:20px!important;height:20px!important}.accountmanagement-card-title{font-size:15px!important;margin:0 0 6px!important}.accountmanagement-card-description{font-size:11px!important;margin:0 0 14px!important;line-height:1.5!important}.accountmanagement-suspend-btn,.accountmanagement-delete-btn{width:100%!important;padding:10px 20px!important;font-size:13px!important;margin-bottom:14px!important}.accountmanagement-checkmark-container{gap:6px!important}.accountmanagement-checkmark-icon{width:16px!important;height:16px!important}.accountmanagement-checkmark-text{font-size:11px!important;margin:0!important}.editprofilemodal-container{padding:20px 12px!important;border-radius:10px!important}.editprofilemodal-header{margin-bottom:20px!important;gap:12px!important}.editprofilemodal-header>div:first-child{gap:10px!important}.editprofilemodal-header>div:first-child>div:first-child{width:56px!important;height:56px!important}.editprofilemodal-header>div:first-child>div:first-child>div:last-child{width:20px!important;height:20px!important;border-width:2px!important}.editprofilemodal-header>div:first-child>div:first-child>div:first-of-type{width:16px!important;height:16px!important;border-width:2px!important}.editprofilemodal-header>div:first-child>h2{font-size:18px!important}.editprofilemodal-header>button{top:12px!important;right:12px!important;padding:8px!important}.editprofilemodal-header>button>svg{width:20px!important;height:20px!important}.editprofilemodal-form-fields{gap:16px!important;margin-bottom:20px!important}.editprofilemodal-form-fields>div>label{font-size:12px!important;margin-bottom:6px!important}.editprofilemodal-form-fields>div>div>input,.editprofilemodal-form-fields>div>div>select{height:40px!important;font-size:12px!important;padding:0 12px 0 40px!important;border-radius:10px!important}.editprofilemodal-form-fields>div>div>div:first-child{left:12px!important}.editprofilemodal-form-fields>div>div>div:first-child>svg{width:16px!important;height:16px!important}.editprofilemodal-form-fields>div>div>div:last-child{right:12px!important}.editprofilemodal-form-fields>div>div>div:last-child>svg{width:16px!important;height:16px!important}.editprofilemodal-actions{gap:10px!important}.editprofilemodal-save-btn,.editprofilemodal-cancel-btn{height:40px!important;font-size:14px!important}}@media (max-width: 480px){.accountpreferences-main-responsive{padding:20px 16px 40px!important}.accountpreferences-page-header-responsive{margin-bottom:24px!important;margin-top:50px!important}.accountpreferences-page-title-responsive{font-size:24px!important}.accountpreferences-page-subtitle-responsive{font-size:13px!important}.accountpreferences-tabs-container-responsive{margin-bottom:24px!important}.accountpreferences-tab-btn{padding:12px 16px!important;font-size:13px!important}.accountpreferences-tab-icon{width:14px!important;height:14px!important}.accountpreferences-profile-section,.accountmanagement-card{padding:12px!important}.accountmanagement-card-title{font-size:1rem!important}.accountmanagement-card-description{font-size:.85rem!important}.accountpreferences-form-row{padding:10px 0!important}.accountpreferences-form-label-text,.accountpreferences-form-value-text{font-size:13px!important}}.notifications-page{min-height:100vh;background:#f9fafb;display:flex;flex-direction:column;--notifications-primary-color: #8548A8;--notifications-hover-color: #7A4397}.notifications-page-container{max-width:1200px;width:100%;margin:0 auto;padding:110px 24px 32px;flex:1}.notifications-page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;gap:24px}.notifications-page-header-content{flex:1}.notifications-page-title{font-size:32px;font-weight:700;color:#111827;margin:0 0 8px;font-family:Red Hat Display,sans-serif}.notifications-page-subtitle{font-size:16px;color:#6b7280;margin:0;font-family:Red Hat Display,sans-serif}.notifications-page-mark-all-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#fff;border:1px solid #E5E7EB;border-radius:8px;color:#374151;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Red Hat Display,sans-serif;white-space:nowrap}.notifications-page-mark-all-btn:hover{background:#f3f4f6;border-color:#d1d5db}.notifications-page-mark-all-btn svg{width:18px;height:18px}.notifications-page-filters{display:flex;gap:12px;margin-bottom:24px;border-bottom:2px solid #E5E7EB;padding-bottom:0}.notifications-page-filter-btn{position:relative;padding:12px 24px;background:transparent;border:none;border-bottom:2px solid transparent;color:#6b7280;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Red Hat Display,sans-serif;margin-bottom:-2px}.notifications-page-filter-btn:hover{color:#111827}.notifications-page-filter-btn.active{color:#111827;border-bottom-color:#111827}.notifications-page-filter-count{margin-left:8px;padding:2px 8px;background:#e5e7eb;border-radius:12px;font-size:12px;font-weight:600;color:#374151}.notifications-page-filter-count.unread{background:#3b82f6;color:#fff}.notifications-page-content{background:#fff;border-radius:16px;border:1px solid #E5E7EB;overflow:hidden;margin-top:24px;position:relative;z-index:1;box-shadow:0 1px 3px #0000000d}.notifications-page-loading,.notifications-page-error,.notifications-page-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;text-align:center}.notifications-page-spinner{width:48px;height:48px;border:4px solid #E5E7EB;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.notifications-page-loading p{color:#6b7280;font-size:16px;margin:0;font-family:Red Hat Display,sans-serif}.notifications-page-error svg,.notifications-page-empty svg{color:#9ca3af;margin-bottom:16px}.notifications-page-error h3,.notifications-page-empty h3{font-size:20px;font-weight:600;color:#111827;margin:0 0 8px;font-family:Red Hat Display,sans-serif}.notifications-page-error p,.notifications-page-empty p{font-size:14px;color:#6b7280;margin:0 0 24px;font-family:Red Hat Display,sans-serif}.notifications-page-retry-btn{padding:10px 24px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Red Hat Display,sans-serif}.notifications-page-retry-btn:hover{background:#2563eb}.notifications-page-list{display:flex;flex-direction:column}.notifications-page-date-group{border-bottom:1px solid #F3F4F6}.notifications-page-date-group:last-child{border-bottom:none}.notifications-page-date-header{padding:12px 24px;background:linear-gradient(to right,#f9fafb,#fff);border-bottom:1px solid #E5E7EB;position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.notifications-page-date-label{font-size:13px;font-weight:700;color:#4b5563;text-transform:uppercase;letter-spacing:.8px;font-family:Red Hat Display,sans-serif}.notifications-page-item{display:flex;gap:16px;padding:18px 24px 18px 20px;border-bottom:1px solid #F3F4F6;cursor:pointer;transition:all .2s ease;background:#fff;position:relative;min-height:80px;align-items:flex-start}.notifications-page-item:last-child{border-bottom:none}.notifications-page-item:hover{background:#f9fafb;transform:translate(2px)}.notifications-page-item:hover .notifications-page-avatar-main{transform:scale(1.05);box-shadow:0 6px 16px #667eea59}.notifications-page-item.unread{background:#fafbfc;padding-left:24px}.notifications-page-item.unread:hover{background:#f3f4f6}.notifications-page-unread-bar{position:absolute;left:0;top:0;bottom:0;width:4px;background-color:#3b82f6;border-radius:0 2px 2px 0}.notifications-page-avatar-main{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;color:#fff;font-family:Red Hat Display,sans-serif;flex-shrink:0;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea40;border:2px solid rgba(255,255,255,.8);transition:all .3s ease}.notifications-page-avatar-main img{width:100%;height:100%;border-radius:50%;object-fit:cover}.notifications-page-avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2)}.notifications-page-item-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#f3f4f6;color:#6b7280}.notifications-page-item-icon svg{width:20px;height:20px}.notifications-page-item-content-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.notifications-page-main-text{font-size:15px;font-weight:600;color:#111827;font-family:Red Hat Display,sans-serif;line-height:1.5;word-wrap:break-word;letter-spacing:-.01em}.notifications-page-time-main{font-size:12px;color:#9ca3af;font-family:Red Hat Display,sans-serif;margin-top:2px}.notifications-page-details{font-size:12px;color:#6b7280;font-family:Red Hat Display,sans-serif;line-height:1.5;display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.notifications-page-detail-item{display:inline}.notifications-page-detail-separator{color:#9ca3af;margin:0 2px}.notifications-page-thumbnail{width:64px;height:64px;border-radius:12px;overflow:hidden;flex-shrink:0;background-color:#f3f4f6;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;border:1px solid #E5E7EB}.notifications-page-item:hover .notifications-page-thumbnail{transform:scale(1.05);box-shadow:0 4px 12px #00000026}.notifications-page-thumbnail img{width:100%;height:100%;object-fit:cover}.notifications-page-item-content{flex:1;min-width:0}.notifications-page-item-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.notifications-page-item-title{font-size:16px;font-weight:600;color:#111827;margin:0;font-family:Red Hat Display,sans-serif}.notifications-page-item-unread-dot{width:8px;height:8px;border-radius:50%;background:#3b82f6;flex-shrink:0}.notifications-page-item-message{font-size:14px;color:#6b7280;margin:0 0 12px;line-height:1.5;font-family:Red Hat Display,sans-serif}.notifications-page-follow-request-actions,.notifications-page-clinic-actions{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.notifications-page-follow-request-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Red Hat Display,sans-serif;border:none;white-space:nowrap}.notifications-page-follow-request-btn:disabled{opacity:.6;cursor:not-allowed}.notifications-page-follow-request-btn.accept{background:var(--notifications-primary-color, #10B981);color:#fff}.notifications-page-follow-request-btn.accept:hover:not(:disabled){background:var(--notifications-hover-color, #059669);transform:translateY(-1px)}.notifications-page-follow-request-btn.reject{background:#fff;color:#6b7280;border:1px solid #E5E7EB}.notifications-page-follow-request-btn.reject:hover:not(:disabled){background:#f3f4f6;border-color:#d1d5db;color:#111827;transform:translateY(-1px)}.notifications-page-follow-request-btn.view{background:#3b82f6;color:#fff}.notifications-page-follow-requests{background:#fff;border:1px solid #E5E7EB;border-radius:16px;padding:16px;margin-bottom:24px;box-shadow:0 10px 25px #0f172a0d}.notifications-page-section-header{font-size:16px;font-weight:600;margin-bottom:16px;font-family:Red Hat Display,sans-serif}.notifications-page-follow-request-list{display:flex;flex-direction:column;gap:12px}.notifications-page-follow-request-item{display:flex;align-items:center;gap:16px;padding:12px;border-radius:12px;background:#f8fafc}.notifications-page-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#e5e7eb}.notifications-page-avatar img{width:100%;height:100%;object-fit:cover}.notifications-page-avatar-fallback{font-size:18px;font-weight:700;color:#111827}.notifications-page-follow-request-body{flex:1}.notifications-page-follow-request-name{font-size:14px;font-weight:600;color:#111827;font-family:Red Hat Display,sans-serif}.notifications-page-follow-request-subtitle{font-size:12px;color:#6b7280;margin-top:2px}.notifications-page-follow-request-actions{display:flex;align-items:center;gap:8px}.notifications-page-follow-request-btn.view:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.notifications-page-follow-request-btn svg{width:16px;height:16px}.notifications-page-spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.notifications-page-follow-request-btn.reject .notifications-page-spinner-small{border-color:#6b72804d;border-top-color:#6b7280}.notifications-page-item-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.notifications-page-item-time{font-size:12px;color:#9ca3af;font-family:Red Hat Display,sans-serif}.notifications-page-item-actions{display:flex;gap:8px}.notifications-page-item-action-btn{width:32px;height:32px;border-radius:6px;border:1px solid #E5E7EB;background:#fff;color:#6b7280;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0}.notifications-page-item-action-btn:hover:not(:disabled){background:#f3f4f6;border-color:#d1d5db;color:#111827}.notifications-page-item-action-btn:disabled{opacity:.5;cursor:not-allowed}.notifications-page-item-action-btn svg{width:16px;height:16px}@media (max-width: 768px){.notifications-page-container{padding:100px 16px 20px}.notifications-page-header{flex-direction:column;align-items:stretch;gap:16px;margin-bottom:24px}.notifications-page-header-content{width:100%}.notifications-page-title{font-size:24px;margin-bottom:6px}.notifications-page-subtitle{font-size:14px}.notifications-page-mark-all-btn{width:100%;justify-content:center;padding:12px 20px;font-size:13px}.notifications-page-filters{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;margin-bottom:20px}.notifications-page-filters::-webkit-scrollbar{display:none}.notifications-page-filter-btn{white-space:nowrap;padding:10px 16px;font-size:14px;min-width:fit-content}.notifications-page-content{margin-top:20px;border-radius:8px}.notifications-page-item{padding:16px;gap:12px;flex-wrap:wrap}.notifications-page-avatar-main{width:48px;height:48px;font-size:16px}.notifications-page-thumbnail{width:56px;height:56px}.notifications-page-item-icon{width:40px;height:40px;border-radius:10px}.notifications-page-item-icon svg{width:18px;height:18px}.notifications-page-item-content{flex:1;min-width:calc(100% - 52px)}.notifications-page-item-title{font-size:15px;line-height:1.4}.notifications-page-item-message{font-size:13px;margin-bottom:10px;line-height:1.5}.notifications-page-item-header{margin-bottom:6px}.notifications-page-date-header{padding:12px 16px}.notifications-page-date-label{font-size:12px}.notifications-page-follow-request-actions{flex-direction:column;gap:10px;margin-top:10px;margin-bottom:8px}.notifications-page-follow-request-btn{width:100%;padding:12px 20px;font-size:13px}.notifications-page-item-footer{flex-wrap:wrap;gap:8px}.notifications-page-item-time{font-size:11px;width:100%;order:2}.notifications-page-item-actions{order:1}.notifications-page-item-action-btn{width:36px;height:36px}.notifications-page-loading,.notifications-page-error,.notifications-page-empty{padding:60px 20px}.notifications-page-spinner{width:40px;height:40px;border-width:3px}.notifications-page-error svg,.notifications-page-empty svg{width:48px;height:48px;margin-bottom:12px}.notifications-page-error h3,.notifications-page-empty h3{font-size:18px}.notifications-page-error p,.notifications-page-empty p{font-size:13px;margin-bottom:20px}.notifications-page-retry-btn{padding:12px 24px;font-size:13px}}@media (max-width: 480px){.notifications-page-container{padding:90px 12px 16px}.notifications-page-header{margin-bottom:20px;gap:12px}.notifications-page-title{font-size:22px}.notifications-page-subtitle{font-size:13px}.notifications-page-mark-all-btn{padding:10px 16px;font-size:12px}.notifications-page-filter-btn{padding:8px 14px;font-size:13px}.notifications-page-item{padding:14px 12px;gap:10px}.notifications-page-avatar-main{width:44px;height:44px;font-size:14px}.notifications-page-thumbnail{width:50px;height:50px}.notifications-page-main-text{font-size:13px}.notifications-page-item-icon{width:36px;height:36px;border-radius:8px}.notifications-page-item-icon svg{width:16px;height:16px}.notifications-page-item-content{min-width:calc(100% - 46px)}.notifications-page-item-title{font-size:14px}.notifications-page-item-message{font-size:12px;margin-bottom:8px}.notifications-page-date-header{padding:10px 12px}.notifications-page-date-label{font-size:11px}.notifications-page-follow-request-btn{padding:10px 16px;font-size:12px}.notifications-page-item-action-btn{width:32px;height:32px}.notifications-page-item-action-btn svg{width:14px;height:14px}}@media (max-width: 425px){.notifications-page-container{padding:85px 10px 12px}.notifications-page-header{margin-bottom:16px;gap:10px}.notifications-page-title{font-size:20px}.notifications-page-subtitle{font-size:12px}.notifications-page-mark-all-btn{padding:8px 14px;font-size:11px}.notifications-page-mark-all-btn svg{width:16px;height:16px}.notifications-page-filters{margin-bottom:16px}.notifications-page-filter-btn{padding:8px 12px;font-size:12px}.notifications-page-filter-count{font-size:11px;padding:2px 6px}.notifications-page-content{margin-top:16px;border-radius:6px}.notifications-page-item{padding:12px 10px;gap:8px}.notifications-page-avatar-main{width:40px;height:40px;font-size:13px}.notifications-page-thumbnail{width:44px;height:44px}.notifications-page-main-text{font-size:12px}.notifications-page-item-icon{width:32px;height:32px;border-radius:6px}.notifications-page-item-icon svg{width:14px;height:14px}.notifications-page-item-content{min-width:calc(100% - 40px)}.notifications-page-item-title{font-size:13px}.notifications-page-item-message{font-size:11px;margin-bottom:6px}.notifications-page-date-header{padding:8px 10px}.notifications-page-date-label{font-size:10px}.notifications-page-follow-request-actions{gap:8px;margin-top:8px;margin-bottom:6px}.notifications-page-follow-request-btn{padding:8px 14px;font-size:11px}.notifications-page-follow-request-btn svg{width:14px;height:14px}.notifications-page-item-time{font-size:10px}.notifications-page-item-action-btn{width:28px;height:28px}.notifications-page-item-action-btn svg{width:12px;height:12px}.notifications-page-loading,.notifications-page-error,.notifications-page-empty{padding:50px 16px}.notifications-page-spinner{width:36px;height:36px;border-width:3px}.notifications-page-error svg,.notifications-page-empty svg{width:40px;height:40px;margin-bottom:10px}.notifications-page-error h3,.notifications-page-empty h3{font-size:16px}.notifications-page-error p,.notifications-page-empty p{font-size:12px;margin-bottom:16px}.notifications-page-retry-btn{padding:10px 20px;font-size:12px}}.select-friend-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeIn .2s ease}.select-friend-modal{background:#fff;border-radius:16px;width:100%;max-width:500px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}.select-friend-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #E5E7EB;flex-shrink:0}.select-friend-modal-title{font-size:20px;font-weight:700;color:#1f2937;margin:0;font-family:Red Hat Display,sans-serif}.select-friend-modal-close{width:36px;height:36px;background:#f3f4f6;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:#6b7280}.select-friend-modal-close:hover{background:#e5e7eb;color:#374151}.select-friend-modal-close svg{width:24px;height:24px}.select-friend-modal-content{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:16px}.select-friend-search{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f3f4f6;border:2px solid #E5E7EB;border-radius:12px;transition:all .2s ease}.select-friend-search:focus-within{background:#fff;border-color:#4a90e2}.select-friend-search svg{color:#6b7280;flex-shrink:0}.select-friend-search-input{flex:1;border:none;background:transparent;outline:none;font-size:16px;color:#1f2937;font-family:Red Hat Display,sans-serif}.select-friend-search-input::placeholder{color:#9ca3af}.select-friend-list{display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto}.select-friend-item{display:flex;align-items:center;gap:12px;padding:12px;background:#fff;border:2px solid #E5E7EB;border-radius:12px;cursor:pointer;transition:all .2s ease}.select-friend-item:hover{border-color:#4a90e2;background:#f9fafb}.select-friend-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid #E5E7EB;flex-shrink:0}.select-friend-info{flex:1;display:flex;flex-direction:column;gap:2px}.select-friend-name{font-size:16px;font-weight:600;color:#1f2937;font-family:Red Hat Display,sans-serif}.select-friend-username{font-size:14px;color:#6b7280;font-family:Red Hat Display,sans-serif}.select-friend-arrow{color:#6b7280;flex-shrink:0;transition:all .2s ease}.select-friend-item:hover .select-friend-arrow{color:#4a90e2}.select-friend-arrow svg{width:20px;height:20px}.select-friend-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px}.select-friend-loading .loading-spinner{width:56px;height:56px;position:relative;border:3px solid rgba(0,0,0,.1);border-top-color:var(--user-type-color, #8548A8);border-radius:50%;animation:spinnerRotate 1s linear infinite;margin-bottom:24px}.select-friend-loading .loading-spinner:before{content:"";position:absolute;width:56px;height:56px;border-radius:50%;border:3px solid transparent;border-top-color:var(--user-type-color, #8548A8);border-right-color:var(--user-type-color, #8548A8);animation:spinnerRotate 1s cubic-bezier(.5,0,.5,1) infinite}@keyframes spinnerRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.select-friend-loading p{font-size:14px;color:#6b7280;font-family:Red Hat Display,sans-serif}.select-friend-empty{padding:48px 24px;text-align:center}.select-friend-empty p{font-size:16px;color:#6b7280;margin:0;font-family:Red Hat Display,sans-serif}.select-friend-error{padding:48px 24px;text-align:center}.select-friend-error p{font-size:16px;color:#ef4444;margin:0;font-family:Red Hat Display,sans-serif}.select-friend-modal-actions{display:flex;gap:12px;justify-content:flex-end;padding:24px;border-top:1px solid #E5E7EB;flex-shrink:0}.select-friend-modal-cancel{padding:12px 24px;background:#f3f4f6;border:none;border-radius:10px;font-size:16px;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s ease;font-family:Red Hat Display,sans-serif}.select-friend-modal-cancel:hover{background:#e5e7eb;color:#374151}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.select-friend-modal{max-width:100%;max-height:95vh;margin:0}.select-friend-modal-header,.select-friend-modal-content{padding:20px}.select-friend-modal-actions{flex-direction:column-reverse;padding:20px}.select-friend-modal-cancel{width:100%}}:root{--mp-primary: #8548A8;--mp-primary-hover: #6b3690;--mp-secondary: #F3F4F6;--mp-text-main: #1F2937;--mp-text-sub: #6B7280;--mp-bg: #FAFAFA;--mp-white: #FFFFFF;--mp-border: #E5E7EB;--mp-danger: #EF4444;--mp-success: #10B981;--mp-warning: #F59E0B;--mp-radius-lg: 16px;--mp-radius-md: 12px;--mp-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--mp-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--mp-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--mp-font: "Red Hat Display", sans-serif}.provider-theme{--mp-primary: #F97316;--mp-primary-hover: #EA580C;--mp-secondary: #FFF7ED;--mp-light-primary: #FFF7ED}.provider-theme .mp-form-input,.provider-theme .mp-form-textarea,.provider-theme .mp-form-select,.provider-theme .mp-search-input{background-color:#fff}.marketplace-root{min-height:100vh;background-color:var(--mp-bg);font-family:var(--mp-font);color:var(--mp-text-main);padding-bottom:80px;padding-top:100px}.marketplace-container{max-width:95%;margin-left:20px;margin-right:20px;padding:0 24px}.marketplace-layout{display:flex;flex-direction:column;gap:32px;align-items:flex-start}@media (min-width: 1024px){.marketplace-layout{flex-direction:row}}.marketplace-sidebar{width:100%;flex-shrink:0;background:#fff;padding:24px;border-radius:var(--mp-radius-lg);border:1px solid var(--mp-border);height:fit-content;z-index:10}@media (min-width: 1024px){.marketplace-sidebar{width:280px;position:sticky;top:160px}}.mp-action-bar{background:var(--mp-white);border-bottom:1px solid var(--mp-border);position:sticky;top:85px;z-index:100;box-shadow:0 2px 4px #00000005;display:flex;justify-content:center;margin-bottom:24px}.mp-action-bar-inner{width:100%;max-width:95%;margin-left:20px;margin-right:20px;padding:12px 24px;display:flex;justify-content:space-between;align-items:center}.mp-action-group{display:flex;align-items:center;gap:16px}.mp-action-btn{width:44px;height:44px;border-radius:12px;border:1px solid var(--mp-border);background:#fff;color:var(--mp-text-main);cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;transition:all .2s}.mp-action-btn:hover{background:var(--mp-secondary);border-color:var(--mp-primary);color:var(--mp-primary)}.mp-badge{position:absolute;top:-6px;right:-6px;background:var(--mp-danger);color:#fff;font-size:11px;font-weight:700;height:20px;min-width:20px;padding:0 4px;border-radius:10px;display:flex;align-items:center;justify-content:center;border:2px solid white}.mp-currency-select{padding:8px 12px;border-radius:8px;border:1px solid var(--mp-border);background:#fff;font-family:var(--mp-font);font-size:14px;font-weight:600;color:var(--mp-text-main);outline:none;cursor:pointer;height:44px}.mp-currency-select:hover{border-color:var(--mp-primary)}.marketplace-title-section{display:flex;justify-content:space-between;align-items:center}.marketplace-title{font-size:28px;font-weight:700;color:var(--mp-text-main);margin:0}.marketplace-subtitle{font-size:14px;color:var(--mp-text-sub);margin:4px 0 0}.mp-search-wrapper{position:relative;width:100%;margin-bottom:24px}.mp-search-input{width:100%;padding:12px 16px 12px 44px;border:1px solid var(--mp-border);border-radius:var(--mp-radius-md);font-size:16px;outline:none;background:var(--mp-secondary);transition:all .2s;font-family:var(--mp-font)}.mp-search-input:focus{background:var(--mp-white);border-color:var(--mp-primary);box-shadow:0 0 0 3px #8548a81a}.mp-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--mp-text-sub)}.mp-filters-section{display:flex;flex-direction:column;gap:12px}.mp-filter-title{font-size:14px;font-weight:700;color:var(--mp-text-main);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.mp-category-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--mp-radius-md);font-size:15px;font-weight:500;color:var(--mp-text-sub);cursor:pointer;transition:all .2s;border:1px solid transparent;width:100%;text-align:left;background:transparent}.mp-category-item:hover{background:var(--mp-secondary);color:var(--mp-text-main)}.mp-category-item.active{background:#f3e8ff;color:var(--mp-primary);font-weight:700;border-color:#8548a81a}.mp-dashboard-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:32px;padding-top:32px}.marketplace-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:24px}@media (min-width: 640px){.marketplace-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.marketplace-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1280px){.marketplace-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1536px){.marketplace-grid{grid-template-columns:repeat(4,1fr)}}.mp-product-card{background:var(--mp-white);border-radius:var(--mp-radius-lg);border:1px solid #f0f0f0;overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column;height:100%;position:relative}.mp-product-card:hover{transform:translateY(-5px);box-shadow:var(--mp-shadow-lg)}.mp-card-image-container{position:relative;height:250px;overflow:hidden;background:var(--mp-secondary)}.mp-card-image{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.mp-product-card:hover .mp-card-image{transform:scale(1.1)}.mp-card-badge{position:absolute;top:12px;left:12px;background:var(--mp-danger);color:#fff;font-size:12px;font-weight:700;padding:4px 8px;border-radius:6px;z-index:2}.mp-card-overlay{position:absolute;bottom:0;left:0;right:0;padding:20px;background:linear-gradient(to top,rgba(0,0,0,.6),transparent);display:flex;justify-content:center;gap:12px;transform:translateY(100%);transition:transform .3s ease}.mp-product-card:hover .mp-card-overlay{transform:translateY(0)}.mp-icon-btn{width:40px;height:40px;border-radius:50%;background:var(--mp-white);display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;color:var(--mp-text-main);box-shadow:var(--mp-shadow-md);transition:all .2s}.mp-icon-btn:hover{background:var(--mp-primary);color:#fff}.mp-card-content{padding:20px;flex-grow:1;display:flex;flex-direction:column}.mp-provider-name{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--mp-text-sub);margin-bottom:4px}.mp-product-title{font-size:18px;font-weight:700;color:var(--mp-text-main);margin:0 0 8px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mp-rating{display:flex;align-items:center;gap:4px;margin-bottom:12px}.mp-star{color:#d1d5db}.mp-star.filled{color:var(--mp-warning)}.mp-reviews{font-size:12px;color:var(--mp-text-sub);margin-left:4px}.mp-card-footer{margin-top:auto;padding-top:12px;border-top:1px solid #f3f4f6;display:flex;justify-content:space-between;align-items:center}.mp-price{font-size:20px;font-weight:800;color:var(--mp-primary)}.mp-currency{font-size:14px;font-weight:400;color:var(--mp-text-sub);margin-right:2px}.mp-add-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--mp-radius-md);background:var(--mp-secondary);color:var(--mp-primary);font-weight:600;border:none;cursor:pointer;transition:all .2s;font-size:14px}.mp-add-btn:hover:not(:disabled){background:var(--mp-primary);color:#fff}.mp-add-btn:disabled{background:#f3f4f6;color:#d1d5db;cursor:not-allowed}.mp-cart-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000}.mp-cart-sidebar{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:400px;background:var(--mp-white);z-index:2001;box-shadow:-4px 0 20px #00000026;display:flex;flex-direction:column}.mp-cart-header{padding:20px;border-bottom:1px solid var(--mp-border);display:flex;justify-content:space-between;align-items:center}.mp-cart-close{padding:8px;border-radius:50%;border:none;background:transparent;cursor:pointer}.mp-cart-close:hover{background:var(--mp-secondary)}.mp-cart-items{flex-grow:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px}.mp-cart-item{display:flex;gap:12px;padding:12px;border:1px solid var(--mp-border);border-radius:var(--mp-radius-md)}.mp-cart-img{width:80px;height:80px;border-radius:8px;object-fit:cover}.mp-cart-info{flex-grow:1}.mp-qty-control{display:flex;align-items:center;border:1px solid var(--mp-border);border-radius:8px;width:fit-content;margin-top:8px}.mp-qty-btn{padding:4px 10px;border:none;background:transparent;cursor:pointer;color:var(--mp-text-sub)}.mp-qty-btn:hover{background:var(--mp-secondary)}.mp-cart-footer{padding:24px;background:var(--mp-secondary);border-top:1px solid var(--mp-border)}.mp-checkout-btn{width:100%;padding:16px;background:var(--mp-primary);color:#fff;border:none;border-radius:var(--mp-radius-md);font-weight:700;font-size:16px;cursor:pointer;margin-top:16px;transition:background .2s}.mp-checkout-btn:hover{background:var(--mp-primary-hover)}.mp-checkout-btn:disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed}.mp-stats-container{display:grid;grid-template-columns:repeat(1,1fr);gap:24px;margin-bottom:32px}@media (min-width: 768px){.mp-stats-container{grid-template-columns:repeat(3,1fr)}}.mp-stat-card{background:var(--mp-white);padding:24px;border-radius:var(--mp-radius-lg);border:1px solid var(--mp-border);display:flex;align-items:center;gap:16px;box-shadow:var(--mp-shadow-sm)}.mp-stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px}.mp-stat-icon.blue{background:#e0f2fe;color:#0284c7}.mp-stat-icon.green{background:#dcfce7;color:#16a34a}.mp-stat-icon.purple{background:#f3e8ff;color:#9333ea}.mp-table-container{background:var(--mp-white);border-radius:var(--mp-radius-lg);border:1px solid var(--mp-border);overflow:hidden;box-shadow:var(--mp-shadow-sm)}.mp-table{width:100%;border-collapse:collapse}.mp-table th{text-align:left;padding:16px 24px;background:var(--mp-secondary);font-size:12px;text-transform:uppercase;color:var(--mp-text-sub);font-weight:600}.mp-table td{padding:16px 24px;border-bottom:1px solid var(--mp-border);vertical-align:middle}.mp-table tr:hover{background:#f9fafb}.mp-status-badge{padding:4px 12px;border-radius:99px;font-size:12px;font-weight:600}.mp-status-badge.active{background:#dcfce7;color:#166534}.mp-status-badge.inactive{background:#fee2e2;color:#991b1b}.mp-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}.mp-modal-content{background:var(--mp-white);border-radius:var(--mp-radius-lg);width:100%;max-width:650px;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease;display:flex;flex-direction:column}.mp-modal-header{padding:20px 24px;border-bottom:1px solid var(--mp-border);display:flex;justify-content:space-between;align-items:center}.mp-modal-header h2{font-size:20px;font-weight:700;margin:0}.mp-modal-close{background:transparent;border:none;cursor:pointer;padding:8px;border-radius:50%;color:var(--mp-text-sub);display:flex;align-items:center;justify-content:center;transition:all .2s}.mp-modal-close:hover{background:#f3f4f6;color:var(--mp-danger)}.mp-modal-body{padding:24px;overflow-y:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.mp-btn-primary{background:var(--mp-primary);color:#fff;padding:12px 24px;border-radius:var(--mp-radius-md);font-weight:700;border:none;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.mp-btn-primary:hover{background:var(--mp-primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #8548a84d}.mp-form-group{margin-bottom:20px}.mp-form-label{display:block;font-size:14px;font-weight:500;color:var(--mp-text-main);margin-bottom:8px}.mp-form-input,.mp-form-textarea,.mp-form-select{width:100%;padding:12px;border:1px solid var(--mp-border);border-radius:var(--mp-radius-md);background:var(--mp-secondary);font-family:var(--mp-font);font-size:15px;outline:none}.mp-form-input:focus{background:#fff;border-color:var(--mp-primary)}.mp-cart-btn-header{position:relative;padding:8px;color:var(--mp-text-sub);border:none;background:transparent;cursor:pointer}.mp-cart-btn-header:hover{color:var(--mp-primary)}.mp-cart-badge{position:absolute;top:0;right:0;background:var(--mp-danger);color:#fff;font-size:10px;font-weight:700;height:20px;width:20px;display:flex;align-items:center;justify-content:center;border-radius:50%}.mp-checkout-steps{display:flex;align-items:center;justify-content:center;margin-bottom:32px}.mp-step{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--mp-text-sub);position:relative;z-index:2}.mp-step.active{color:var(--mp-primary);font-weight:600}.mp-step-icon{width:36px;height:36px;border-radius:50%;background:#f3f4f6;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.mp-step.active .mp-step-icon{background:var(--mp-primary);color:#fff}.mp-step-line{flex-grow:1;height:2px;background:#e5e7eb;margin:0 16px;max-width:100px}.mp-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.mp-input-group{display:flex;flex-direction:column;gap:6px}.mp-input-group.full{grid-column:span 2}.mp-input-group label{font-size:13px;font-weight:600;color:var(--mp-text-main)}.mp-input-group input{padding:10px 12px;border:1px solid var(--mp-border);border-radius:8px;font-size:14px;outline:none}.mp-input-group input:focus{border-color:var(--mp-primary)}.mp-order-summary{background:#f9fafb;padding:16px;border-radius:12px;border:1px solid var(--mp-border)}.mp-summary-item{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px;color:#4b5563}.mp-summary-total{display:flex;justify-content:space-between;margin-top:12px;padding-top:12px;border-top:1px solid #E5E7EB;font-weight:700;font-size:16px;color:var(--mp-text-main)}.mp-modal-footer{margin-top:0;padding:24px;border-top:1px solid var(--mp-border);display:flex;align-items:center;gap:12px;background:#f9fafb;border-bottom-left-radius:var(--mp-radius-lg);border-bottom-right-radius:var(--mp-radius-lg)}.mp-btn-primary.full-width{width:100%;justify-content:center}.mp-btn-secondary{background:#fff;border:1px solid var(--mp-border);color:var(--mp-text-main);padding:12px 24px;border-radius:var(--mp-radius-md);font-weight:600;cursor:pointer}.mp-range-slider{position:relative;width:100%;height:40px;display:flex;align-items:center}.mp-slider-track{position:absolute;width:100%;height:6px;background:#e5e7eb;border-radius:3px;z-index:1}.mp-range-input{-webkit-appearance:none;pointer-events:none;position:absolute;height:0;width:100%;outline:none;z-index:3}.mp-range-input::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:all;width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid var(--mp-primary);cursor:pointer;margin-top:-7px;position:relative;z-index:4;box-shadow:0 1px 3px #0000004d}.mp-range-input::-moz-range-thumb{pointer-events:all;width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid var(--mp-primary);cursor:pointer;z-index:4;box-shadow:0 1px 3px #0000004d}#root{width:100%;height:100%;margin:0;padding:0}.vite-logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.vite-logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.vite-logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .vite-logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}*{margin:0;padding:0;box-sizing:border-box}:root{--app-bg: #fafafa;--app-text: #1f2937;--card-bg: #ffffff;--border-color: #e5e7eb}body.dark-theme{--app-bg: #121212;--app-text: #e5e7eb;--card-bg: #1e1e1e;--border-color: #374151}html,body{width:100%;min-height:100%;margin:0;padding:0;overflow-x:hidden;font-family:Red Hat Display,Cairo,sans-serif;background:#fafafa;color:#1f2937;scrollbar-width:none;-ms-overflow-style:none;transition:background-color .3s ease,color .3s ease}html[dir=rtl],html[lang=ar]{font-family:Cairo,Red Hat Display,sans-serif}html[dir=rtl] *,html[lang=ar] *{font-family:Cairo,Red Hat Display,sans-serif!important}html[dir=rtl] .fa,html[dir=rtl] .fas,html[dir=rtl] .fa-solid,html[dir=rtl] .far,html[dir=rtl] .fa-regular,html[lang=ar] .fa,html[lang=ar] .fas,html[lang=ar] .fa-solid,html[lang=ar] .far,html[lang=ar] .fa-regular{font-family:"Font Awesome 6 Free"!important}html[dir=rtl] .fab,html[dir=rtl] .fa-brands,html[lang=ar] .fab,html[lang=ar] .fa-brands{font-family:"Font Awesome 6 Brands"!important}#root,.App{width:100%;min-height:100%;margin:0;padding:0}