@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap);
/*!
 * Font Awesome Free 6.7.2 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 2024 Fonticons, Inc.
 */.fa{font-family:Font Awesome\ 6 Free;font-family:var(--fa-style-family,"Font Awesome 6 Free");font-weight:900;font-weight:var(--fa-style,900)}.fa,.fa-brands,.fa-regular,.fa-solid,.fab,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-feature-settings:normal;display:inline-block;display:var(--fa-display,inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}.fa-brands:before,.fa-regular:before,.fa-solid:before,.fa:before,.fab:before,.far:before,.fas:before{content:var(--fa)}.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:2.5em;margin-left:var(--fa-li-margin,2.5em);padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;left:calc(var(--fa-li-width, 2em)*-1);line-height:inherit;position:absolute;text-align:center;width:2em;width:var(--fa-li-width,2em)}.fa-border{border:.08em solid #eee;border:var(--fa-border-width,.08em) var(--fa-border-style,solid) var(--fa-border-color,#eee);border-radius:.1em;border-radius:var(--fa-border-radius,.1em);padding:.2em .25em .15em;padding:var(--fa-border-padding,.2em .25em .15em)}.fa-pull-left{float:left;margin-right:.3em;margin-right:var(--fa-pull-margin,.3em)}.fa-pull-right{float:right;margin-left:.3em;margin-left:var(--fa-pull-margin,.3em)}.fa-beat{animation-delay:0s;animation-delay:var(--fa-animation-delay,0s);animation-direction:normal;animation-direction:var(--fa-animation-direction,normal);animation-duration:1s;animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:infinite;animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-name:fa-beat;animation-timing-function:ease-in-out;animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-bounce{animation-delay:0s;animation-delay:var(--fa-animation-delay,0s);animation-direction:normal;animation-direction:var(--fa-animation-direction,normal);animation-duration:1s;animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:infinite;animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-name:fa-bounce;animation-timing-function:cubic-bezier(.28,.84,.42,1);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1))}.fa-fade{animation-iteration-count:infinite;animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-name:fa-fade;animation-timing-function:cubic-bezier(.4,0,.6,1);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-beat-fade,.fa-fade{animation-delay:0s;animation-delay:var(--fa-animation-delay,0s);animation-direction:normal;animation-direction:var(--fa-animation-direction,normal);animation-duration:1s;animation-duration:var(--fa-animation-duration,1s)}.fa-beat-fade{animation-iteration-count:infinite;animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-name:fa-beat-fade;animation-timing-function:cubic-bezier(.4,0,.6,1);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-flip{animation-delay:0s;animation-delay:var(--fa-animation-delay,0s);animation-direction:normal;animation-direction:var(--fa-animation-direction,normal);animation-duration:1s;animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:infinite;animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-name:fa-flip;animation-timing-function:ease-in-out;animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-shake{animation-duration:1s;animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:infinite;animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-name:fa-shake;animation-timing-function:linear;animation-timing-function:var(--fa-animation-timing,linear)}.fa-shake,.fa-spin{animation-delay:0s;animation-delay:var(--fa-animation-delay,0s);animation-direction:normal;animation-direction:var(--fa-animation-direction,normal)}.fa-spin{animation-duration:2s;animation-duration:var(--fa-animation-duration,2s);animation-iteration-count:infinite;animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-name:fa-spin;animation-timing-function:linear;animation-timing-function:var(--fa-animation-timing,linear)}.fa-spin-reverse{--fa-animation-direction:reverse}.fa-pulse,.fa-spin-pulse{animation-direction:normal;animation-direction:var(--fa-animation-direction,normal);animation-duration:1s;animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:infinite;animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-name:fa-spin;animation-timing-function: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{animation-delay:-1ms;animation-duration:1ms;animation-iteration-count:1;transition-delay:0s;transition-duration:0s}}@keyframes fa-beat{0%,90%{transform:scale(1)}45%{transform:scale(1.25);transform:scale(var(--fa-beat-scale,1.25))}}@keyframes fa-bounce{0%{transform:scale(1) translateY(0)}10%{transform:scale(1.1,.9) translateY(0);transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{transform:scale(.9,1.1) translateY(-.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%{transform:scale(1.05,.95) translateY(0);transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{transform:scale(1) translateY(-.125em);transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em))}64%{transform:scale(1) translateY(0)}to{transform:scale(1) translateY(0)}}@keyframes fa-fade{50%{opacity:.4;opacity:var(--fa-fade-opacity,.4)}}@keyframes fa-beat-fade{0%,to{opacity:.4;opacity:var(--fa-beat-fade-opacity,.4);transform:scale(1)}50%{opacity:1;transform:scale(1.125);transform:scale(var(--fa-beat-fade-scale,1.125))}}@keyframes fa-flip{50%{transform:rotateY(-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-shake{0%{transform:rotate(-15deg)}4%{transform:rotate(15deg)}24%,8%{transform:rotate(-18deg)}12%,28%{transform:rotate(18deg)}16%{transform:rotate(-22deg)}20%{transform:rotate(22deg)}32%{transform:rotate(-12deg)}36%{transform:rotate(12deg)}40%,to{transform:rotate(0deg)}}@keyframes fa-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fa-rotate-90{transform:rotate(90deg)}.fa-rotate-180{transform:rotate(180deg)}.fa-rotate-270{transform:rotate(270deg)}.fa-flip-horizontal{transform:scaleX(-1)}.fa-flip-vertical{transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{transform:scale(-1)}.fa-rotate-by{transform:rotate(0);transform:rotate(var(--fa-rotate-angle,0))}.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:auto;z-index:var(--fa-stack-z-index,auto)}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff;color:var(--fa-inverse,#fff)}.fa-0{--fa:"\30"}.fa-1{--fa:"\31"}.fa-2{--fa:"\32"}.fa-3{--fa:"\33"}.fa-4{--fa:"\34"}.fa-5{--fa:"\35"}.fa-6{--fa:"\36"}.fa-7{--fa:"\37"}.fa-8{--fa:"\38"}.fa-9{--fa:"\39"}.fa-fill-drip{--fa:"\f576"}.fa-arrows-to-circle{--fa:"\e4bd"}.fa-chevron-circle-right,.fa-circle-chevron-right{--fa:"\f138"}.fa-at{--fa:"\40"}.fa-trash-alt,.fa-trash-can{--fa:"\f2ed"}.fa-text-height{--fa:"\f034"}.fa-user-times,.fa-user-xmark{--fa:"\f235"}.fa-stethoscope{--fa:"\f0f1"}.fa-comment-alt,.fa-message{--fa:"\f27a"}.fa-info{--fa:"\f129"}.fa-compress-alt,.fa-down-left-and-up-right-to-center{--fa:"\f422"}.fa-explosion{--fa:"\e4e9"}.fa-file-alt,.fa-file-lines,.fa-file-text{--fa:"\f15c"}.fa-wave-square{--fa:"\f83e"}.fa-ring{--fa:"\f70b"}.fa-building-un{--fa:"\e4d9"}.fa-dice-three{--fa:"\f527"}.fa-calendar-alt,.fa-calendar-days{--fa:"\f073"}.fa-anchor-circle-check{--fa:"\e4aa"}.fa-building-circle-arrow-right{--fa:"\e4d1"}.fa-volleyball,.fa-volleyball-ball{--fa:"\f45f"}.fa-arrows-up-to-line{--fa:"\e4c2"}.fa-sort-desc,.fa-sort-down{--fa:"\f0dd"}.fa-circle-minus,.fa-minus-circle{--fa:"\f056"}.fa-door-open{--fa:"\f52b"}.fa-right-from-bracket,.fa-sign-out-alt{--fa:"\f2f5"}.fa-atom{--fa:"\f5d2"}.fa-soap{--fa:"\e06e"}.fa-heart-music-camera-bolt,.fa-icons{--fa:"\f86d"}.fa-microphone-alt-slash,.fa-microphone-lines-slash{--fa:"\f539"}.fa-bridge-circle-check{--fa:"\e4c9"}.fa-pump-medical{--fa:"\e06a"}.fa-fingerprint{--fa:"\f577"}.fa-hand-point-right{--fa:"\f0a4"}.fa-magnifying-glass-location,.fa-search-location{--fa:"\f689"}.fa-forward-step,.fa-step-forward{--fa:"\f051"}.fa-face-smile-beam,.fa-smile-beam{--fa:"\f5b8"}.fa-flag-checkered{--fa:"\f11e"}.fa-football,.fa-football-ball{--fa:"\f44e"}.fa-school-circle-exclamation{--fa:"\e56c"}.fa-crop{--fa:"\f125"}.fa-angle-double-down,.fa-angles-down{--fa:"\f103"}.fa-users-rectangle{--fa:"\e594"}.fa-people-roof{--fa:"\e537"}.fa-people-line{--fa:"\e534"}.fa-beer,.fa-beer-mug-empty{--fa:"\f0fc"}.fa-diagram-predecessor{--fa:"\e477"}.fa-arrow-up-long,.fa-long-arrow-up{--fa:"\f176"}.fa-burn,.fa-fire-flame-simple{--fa:"\f46a"}.fa-male,.fa-person{--fa:"\f183"}.fa-laptop{--fa:"\f109"}.fa-file-csv{--fa:"\f6dd"}.fa-menorah{--fa:"\f676"}.fa-truck-plane{--fa:"\e58f"}.fa-record-vinyl{--fa:"\f8d9"}.fa-face-grin-stars,.fa-grin-stars{--fa:"\f587"}.fa-bong{--fa:"\f55c"}.fa-pastafarianism,.fa-spaghetti-monster-flying{--fa:"\f67b"}.fa-arrow-down-up-across-line{--fa:"\e4af"}.fa-spoon,.fa-utensil-spoon{--fa:"\f2e5"}.fa-jar-wheat{--fa:"\e517"}.fa-envelopes-bulk,.fa-mail-bulk{--fa:"\f674"}.fa-file-circle-exclamation{--fa:"\e4eb"}.fa-circle-h,.fa-hospital-symbol{--fa:"\f47e"}.fa-pager{--fa:"\f815"}.fa-address-book,.fa-contact-book{--fa:"\f2b9"}.fa-strikethrough{--fa:"\f0cc"}.fa-k{--fa:"\4b"}.fa-landmark-flag{--fa:"\e51c"}.fa-pencil,.fa-pencil-alt{--fa:"\f303"}.fa-backward{--fa:"\f04a"}.fa-caret-right{--fa:"\f0da"}.fa-comments{--fa:"\f086"}.fa-file-clipboard,.fa-paste{--fa:"\f0ea"}.fa-code-pull-request{--fa:"\e13c"}.fa-clipboard-list{--fa:"\f46d"}.fa-truck-loading,.fa-truck-ramp-box{--fa:"\f4de"}.fa-user-check{--fa:"\f4fc"}.fa-vial-virus{--fa:"\e597"}.fa-sheet-plastic{--fa:"\e571"}.fa-blog{--fa:"\f781"}.fa-user-ninja{--fa:"\f504"}.fa-person-arrow-up-from-line{--fa:"\e539"}.fa-scroll-torah,.fa-torah{--fa:"\f6a0"}.fa-broom-ball,.fa-quidditch,.fa-quidditch-broom-ball{--fa:"\f458"}.fa-toggle-off{--fa:"\f204"}.fa-archive,.fa-box-archive{--fa:"\f187"}.fa-person-drowning{--fa:"\e545"}.fa-arrow-down-9-1,.fa-sort-numeric-desc,.fa-sort-numeric-down-alt{--fa:"\f886"}.fa-face-grin-tongue-squint,.fa-grin-tongue-squint{--fa:"\f58a"}.fa-spray-can{--fa:"\f5bd"}.fa-truck-monster{--fa:"\f63b"}.fa-w{--fa:"\57"}.fa-earth-africa,.fa-globe-africa{--fa:"\f57c"}.fa-rainbow{--fa:"\f75b"}.fa-circle-notch{--fa:"\f1ce"}.fa-tablet-alt,.fa-tablet-screen-button{--fa:"\f3fa"}.fa-paw{--fa:"\f1b0"}.fa-cloud{--fa:"\f0c2"}.fa-trowel-bricks{--fa:"\e58a"}.fa-face-flushed,.fa-flushed{--fa:"\f579"}.fa-hospital-user{--fa:"\f80d"}.fa-tent-arrow-left-right{--fa:"\e57f"}.fa-gavel,.fa-legal{--fa:"\f0e3"}.fa-binoculars{--fa:"\f1e5"}.fa-microphone-slash{--fa:"\f131"}.fa-box-tissue{--fa:"\e05b"}.fa-motorcycle{--fa:"\f21c"}.fa-bell-concierge,.fa-concierge-bell{--fa:"\f562"}.fa-pen-ruler,.fa-pencil-ruler{--fa:"\f5ae"}.fa-people-arrows,.fa-people-arrows-left-right{--fa:"\e068"}.fa-mars-and-venus-burst{--fa:"\e523"}.fa-caret-square-right,.fa-square-caret-right{--fa:"\f152"}.fa-cut,.fa-scissors{--fa:"\f0c4"}.fa-sun-plant-wilt{--fa:"\e57a"}.fa-toilets-portable{--fa:"\e584"}.fa-hockey-puck{--fa:"\f453"}.fa-table{--fa:"\f0ce"}.fa-magnifying-glass-arrow-right{--fa:"\e521"}.fa-digital-tachograph,.fa-tachograph-digital{--fa:"\f566"}.fa-users-slash{--fa:"\e073"}.fa-clover{--fa:"\e139"}.fa-mail-reply,.fa-reply{--fa:"\f3e5"}.fa-star-and-crescent{--fa:"\f699"}.fa-house-fire{--fa:"\e50c"}.fa-minus-square,.fa-square-minus{--fa:"\f146"}.fa-helicopter{--fa:"\f533"}.fa-compass{--fa:"\f14e"}.fa-caret-square-down,.fa-square-caret-down{--fa:"\f150"}.fa-file-circle-question{--fa:"\e4ef"}.fa-laptop-code{--fa:"\f5fc"}.fa-swatchbook{--fa:"\f5c3"}.fa-prescription-bottle{--fa:"\f485"}.fa-bars,.fa-navicon{--fa:"\f0c9"}.fa-people-group{--fa:"\e533"}.fa-hourglass-3,.fa-hourglass-end{--fa:"\f253"}.fa-heart-broken,.fa-heart-crack{--fa:"\f7a9"}.fa-external-link-square-alt,.fa-square-up-right{--fa:"\f360"}.fa-face-kiss-beam,.fa-kiss-beam{--fa:"\f597"}.fa-film{--fa:"\f008"}.fa-ruler-horizontal{--fa:"\f547"}.fa-people-robbery{--fa:"\e536"}.fa-lightbulb{--fa:"\f0eb"}.fa-caret-left{--fa:"\f0d9"}.fa-circle-exclamation,.fa-exclamation-circle{--fa:"\f06a"}.fa-school-circle-xmark{--fa:"\e56d"}.fa-arrow-right-from-bracket,.fa-sign-out{--fa:"\f08b"}.fa-chevron-circle-down,.fa-circle-chevron-down{--fa:"\f13a"}.fa-unlock-alt,.fa-unlock-keyhole{--fa:"\f13e"}.fa-cloud-showers-heavy{--fa:"\f740"}.fa-headphones-alt,.fa-headphones-simple{--fa:"\f58f"}.fa-sitemap{--fa:"\f0e8"}.fa-circle-dollar-to-slot,.fa-donate{--fa:"\f4b9"}.fa-memory{--fa:"\f538"}.fa-road-spikes{--fa:"\e568"}.fa-fire-burner{--fa:"\e4f1"}.fa-flag{--fa:"\f024"}.fa-hanukiah{--fa:"\f6e6"}.fa-feather{--fa:"\f52d"}.fa-volume-down,.fa-volume-low{--fa:"\f027"}.fa-comment-slash{--fa:"\f4b3"}.fa-cloud-sun-rain{--fa:"\f743"}.fa-compress{--fa:"\f066"}.fa-wheat-alt,.fa-wheat-awn{--fa:"\e2cd"}.fa-ankh{--fa:"\f644"}.fa-hands-holding-child{--fa:"\e4fa"}.fa-asterisk{--fa:"\2a"}.fa-check-square,.fa-square-check{--fa:"\f14a"}.fa-peseta-sign{--fa:"\e221"}.fa-header,.fa-heading{--fa:"\f1dc"}.fa-ghost{--fa:"\f6e2"}.fa-list,.fa-list-squares{--fa:"\f03a"}.fa-phone-square-alt,.fa-square-phone-flip{--fa:"\f87b"}.fa-cart-plus{--fa:"\f217"}.fa-gamepad{--fa:"\f11b"}.fa-circle-dot,.fa-dot-circle{--fa:"\f192"}.fa-dizzy,.fa-face-dizzy{--fa:"\f567"}.fa-egg{--fa:"\f7fb"}.fa-house-medical-circle-xmark{--fa:"\e513"}.fa-campground{--fa:"\f6bb"}.fa-folder-plus{--fa:"\f65e"}.fa-futbol,.fa-futbol-ball,.fa-soccer-ball{--fa:"\f1e3"}.fa-paint-brush,.fa-paintbrush{--fa:"\f1fc"}.fa-lock{--fa:"\f023"}.fa-gas-pump{--fa:"\f52f"}.fa-hot-tub,.fa-hot-tub-person{--fa:"\f593"}.fa-map-location,.fa-map-marked{--fa:"\f59f"}.fa-house-flood-water{--fa:"\e50e"}.fa-tree{--fa:"\f1bb"}.fa-bridge-lock{--fa:"\e4cc"}.fa-sack-dollar{--fa:"\f81d"}.fa-edit,.fa-pen-to-square{--fa:"\f044"}.fa-car-side{--fa:"\f5e4"}.fa-share-alt,.fa-share-nodes{--fa:"\f1e0"}.fa-heart-circle-minus{--fa:"\e4ff"}.fa-hourglass-2,.fa-hourglass-half{--fa:"\f252"}.fa-microscope{--fa:"\f610"}.fa-sink{--fa:"\e06d"}.fa-bag-shopping,.fa-shopping-bag{--fa:"\f290"}.fa-arrow-down-z-a,.fa-sort-alpha-desc,.fa-sort-alpha-down-alt{--fa:"\f881"}.fa-mitten{--fa:"\f7b5"}.fa-person-rays{--fa:"\e54d"}.fa-users{--fa:"\f0c0"}.fa-eye-slash{--fa:"\f070"}.fa-flask-vial{--fa:"\e4f3"}.fa-hand,.fa-hand-paper{--fa:"\f256"}.fa-om{--fa:"\f679"}.fa-worm{--fa:"\e599"}.fa-house-circle-xmark{--fa:"\e50b"}.fa-plug{--fa:"\f1e6"}.fa-chevron-up{--fa:"\f077"}.fa-hand-spock{--fa:"\f259"}.fa-stopwatch{--fa:"\f2f2"}.fa-face-kiss,.fa-kiss{--fa:"\f596"}.fa-bridge-circle-xmark{--fa:"\e4cb"}.fa-face-grin-tongue,.fa-grin-tongue{--fa:"\f589"}.fa-chess-bishop{--fa:"\f43a"}.fa-face-grin-wink,.fa-grin-wink{--fa:"\f58c"}.fa-deaf,.fa-deafness,.fa-ear-deaf,.fa-hard-of-hearing{--fa:"\f2a4"}.fa-road-circle-check{--fa:"\e564"}.fa-dice-five{--fa:"\f523"}.fa-rss-square,.fa-square-rss{--fa:"\f143"}.fa-land-mine-on{--fa:"\e51b"}.fa-i-cursor{--fa:"\f246"}.fa-stamp{--fa:"\f5bf"}.fa-stairs{--fa:"\e289"}.fa-i{--fa:"\49"}.fa-hryvnia,.fa-hryvnia-sign{--fa:"\f6f2"}.fa-pills{--fa:"\f484"}.fa-face-grin-wide,.fa-grin-alt{--fa:"\f581"}.fa-tooth{--fa:"\f5c9"}.fa-v{--fa:"\56"}.fa-bangladeshi-taka-sign{--fa:"\e2e6"}.fa-bicycle{--fa:"\f206"}.fa-rod-asclepius,.fa-rod-snake,.fa-staff-aesculapius,.fa-staff-snake{--fa:"\e579"}.fa-head-side-cough-slash{--fa:"\e062"}.fa-ambulance,.fa-truck-medical{--fa:"\f0f9"}.fa-wheat-awn-circle-exclamation{--fa:"\e598"}.fa-snowman{--fa:"\f7d0"}.fa-mortar-pestle{--fa:"\f5a7"}.fa-road-barrier{--fa:"\e562"}.fa-school{--fa:"\f549"}.fa-igloo{--fa:"\f7ae"}.fa-joint{--fa:"\f595"}.fa-angle-right{--fa:"\f105"}.fa-horse{--fa:"\f6f0"}.fa-q{--fa:"\51"}.fa-g{--fa:"\47"}.fa-notes-medical{--fa:"\f481"}.fa-temperature-2,.fa-temperature-half,.fa-thermometer-2,.fa-thermometer-half{--fa:"\f2c9"}.fa-dong-sign{--fa:"\e169"}.fa-capsules{--fa:"\f46b"}.fa-poo-bolt,.fa-poo-storm{--fa:"\f75a"}.fa-face-frown-open,.fa-frown-open{--fa:"\f57a"}.fa-hand-point-up{--fa:"\f0a6"}.fa-money-bill{--fa:"\f0d6"}.fa-bookmark{--fa:"\f02e"}.fa-align-justify{--fa:"\f039"}.fa-umbrella-beach{--fa:"\f5ca"}.fa-helmet-un{--fa:"\e503"}.fa-bullseye{--fa:"\f140"}.fa-bacon{--fa:"\f7e5"}.fa-hand-point-down{--fa:"\f0a7"}.fa-arrow-up-from-bracket{--fa:"\e09a"}.fa-folder,.fa-folder-blank{--fa:"\f07b"}.fa-file-medical-alt,.fa-file-waveform{--fa:"\f478"}.fa-radiation{--fa:"\f7b9"}.fa-chart-simple{--fa:"\e473"}.fa-mars-stroke{--fa:"\f229"}.fa-vial{--fa:"\f492"}.fa-dashboard,.fa-gauge,.fa-gauge-med,.fa-tachometer-alt-average{--fa:"\f624"}.fa-magic-wand-sparkles,.fa-wand-magic-sparkles{--fa:"\e2ca"}.fa-e{--fa:"\45"}.fa-pen-alt,.fa-pen-clip{--fa:"\f305"}.fa-bridge-circle-exclamation{--fa:"\e4ca"}.fa-user{--fa:"\f007"}.fa-school-circle-check{--fa:"\e56b"}.fa-dumpster{--fa:"\f793"}.fa-shuttle-van,.fa-van-shuttle{--fa:"\f5b6"}.fa-building-user{--fa:"\e4da"}.fa-caret-square-left,.fa-square-caret-left{--fa:"\f191"}.fa-highlighter{--fa:"\f591"}.fa-key{--fa:"\f084"}.fa-bullhorn{--fa:"\f0a1"}.fa-globe{--fa:"\f0ac"}.fa-synagogue{--fa:"\f69b"}.fa-person-half-dress{--fa:"\e548"}.fa-road-bridge{--fa:"\e563"}.fa-location-arrow{--fa:"\f124"}.fa-c{--fa:"\43"}.fa-tablet-button{--fa:"\f10a"}.fa-building-lock{--fa:"\e4d6"}.fa-pizza-slice{--fa:"\f818"}.fa-money-bill-wave{--fa:"\f53a"}.fa-area-chart,.fa-chart-area{--fa:"\f1fe"}.fa-house-flag{--fa:"\e50d"}.fa-person-circle-minus{--fa:"\e540"}.fa-ban,.fa-cancel{--fa:"\f05e"}.fa-camera-rotate{--fa:"\e0d8"}.fa-air-freshener,.fa-spray-can-sparkles{--fa:"\f5d0"}.fa-star{--fa:"\f005"}.fa-repeat{--fa:"\f363"}.fa-cross{--fa:"\f654"}.fa-box{--fa:"\f466"}.fa-venus-mars{--fa:"\f228"}.fa-arrow-pointer,.fa-mouse-pointer{--fa:"\f245"}.fa-expand-arrows-alt,.fa-maximize{--fa:"\f31e"}.fa-charging-station{--fa:"\f5e7"}.fa-shapes,.fa-triangle-circle-square{--fa:"\f61f"}.fa-random,.fa-shuffle{--fa:"\f074"}.fa-person-running,.fa-running{--fa:"\f70c"}.fa-mobile-retro{--fa:"\e527"}.fa-grip-lines-vertical{--fa:"\f7a5"}.fa-spider{--fa:"\f717"}.fa-hands-bound{--fa:"\e4f9"}.fa-file-invoice-dollar{--fa:"\f571"}.fa-plane-circle-exclamation{--fa:"\e556"}.fa-x-ray{--fa:"\f497"}.fa-spell-check{--fa:"\f891"}.fa-slash{--fa:"\f715"}.fa-computer-mouse,.fa-mouse{--fa:"\f8cc"}.fa-arrow-right-to-bracket,.fa-sign-in{--fa:"\f090"}.fa-shop-slash,.fa-store-alt-slash{--fa:"\e070"}.fa-server{--fa:"\f233"}.fa-virus-covid-slash{--fa:"\e4a9"}.fa-shop-lock{--fa:"\e4a5"}.fa-hourglass-1,.fa-hourglass-start{--fa:"\f251"}.fa-blender-phone{--fa:"\f6b6"}.fa-building-wheat{--fa:"\e4db"}.fa-person-breastfeeding{--fa:"\e53a"}.fa-right-to-bracket,.fa-sign-in-alt{--fa:"\f2f6"}.fa-venus{--fa:"\f221"}.fa-passport{--fa:"\f5ab"}.fa-thumb-tack-slash,.fa-thumbtack-slash{--fa:"\e68f"}.fa-heart-pulse,.fa-heartbeat{--fa:"\f21e"}.fa-people-carry,.fa-people-carry-box{--fa:"\f4ce"}.fa-temperature-high{--fa:"\f769"}.fa-microchip{--fa:"\f2db"}.fa-crown{--fa:"\f521"}.fa-weight-hanging{--fa:"\f5cd"}.fa-xmarks-lines{--fa:"\e59a"}.fa-file-prescription{--fa:"\f572"}.fa-weight,.fa-weight-scale{--fa:"\f496"}.fa-user-friends,.fa-user-group{--fa:"\f500"}.fa-arrow-up-a-z,.fa-sort-alpha-up{--fa:"\f15e"}.fa-chess-knight{--fa:"\f441"}.fa-face-laugh-squint,.fa-laugh-squint{--fa:"\f59b"}.fa-wheelchair{--fa:"\f193"}.fa-arrow-circle-up,.fa-circle-arrow-up{--fa:"\f0aa"}.fa-toggle-on{--fa:"\f205"}.fa-person-walking,.fa-walking{--fa:"\f554"}.fa-l{--fa:"\4c"}.fa-fire{--fa:"\f06d"}.fa-bed-pulse,.fa-procedures{--fa:"\f487"}.fa-shuttle-space,.fa-space-shuttle{--fa:"\f197"}.fa-face-laugh,.fa-laugh{--fa:"\f599"}.fa-folder-open{--fa:"\f07c"}.fa-heart-circle-plus{--fa:"\e500"}.fa-code-fork{--fa:"\e13b"}.fa-city{--fa:"\f64f"}.fa-microphone-alt,.fa-microphone-lines{--fa:"\f3c9"}.fa-pepper-hot{--fa:"\f816"}.fa-unlock{--fa:"\f09c"}.fa-colon-sign{--fa:"\e140"}.fa-headset{--fa:"\f590"}.fa-store-slash{--fa:"\e071"}.fa-road-circle-xmark{--fa:"\e566"}.fa-user-minus{--fa:"\f503"}.fa-mars-stroke-up,.fa-mars-stroke-v{--fa:"\f22a"}.fa-champagne-glasses,.fa-glass-cheers{--fa:"\f79f"}.fa-clipboard{--fa:"\f328"}.fa-house-circle-exclamation{--fa:"\e50a"}.fa-file-arrow-up,.fa-file-upload{--fa:"\f574"}.fa-wifi,.fa-wifi-3,.fa-wifi-strong{--fa:"\f1eb"}.fa-bath,.fa-bathtub{--fa:"\f2cd"}.fa-underline{--fa:"\f0cd"}.fa-user-edit,.fa-user-pen{--fa:"\f4ff"}.fa-signature{--fa:"\f5b7"}.fa-stroopwafel{--fa:"\f551"}.fa-bold{--fa:"\f032"}.fa-anchor-lock{--fa:"\e4ad"}.fa-building-ngo{--fa:"\e4d7"}.fa-manat-sign{--fa:"\e1d5"}.fa-not-equal{--fa:"\f53e"}.fa-border-style,.fa-border-top-left{--fa:"\f853"}.fa-map-location-dot,.fa-map-marked-alt{--fa:"\f5a0"}.fa-jedi{--fa:"\f669"}.fa-poll,.fa-square-poll-vertical{--fa:"\f681"}.fa-mug-hot{--fa:"\f7b6"}.fa-battery-car,.fa-car-battery{--fa:"\f5df"}.fa-gift{--fa:"\f06b"}.fa-dice-two{--fa:"\f528"}.fa-chess-queen{--fa:"\f445"}.fa-glasses{--fa:"\f530"}.fa-chess-board{--fa:"\f43c"}.fa-building-circle-check{--fa:"\e4d2"}.fa-person-chalkboard{--fa:"\e53d"}.fa-mars-stroke-h,.fa-mars-stroke-right{--fa:"\f22b"}.fa-hand-back-fist,.fa-hand-rock{--fa:"\f255"}.fa-caret-square-up,.fa-square-caret-up{--fa:"\f151"}.fa-cloud-showers-water{--fa:"\e4e4"}.fa-bar-chart,.fa-chart-bar{--fa:"\f080"}.fa-hands-bubbles,.fa-hands-wash{--fa:"\e05e"}.fa-less-than-equal{--fa:"\f537"}.fa-train{--fa:"\f238"}.fa-eye-low-vision,.fa-low-vision{--fa:"\f2a8"}.fa-crow{--fa:"\f520"}.fa-sailboat{--fa:"\e445"}.fa-window-restore{--fa:"\f2d2"}.fa-plus-square,.fa-square-plus{--fa:"\f0fe"}.fa-torii-gate{--fa:"\f6a1"}.fa-frog{--fa:"\f52e"}.fa-bucket{--fa:"\e4cf"}.fa-image{--fa:"\f03e"}.fa-microphone{--fa:"\f130"}.fa-cow{--fa:"\f6c8"}.fa-caret-up{--fa:"\f0d8"}.fa-screwdriver{--fa:"\f54a"}.fa-folder-closed{--fa:"\e185"}.fa-house-tsunami{--fa:"\e515"}.fa-square-nfi{--fa:"\e576"}.fa-arrow-up-from-ground-water{--fa:"\e4b5"}.fa-glass-martini-alt,.fa-martini-glass{--fa:"\f57b"}.fa-square-binary{--fa:"\e69b"}.fa-rotate-back,.fa-rotate-backward,.fa-rotate-left,.fa-undo-alt{--fa:"\f2ea"}.fa-columns,.fa-table-columns{--fa:"\f0db"}.fa-lemon{--fa:"\f094"}.fa-head-side-mask{--fa:"\e063"}.fa-handshake{--fa:"\f2b5"}.fa-gem{--fa:"\f3a5"}.fa-dolly,.fa-dolly-box{--fa:"\f472"}.fa-smoking{--fa:"\f48d"}.fa-compress-arrows-alt,.fa-minimize{--fa:"\f78c"}.fa-monument{--fa:"\f5a6"}.fa-snowplow{--fa:"\f7d2"}.fa-angle-double-right,.fa-angles-right{--fa:"\f101"}.fa-cannabis{--fa:"\f55f"}.fa-circle-play,.fa-play-circle{--fa:"\f144"}.fa-tablets{--fa:"\f490"}.fa-ethernet{--fa:"\f796"}.fa-eur,.fa-euro,.fa-euro-sign{--fa:"\f153"}.fa-chair{--fa:"\f6c0"}.fa-check-circle,.fa-circle-check{--fa:"\f058"}.fa-circle-stop,.fa-stop-circle{--fa:"\f28d"}.fa-compass-drafting,.fa-drafting-compass{--fa:"\f568"}.fa-plate-wheat{--fa:"\e55a"}.fa-icicles{--fa:"\f7ad"}.fa-person-shelter{--fa:"\e54f"}.fa-neuter{--fa:"\f22c"}.fa-id-badge{--fa:"\f2c1"}.fa-marker{--fa:"\f5a1"}.fa-face-laugh-beam,.fa-laugh-beam{--fa:"\f59a"}.fa-helicopter-symbol{--fa:"\e502"}.fa-universal-access{--fa:"\f29a"}.fa-chevron-circle-up,.fa-circle-chevron-up{--fa:"\f139"}.fa-lari-sign{--fa:"\e1c8"}.fa-volcano{--fa:"\f770"}.fa-person-walking-dashed-line-arrow-right{--fa:"\e553"}.fa-gbp,.fa-pound-sign,.fa-sterling-sign{--fa:"\f154"}.fa-viruses{--fa:"\e076"}.fa-square-person-confined{--fa:"\e577"}.fa-user-tie{--fa:"\f508"}.fa-arrow-down-long,.fa-long-arrow-down{--fa:"\f175"}.fa-tent-arrow-down-to-line{--fa:"\e57e"}.fa-certificate{--fa:"\f0a3"}.fa-mail-reply-all,.fa-reply-all{--fa:"\f122"}.fa-suitcase{--fa:"\f0f2"}.fa-person-skating,.fa-skating{--fa:"\f7c5"}.fa-filter-circle-dollar,.fa-funnel-dollar{--fa:"\f662"}.fa-camera-retro{--fa:"\f083"}.fa-arrow-circle-down,.fa-circle-arrow-down{--fa:"\f0ab"}.fa-arrow-right-to-file,.fa-file-import{--fa:"\f56f"}.fa-external-link-square,.fa-square-arrow-up-right{--fa:"\f14c"}.fa-box-open{--fa:"\f49e"}.fa-scroll{--fa:"\f70e"}.fa-spa{--fa:"\f5bb"}.fa-location-pin-lock{--fa:"\e51f"}.fa-pause{--fa:"\f04c"}.fa-hill-avalanche{--fa:"\e507"}.fa-temperature-0,.fa-temperature-empty,.fa-thermometer-0,.fa-thermometer-empty{--fa:"\f2cb"}.fa-bomb{--fa:"\f1e2"}.fa-registered{--fa:"\f25d"}.fa-address-card,.fa-contact-card,.fa-vcard{--fa:"\f2bb"}.fa-balance-scale-right,.fa-scale-unbalanced-flip{--fa:"\f516"}.fa-subscript{--fa:"\f12c"}.fa-diamond-turn-right,.fa-directions{--fa:"\f5eb"}.fa-burst{--fa:"\e4dc"}.fa-house-laptop,.fa-laptop-house{--fa:"\e066"}.fa-face-tired,.fa-tired{--fa:"\f5c8"}.fa-money-bills{--fa:"\e1f3"}.fa-smog{--fa:"\f75f"}.fa-crutch{--fa:"\f7f7"}.fa-cloud-arrow-up,.fa-cloud-upload,.fa-cloud-upload-alt{--fa:"\f0ee"}.fa-palette{--fa:"\f53f"}.fa-arrows-turn-right{--fa:"\e4c0"}.fa-vest{--fa:"\e085"}.fa-ferry{--fa:"\e4ea"}.fa-arrows-down-to-people{--fa:"\e4b9"}.fa-seedling,.fa-sprout{--fa:"\f4d8"}.fa-arrows-alt-h,.fa-left-right{--fa:"\f337"}.fa-boxes-packing{--fa:"\e4c7"}.fa-arrow-circle-left,.fa-circle-arrow-left{--fa:"\f0a8"}.fa-group-arrows-rotate{--fa:"\e4f6"}.fa-bowl-food{--fa:"\e4c6"}.fa-candy-cane{--fa:"\f786"}.fa-arrow-down-wide-short,.fa-sort-amount-asc,.fa-sort-amount-down{--fa:"\f160"}.fa-cloud-bolt,.fa-thunderstorm{--fa:"\f76c"}.fa-remove-format,.fa-text-slash{--fa:"\f87d"}.fa-face-smile-wink,.fa-smile-wink{--fa:"\f4da"}.fa-file-word{--fa:"\f1c2"}.fa-file-powerpoint{--fa:"\f1c4"}.fa-arrows-h,.fa-arrows-left-right{--fa:"\f07e"}.fa-house-lock{--fa:"\e510"}.fa-cloud-arrow-down,.fa-cloud-download,.fa-cloud-download-alt{--fa:"\f0ed"}.fa-children{--fa:"\e4e1"}.fa-blackboard,.fa-chalkboard{--fa:"\f51b"}.fa-user-alt-slash,.fa-user-large-slash{--fa:"\f4fa"}.fa-envelope-open{--fa:"\f2b6"}.fa-handshake-alt-slash,.fa-handshake-simple-slash{--fa:"\e05f"}.fa-mattress-pillow{--fa:"\e525"}.fa-guarani-sign{--fa:"\e19a"}.fa-arrows-rotate,.fa-refresh,.fa-sync{--fa:"\f021"}.fa-fire-extinguisher{--fa:"\f134"}.fa-cruzeiro-sign{--fa:"\e152"}.fa-greater-than-equal{--fa:"\f532"}.fa-shield-alt,.fa-shield-halved{--fa:"\f3ed"}.fa-atlas,.fa-book-atlas{--fa:"\f558"}.fa-virus{--fa:"\e074"}.fa-envelope-circle-check{--fa:"\e4e8"}.fa-layer-group{--fa:"\f5fd"}.fa-arrows-to-dot{--fa:"\e4be"}.fa-archway{--fa:"\f557"}.fa-heart-circle-check{--fa:"\e4fd"}.fa-house-chimney-crack,.fa-house-damage{--fa:"\f6f1"}.fa-file-archive,.fa-file-zipper{--fa:"\f1c6"}.fa-square{--fa:"\f0c8"}.fa-glass-martini,.fa-martini-glass-empty{--fa:"\f000"}.fa-couch{--fa:"\f4b8"}.fa-cedi-sign{--fa:"\e0df"}.fa-italic{--fa:"\f033"}.fa-table-cells-column-lock{--fa:"\e678"}.fa-church{--fa:"\f51d"}.fa-comments-dollar{--fa:"\f653"}.fa-democrat{--fa:"\f747"}.fa-z{--fa:"\5a"}.fa-person-skiing,.fa-skiing{--fa:"\f7c9"}.fa-road-lock{--fa:"\e567"}.fa-a{--fa:"\41"}.fa-temperature-arrow-down,.fa-temperature-down{--fa:"\e03f"}.fa-feather-alt,.fa-feather-pointed{--fa:"\f56b"}.fa-p{--fa:"\50"}.fa-snowflake{--fa:"\f2dc"}.fa-newspaper{--fa:"\f1ea"}.fa-ad,.fa-rectangle-ad{--fa:"\f641"}.fa-arrow-circle-right,.fa-circle-arrow-right{--fa:"\f0a9"}.fa-filter-circle-xmark{--fa:"\e17b"}.fa-locust{--fa:"\e520"}.fa-sort,.fa-unsorted{--fa:"\f0dc"}.fa-list-1-2,.fa-list-numeric,.fa-list-ol{--fa:"\f0cb"}.fa-person-dress-burst{--fa:"\e544"}.fa-money-check-alt,.fa-money-check-dollar{--fa:"\f53d"}.fa-vector-square{--fa:"\f5cb"}.fa-bread-slice{--fa:"\f7ec"}.fa-language{--fa:"\f1ab"}.fa-face-kiss-wink-heart,.fa-kiss-wink-heart{--fa:"\f598"}.fa-filter{--fa:"\f0b0"}.fa-question{--fa:"\3f"}.fa-file-signature{--fa:"\f573"}.fa-arrows-alt,.fa-up-down-left-right{--fa:"\f0b2"}.fa-house-chimney-user{--fa:"\e065"}.fa-hand-holding-heart{--fa:"\f4be"}.fa-puzzle-piece{--fa:"\f12e"}.fa-money-check{--fa:"\f53c"}.fa-star-half-alt,.fa-star-half-stroke{--fa:"\f5c0"}.fa-code{--fa:"\f121"}.fa-glass-whiskey,.fa-whiskey-glass{--fa:"\f7a0"}.fa-building-circle-exclamation{--fa:"\e4d3"}.fa-magnifying-glass-chart{--fa:"\e522"}.fa-arrow-up-right-from-square,.fa-external-link{--fa:"\f08e"}.fa-cubes-stacked{--fa:"\e4e6"}.fa-krw,.fa-won,.fa-won-sign{--fa:"\f159"}.fa-virus-covid{--fa:"\e4a8"}.fa-austral-sign{--fa:"\e0a9"}.fa-f{--fa:"\46"}.fa-leaf{--fa:"\f06c"}.fa-road{--fa:"\f018"}.fa-cab,.fa-taxi{--fa:"\f1ba"}.fa-person-circle-plus{--fa:"\e541"}.fa-chart-pie,.fa-pie-chart{--fa:"\f200"}.fa-bolt-lightning{--fa:"\e0b7"}.fa-sack-xmark{--fa:"\e56a"}.fa-file-excel{--fa:"\f1c3"}.fa-file-contract{--fa:"\f56c"}.fa-fish-fins{--fa:"\e4f2"}.fa-building-flag{--fa:"\e4d5"}.fa-face-grin-beam,.fa-grin-beam{--fa:"\f582"}.fa-object-ungroup{--fa:"\f248"}.fa-poop{--fa:"\f619"}.fa-location-pin,.fa-map-marker{--fa:"\f041"}.fa-kaaba{--fa:"\f66b"}.fa-toilet-paper{--fa:"\f71e"}.fa-hard-hat,.fa-hat-hard,.fa-helmet-safety{--fa:"\f807"}.fa-eject{--fa:"\f052"}.fa-arrow-alt-circle-right,.fa-circle-right{--fa:"\f35a"}.fa-plane-circle-check{--fa:"\e555"}.fa-face-rolling-eyes,.fa-meh-rolling-eyes{--fa:"\f5a5"}.fa-object-group{--fa:"\f247"}.fa-chart-line,.fa-line-chart{--fa:"\f201"}.fa-mask-ventilator{--fa:"\e524"}.fa-arrow-right{--fa:"\f061"}.fa-map-signs,.fa-signs-post{--fa:"\f277"}.fa-cash-register{--fa:"\f788"}.fa-person-circle-question{--fa:"\e542"}.fa-h{--fa:"\48"}.fa-tarp{--fa:"\e57b"}.fa-screwdriver-wrench,.fa-tools{--fa:"\f7d9"}.fa-arrows-to-eye{--fa:"\e4bf"}.fa-plug-circle-bolt{--fa:"\e55b"}.fa-heart{--fa:"\f004"}.fa-mars-and-venus{--fa:"\f224"}.fa-home-user,.fa-house-user{--fa:"\e1b0"}.fa-dumpster-fire{--fa:"\f794"}.fa-house-crack{--fa:"\e3b1"}.fa-cocktail,.fa-martini-glass-citrus{--fa:"\f561"}.fa-face-surprise,.fa-surprise{--fa:"\f5c2"}.fa-bottle-water{--fa:"\e4c5"}.fa-circle-pause,.fa-pause-circle{--fa:"\f28b"}.fa-toilet-paper-slash{--fa:"\e072"}.fa-apple-alt,.fa-apple-whole{--fa:"\f5d1"}.fa-kitchen-set{--fa:"\e51a"}.fa-r{--fa:"\52"}.fa-temperature-1,.fa-temperature-quarter,.fa-thermometer-1,.fa-thermometer-quarter{--fa:"\f2ca"}.fa-cube{--fa:"\f1b2"}.fa-bitcoin-sign{--fa:"\e0b4"}.fa-shield-dog{--fa:"\e573"}.fa-solar-panel{--fa:"\f5ba"}.fa-lock-open{--fa:"\f3c1"}.fa-elevator{--fa:"\e16d"}.fa-money-bill-transfer{--fa:"\e528"}.fa-money-bill-trend-up{--fa:"\e529"}.fa-house-flood-water-circle-arrow-right{--fa:"\e50f"}.fa-poll-h,.fa-square-poll-horizontal{--fa:"\f682"}.fa-circle{--fa:"\f111"}.fa-backward-fast,.fa-fast-backward{--fa:"\f049"}.fa-recycle{--fa:"\f1b8"}.fa-user-astronaut{--fa:"\f4fb"}.fa-plane-slash{--fa:"\e069"}.fa-trademark{--fa:"\f25c"}.fa-basketball,.fa-basketball-ball{--fa:"\f434"}.fa-satellite-dish{--fa:"\f7c0"}.fa-arrow-alt-circle-up,.fa-circle-up{--fa:"\f35b"}.fa-mobile-alt,.fa-mobile-screen-button{--fa:"\f3cd"}.fa-volume-high,.fa-volume-up{--fa:"\f028"}.fa-users-rays{--fa:"\e593"}.fa-wallet{--fa:"\f555"}.fa-clipboard-check{--fa:"\f46c"}.fa-file-audio{--fa:"\f1c7"}.fa-burger,.fa-hamburger{--fa:"\f805"}.fa-wrench{--fa:"\f0ad"}.fa-bugs{--fa:"\e4d0"}.fa-rupee,.fa-rupee-sign{--fa:"\f156"}.fa-file-image{--fa:"\f1c5"}.fa-circle-question,.fa-question-circle{--fa:"\f059"}.fa-plane-departure{--fa:"\f5b0"}.fa-handshake-slash{--fa:"\e060"}.fa-book-bookmark{--fa:"\e0bb"}.fa-code-branch{--fa:"\f126"}.fa-hat-cowboy{--fa:"\f8c0"}.fa-bridge{--fa:"\e4c8"}.fa-phone-alt,.fa-phone-flip{--fa:"\f879"}.fa-truck-front{--fa:"\e2b7"}.fa-cat{--fa:"\f6be"}.fa-anchor-circle-exclamation{--fa:"\e4ab"}.fa-truck-field{--fa:"\e58d"}.fa-route{--fa:"\f4d7"}.fa-clipboard-question{--fa:"\e4e3"}.fa-panorama{--fa:"\e209"}.fa-comment-medical{--fa:"\f7f5"}.fa-teeth-open{--fa:"\f62f"}.fa-file-circle-minus{--fa:"\e4ed"}.fa-tags{--fa:"\f02c"}.fa-wine-glass{--fa:"\f4e3"}.fa-fast-forward,.fa-forward-fast{--fa:"\f050"}.fa-face-meh-blank,.fa-meh-blank{--fa:"\f5a4"}.fa-parking,.fa-square-parking{--fa:"\f540"}.fa-house-signal{--fa:"\e012"}.fa-bars-progress,.fa-tasks-alt{--fa:"\f828"}.fa-faucet-drip{--fa:"\e006"}.fa-cart-flatbed,.fa-dolly-flatbed{--fa:"\f474"}.fa-ban-smoking,.fa-smoking-ban{--fa:"\f54d"}.fa-terminal{--fa:"\f120"}.fa-mobile-button{--fa:"\f10b"}.fa-house-medical-flag{--fa:"\e514"}.fa-basket-shopping,.fa-shopping-basket{--fa:"\f291"}.fa-tape{--fa:"\f4db"}.fa-bus-alt,.fa-bus-simple{--fa:"\f55e"}.fa-eye{--fa:"\f06e"}.fa-face-sad-cry,.fa-sad-cry{--fa:"\f5b3"}.fa-audio-description{--fa:"\f29e"}.fa-person-military-to-person{--fa:"\e54c"}.fa-file-shield{--fa:"\e4f0"}.fa-user-slash{--fa:"\f506"}.fa-pen{--fa:"\f304"}.fa-tower-observation{--fa:"\e586"}.fa-file-code{--fa:"\f1c9"}.fa-signal,.fa-signal-5,.fa-signal-perfect{--fa:"\f012"}.fa-bus{--fa:"\f207"}.fa-heart-circle-xmark{--fa:"\e501"}.fa-home-lg,.fa-house-chimney{--fa:"\e3af"}.fa-window-maximize{--fa:"\f2d0"}.fa-face-frown,.fa-frown{--fa:"\f119"}.fa-prescription{--fa:"\f5b1"}.fa-shop,.fa-store-alt{--fa:"\f54f"}.fa-floppy-disk,.fa-save{--fa:"\f0c7"}.fa-vihara{--fa:"\f6a7"}.fa-balance-scale-left,.fa-scale-unbalanced{--fa:"\f515"}.fa-sort-asc,.fa-sort-up{--fa:"\f0de"}.fa-comment-dots,.fa-commenting{--fa:"\f4ad"}.fa-plant-wilt{--fa:"\e5aa"}.fa-diamond{--fa:"\f219"}.fa-face-grin-squint,.fa-grin-squint{--fa:"\f585"}.fa-hand-holding-dollar,.fa-hand-holding-usd{--fa:"\f4c0"}.fa-chart-diagram{--fa:"\e695"}.fa-bacterium{--fa:"\e05a"}.fa-hand-pointer{--fa:"\f25a"}.fa-drum-steelpan{--fa:"\f56a"}.fa-hand-scissors{--fa:"\f257"}.fa-hands-praying,.fa-praying-hands{--fa:"\f684"}.fa-arrow-right-rotate,.fa-arrow-rotate-forward,.fa-arrow-rotate-right,.fa-redo{--fa:"\f01e"}.fa-biohazard{--fa:"\f780"}.fa-location,.fa-location-crosshairs{--fa:"\f601"}.fa-mars-double{--fa:"\f227"}.fa-child-dress{--fa:"\e59c"}.fa-users-between-lines{--fa:"\e591"}.fa-lungs-virus{--fa:"\e067"}.fa-face-grin-tears,.fa-grin-tears{--fa:"\f588"}.fa-phone{--fa:"\f095"}.fa-calendar-times,.fa-calendar-xmark{--fa:"\f273"}.fa-child-reaching{--fa:"\e59d"}.fa-head-side-virus{--fa:"\e064"}.fa-user-cog,.fa-user-gear{--fa:"\f4fe"}.fa-arrow-up-1-9,.fa-sort-numeric-up{--fa:"\f163"}.fa-door-closed{--fa:"\f52a"}.fa-shield-virus{--fa:"\e06c"}.fa-dice-six{--fa:"\f526"}.fa-mosquito-net{--fa:"\e52c"}.fa-file-fragment{--fa:"\e697"}.fa-bridge-water{--fa:"\e4ce"}.fa-person-booth{--fa:"\f756"}.fa-text-width{--fa:"\f035"}.fa-hat-wizard{--fa:"\f6e8"}.fa-pen-fancy{--fa:"\f5ac"}.fa-digging,.fa-person-digging{--fa:"\f85e"}.fa-trash{--fa:"\f1f8"}.fa-gauge-simple,.fa-gauge-simple-med,.fa-tachometer-average{--fa:"\f629"}.fa-book-medical{--fa:"\f7e6"}.fa-poo{--fa:"\f2fe"}.fa-quote-right,.fa-quote-right-alt{--fa:"\f10e"}.fa-shirt,.fa-t-shirt,.fa-tshirt{--fa:"\f553"}.fa-cubes{--fa:"\f1b3"}.fa-divide{--fa:"\f529"}.fa-tenge,.fa-tenge-sign{--fa:"\f7d7"}.fa-headphones{--fa:"\f025"}.fa-hands-holding{--fa:"\f4c2"}.fa-hands-clapping{--fa:"\e1a8"}.fa-republican{--fa:"\f75e"}.fa-arrow-left{--fa:"\f060"}.fa-person-circle-xmark{--fa:"\e543"}.fa-ruler{--fa:"\f545"}.fa-align-left{--fa:"\f036"}.fa-dice-d6{--fa:"\f6d1"}.fa-restroom{--fa:"\f7bd"}.fa-j{--fa:"\4a"}.fa-users-viewfinder{--fa:"\e595"}.fa-file-video{--fa:"\f1c8"}.fa-external-link-alt,.fa-up-right-from-square{--fa:"\f35d"}.fa-table-cells,.fa-th{--fa:"\f00a"}.fa-file-pdf{--fa:"\f1c1"}.fa-bible,.fa-book-bible{--fa:"\f647"}.fa-o{--fa:"\4f"}.fa-medkit,.fa-suitcase-medical{--fa:"\f0fa"}.fa-user-secret{--fa:"\f21b"}.fa-otter{--fa:"\f700"}.fa-female,.fa-person-dress{--fa:"\f182"}.fa-comment-dollar{--fa:"\f651"}.fa-briefcase-clock,.fa-business-time{--fa:"\f64a"}.fa-table-cells-large,.fa-th-large{--fa:"\f009"}.fa-book-tanakh,.fa-tanakh{--fa:"\f827"}.fa-phone-volume,.fa-volume-control-phone{--fa:"\f2a0"}.fa-hat-cowboy-side{--fa:"\f8c1"}.fa-clipboard-user{--fa:"\f7f3"}.fa-child{--fa:"\f1ae"}.fa-lira-sign{--fa:"\f195"}.fa-satellite{--fa:"\f7bf"}.fa-plane-lock{--fa:"\e558"}.fa-tag{--fa:"\f02b"}.fa-comment{--fa:"\f075"}.fa-birthday-cake,.fa-cake,.fa-cake-candles{--fa:"\f1fd"}.fa-envelope{--fa:"\f0e0"}.fa-angle-double-up,.fa-angles-up{--fa:"\f102"}.fa-paperclip{--fa:"\f0c6"}.fa-arrow-right-to-city{--fa:"\e4b3"}.fa-ribbon{--fa:"\f4d6"}.fa-lungs{--fa:"\f604"}.fa-arrow-up-9-1,.fa-sort-numeric-up-alt{--fa:"\f887"}.fa-litecoin-sign{--fa:"\e1d3"}.fa-border-none{--fa:"\f850"}.fa-circle-nodes{--fa:"\e4e2"}.fa-parachute-box{--fa:"\f4cd"}.fa-indent{--fa:"\f03c"}.fa-truck-field-un{--fa:"\e58e"}.fa-hourglass,.fa-hourglass-empty{--fa:"\f254"}.fa-mountain{--fa:"\f6fc"}.fa-user-doctor,.fa-user-md{--fa:"\f0f0"}.fa-circle-info,.fa-info-circle{--fa:"\f05a"}.fa-cloud-meatball{--fa:"\f73b"}.fa-camera,.fa-camera-alt{--fa:"\f030"}.fa-square-virus{--fa:"\e578"}.fa-meteor{--fa:"\f753"}.fa-car-on{--fa:"\e4dd"}.fa-sleigh{--fa:"\f7cc"}.fa-arrow-down-1-9,.fa-sort-numeric-asc,.fa-sort-numeric-down{--fa:"\f162"}.fa-hand-holding-droplet,.fa-hand-holding-water{--fa:"\f4c1"}.fa-water{--fa:"\f773"}.fa-calendar-check{--fa:"\f274"}.fa-braille{--fa:"\f2a1"}.fa-prescription-bottle-alt,.fa-prescription-bottle-medical{--fa:"\f486"}.fa-landmark{--fa:"\f66f"}.fa-truck{--fa:"\f0d1"}.fa-crosshairs{--fa:"\f05b"}.fa-person-cane{--fa:"\e53c"}.fa-tent{--fa:"\e57d"}.fa-vest-patches{--fa:"\e086"}.fa-check-double{--fa:"\f560"}.fa-arrow-down-a-z,.fa-sort-alpha-asc,.fa-sort-alpha-down{--fa:"\f15d"}.fa-money-bill-wheat{--fa:"\e52a"}.fa-cookie{--fa:"\f563"}.fa-arrow-left-rotate,.fa-arrow-rotate-back,.fa-arrow-rotate-backward,.fa-arrow-rotate-left,.fa-undo{--fa:"\f0e2"}.fa-hard-drive,.fa-hdd{--fa:"\f0a0"}.fa-face-grin-squint-tears,.fa-grin-squint-tears{--fa:"\f586"}.fa-dumbbell{--fa:"\f44b"}.fa-list-alt,.fa-rectangle-list{--fa:"\f022"}.fa-tarp-droplet{--fa:"\e57c"}.fa-house-medical-circle-check{--fa:"\e511"}.fa-person-skiing-nordic,.fa-skiing-nordic{--fa:"\f7ca"}.fa-calendar-plus{--fa:"\f271"}.fa-plane-arrival{--fa:"\f5af"}.fa-arrow-alt-circle-left,.fa-circle-left{--fa:"\f359"}.fa-subway,.fa-train-subway{--fa:"\f239"}.fa-chart-gantt{--fa:"\e0e4"}.fa-indian-rupee,.fa-indian-rupee-sign,.fa-inr{--fa:"\e1bc"}.fa-crop-alt,.fa-crop-simple{--fa:"\f565"}.fa-money-bill-1,.fa-money-bill-alt{--fa:"\f3d1"}.fa-left-long,.fa-long-arrow-alt-left{--fa:"\f30a"}.fa-dna{--fa:"\f471"}.fa-virus-slash{--fa:"\e075"}.fa-minus,.fa-subtract{--fa:"\f068"}.fa-chess{--fa:"\f439"}.fa-arrow-left-long,.fa-long-arrow-left{--fa:"\f177"}.fa-plug-circle-check{--fa:"\e55c"}.fa-street-view{--fa:"\f21d"}.fa-franc-sign{--fa:"\e18f"}.fa-volume-off{--fa:"\f026"}.fa-american-sign-language-interpreting,.fa-asl-interpreting,.fa-hands-american-sign-language-interpreting,.fa-hands-asl-interpreting{--fa:"\f2a3"}.fa-cog,.fa-gear{--fa:"\f013"}.fa-droplet-slash,.fa-tint-slash{--fa:"\f5c7"}.fa-mosque{--fa:"\f678"}.fa-mosquito{--fa:"\e52b"}.fa-star-of-david{--fa:"\f69a"}.fa-person-military-rifle{--fa:"\e54b"}.fa-cart-shopping,.fa-shopping-cart{--fa:"\f07a"}.fa-vials{--fa:"\f493"}.fa-plug-circle-plus{--fa:"\e55f"}.fa-place-of-worship{--fa:"\f67f"}.fa-grip-vertical{--fa:"\f58e"}.fa-hexagon-nodes{--fa:"\e699"}.fa-arrow-turn-up,.fa-level-up{--fa:"\f148"}.fa-u{--fa:"\55"}.fa-square-root-alt,.fa-square-root-variable{--fa:"\f698"}.fa-clock,.fa-clock-four{--fa:"\f017"}.fa-backward-step,.fa-step-backward{--fa:"\f048"}.fa-pallet{--fa:"\f482"}.fa-faucet{--fa:"\e005"}.fa-baseball-bat-ball{--fa:"\f432"}.fa-s{--fa:"\53"}.fa-timeline{--fa:"\e29c"}.fa-keyboard{--fa:"\f11c"}.fa-caret-down{--fa:"\f0d7"}.fa-clinic-medical,.fa-house-chimney-medical{--fa:"\f7f2"}.fa-temperature-3,.fa-temperature-three-quarters,.fa-thermometer-3,.fa-thermometer-three-quarters{--fa:"\f2c8"}.fa-mobile-android-alt,.fa-mobile-screen{--fa:"\f3cf"}.fa-plane-up{--fa:"\e22d"}.fa-piggy-bank{--fa:"\f4d3"}.fa-battery-3,.fa-battery-half{--fa:"\f242"}.fa-mountain-city{--fa:"\e52e"}.fa-coins{--fa:"\f51e"}.fa-khanda{--fa:"\f66d"}.fa-sliders,.fa-sliders-h{--fa:"\f1de"}.fa-folder-tree{--fa:"\f802"}.fa-network-wired{--fa:"\f6ff"}.fa-map-pin{--fa:"\f276"}.fa-hamsa{--fa:"\f665"}.fa-cent-sign{--fa:"\e3f5"}.fa-flask{--fa:"\f0c3"}.fa-person-pregnant{--fa:"\e31e"}.fa-wand-sparkles{--fa:"\f72b"}.fa-ellipsis-v,.fa-ellipsis-vertical{--fa:"\f142"}.fa-ticket{--fa:"\f145"}.fa-power-off{--fa:"\f011"}.fa-long-arrow-alt-right,.fa-right-long{--fa:"\f30b"}.fa-flag-usa{--fa:"\f74d"}.fa-laptop-file{--fa:"\e51d"}.fa-teletype,.fa-tty{--fa:"\f1e4"}.fa-diagram-next{--fa:"\e476"}.fa-person-rifle{--fa:"\e54e"}.fa-house-medical-circle-exclamation{--fa:"\e512"}.fa-closed-captioning{--fa:"\f20a"}.fa-hiking,.fa-person-hiking{--fa:"\f6ec"}.fa-venus-double{--fa:"\f226"}.fa-images{--fa:"\f302"}.fa-calculator{--fa:"\f1ec"}.fa-people-pulling{--fa:"\e535"}.fa-n{--fa:"\4e"}.fa-cable-car,.fa-tram{--fa:"\f7da"}.fa-cloud-rain{--fa:"\f73d"}.fa-building-circle-xmark{--fa:"\e4d4"}.fa-ship{--fa:"\f21a"}.fa-arrows-down-to-line{--fa:"\e4b8"}.fa-download{--fa:"\f019"}.fa-face-grin,.fa-grin{--fa:"\f580"}.fa-backspace,.fa-delete-left{--fa:"\f55a"}.fa-eye-dropper,.fa-eye-dropper-empty,.fa-eyedropper{--fa:"\f1fb"}.fa-file-circle-check{--fa:"\e5a0"}.fa-forward{--fa:"\f04e"}.fa-mobile,.fa-mobile-android,.fa-mobile-phone{--fa:"\f3ce"}.fa-face-meh,.fa-meh{--fa:"\f11a"}.fa-align-center{--fa:"\f037"}.fa-book-dead,.fa-book-skull{--fa:"\f6b7"}.fa-drivers-license,.fa-id-card{--fa:"\f2c2"}.fa-dedent,.fa-outdent{--fa:"\f03b"}.fa-heart-circle-exclamation{--fa:"\e4fe"}.fa-home,.fa-home-alt,.fa-home-lg-alt,.fa-house{--fa:"\f015"}.fa-calendar-week{--fa:"\f784"}.fa-laptop-medical{--fa:"\f812"}.fa-b{--fa:"\42"}.fa-file-medical{--fa:"\f477"}.fa-dice-one{--fa:"\f525"}.fa-kiwi-bird{--fa:"\f535"}.fa-arrow-right-arrow-left,.fa-exchange{--fa:"\f0ec"}.fa-redo-alt,.fa-rotate-forward,.fa-rotate-right{--fa:"\f2f9"}.fa-cutlery,.fa-utensils{--fa:"\f2e7"}.fa-arrow-up-wide-short,.fa-sort-amount-up{--fa:"\f161"}.fa-mill-sign{--fa:"\e1ed"}.fa-bowl-rice{--fa:"\e2eb"}.fa-skull{--fa:"\f54c"}.fa-broadcast-tower,.fa-tower-broadcast{--fa:"\f519"}.fa-truck-pickup{--fa:"\f63c"}.fa-long-arrow-alt-up,.fa-up-long{--fa:"\f30c"}.fa-stop{--fa:"\f04d"}.fa-code-merge{--fa:"\f387"}.fa-upload{--fa:"\f093"}.fa-hurricane{--fa:"\f751"}.fa-mound{--fa:"\e52d"}.fa-toilet-portable{--fa:"\e583"}.fa-compact-disc{--fa:"\f51f"}.fa-file-arrow-down,.fa-file-download{--fa:"\f56d"}.fa-caravan{--fa:"\f8ff"}.fa-shield-cat{--fa:"\e572"}.fa-bolt,.fa-zap{--fa:"\f0e7"}.fa-glass-water{--fa:"\e4f4"}.fa-oil-well{--fa:"\e532"}.fa-vault{--fa:"\e2c5"}.fa-mars{--fa:"\f222"}.fa-toilet{--fa:"\f7d8"}.fa-plane-circle-xmark{--fa:"\e557"}.fa-cny,.fa-jpy,.fa-rmb,.fa-yen,.fa-yen-sign{--fa:"\f157"}.fa-rouble,.fa-rub,.fa-ruble,.fa-ruble-sign{--fa:"\f158"}.fa-sun{--fa:"\f185"}.fa-guitar{--fa:"\f7a6"}.fa-face-laugh-wink,.fa-laugh-wink{--fa:"\f59c"}.fa-horse-head{--fa:"\f7ab"}.fa-bore-hole{--fa:"\e4c3"}.fa-industry{--fa:"\f275"}.fa-arrow-alt-circle-down,.fa-circle-down{--fa:"\f358"}.fa-arrows-turn-to-dots{--fa:"\e4c1"}.fa-florin-sign{--fa:"\e184"}.fa-arrow-down-short-wide,.fa-sort-amount-desc,.fa-sort-amount-down-alt{--fa:"\f884"}.fa-less-than{--fa:"\3c"}.fa-angle-down{--fa:"\f107"}.fa-car-tunnel{--fa:"\e4de"}.fa-head-side-cough{--fa:"\e061"}.fa-grip-lines{--fa:"\f7a4"}.fa-thumbs-down{--fa:"\f165"}.fa-user-lock{--fa:"\f502"}.fa-arrow-right-long,.fa-long-arrow-right{--fa:"\f178"}.fa-anchor-circle-xmark{--fa:"\e4ac"}.fa-ellipsis,.fa-ellipsis-h{--fa:"\f141"}.fa-chess-pawn{--fa:"\f443"}.fa-first-aid,.fa-kit-medical{--fa:"\f479"}.fa-person-through-window{--fa:"\e5a9"}.fa-toolbox{--fa:"\f552"}.fa-hands-holding-circle{--fa:"\e4fb"}.fa-bug{--fa:"\f188"}.fa-credit-card,.fa-credit-card-alt{--fa:"\f09d"}.fa-automobile,.fa-car{--fa:"\f1b9"}.fa-hand-holding-hand{--fa:"\e4f7"}.fa-book-open-reader,.fa-book-reader{--fa:"\f5da"}.fa-mountain-sun{--fa:"\e52f"}.fa-arrows-left-right-to-line{--fa:"\e4ba"}.fa-dice-d20{--fa:"\f6cf"}.fa-truck-droplet{--fa:"\e58c"}.fa-file-circle-xmark{--fa:"\e5a1"}.fa-temperature-arrow-up,.fa-temperature-up{--fa:"\e040"}.fa-medal{--fa:"\f5a2"}.fa-bed{--fa:"\f236"}.fa-h-square,.fa-square-h{--fa:"\f0fd"}.fa-podcast{--fa:"\f2ce"}.fa-temperature-4,.fa-temperature-full,.fa-thermometer-4,.fa-thermometer-full{--fa:"\f2c7"}.fa-bell{--fa:"\f0f3"}.fa-superscript{--fa:"\f12b"}.fa-plug-circle-xmark{--fa:"\e560"}.fa-star-of-life{--fa:"\f621"}.fa-phone-slash{--fa:"\f3dd"}.fa-paint-roller{--fa:"\f5aa"}.fa-hands-helping,.fa-handshake-angle{--fa:"\f4c4"}.fa-location-dot,.fa-map-marker-alt{--fa:"\f3c5"}.fa-file{--fa:"\f15b"}.fa-greater-than{--fa:"\3e"}.fa-person-swimming,.fa-swimmer{--fa:"\f5c4"}.fa-arrow-down{--fa:"\f063"}.fa-droplet,.fa-tint{--fa:"\f043"}.fa-eraser{--fa:"\f12d"}.fa-earth,.fa-earth-america,.fa-earth-americas,.fa-globe-americas{--fa:"\f57d"}.fa-person-burst{--fa:"\e53b"}.fa-dove{--fa:"\f4ba"}.fa-battery-0,.fa-battery-empty{--fa:"\f244"}.fa-socks{--fa:"\f696"}.fa-inbox{--fa:"\f01c"}.fa-section{--fa:"\e447"}.fa-gauge-high,.fa-tachometer-alt,.fa-tachometer-alt-fast{--fa:"\f625"}.fa-envelope-open-text{--fa:"\f658"}.fa-hospital,.fa-hospital-alt,.fa-hospital-wide{--fa:"\f0f8"}.fa-wine-bottle{--fa:"\f72f"}.fa-chess-rook{--fa:"\f447"}.fa-bars-staggered,.fa-reorder,.fa-stream{--fa:"\f550"}.fa-dharmachakra{--fa:"\f655"}.fa-hotdog{--fa:"\f80f"}.fa-blind,.fa-person-walking-with-cane{--fa:"\f29d"}.fa-drum{--fa:"\f569"}.fa-ice-cream{--fa:"\f810"}.fa-heart-circle-bolt{--fa:"\e4fc"}.fa-fax{--fa:"\f1ac"}.fa-paragraph{--fa:"\f1dd"}.fa-check-to-slot,.fa-vote-yea{--fa:"\f772"}.fa-star-half{--fa:"\f089"}.fa-boxes,.fa-boxes-alt,.fa-boxes-stacked{--fa:"\f468"}.fa-chain,.fa-link{--fa:"\f0c1"}.fa-assistive-listening-systems,.fa-ear-listen{--fa:"\f2a2"}.fa-tree-city{--fa:"\e587"}.fa-play{--fa:"\f04b"}.fa-font{--fa:"\f031"}.fa-table-cells-row-lock{--fa:"\e67a"}.fa-rupiah-sign{--fa:"\e23d"}.fa-magnifying-glass,.fa-search{--fa:"\f002"}.fa-ping-pong-paddle-ball,.fa-table-tennis,.fa-table-tennis-paddle-ball{--fa:"\f45d"}.fa-diagnoses,.fa-person-dots-from-line{--fa:"\f470"}.fa-trash-can-arrow-up,.fa-trash-restore-alt{--fa:"\f82a"}.fa-naira-sign{--fa:"\e1f6"}.fa-cart-arrow-down{--fa:"\f218"}.fa-walkie-talkie{--fa:"\f8ef"}.fa-file-edit,.fa-file-pen{--fa:"\f31c"}.fa-receipt{--fa:"\f543"}.fa-pen-square,.fa-pencil-square,.fa-square-pen{--fa:"\f14b"}.fa-suitcase-rolling{--fa:"\f5c1"}.fa-person-circle-exclamation{--fa:"\e53f"}.fa-chevron-down{--fa:"\f078"}.fa-battery,.fa-battery-5,.fa-battery-full{--fa:"\f240"}.fa-skull-crossbones{--fa:"\f714"}.fa-code-compare{--fa:"\e13a"}.fa-list-dots,.fa-list-ul{--fa:"\f0ca"}.fa-school-lock{--fa:"\e56f"}.fa-tower-cell{--fa:"\e585"}.fa-down-long,.fa-long-arrow-alt-down{--fa:"\f309"}.fa-ranking-star{--fa:"\e561"}.fa-chess-king{--fa:"\f43f"}.fa-person-harassing{--fa:"\e549"}.fa-brazilian-real-sign{--fa:"\e46c"}.fa-landmark-alt,.fa-landmark-dome{--fa:"\f752"}.fa-arrow-up{--fa:"\f062"}.fa-television,.fa-tv,.fa-tv-alt{--fa:"\f26c"}.fa-shrimp{--fa:"\e448"}.fa-list-check,.fa-tasks{--fa:"\f0ae"}.fa-jug-detergent{--fa:"\e519"}.fa-circle-user,.fa-user-circle{--fa:"\f2bd"}.fa-user-shield{--fa:"\f505"}.fa-wind{--fa:"\f72e"}.fa-car-burst,.fa-car-crash{--fa:"\f5e1"}.fa-y{--fa:"\59"}.fa-person-snowboarding,.fa-snowboarding{--fa:"\f7ce"}.fa-shipping-fast,.fa-truck-fast{--fa:"\f48b"}.fa-fish{--fa:"\f578"}.fa-user-graduate{--fa:"\f501"}.fa-adjust,.fa-circle-half-stroke{--fa:"\f042"}.fa-clapperboard{--fa:"\e131"}.fa-circle-radiation,.fa-radiation-alt{--fa:"\f7ba"}.fa-baseball,.fa-baseball-ball{--fa:"\f433"}.fa-jet-fighter-up{--fa:"\e518"}.fa-diagram-project,.fa-project-diagram{--fa:"\f542"}.fa-copy{--fa:"\f0c5"}.fa-volume-mute,.fa-volume-times,.fa-volume-xmark{--fa:"\f6a9"}.fa-hand-sparkles{--fa:"\e05d"}.fa-grip,.fa-grip-horizontal{--fa:"\f58d"}.fa-share-from-square,.fa-share-square{--fa:"\f14d"}.fa-child-combatant,.fa-child-rifle{--fa:"\e4e0"}.fa-gun{--fa:"\e19b"}.fa-phone-square,.fa-square-phone{--fa:"\f098"}.fa-add,.fa-plus{--fa:"\2b"}.fa-expand{--fa:"\f065"}.fa-computer{--fa:"\e4e5"}.fa-close,.fa-multiply,.fa-remove,.fa-times,.fa-xmark{--fa:"\f00d"}.fa-arrows,.fa-arrows-up-down-left-right{--fa:"\f047"}.fa-chalkboard-teacher,.fa-chalkboard-user{--fa:"\f51c"}.fa-peso-sign{--fa:"\e222"}.fa-building-shield{--fa:"\e4d8"}.fa-baby{--fa:"\f77c"}.fa-users-line{--fa:"\e592"}.fa-quote-left,.fa-quote-left-alt{--fa:"\f10d"}.fa-tractor{--fa:"\f722"}.fa-trash-arrow-up,.fa-trash-restore{--fa:"\f829"}.fa-arrow-down-up-lock{--fa:"\e4b0"}.fa-lines-leaning{--fa:"\e51e"}.fa-ruler-combined{--fa:"\f546"}.fa-copyright{--fa:"\f1f9"}.fa-equals{--fa:"\3d"}.fa-blender{--fa:"\f517"}.fa-teeth{--fa:"\f62e"}.fa-ils,.fa-shekel,.fa-shekel-sign,.fa-sheqel,.fa-sheqel-sign{--fa:"\f20b"}.fa-map{--fa:"\f279"}.fa-rocket{--fa:"\f135"}.fa-photo-film,.fa-photo-video{--fa:"\f87c"}.fa-folder-minus{--fa:"\f65d"}.fa-hexagon-nodes-bolt{--fa:"\e69a"}.fa-store{--fa:"\f54e"}.fa-arrow-trend-up{--fa:"\e098"}.fa-plug-circle-minus{--fa:"\e55e"}.fa-sign,.fa-sign-hanging{--fa:"\f4d9"}.fa-bezier-curve{--fa:"\f55b"}.fa-bell-slash{--fa:"\f1f6"}.fa-tablet,.fa-tablet-android{--fa:"\f3fb"}.fa-school-flag{--fa:"\e56e"}.fa-fill{--fa:"\f575"}.fa-angle-up{--fa:"\f106"}.fa-drumstick-bite{--fa:"\f6d7"}.fa-holly-berry{--fa:"\f7aa"}.fa-chevron-left{--fa:"\f053"}.fa-bacteria{--fa:"\e059"}.fa-hand-lizard{--fa:"\f258"}.fa-notdef{--fa:"\e1fe"}.fa-disease{--fa:"\f7fa"}.fa-briefcase-medical{--fa:"\f469"}.fa-genderless{--fa:"\f22d"}.fa-chevron-right{--fa:"\f054"}.fa-retweet{--fa:"\f079"}.fa-car-alt,.fa-car-rear{--fa:"\f5de"}.fa-pump-soap{--fa:"\e06b"}.fa-video-slash{--fa:"\f4e2"}.fa-battery-2,.fa-battery-quarter{--fa:"\f243"}.fa-radio{--fa:"\f8d7"}.fa-baby-carriage,.fa-carriage-baby{--fa:"\f77d"}.fa-traffic-light{--fa:"\f637"}.fa-thermometer{--fa:"\f491"}.fa-vr-cardboard{--fa:"\f729"}.fa-hand-middle-finger{--fa:"\f806"}.fa-percent,.fa-percentage{--fa:"\25"}.fa-truck-moving{--fa:"\f4df"}.fa-glass-water-droplet{--fa:"\e4f5"}.fa-display{--fa:"\e163"}.fa-face-smile,.fa-smile{--fa:"\f118"}.fa-thumb-tack,.fa-thumbtack{--fa:"\f08d"}.fa-trophy{--fa:"\f091"}.fa-person-praying,.fa-pray{--fa:"\f683"}.fa-hammer{--fa:"\f6e3"}.fa-hand-peace{--fa:"\f25b"}.fa-rotate,.fa-sync-alt{--fa:"\f2f1"}.fa-spinner{--fa:"\f110"}.fa-robot{--fa:"\f544"}.fa-peace{--fa:"\f67c"}.fa-cogs,.fa-gears{--fa:"\f085"}.fa-warehouse{--fa:"\f494"}.fa-arrow-up-right-dots{--fa:"\e4b7"}.fa-splotch{--fa:"\f5bc"}.fa-face-grin-hearts,.fa-grin-hearts{--fa:"\f584"}.fa-dice-four{--fa:"\f524"}.fa-sim-card{--fa:"\f7c4"}.fa-transgender,.fa-transgender-alt{--fa:"\f225"}.fa-mercury{--fa:"\f223"}.fa-arrow-turn-down,.fa-level-down{--fa:"\f149"}.fa-person-falling-burst{--fa:"\e547"}.fa-award{--fa:"\f559"}.fa-ticket-alt,.fa-ticket-simple{--fa:"\f3ff"}.fa-building{--fa:"\f1ad"}.fa-angle-double-left,.fa-angles-left{--fa:"\f100"}.fa-qrcode{--fa:"\f029"}.fa-clock-rotate-left,.fa-history{--fa:"\f1da"}.fa-face-grin-beam-sweat,.fa-grin-beam-sweat{--fa:"\f583"}.fa-arrow-right-from-file,.fa-file-export{--fa:"\f56e"}.fa-shield,.fa-shield-blank{--fa:"\f132"}.fa-arrow-up-short-wide,.fa-sort-amount-up-alt{--fa:"\f885"}.fa-comment-nodes{--fa:"\e696"}.fa-house-medical{--fa:"\e3b2"}.fa-golf-ball,.fa-golf-ball-tee{--fa:"\f450"}.fa-chevron-circle-left,.fa-circle-chevron-left{--fa:"\f137"}.fa-house-chimney-window{--fa:"\e00d"}.fa-pen-nib{--fa:"\f5ad"}.fa-tent-arrow-turn-left{--fa:"\e580"}.fa-tents{--fa:"\e582"}.fa-magic,.fa-wand-magic{--fa:"\f0d0"}.fa-dog{--fa:"\f6d3"}.fa-carrot{--fa:"\f787"}.fa-moon{--fa:"\f186"}.fa-wine-glass-alt,.fa-wine-glass-empty{--fa:"\f5ce"}.fa-cheese{--fa:"\f7ef"}.fa-yin-yang{--fa:"\f6ad"}.fa-music{--fa:"\f001"}.fa-code-commit{--fa:"\f386"}.fa-temperature-low{--fa:"\f76b"}.fa-biking,.fa-person-biking{--fa:"\f84a"}.fa-broom{--fa:"\f51a"}.fa-shield-heart{--fa:"\e574"}.fa-gopuram{--fa:"\f664"}.fa-earth-oceania,.fa-globe-oceania{--fa:"\e47b"}.fa-square-xmark,.fa-times-square,.fa-xmark-square{--fa:"\f2d3"}.fa-hashtag{--fa:"\23"}.fa-expand-alt,.fa-up-right-and-down-left-from-center{--fa:"\f424"}.fa-oil-can{--fa:"\f613"}.fa-t{--fa:"\54"}.fa-hippo{--fa:"\f6ed"}.fa-chart-column{--fa:"\e0e3"}.fa-infinity{--fa:"\f534"}.fa-vial-circle-check{--fa:"\e596"}.fa-person-arrow-down-to-line{--fa:"\e538"}.fa-voicemail{--fa:"\f897"}.fa-fan{--fa:"\f863"}.fa-person-walking-luggage{--fa:"\e554"}.fa-arrows-alt-v,.fa-up-down{--fa:"\f338"}.fa-cloud-moon-rain{--fa:"\f73c"}.fa-calendar{--fa:"\f133"}.fa-trailer{--fa:"\e041"}.fa-bahai,.fa-haykal{--fa:"\f666"}.fa-sd-card{--fa:"\f7c2"}.fa-dragon{--fa:"\f6d5"}.fa-shoe-prints{--fa:"\f54b"}.fa-circle-plus,.fa-plus-circle{--fa:"\f055"}.fa-face-grin-tongue-wink,.fa-grin-tongue-wink{--fa:"\f58b"}.fa-hand-holding{--fa:"\f4bd"}.fa-plug-circle-exclamation{--fa:"\e55d"}.fa-chain-broken,.fa-chain-slash,.fa-link-slash,.fa-unlink{--fa:"\f127"}.fa-clone{--fa:"\f24d"}.fa-person-walking-arrow-loop-left{--fa:"\e551"}.fa-arrow-up-z-a,.fa-sort-alpha-up-alt{--fa:"\f882"}.fa-fire-alt,.fa-fire-flame-curved{--fa:"\f7e4"}.fa-tornado{--fa:"\f76f"}.fa-file-circle-plus{--fa:"\e494"}.fa-book-quran,.fa-quran{--fa:"\f687"}.fa-anchor{--fa:"\f13d"}.fa-border-all{--fa:"\f84c"}.fa-angry,.fa-face-angry{--fa:"\f556"}.fa-cookie-bite{--fa:"\f564"}.fa-arrow-trend-down{--fa:"\e097"}.fa-feed,.fa-rss{--fa:"\f09e"}.fa-draw-polygon{--fa:"\f5ee"}.fa-balance-scale,.fa-scale-balanced{--fa:"\f24e"}.fa-gauge-simple-high,.fa-tachometer,.fa-tachometer-fast{--fa:"\f62a"}.fa-shower{--fa:"\f2cc"}.fa-desktop,.fa-desktop-alt{--fa:"\f390"}.fa-m{--fa:"\4d"}.fa-table-list,.fa-th-list{--fa:"\f00b"}.fa-comment-sms,.fa-sms{--fa:"\f7cd"}.fa-book{--fa:"\f02d"}.fa-user-plus{--fa:"\f234"}.fa-check{--fa:"\f00c"}.fa-battery-4,.fa-battery-three-quarters{--fa:"\f241"}.fa-house-circle-check{--fa:"\e509"}.fa-angle-left{--fa:"\f104"}.fa-diagram-successor{--fa:"\e47a"}.fa-truck-arrow-right{--fa:"\e58b"}.fa-arrows-split-up-and-left{--fa:"\e4bc"}.fa-fist-raised,.fa-hand-fist{--fa:"\f6de"}.fa-cloud-moon{--fa:"\f6c3"}.fa-briefcase{--fa:"\f0b1"}.fa-person-falling{--fa:"\e546"}.fa-image-portrait,.fa-portrait{--fa:"\f3e0"}.fa-user-tag{--fa:"\f507"}.fa-rug{--fa:"\e569"}.fa-earth-europe,.fa-globe-europe{--fa:"\f7a2"}.fa-cart-flatbed-suitcase,.fa-luggage-cart{--fa:"\f59d"}.fa-rectangle-times,.fa-rectangle-xmark,.fa-times-rectangle,.fa-window-close{--fa:"\f410"}.fa-baht-sign{--fa:"\e0ac"}.fa-book-open{--fa:"\f518"}.fa-book-journal-whills,.fa-journal-whills{--fa:"\f66a"}.fa-handcuffs{--fa:"\e4f8"}.fa-exclamation-triangle,.fa-triangle-exclamation,.fa-warning{--fa:"\f071"}.fa-database{--fa:"\f1c0"}.fa-mail-forward,.fa-share{--fa:"\f064"}.fa-bottle-droplet{--fa:"\e4c4"}.fa-mask-face{--fa:"\e1d7"}.fa-hill-rockslide{--fa:"\e508"}.fa-exchange-alt,.fa-right-left{--fa:"\f362"}.fa-paper-plane{--fa:"\f1d8"}.fa-road-circle-exclamation{--fa:"\e565"}.fa-dungeon{--fa:"\f6d9"}.fa-align-right{--fa:"\f038"}.fa-money-bill-1-wave,.fa-money-bill-wave-alt{--fa:"\f53b"}.fa-life-ring{--fa:"\f1cd"}.fa-hands,.fa-sign-language,.fa-signing{--fa:"\f2a7"}.fa-calendar-day{--fa:"\f783"}.fa-ladder-water,.fa-swimming-pool,.fa-water-ladder{--fa:"\f5c5"}.fa-arrows-up-down,.fa-arrows-v{--fa:"\f07d"}.fa-face-grimace,.fa-grimace{--fa:"\f57f"}.fa-wheelchair-alt,.fa-wheelchair-move{--fa:"\e2ce"}.fa-level-down-alt,.fa-turn-down{--fa:"\f3be"}.fa-person-walking-arrow-right{--fa:"\e552"}.fa-envelope-square,.fa-square-envelope{--fa:"\f199"}.fa-dice{--fa:"\f522"}.fa-bowling-ball{--fa:"\f436"}.fa-brain{--fa:"\f5dc"}.fa-band-aid,.fa-bandage{--fa:"\f462"}.fa-calendar-minus{--fa:"\f272"}.fa-circle-xmark,.fa-times-circle,.fa-xmark-circle{--fa:"\f057"}.fa-gifts{--fa:"\f79c"}.fa-hotel{--fa:"\f594"}.fa-earth-asia,.fa-globe-asia{--fa:"\f57e"}.fa-id-card-alt,.fa-id-card-clip{--fa:"\f47f"}.fa-magnifying-glass-plus,.fa-search-plus{--fa:"\f00e"}.fa-thumbs-up{--fa:"\f164"}.fa-user-clock{--fa:"\f4fd"}.fa-allergies,.fa-hand-dots{--fa:"\f461"}.fa-file-invoice{--fa:"\f570"}.fa-window-minimize{--fa:"\f2d1"}.fa-coffee,.fa-mug-saucer{--fa:"\f0f4"}.fa-brush{--fa:"\f55d"}.fa-file-half-dashed{--fa:"\e698"}.fa-mask{--fa:"\f6fa"}.fa-magnifying-glass-minus,.fa-search-minus{--fa:"\f010"}.fa-ruler-vertical{--fa:"\f548"}.fa-user-alt,.fa-user-large{--fa:"\f406"}.fa-train-tram{--fa:"\e5b4"}.fa-user-nurse{--fa:"\f82f"}.fa-syringe{--fa:"\f48e"}.fa-cloud-sun{--fa:"\f6c4"}.fa-stopwatch-20{--fa:"\e06f"}.fa-square-full{--fa:"\f45c"}.fa-magnet{--fa:"\f076"}.fa-jar{--fa:"\e516"}.fa-note-sticky,.fa-sticky-note{--fa:"\f249"}.fa-bug-slash{--fa:"\e490"}.fa-arrow-up-from-water-pump{--fa:"\e4b6"}.fa-bone{--fa:"\f5d7"}.fa-table-cells-row-unlock{--fa:"\e691"}.fa-user-injured{--fa:"\f728"}.fa-face-sad-tear,.fa-sad-tear{--fa:"\f5b4"}.fa-plane{--fa:"\f072"}.fa-tent-arrows-down{--fa:"\e581"}.fa-exclamation{--fa:"\21"}.fa-arrows-spin{--fa:"\e4bb"}.fa-print{--fa:"\f02f"}.fa-try,.fa-turkish-lira,.fa-turkish-lira-sign{--fa:"\e2bb"}.fa-dollar,.fa-dollar-sign,.fa-usd{--fa:"\24"}.fa-x{--fa:"\58"}.fa-magnifying-glass-dollar,.fa-search-dollar{--fa:"\f688"}.fa-users-cog,.fa-users-gear{--fa:"\f509"}.fa-person-military-pointing{--fa:"\e54a"}.fa-bank,.fa-building-columns,.fa-institution,.fa-museum,.fa-university{--fa:"\f19c"}.fa-umbrella{--fa:"\f0e9"}.fa-trowel{--fa:"\e589"}.fa-d{--fa:"\44"}.fa-stapler{--fa:"\e5af"}.fa-masks-theater,.fa-theater-masks{--fa:"\f630"}.fa-kip-sign{--fa:"\e1c4"}.fa-hand-point-left{--fa:"\f0a5"}.fa-handshake-alt,.fa-handshake-simple{--fa:"\f4c6"}.fa-fighter-jet,.fa-jet-fighter{--fa:"\f0fb"}.fa-share-alt-square,.fa-square-share-nodes{--fa:"\f1e1"}.fa-barcode{--fa:"\f02a"}.fa-plus-minus{--fa:"\e43c"}.fa-video,.fa-video-camera{--fa:"\f03d"}.fa-graduation-cap,.fa-mortar-board{--fa:"\f19d"}.fa-hand-holding-medical{--fa:"\e05c"}.fa-person-circle-check{--fa:"\e53e"}.fa-level-up-alt,.fa-turn-up{--fa:"\f3bf"}.fa-sr-only,.fa-sr-only-focusable:not(:focus),.sr-only,.sr-only-focusable:not(:focus){clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}:host,:root{--fa-style-family-brands:"Font Awesome 6 Brands";--fa-font-brands:normal 400 1em/1 "Font Awesome 6 Brands"}@font-face{font-display:block;font-family:Font Awesome\ 6 Brands;font-style:normal;font-weight:400;src:url(/static/media/fa-brands-400.c210719e60948b211a12.woff2) format("woff2"),url(/static/media/fa-brands-400.1815e00441357e01619e.ttf) format("truetype")}.fa-brands,.fab{font-weight:400}.fa-monero{--fa:"\f3d0"}.fa-hooli{--fa:"\f427"}.fa-yelp{--fa:"\f1e9"}.fa-cc-visa{--fa:"\f1f0"}.fa-lastfm{--fa:"\f202"}.fa-shopware{--fa:"\f5b5"}.fa-creative-commons-nc{--fa:"\f4e8"}.fa-aws{--fa:"\f375"}.fa-redhat{--fa:"\f7bc"}.fa-yoast{--fa:"\f2b1"}.fa-cloudflare{--fa:"\e07d"}.fa-ups{--fa:"\f7e0"}.fa-pixiv{--fa:"\e640"}.fa-wpexplorer{--fa:"\f2de"}.fa-dyalog{--fa:"\f399"}.fa-bity{--fa:"\f37a"}.fa-stackpath{--fa:"\f842"}.fa-buysellads{--fa:"\f20d"}.fa-first-order{--fa:"\f2b0"}.fa-modx{--fa:"\f285"}.fa-guilded{--fa:"\e07e"}.fa-vnv{--fa:"\f40b"}.fa-js-square,.fa-square-js{--fa:"\f3b9"}.fa-microsoft{--fa:"\f3ca"}.fa-qq{--fa:"\f1d6"}.fa-orcid{--fa:"\f8d2"}.fa-java{--fa:"\f4e4"}.fa-invision{--fa:"\f7b0"}.fa-creative-commons-pd-alt{--fa:"\f4ed"}.fa-centercode{--fa:"\f380"}.fa-glide-g{--fa:"\f2a6"}.fa-drupal{--fa:"\f1a9"}.fa-jxl{--fa:"\e67b"}.fa-dart-lang{--fa:"\e693"}.fa-hire-a-helper{--fa:"\f3b0"}.fa-creative-commons-by{--fa:"\f4e7"}.fa-unity{--fa:"\e049"}.fa-whmcs{--fa:"\f40d"}.fa-rocketchat{--fa:"\f3e8"}.fa-vk{--fa:"\f189"}.fa-untappd{--fa:"\f405"}.fa-mailchimp{--fa:"\f59e"}.fa-css3-alt{--fa:"\f38b"}.fa-reddit-square,.fa-square-reddit{--fa:"\f1a2"}.fa-vimeo-v{--fa:"\f27d"}.fa-contao{--fa:"\f26d"}.fa-square-font-awesome{--fa:"\e5ad"}.fa-deskpro{--fa:"\f38f"}.fa-brave{--fa:"\e63c"}.fa-sistrix{--fa:"\f3ee"}.fa-instagram-square,.fa-square-instagram{--fa:"\e055"}.fa-battle-net{--fa:"\f835"}.fa-the-red-yeti{--fa:"\f69d"}.fa-hacker-news-square,.fa-square-hacker-news{--fa:"\f3af"}.fa-edge{--fa:"\f282"}.fa-threads{--fa:"\e618"}.fa-napster{--fa:"\f3d2"}.fa-snapchat-square,.fa-square-snapchat{--fa:"\f2ad"}.fa-google-plus-g{--fa:"\f0d5"}.fa-artstation{--fa:"\f77a"}.fa-markdown{--fa:"\f60f"}.fa-sourcetree{--fa:"\f7d3"}.fa-google-plus{--fa:"\f2b3"}.fa-diaspora{--fa:"\f791"}.fa-foursquare{--fa:"\f180"}.fa-stack-overflow{--fa:"\f16c"}.fa-github-alt{--fa:"\f113"}.fa-phoenix-squadron{--fa:"\f511"}.fa-pagelines{--fa:"\f18c"}.fa-algolia{--fa:"\f36c"}.fa-red-river{--fa:"\f3e3"}.fa-creative-commons-sa{--fa:"\f4ef"}.fa-safari{--fa:"\f267"}.fa-google{--fa:"\f1a0"}.fa-font-awesome-alt,.fa-square-font-awesome-stroke{--fa:"\f35c"}.fa-atlassian{--fa:"\f77b"}.fa-linkedin-in{--fa:"\f0e1"}.fa-digital-ocean{--fa:"\f391"}.fa-nimblr{--fa:"\f5a8"}.fa-chromecast{--fa:"\f838"}.fa-evernote{--fa:"\f839"}.fa-hacker-news{--fa:"\f1d4"}.fa-creative-commons-sampling{--fa:"\f4f0"}.fa-adversal{--fa:"\f36a"}.fa-creative-commons{--fa:"\f25e"}.fa-watchman-monitoring{--fa:"\e087"}.fa-fonticons{--fa:"\f280"}.fa-weixin{--fa:"\f1d7"}.fa-shirtsinbulk{--fa:"\f214"}.fa-codepen{--fa:"\f1cb"}.fa-git-alt{--fa:"\f841"}.fa-lyft{--fa:"\f3c3"}.fa-rev{--fa:"\f5b2"}.fa-windows{--fa:"\f17a"}.fa-wizards-of-the-coast{--fa:"\f730"}.fa-square-viadeo,.fa-viadeo-square{--fa:"\f2aa"}.fa-meetup{--fa:"\f2e0"}.fa-centos{--fa:"\f789"}.fa-adn{--fa:"\f170"}.fa-cloudsmith{--fa:"\f384"}.fa-opensuse{--fa:"\e62b"}.fa-pied-piper-alt{--fa:"\f1a8"}.fa-dribbble-square,.fa-square-dribbble{--fa:"\f397"}.fa-codiepie{--fa:"\f284"}.fa-node{--fa:"\f419"}.fa-mix{--fa:"\f3cb"}.fa-steam{--fa:"\f1b6"}.fa-cc-apple-pay{--fa:"\f416"}.fa-scribd{--fa:"\f28a"}.fa-debian{--fa:"\e60b"}.fa-openid{--fa:"\f19b"}.fa-instalod{--fa:"\e081"}.fa-files-pinwheel{--fa:"\e69f"}.fa-expeditedssl{--fa:"\f23e"}.fa-sellcast{--fa:"\f2da"}.fa-square-twitter,.fa-twitter-square{--fa:"\f081"}.fa-r-project{--fa:"\f4f7"}.fa-delicious{--fa:"\f1a5"}.fa-freebsd{--fa:"\f3a4"}.fa-vuejs{--fa:"\f41f"}.fa-accusoft{--fa:"\f369"}.fa-ioxhost{--fa:"\f208"}.fa-fonticons-fi{--fa:"\f3a2"}.fa-app-store{--fa:"\f36f"}.fa-cc-mastercard{--fa:"\f1f1"}.fa-itunes-note{--fa:"\f3b5"}.fa-golang{--fa:"\e40f"}.fa-kickstarter,.fa-square-kickstarter{--fa:"\f3bb"}.fa-grav{--fa:"\f2d6"}.fa-weibo{--fa:"\f18a"}.fa-uncharted{--fa:"\e084"}.fa-firstdraft{--fa:"\f3a1"}.fa-square-youtube,.fa-youtube-square{--fa:"\f431"}.fa-wikipedia-w{--fa:"\f266"}.fa-rendact,.fa-wpressr{--fa:"\f3e4"}.fa-angellist{--fa:"\f209"}.fa-galactic-republic{--fa:"\f50c"}.fa-nfc-directional{--fa:"\e530"}.fa-skype{--fa:"\f17e"}.fa-joget{--fa:"\f3b7"}.fa-fedora{--fa:"\f798"}.fa-stripe-s{--fa:"\f42a"}.fa-meta{--fa:"\e49b"}.fa-laravel{--fa:"\f3bd"}.fa-hotjar{--fa:"\f3b1"}.fa-bluetooth-b{--fa:"\f294"}.fa-square-letterboxd{--fa:"\e62e"}.fa-sticker-mule{--fa:"\f3f7"}.fa-creative-commons-zero{--fa:"\f4f3"}.fa-hips{--fa:"\f452"}.fa-css{--fa:"\e6a2"}.fa-behance{--fa:"\f1b4"}.fa-reddit{--fa:"\f1a1"}.fa-discord{--fa:"\f392"}.fa-chrome{--fa:"\f268"}.fa-app-store-ios{--fa:"\f370"}.fa-cc-discover{--fa:"\f1f2"}.fa-wpbeginner{--fa:"\f297"}.fa-confluence{--fa:"\f78d"}.fa-shoelace{--fa:"\e60c"}.fa-mdb{--fa:"\f8ca"}.fa-dochub{--fa:"\f394"}.fa-accessible-icon{--fa:"\f368"}.fa-ebay{--fa:"\f4f4"}.fa-amazon{--fa:"\f270"}.fa-unsplash{--fa:"\e07c"}.fa-yarn{--fa:"\f7e3"}.fa-square-steam,.fa-steam-square{--fa:"\f1b7"}.fa-500px{--fa:"\f26e"}.fa-square-vimeo,.fa-vimeo-square{--fa:"\f194"}.fa-asymmetrik{--fa:"\f372"}.fa-font-awesome,.fa-font-awesome-flag,.fa-font-awesome-logo-full{--fa:"\f2b4"}.fa-gratipay{--fa:"\f184"}.fa-apple{--fa:"\f179"}.fa-hive{--fa:"\e07f"}.fa-gitkraken{--fa:"\f3a6"}.fa-keybase{--fa:"\f4f5"}.fa-apple-pay{--fa:"\f415"}.fa-padlet{--fa:"\e4a0"}.fa-amazon-pay{--fa:"\f42c"}.fa-github-square,.fa-square-github{--fa:"\f092"}.fa-stumbleupon{--fa:"\f1a4"}.fa-fedex{--fa:"\f797"}.fa-phoenix-framework{--fa:"\f3dc"}.fa-shopify{--fa:"\e057"}.fa-neos{--fa:"\f612"}.fa-square-threads{--fa:"\e619"}.fa-hackerrank{--fa:"\f5f7"}.fa-researchgate{--fa:"\f4f8"}.fa-swift{--fa:"\f8e1"}.fa-angular{--fa:"\f420"}.fa-speakap{--fa:"\f3f3"}.fa-angrycreative{--fa:"\f36e"}.fa-y-combinator{--fa:"\f23b"}.fa-empire{--fa:"\f1d1"}.fa-envira{--fa:"\f299"}.fa-google-scholar{--fa:"\e63b"}.fa-gitlab-square,.fa-square-gitlab{--fa:"\e5ae"}.fa-studiovinari{--fa:"\f3f8"}.fa-pied-piper{--fa:"\f2ae"}.fa-wordpress{--fa:"\f19a"}.fa-product-hunt{--fa:"\f288"}.fa-firefox{--fa:"\f269"}.fa-linode{--fa:"\f2b8"}.fa-goodreads{--fa:"\f3a8"}.fa-odnoklassniki-square,.fa-square-odnoklassniki{--fa:"\f264"}.fa-jsfiddle{--fa:"\f1cc"}.fa-sith{--fa:"\f512"}.fa-themeisle{--fa:"\f2b2"}.fa-page4{--fa:"\f3d7"}.fa-hashnode{--fa:"\e499"}.fa-react{--fa:"\f41b"}.fa-cc-paypal{--fa:"\f1f4"}.fa-squarespace{--fa:"\f5be"}.fa-cc-stripe{--fa:"\f1f5"}.fa-creative-commons-share{--fa:"\f4f2"}.fa-bitcoin{--fa:"\f379"}.fa-keycdn{--fa:"\f3ba"}.fa-opera{--fa:"\f26a"}.fa-itch-io{--fa:"\f83a"}.fa-umbraco{--fa:"\f8e8"}.fa-galactic-senate{--fa:"\f50d"}.fa-ubuntu{--fa:"\f7df"}.fa-draft2digital{--fa:"\f396"}.fa-stripe{--fa:"\f429"}.fa-houzz{--fa:"\f27c"}.fa-gg{--fa:"\f260"}.fa-dhl{--fa:"\f790"}.fa-pinterest-square,.fa-square-pinterest{--fa:"\f0d3"}.fa-xing{--fa:"\f168"}.fa-blackberry{--fa:"\f37b"}.fa-creative-commons-pd{--fa:"\f4ec"}.fa-playstation{--fa:"\f3df"}.fa-quinscape{--fa:"\f459"}.fa-less{--fa:"\f41d"}.fa-blogger-b{--fa:"\f37d"}.fa-opencart{--fa:"\f23d"}.fa-vine{--fa:"\f1ca"}.fa-signal-messenger{--fa:"\e663"}.fa-paypal{--fa:"\f1ed"}.fa-gitlab{--fa:"\f296"}.fa-typo3{--fa:"\f42b"}.fa-reddit-alien{--fa:"\f281"}.fa-yahoo{--fa:"\f19e"}.fa-dailymotion{--fa:"\e052"}.fa-affiliatetheme{--fa:"\f36b"}.fa-pied-piper-pp{--fa:"\f1a7"}.fa-bootstrap{--fa:"\f836"}.fa-odnoklassniki{--fa:"\f263"}.fa-nfc-symbol{--fa:"\e531"}.fa-mintbit{--fa:"\e62f"}.fa-ethereum{--fa:"\f42e"}.fa-speaker-deck{--fa:"\f83c"}.fa-creative-commons-nc-eu{--fa:"\f4e9"}.fa-patreon{--fa:"\f3d9"}.fa-avianex{--fa:"\f374"}.fa-ello{--fa:"\f5f1"}.fa-gofore{--fa:"\f3a7"}.fa-bimobject{--fa:"\f378"}.fa-brave-reverse{--fa:"\e63d"}.fa-facebook-f{--fa:"\f39e"}.fa-google-plus-square,.fa-square-google-plus{--fa:"\f0d4"}.fa-web-awesome{--fa:"\e682"}.fa-mandalorian{--fa:"\f50f"}.fa-first-order-alt{--fa:"\f50a"}.fa-osi{--fa:"\f41a"}.fa-google-wallet{--fa:"\f1ee"}.fa-d-and-d-beyond{--fa:"\f6ca"}.fa-periscope{--fa:"\f3da"}.fa-fulcrum{--fa:"\f50b"}.fa-cloudscale{--fa:"\f383"}.fa-forumbee{--fa:"\f211"}.fa-mizuni{--fa:"\f3cc"}.fa-schlix{--fa:"\f3ea"}.fa-square-xing,.fa-xing-square{--fa:"\f169"}.fa-bandcamp{--fa:"\f2d5"}.fa-wpforms{--fa:"\f298"}.fa-cloudversify{--fa:"\f385"}.fa-usps{--fa:"\f7e1"}.fa-megaport{--fa:"\f5a3"}.fa-magento{--fa:"\f3c4"}.fa-spotify{--fa:"\f1bc"}.fa-optin-monster{--fa:"\f23c"}.fa-fly{--fa:"\f417"}.fa-square-bluesky{--fa:"\e6a3"}.fa-aviato{--fa:"\f421"}.fa-itunes{--fa:"\f3b4"}.fa-cuttlefish{--fa:"\f38c"}.fa-blogger{--fa:"\f37c"}.fa-flickr{--fa:"\f16e"}.fa-viber{--fa:"\f409"}.fa-soundcloud{--fa:"\f1be"}.fa-digg{--fa:"\f1a6"}.fa-tencent-weibo{--fa:"\f1d5"}.fa-letterboxd{--fa:"\e62d"}.fa-symfony{--fa:"\f83d"}.fa-maxcdn{--fa:"\f136"}.fa-etsy{--fa:"\f2d7"}.fa-facebook-messenger{--fa:"\f39f"}.fa-audible{--fa:"\f373"}.fa-think-peaks{--fa:"\f731"}.fa-bilibili{--fa:"\e3d9"}.fa-erlang{--fa:"\f39d"}.fa-x-twitter{--fa:"\e61b"}.fa-cotton-bureau{--fa:"\f89e"}.fa-dashcube{--fa:"\f210"}.fa-42-group,.fa-innosoft{--fa:"\e080"}.fa-stack-exchange{--fa:"\f18d"}.fa-elementor{--fa:"\f430"}.fa-pied-piper-square,.fa-square-pied-piper{--fa:"\e01e"}.fa-creative-commons-nd{--fa:"\f4eb"}.fa-palfed{--fa:"\f3d8"}.fa-superpowers{--fa:"\f2dd"}.fa-resolving{--fa:"\f3e7"}.fa-xbox{--fa:"\f412"}.fa-square-web-awesome-stroke{--fa:"\e684"}.fa-searchengin{--fa:"\f3eb"}.fa-tiktok{--fa:"\e07b"}.fa-facebook-square,.fa-square-facebook{--fa:"\f082"}.fa-renren{--fa:"\f18b"}.fa-linux{--fa:"\f17c"}.fa-glide{--fa:"\f2a5"}.fa-linkedin{--fa:"\f08c"}.fa-hubspot{--fa:"\f3b2"}.fa-deploydog{--fa:"\f38e"}.fa-twitch{--fa:"\f1e8"}.fa-flutter{--fa:"\e694"}.fa-ravelry{--fa:"\f2d9"}.fa-mixer{--fa:"\e056"}.fa-lastfm-square,.fa-square-lastfm{--fa:"\f203"}.fa-vimeo{--fa:"\f40a"}.fa-mendeley{--fa:"\f7b3"}.fa-uniregistry{--fa:"\f404"}.fa-figma{--fa:"\f799"}.fa-creative-commons-remix{--fa:"\f4ee"}.fa-cc-amazon-pay{--fa:"\f42d"}.fa-dropbox{--fa:"\f16b"}.fa-instagram{--fa:"\f16d"}.fa-cmplid{--fa:"\e360"}.fa-upwork{--fa:"\e641"}.fa-facebook{--fa:"\f09a"}.fa-gripfire{--fa:"\f3ac"}.fa-jedi-order{--fa:"\f50e"}.fa-uikit{--fa:"\f403"}.fa-fort-awesome-alt{--fa:"\f3a3"}.fa-phabricator{--fa:"\f3db"}.fa-ussunnah{--fa:"\f407"}.fa-earlybirds{--fa:"\f39a"}.fa-trade-federation{--fa:"\f513"}.fa-autoprefixer{--fa:"\f41c"}.fa-whatsapp{--fa:"\f232"}.fa-square-upwork{--fa:"\e67c"}.fa-slideshare{--fa:"\f1e7"}.fa-google-play{--fa:"\f3ab"}.fa-viadeo{--fa:"\f2a9"}.fa-line{--fa:"\f3c0"}.fa-google-drive{--fa:"\f3aa"}.fa-servicestack{--fa:"\f3ec"}.fa-simplybuilt{--fa:"\f215"}.fa-bitbucket{--fa:"\f171"}.fa-imdb{--fa:"\f2d8"}.fa-deezer{--fa:"\e077"}.fa-raspberry-pi{--fa:"\f7bb"}.fa-jira{--fa:"\f7b1"}.fa-docker{--fa:"\f395"}.fa-screenpal{--fa:"\e570"}.fa-bluetooth{--fa:"\f293"}.fa-gitter{--fa:"\f426"}.fa-d-and-d{--fa:"\f38d"}.fa-microblog{--fa:"\e01a"}.fa-cc-diners-club{--fa:"\f24c"}.fa-gg-circle{--fa:"\f261"}.fa-pied-piper-hat{--fa:"\f4e5"}.fa-kickstarter-k{--fa:"\f3bc"}.fa-yandex{--fa:"\f413"}.fa-readme{--fa:"\f4d5"}.fa-html5{--fa:"\f13b"}.fa-sellsy{--fa:"\f213"}.fa-square-web-awesome{--fa:"\e683"}.fa-sass{--fa:"\f41e"}.fa-wirsindhandwerk,.fa-wsh{--fa:"\e2d0"}.fa-buromobelexperte{--fa:"\f37f"}.fa-salesforce{--fa:"\f83b"}.fa-octopus-deploy{--fa:"\e082"}.fa-medapps{--fa:"\f3c6"}.fa-ns8{--fa:"\f3d5"}.fa-pinterest-p{--fa:"\f231"}.fa-apper{--fa:"\f371"}.fa-fort-awesome{--fa:"\f286"}.fa-waze{--fa:"\f83f"}.fa-bluesky{--fa:"\e671"}.fa-cc-jcb{--fa:"\f24b"}.fa-snapchat,.fa-snapchat-ghost{--fa:"\f2ab"}.fa-fantasy-flight-games{--fa:"\f6dc"}.fa-rust{--fa:"\e07a"}.fa-wix{--fa:"\f5cf"}.fa-behance-square,.fa-square-behance{--fa:"\f1b5"}.fa-supple{--fa:"\f3f9"}.fa-webflow{--fa:"\e65c"}.fa-rebel{--fa:"\f1d0"}.fa-css3{--fa:"\f13c"}.fa-staylinked{--fa:"\f3f5"}.fa-kaggle{--fa:"\f5fa"}.fa-space-awesome{--fa:"\e5ac"}.fa-deviantart{--fa:"\f1bd"}.fa-cpanel{--fa:"\f388"}.fa-goodreads-g{--fa:"\f3a9"}.fa-git-square,.fa-square-git{--fa:"\f1d2"}.fa-square-tumblr,.fa-tumblr-square{--fa:"\f174"}.fa-trello{--fa:"\f181"}.fa-creative-commons-nc-jp{--fa:"\f4ea"}.fa-get-pocket{--fa:"\f265"}.fa-perbyte{--fa:"\e083"}.fa-grunt{--fa:"\f3ad"}.fa-weebly{--fa:"\f5cc"}.fa-connectdevelop{--fa:"\f20e"}.fa-leanpub{--fa:"\f212"}.fa-black-tie{--fa:"\f27e"}.fa-themeco{--fa:"\f5c6"}.fa-python{--fa:"\f3e2"}.fa-android{--fa:"\f17b"}.fa-bots{--fa:"\e340"}.fa-free-code-camp{--fa:"\f2c5"}.fa-hornbill{--fa:"\f592"}.fa-js{--fa:"\f3b8"}.fa-ideal{--fa:"\e013"}.fa-git{--fa:"\f1d3"}.fa-dev{--fa:"\f6cc"}.fa-sketch{--fa:"\f7c6"}.fa-yandex-international{--fa:"\f414"}.fa-cc-amex{--fa:"\f1f3"}.fa-uber{--fa:"\f402"}.fa-github{--fa:"\f09b"}.fa-php{--fa:"\f457"}.fa-alipay{--fa:"\f642"}.fa-youtube{--fa:"\f167"}.fa-skyatlas{--fa:"\f216"}.fa-firefox-browser{--fa:"\e007"}.fa-replyd{--fa:"\f3e6"}.fa-suse{--fa:"\f7d6"}.fa-jenkins{--fa:"\f3b6"}.fa-twitter{--fa:"\f099"}.fa-rockrms{--fa:"\f3e9"}.fa-pinterest{--fa:"\f0d2"}.fa-buffer{--fa:"\f837"}.fa-npm{--fa:"\f3d4"}.fa-yammer{--fa:"\f840"}.fa-btc{--fa:"\f15a"}.fa-dribbble{--fa:"\f17d"}.fa-stumbleupon-circle{--fa:"\f1a3"}.fa-internet-explorer{--fa:"\f26b"}.fa-stubber{--fa:"\e5c7"}.fa-telegram,.fa-telegram-plane{--fa:"\f2c6"}.fa-old-republic{--fa:"\f510"}.fa-odysee{--fa:"\e5c6"}.fa-square-whatsapp,.fa-whatsapp-square{--fa:"\f40c"}.fa-node-js{--fa:"\f3d3"}.fa-edge-legacy{--fa:"\e078"}.fa-slack,.fa-slack-hash{--fa:"\f198"}.fa-medrt{--fa:"\f3c8"}.fa-usb{--fa:"\f287"}.fa-tumblr{--fa:"\f173"}.fa-vaadin{--fa:"\f408"}.fa-quora{--fa:"\f2c4"}.fa-square-x-twitter{--fa:"\e61a"}.fa-reacteurope{--fa:"\f75d"}.fa-medium,.fa-medium-m{--fa:"\f23a"}.fa-amilia{--fa:"\f36d"}.fa-mixcloud{--fa:"\f289"}.fa-flipboard{--fa:"\f44d"}.fa-viacoin{--fa:"\f237"}.fa-critical-role{--fa:"\f6c9"}.fa-sitrox{--fa:"\e44a"}.fa-discourse{--fa:"\f393"}.fa-joomla{--fa:"\f1aa"}.fa-mastodon{--fa:"\f4f6"}.fa-airbnb{--fa:"\f834"}.fa-wolf-pack-battalion{--fa:"\f514"}.fa-buy-n-large{--fa:"\f8a6"}.fa-gulp{--fa:"\f3ae"}.fa-creative-commons-sampling-plus{--fa:"\f4f1"}.fa-strava{--fa:"\f428"}.fa-ember{--fa:"\f423"}.fa-canadian-maple-leaf{--fa:"\f785"}.fa-teamspeak{--fa:"\f4f9"}.fa-pushed{--fa:"\f3e1"}.fa-wordpress-simple{--fa:"\f411"}.fa-nutritionix{--fa:"\f3d6"}.fa-wodu{--fa:"\e088"}.fa-google-pay{--fa:"\e079"}.fa-intercom{--fa:"\f7af"}.fa-zhihu{--fa:"\f63f"}.fa-korvue{--fa:"\f42f"}.fa-pix{--fa:"\e43a"}.fa-steam-symbol{--fa:"\f3f6"}:host,:root{--fa-font-regular:normal 400 1em/1 "Font Awesome 6 Free"}@font-face{font-display:block;font-family:Font Awesome\ 6 Free;font-style:normal;font-weight:400;src:url(/static/media/fa-regular-400.89999bdf5d835c012025.woff2) format("woff2"),url(/static/media/fa-regular-400.914997e1bdfc990d0897.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-display:block;font-family:Font Awesome\ 6 Free;font-style:normal;font-weight:900;src:url(/static/media/fa-solid-900.2463b90d9a316e4e5294.woff2) format("woff2"),url(/static/media/fa-solid-900.2582b0e4bcf85eceead0.ttf) format("truetype")}.fa-solid,.fas{font-weight:900}@font-face{font-display:block;font-family:Font Awesome\ 5 Brands;font-weight:400;src:url(/static/media/fa-brands-400.c210719e60948b211a12.woff2) format("woff2"),url(/static/media/fa-brands-400.1815e00441357e01619e.ttf) format("truetype")}@font-face{font-display:block;font-family:Font Awesome\ 5 Free;font-weight:900;src:url(/static/media/fa-solid-900.2463b90d9a316e4e5294.woff2) format("woff2"),url(/static/media/fa-solid-900.2582b0e4bcf85eceead0.ttf) format("truetype")}@font-face{font-display:block;font-family:Font Awesome\ 5 Free;font-weight:400;src:url(/static/media/fa-regular-400.89999bdf5d835c012025.woff2) format("woff2"),url(/static/media/fa-regular-400.914997e1bdfc990d0897.ttf) format("truetype")}@font-face{font-display:block;font-family:FontAwesome;src:url(/static/media/fa-solid-900.2463b90d9a316e4e5294.woff2) format("woff2"),url(/static/media/fa-solid-900.2582b0e4bcf85eceead0.ttf) format("truetype")}@font-face{font-display:block;font-family:FontAwesome;src:url(/static/media/fa-brands-400.c210719e60948b211a12.woff2) format("woff2"),url(/static/media/fa-brands-400.1815e00441357e01619e.ttf) format("truetype")}@font-face{font-display:block;font-family:FontAwesome;src:url(/static/media/fa-regular-400.89999bdf5d835c012025.woff2) format("woff2"),url(/static/media/fa-regular-400.914997e1bdfc990d0897.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-display:block;font-family:FontAwesome;src:url(/static/media/fa-v4compatibility.ea8f94e1d22e0d35ccd4.woff2) format("woff2"),url(/static/media/fa-v4compatibility.da94ef451f4969af06e6.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}.cors-fix-overlay{align-items:center;background:#000c;bottom:0;box-sizing:border-box;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.cors-fix-modal{animation:slideIn .3s ease;background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000004d;max-height:80vh;max-width:600px;overflow-y:auto;width:100%}.cors-fix-header{align-items:center;background:linear-gradient(135deg,#fef2f2,#fee2e2);border-bottom:1px solid #e2e8f0;border-radius:12px 12px 0 0;display:flex;gap:12px;padding:20px}.cors-fix-icon{color:#dc2626;font-size:1.5rem}.cors-fix-header h3{color:#dc2626;flex:1 1;font-size:1.25rem;font-weight:600;margin:0}.cors-fix-close{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;font-size:1.25rem;padding:4px;transition:all .2s ease}.cors-fix-close:hover{background:#dc26261a;color:#dc2626}.cors-fix-content{padding:20px}.cors-fix-description{background:#f8fafc;border-left:4px solid #3b82f6;border-radius:8px;margin-bottom:20px;padding:16px}.cors-fix-description p{align-items:flex-start;color:#374151;display:flex;gap:8px;line-height:1.6;margin:0}.info-icon{color:#3b82f6;flex-shrink:0;font-size:1.1rem;margin-top:2px}.cors-fix-actions{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.cors-fix-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;justify-content:center;padding:12px 16px;text-align:center;transition:all .2s ease}.cors-fix-button.primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.cors-fix-button.primary:hover{box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.cors-fix-button.secondary{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.cors-fix-button.secondary:hover{background:#e5e7eb;transform:translateY(-1px)}.cors-fix-button.success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.cors-fix-button.success:hover{box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.cors-fix-button:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.spinning{animation:spin 1s linear infinite}.cors-fix-status{margin-bottom:20px}.cors-fix-status h4{color:#374151;font-size:1rem;font-weight:600;margin:0 0 12px}.status-grid{grid-gap:8px;display:grid;gap:8px}.status-item{align-items:center;border-radius:6px;display:flex;font-size:.9rem;justify-content:space-between;padding:8px 12px}.status-item.success{background:#f0fdf4;border:1px solid #bbf7d0}.status-item.error{background:#fef2f2;border:1px solid #fecaca}.status-item.failed{background:#fffbeb;border:1px solid #fed7aa}.status-key{color:#374151;font-weight:500}.status-result{align-items:center;display:flex;font-size:.85rem;gap:6px}.status-result .success{color:#10b981}.status-result .error{color:#dc2626}.status-result .warning{color:#f59e0b}.cors-fix-suggestions{margin-bottom:20px}.cors-fix-suggestions h4{color:#374151;font-size:1rem;font-weight:600;margin:0 0 12px}.cors-fix-suggestions ul{list-style:none;margin:0;padding:0}.fix-item{align-items:center;border-radius:6px;display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:6px;padding:8px 12px}.fix-item.success{background:#f0fdf4;border:1px solid #bbf7d0}.fix-item.warning{background:#fffbeb;border:1px solid #fed7aa}.fix-message{color:#374151;font-weight:500}.fix-action{color:#6b7280;font-size:.85rem}.cors-fix-info{background:#f8fafc;border-left:4px solid #6366f1;border-radius:8px;padding:16px}.cors-fix-info h4{color:#374151;font-size:1rem;font-weight:600;margin:0 0 8px}.cors-fix-info p{margin:0 0 12px}.cors-fix-info p,.cors-fix-info ul{color:#6b7280;font-size:.9rem;line-height:1.6}.cors-fix-info ul{margin:0;padding-left:16px}.cors-fix-info li{margin-bottom:4px}.cors-fix-info strong{color:#374151}@media (max-width:768px){.cors-fix-overlay{padding:10px}.cors-fix-modal{max-height:90vh}.cors-fix-content,.cors-fix-header{padding:16px}.cors-fix-actions{gap:10px}.cors-fix-button{font-size:.9rem;padding:10px 14px}}@media (max-width:480px){.cors-fix-overlay{padding:5px}.cors-fix-header h3{font-size:1.1rem}.cors-fix-description p{font-size:.9rem}.fix-item,.status-item{align-items:flex-start;flex-direction:column;gap:4px}}.product-selector{position:relative;width:100%;z-index:99999}.product-selector-header{align-items:center;display:flex;gap:8px;width:100%}.product-selector-input{border:1px solid #ddd;border-radius:4px;flex:1 1;font-size:14px;outline:none;padding:8px 12px;transition:border-color .3s ease}.product-selector-input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.product-selector-input.edit-mode{background-color:#f8fff9;border-color:#28a745}.product-selector-input.edit-mode:focus{border-color:#28a745;box-shadow:0 0 0 2px #28a74540}.clear-selection-btn,.edit-mode-toggle,.field-editors-toggle{align-items:center;background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;font-size:16px;justify-content:center;min-width:40px;padding:8px 12px;transition:all .3s ease}.edit-mode-toggle:hover,.field-editors-toggle:hover{background-color:#f8f9fa;border-color:#007bff}.clear-selection-btn{background-color:#f8f9fa;border-color:#dc3545;color:#dc3545;font-size:14px}.clear-selection-btn:hover{background-color:#dc3545;border-color:#dc3545;color:#fff}.edit-mode-toggle.active{background-color:#28a745;border-color:#28a745;color:#fff}.edit-mode-toggle.active:hover{background-color:#218838;border-color:#1e7e34}.field-editors-toggle.active{background-color:#007bff;border-color:#007bff;color:#fff}.field-editors-toggle.active:hover{background-color:#0056b3;border-color:#004085}.clear-selection-btn:disabled,.edit-mode-toggle:disabled,.field-editors-toggle:disabled{cursor:not-allowed;opacity:.6}.edit-mode-indicator{background-color:#e8f5e8;border:1px solid #28a745;border-radius:4px;color:#155724;font-size:12px;margin-top:4px;padding:4px 8px}.edit-mode-text{font-weight:500}.field-editors-panel{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;box-shadow:0 2px 4px #0000001a;margin-top:8px;padding:15px}.field-editors-header{margin-bottom:15px}.field-editors-title{color:#495057;display:block;font-size:14px;font-weight:600;margin-bottom:5px}.field-editors-subtitle{color:#6c757d;display:block;font-size:12px;line-height:1.4}.field-editors-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:15px}.field-editor{display:flex;flex-direction:column;gap:4px}.field-editor label{color:#495057;font-size:12px;font-weight:500}.field-editor-input{border:1px solid #ced4da;border-radius:4px;font-size:13px;outline:none;padding:6px 8px;transition:border-color .2s ease}.field-editor-input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.field-editor-input:disabled{background-color:#e9ecef;cursor:not-allowed}.field-editors-note{background-color:#e7f3ff;border:1px solid #b3d9ff;border-radius:4px;color:#0056b3;font-size:12px;line-height:1.4;padding:8px 12px}.field-editors-note strong{color:#004085}.product-dropdown{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);box-shadow:0 8px 16px #0003;max-height:300px;min-width:400px;width:-webkit-max-content;width:max-content;z-index:99999}@media (max-width:768px){.product-dropdown{border-radius:8px;box-shadow:0 4px 12px #00000026;max-height:250px}.dropdown-item{border-bottom:1px solid #e9ecef;display:block;padding:15px 20px;width:100%}.dropdown-item:hover{background-color:#f8f9fa;border-left-color:#007bff;transform:none}.product-name{color:#333;font-size:16px;font-weight:700;margin-bottom:6px}.product-details{display:flex;flex-direction:column;gap:3px}.product-code{color:#666;font-size:14px}.product-price{color:#28a745;font-size:16px;font-weight:700}.product-gst{color:#666;font-size:14px}}@media (min-width:769px) and (max-width:1024px){.product-dropdown{max-height:250px}.dropdown-item{display:flex;flex-direction:column;gap:4px;padding:12px 16px}.product-name{color:#333;font-size:15px;font-weight:700}.product-details{display:flex;flex-direction:column;gap:2px}.product-code{color:#666;font-size:13px}.product-price{color:#28a745;font-size:15px;font-weight:700}.product-gst{color:#666;font-size:13px}}.dropdown-loading,.dropdown-no-results{color:#666;font-style:italic;padding:12px;text-align:center}.dropdown-list{max-height:300px;overflow-y:auto}.dropdown-item{background:#fff;border-bottom:1px solid #eee;border-left:3px solid #0000;color:#333;cursor:pointer;display:flex;flex-direction:column;gap:4px;min-width:350px;opacity:1;padding:12px 16px;position:relative;transition:all .2s ease;visibility:visible;white-space:nowrap;z-index:100000}.dropdown-item:hover{background-color:#f8f9fa;border-left-color:#007bff;transform:translateX(2px)}.dropdown-item:last-child{border-bottom:none}.product-name{color:#333;display:block;font-size:14px;line-height:1.3;margin-bottom:4px;opacity:1;visibility:visible}.product-details{align-items:center;color:#666;flex-wrap:wrap;font-size:12px;gap:8px;margin-top:4px;opacity:1;visibility:visible}.product-code{background-color:#e3f2fd;color:#007bff;font-weight:500}.product-code,.product-price{border-radius:3px;display:inline-block;font-size:11px;opacity:1;padding:2px 6px;visibility:visible;white-space:nowrap}.product-price{background-color:#e8f5e8;color:#28a745}.product-gst{background-color:#fff3cd;border-radius:3px;color:#856404;display:inline-block;font-size:11px;font-weight:500;opacity:1;padding:2px 6px;visibility:visible;white-space:nowrap}.dropdown-more{background-color:#f8f9fa;border-top:1px solid #eee;color:#666;font-size:12px;padding:8px 12px;text-align:center}.dropdown-list::-webkit-scrollbar{width:6px}.dropdown-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.dropdown-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.dropdown-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (min-width:1920px){.product-selector-input{font-size:18px;height:30px;padding:16px 20px}.clear-selection-btn,.edit-mode-toggle,.field-editors-toggle{font-size:18px;height:60px;min-width:50px;padding:12px 16px}.dropdown-item{font-size:16px;padding:16px 20px}.product-name{font-size:16px}.product-details{font-size:14px}}@media (max-width:1919px) and (min-width:1400px){.product-selector-input{font-size:16px;height:30px;padding:14px 18px}.clear-selection-btn,.edit-mode-toggle,.field-editors-toggle{font-size:16px;height:50px;min-width:45px;padding:10px 14px}.dropdown-item{font-size:15px;padding:14px 18px}.product-name{font-size:15px}.product-details{font-size:13px}}@media (max-width:1399px) and (min-width:1200px){.product-selector-input{font-size:15px;height:30px;padding:12px 16px}.clear-selection-btn,.edit-mode-toggle,.field-editors-toggle{font-size:15px;height:45px;min-width:42px;padding:8px 12px}.dropdown-item{font-size:14px;padding:12px 16px}.product-name{font-size:14px}.product-details{font-size:12px}}@media (max-width:1199px) and (min-width:1024px){.product-selector{max-width:100%;width:100%}.product-selector-header{flex-wrap:wrap;gap:6px}.product-selector-input{font-size:13px;height:30px;min-width:200px;padding:6px 10px}.clear-selection-btn,.edit-mode-toggle,.field-editors-toggle{font-size:14px;height:30px;min-width:35px;padding:6px 10px}.dropdown-list{max-height:200px;z-index:99999}.dropdown-item{font-size:14px;padding:12px 16px}.product-name{font-size:14px}.product-details{font-size:12px}}@media (max-width:768px){.product-selector{position:relative;width:100%;z-index:100}.product-selector-header{flex-direction:column;gap:4px;width:100%}.product-selector-input{border-radius:6px;font-size:12px;min-width:auto;padding:8px 12px;width:100%}.clear-selection-btn,.edit-mode-toggle,.field-editors-toggle{border-radius:6px;font-size:13px;justify-content:center;padding:8px 12px;width:100%}.product-dropdown{background:#fff!important;border:2px solid #007bff!important;border-radius:8px!important;box-shadow:0 4px 20px #0000004d!important;left:50%!important;max-height:60vh!important;max-width:400px!important;position:fixed!important;top:50%!important;transform:translate(-50%,-50%)!important;width:90vw!important;z-index:9999!important}.dropdown-list{max-height:50vh!important;overflow-y:auto!important}.dropdown-item{border-bottom:1px solid #eee;font-size:14px;padding:12px 16px}.dropdown-item:hover{background-color:#f8f9fa}.product-details{flex-direction:column;gap:4px}.field-editors-grid{gap:8px;grid-template-columns:1fr}.field-editor{width:100%}.field-editor input{font-size:14px;padding:8px 12px;width:100%}.dropdown-loading,.dropdown-no-results{background:#fff;border-radius:8px;color:#666;font-size:14px;padding:20px;text-align:center}.dropdown-more{background:#f8f9fa;border-top:1px solid #eee;color:#007bff;font-size:13px;padding:12px 16px;text-align:center}}@media (max-width:480px){.product-selector-input{font-size:11px;padding:6px 10px}.clear-selection-btn,.edit-mode-toggle,.field-editors-toggle{font-size:12px;padding:6px 10px}.product-dropdown{max-height:50vh!important;width:95vw!important}.dropdown-list{max-height:45vh!important;overflow-y:auto!important}.dropdown-item{font-size:13px;padding:10px 12px}.field-editor input{font-size:13px;padding:6px 10px}}@media (max-width:360px){.product-selector-input{font-size:10px;padding:5px 8px}.clear-selection-btn,.edit-mode-toggle,.field-editors-toggle{font-size:11px;padding:5px 8px}.product-dropdown{max-height:45vh!important;width:98vw!important}.dropdown-list{max-height:40vh!important;overflow-y:auto!important}.dropdown-item{font-size:12px;padding:8px 10px}}.cashbill-page-wrapper{border-radius:var(--border-radius);font-family:var(--font-family);margin:0 auto;padding:1rem 1rem 1rem .5rem;position:relative;z-index:1}.cashbillinvoice-container{background:#c1b8c1;border-radius:12px;box-shadow:0 4px 8px #00000026,0 0 8px #b39eb5;box-sizing:border-box;inline-size:100%;margin:0 auto;max-width:95vw;min-block-size:calc(100vh - 4rem);overflow-x:visible;padding:2rem;position:relative;width:100%;z-index:1}.company-address-header{margin-left:0}.center-logo-container{height:120px;left:50%;overflow:hidden;position:absolute;top:50px;transform:translateX(-50%);width:120px;z-index:10}.center-company-logo{height:120px;max-height:120px;max-width:120px;transition:all .3s ease;width:120px}.center-company-logo:hover{transform:scale(1.05)}.address-text-header,.company-name-header{margin-bottom:5px}.address-text-header,.company-name-header{margin:0}.cashbill-info{color:#333;text-align:right}.cashwatermark{background-position:50%;background-repeat:no-repeat;background-size:contain;inset-block-start:50%;inset-inline-start:50%;opacity:.2;pointer-events:none;position:fixed;transform:translate(-50%,-50%) rotate(0deg);z-index:10}.cashwatermark,.cashwatermark img{block-size:400px;inline-size:400px}.cashcancelled-watermark{inset-block-start:50%;inset-inline-start:50%;opacity:.5;pointer-events:none;position:fixed;transform:translate(-50%,-50%) rotate(0deg);z-index:10}.cashcancelled-watermark img{block-size:400px;inline-size:400px}.customer-form{gap:10px 20px;grid-template-columns:1fr 2fr;margin-bottom:20px}.customer-form .input-group,.search-results{display:flex;flex-direction:column;padding:10px}.customer-form label{-webkit-margin-after:4px;font-weight:600;margin-block-end:4px}.cashbill-input{border-radius:6px;box-shadow:0 1px 3px #00000014;font-size:14px;padding:10px 14px;transition:border .3s ease;width:100%}.bill-number{color:#000;font-size:medium;margin-top:0}.cashbill-input:focus{border-color:#007bff;box-shadow:0 0 5px #007bff40;outline:none}.cashbill-information h2{color:#000;font-size:1.5rem}.date{color:#000;font-size:medium;margin-top:0}.customer-detailss{padding:0}.logo-address-section{align-items:flex-start;background-color:#f8f9fa;border:1px solid #ddd;border-radius:8px;display:flex;gap:15px;margin-bottom:20px;padding:15px}.company-logo-container{flex-shrink:0}.company-logo-left{background-color:#fff;border:1px solid #ccc;border-radius:4px;height:80px;object-fit:contain;padding:5px;width:80px}.company-address-left{display:flex;flex:1 1;flex-direction:column;gap:4px}.company-name-left{color:#333;font-size:18px;font-weight:700;margin:0 0 8px}.address-text{color:#555;font-size:14px;line-height:1.4;margin:0}.contact-text,.gstin-text,.state-text{color:#666;font-size:12px;line-height:1.3;margin:0}.error{color:red}.tax-options{align-items:center;margin-bottom:20px}.tax-options label{gap:8px;-webkit-user-select:none;user-select:none;white-space:nowrap}.tax-options input[type=checkbox]{accent-color:#007bff;cursor:pointer;flex-shrink:0;height:18px;width:18px}.tax-options input[type=checkbox]:disabled{cursor:not-allowed;opacity:.6}.tax-options label:hover{color:#007bff}.tax-options label:hover input[type=checkbox]{transform:scale(1.1);transition:transform .2s ease}@media (max-width:1024px){.tax-options{align-items:flex-start!important;flex-direction:column!important;gap:12px!important}.tax-options label{justify-content:flex-start!important;width:100%!important}.bill-header{flex-direction:column!important;gap:.8rem!important;padding:12px!important}.header-left-section{align-items:flex-start!important;flex-direction:row!important;gap:12px!important;text-align:left!important}.company-logo-header{flex-shrink:0!important;height:90px!important;width:90px!important}.company-address-header{flex:1 1!important;text-align:left!important}.company-name-header{font-size:1.3rem!important;text-align:left!important}.address-text-header{font-size:.9rem!important;text-align:left!important}.company-details-row{flex-direction:row!important;gap:8px!important;text-align:left!important}.bill-info-header{align-items:flex-end!important;margin-top:0!important;text-align:right!important}.saved-bills-section{-webkit-overflow-scrolling:touch;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-top:25px;overflow-x:auto}.saved-bills-table{border-radius:6px;font-size:.85rem;min-width:550px}.saved-bills-table td,.saved-bills-table th{font-size:.8rem;padding:.6rem;white-space:nowrap}.saved-bills-table th{background-color:#6c4e63!important;border:1px solid #ddd!important;color:#fff!important;font-weight:600!important;padding:.6rem!important;text-align:center!important;vertical-align:middle!important}.saved-bills-table td{text-align:center;vertical-align:middle}.select-btnn{border-radius:4px;font-size:.75rem;padding:5px 10px}}.cashbillitems-section{background-color:#997a8d;border-collapse:collapse;border-radius:8px 8px 0 0;box-shadow:0 2px 4px #0000001a;color:#fff;display:table;font-size:14px;font-weight:700;margin:0 auto;max-width:100%;min-width:100%;position:relative;table-layout:fixed;width:100%;z-index:1}.cashbillitems-section thead{display:table-header-group;overflow:visible}.cashbillitems-section tbody{display:table-row-group;overflow:visible}.cashbillitems-section tr{display:table-row;overflow:visible}.cashbillitems-section th{border:none;display:table-cell;font-weight:700;overflow:visible;padding:18px 15px;text-align:center;vertical-align:middle}.cashbillitems-section th:nth-child(6),.cashbillitems-section th:nth-child(7),.cashbillitems-section th:nth-child(8),.cashbillitems-section th:nth-child(9){text-align:center}.cashbillitems-section td{border:none;display:table-cell;overflow:visible;padding:18px 15px;text-align:center;vertical-align:middle}.cashbillitems-section td,.cashbillitems-section th{width:11.11%}.cashbillitems-section td .cashbill-input-field{box-sizing:border-box;margin:0;max-width:100%;text-align:center;width:100%}.cashbillitems-section td .cashbill-item-name .cashbill-input-field{max-width:100%;width:100%}.cashbillitems-section td .cashbill-item-code .cashbill-input-field,.cashbillitems-section td .cashbill-item-hsn .cashbill-input-field,.cashbillitems-section td .cashbill-item-qty .cashbill-input-field,.cashbillitems-section td .cashbill-item-rate .cashbill-input-field,.cashbillitems-section td .cashbill-item-tax .cashbill-input-field{max-width:60px!important;min-width:60px!important;width:60px!important}.cashbillitems-section td .cashbill-item-action,.cashbillitems-section td .cashbill-item-rate,.cashbillitems-section td .cashbill-item-tax,.cashbillitems-section td .cashbill-item-total{align-items:center;display:flex;justify-content:center}.cashbillitems-section td .cashbill-item-sno{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;color:#495057;width:100%}.cashbillitems-section td .cashbill-item-sno,.cashbillitems-section td .cashbill-item-total{align-items:center;display:flex;font-size:14px;font-weight:600;height:40px;justify-content:center}.cashbillitems-section td .cashbill-item-total{background-color:#d4edda;border:1px solid #c3e6cb;border-radius:6px;color:#155724;width:80px}.cashbillitems-section td .cashbill-delete-btn{align-items:center;background-color:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:center;margin:0 auto;transition:all .2s ease;width:40px}.cashbillitems-section td .cashbill-delete-btn:hover{background-color:#c82333}.cashbillitems-section td .cashbill-item-tax{align-items:center;display:flex;justify-content:center}.cashbillitems-section td .cashbill-product-search-container{align-items:stretch!important;display:flex!important;flex-direction:column!important;gap:8px!important;width:100%!important}.cashbillitems-section td .cashbill-product-search-container .ProductSelector{order:1!important;width:100%!important}.cashbillitems-section td .cashbill-product-actions{align-items:center!important;display:flex!important;flex-direction:row!important;gap:6px!important;justify-content:center!important;order:2!important;width:100%!important}.cashbillitems-section td .cashbill-action-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:12px;height:28px;justify-content:center;transition:all .2s ease;width:28px}.cashbillitems-section td .cashbill-edit-btn{background-color:#ffc107;color:#fff}.cashbillitems-section td .cashbill-settings-btn{background-color:#6c757d;color:#fff}.cashbillitems-section td .cashbill-manual-btn{background-color:#28a745;color:#fff}.round-off-input-container,.round-off-row{align-items:center;position:relative}.round-off-input-container{display:flex;gap:5px}.currency-symbol{color:#495057;font-weight:600}.round-off-input{background-color:#f8fff9;border:2px solid #28a745;border-radius:6px;font-size:14px;font-weight:600;padding:8px 10px;text-align:center;transition:all .2s ease;width:100px}.round-off-input:focus{background-color:#fff;border-color:#20c997;box-shadow:0 0 0 3px #28a74526;outline:none}.round-off-input::placeholder{color:#6c757d;font-weight:400}.auto-round-btn{background:linear-gradient(135deg,#6c757d,#495057);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:6px 10px;transition:all .2s ease}.auto-round-btn:hover{background:linear-gradient(135deg,#5a6268,#3d4142);transform:translateY(-1px)}.auto-round-btn:active{transform:translateY(0)}@media print{.round-off-input-container{display:inline-block!important}.auto-round-btn,.round-off-input{display:none!important}.currency-symbol{display:inline!important}.round-off-row:after{content:attr(data-round-off-value);font-weight:600}}.itemm-row input:disabled{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed}.add-itemm-btn{background:linear-gradient(135deg,#28a745,#20c997);border-radius:6px;box-shadow:0 2px 4px #0000001a;font-size:14px;font-weight:600;padding:12px 20px;transition:all .2s ease}.add-itemm-btn:hover{background:linear-gradient(135deg,#218838,#1ea085);box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.add-itemm-btn:disabled{background:#6c757d;box-shadow:none;transform:none}.cashbillitems-section{border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:0 auto 20px;overflow:visible}.itemm-row .col-cashbill-action button{background:linear-gradient(135deg,#dc3545,#c82333);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 8px;transition:all .2s ease}.itemm-row .col-cashbill-action button:hover{background:linear-gradient(135deg,#c82333,#bd2130);box-shadow:0 2px 4px #0003;transform:translateY(-1px)}.col-total{align-items:center;color:#000;display:flex;font-size:14px;font-weight:600;height:45px;justify-content:center;min-height:45px;padding:12px 8px}.cashbill-horizontal-items-wrapper{display:flex;flex-direction:column;gap:10px;margin:15px 0;max-width:150%;min-width:150%}.cashbill-horizontal-item-row,.cashbill-horizontal-items-wrapper{background-color:#fff;overflow:visible;position:relative;width:100%;z-index:1}.cashbill-horizontal-item-row{min-width:100%;transition:all .2s ease}.cashbill-horizontal-item-row td{border:none;overflow:visible;padding:18px 15px;position:relative;vertical-align:middle;z-index:1}.cashbill-horizontal-item-row td:first-child{text-align:center;width:40px}.cashbill-horizontal-item-row td:nth-child(2){text-align:center;width:120px}.cashbill-horizontal-item-row td:nth-child(3){text-align:center;width:400px}.cashbill-horizontal-item-row td:nth-child(4),.cashbill-horizontal-item-row td:nth-child(5){text-align:center;width:90px}.cashbill-horizontal-item-row td:nth-child(6){text-align:center;width:120px}.cashbill-horizontal-item-row td:nth-child(7){text-align:center;width:100px}.cashbill-horizontal-item-row td:nth-child(8){text-align:center;width:90px}.cashbill-horizontal-item-row td:nth-child(9){text-align:center;width:80px}.cashbill-item-sno{align-items:center;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;color:#495057;display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:30px;justify-content:center;width:30px}.cashbill-item-code{flex-shrink:0;width:100%}.cashbill-item-name{min-width:400px;overflow:visible;position:relative;width:100%}.cashbill-item-name .product-selector{position:relative;z-index:99999}.cashbill-input-with-edit{align-items:center;display:flex;gap:8px;width:100%}.cashbill-input-with-edit .product-selector{flex:1 1}.cashbill-input-with-edit .cashbill-action-btn{flex-shrink:0;margin:0}.cashbill-item-hsn,.cashbill-item-qty,.cashbill-item-rate{flex-shrink:0;max-width:70px!important;width:70px!important}.cashbill-item-total{align-items:center;background-color:#d4edda;border:1px solid #c3e6cb;border-radius:6px;color:#155724;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:40px;justify-content:center;max-width:80px!important;width:80px!important}.cashbill-item-tax{flex-shrink:0;max-width:70px!important;width:70px!important}.cashbill-item-action{display:flex;flex-shrink:0;justify-content:center;width:100%}.cashbill-input-field{border:1px solid #ddd;border-radius:6px;box-sizing:border-box;font-size:14px;height:40px;padding:8px 12px;transition:all .2s ease;width:100%}.cashbill-input-field:focus{border-color:#ddd;box-shadow:none;outline:none}.cashbill-input-field::placeholder{color:#6c757d;font-size:12px}.cashbill-product-search-container{align-items:stretch!important;display:flex!important;flex-direction:column!important;gap:8px!important;width:100%!important}.cashbill-product-search-container .ProductSelector{min-width:150px!important;width:100%!important}.cashbill-product-search-container .ProductSelector input{border:1px solid #ddd!important;border-radius:6px!important;box-sizing:border-box!important;font-size:14px!important;height:40px!important;min-height:40px!important;padding:8px 12px!important}.cashbill-product-actions{align-items:center!important;display:flex!important;flex-direction:row!important;flex-shrink:0!important;gap:6px!important;justify-content:center!important}.cashbill-action-btn{align-items:center;background:#f8f9fa;border:1px solid #ddd;border-radius:6px;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.cashbill-action-btn:hover{background:#e9ecef;border-color:#adb5bd;transform:translateY(-1px)}.cashbill-edit-btn:hover{background:#fff3cd;border-color:#ffeaa7}.cashbill-settings-btn:hover{background:#d1ecf1;border-color:#bee5eb}.cashbill-manual-btn:hover{background:#f8d7da;border-color:#f5c6cb}.cashbill-delete-btn{align-items:center;background:linear-gradient(135deg,#dc3545,#c82333);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:center;margin:0 auto;transition:all .2s ease;width:40px}.cashbill-delete-btn:hover{background:linear-gradient(135deg,#c82333,#bd2130);box-shadow:0 2px 4px #0003;transform:translateY(-1px)}@media (max-width:480px){.cashbill-page-wrapper{padding:1rem .5rem 1rem .25rem}.cashbillinvoice-container{border-radius:8px;padding:1rem}.bill-header{flex-direction:column;gap:15px;padding:10px}.header-left-section{align-items:center;flex-direction:column;text-align:center}.center-company-logo,.company-logo-header{height:80px;width:80px}.company-name-header{font-size:18px}.address-text-header{font-size:12px}.bill-info-header{min-width:auto;text-align:center}.cashbillitems-section{font-size:10px}.cashbillitems-section th{padding:8px 4px}.cashbillitems-section th:first-child{width:25px}.cashbillitems-section th:nth-child(2){width:60px}.cashbillitems-section th:nth-child(3){width:250px}.cashbillitems-section th:nth-child(4),.cashbillitems-section th:nth-child(5){width:60px}.cashbillitems-section th:nth-child(6){width:80px}.cashbillitems-section th:nth-child(7){width:70px}.cashbillitems-section th:nth-child(8){width:60px}.cashbillitems-section th:nth-child(9){width:30px}.cashbill-horizontal-item-row td{padding:8px 4px}.cashbill-horizontal-item-row td:first-child{width:25px}.cashbill-horizontal-item-row td:nth-child(2){width:60px}.cashbill-horizontal-item-row td:nth-child(3){width:250px}.cashbill-horizontal-item-row td:nth-child(4),.cashbill-horizontal-item-row td:nth-child(5){width:60px}.cashbill-horizontal-item-row td:nth-child(6){width:80px}.cashbill-horizontal-item-row td:nth-child(7){width:70px}.cashbill-horizontal-item-row td:nth-child(8){width:60px}.cashbill-horizontal-item-row td:nth-child(9){width:30px}.cashbill-item-sno{font-size:9px;height:25px;width:25px}.cashbill-item-name{min-width:200px}.cashbill-input-with-edit{flex-direction:column;gap:4px}.cashbill-input-with-edit .cashbill-action-btn{align-self:flex-end}.cashbill-input-field{font-size:10px;height:30px;padding:4px 6px}.cashbillitems-section td .cashbill-item-code .cashbill-input-field,.cashbillitems-section td .cashbill-item-hsn .cashbill-input-field,.cashbillitems-section td .cashbill-item-qty .cashbill-input-field,.cashbillitems-section td .cashbill-item-rate .cashbill-input-field,.cashbillitems-section td .cashbill-item-tax .cashbill-input-field{max-width:40px;width:40px}.cashbill-item-total{font-size:10px;height:30px}.cashbill-delete-btn{font-size:12px;height:30px;width:30px}.cashbill-action-btn{font-size:10px;height:24px;width:24px}}@media (min-width:481px) and (max-width:768px){.cashbill-page-wrapper{padding:1.5rem 1rem 1.5rem .5rem}.cashbillinvoice-container{padding:1.5rem}.bill-header{padding:12px}.center-company-logo,.company-logo-header{height:100px;width:100px}.company-name-header{font-size:20px}.address-text-header{font-size:13px}.cashbillitems-section{font-size:12px}.cashbill-horizontal-item-row,.cashbillitems-section{gap:10px;grid-template-columns:40px 80px 1fr 70px 70px 100px 90px 70px 50px;padding:12px 8px}.cashbill-horizontal-item-row{min-height:45px}.cashbill-item-sno{font-size:12px;height:35px;width:35px}.cashbill-input-field{font-size:12px;height:35px;padding:6px 8px}.cashbillitems-section td .cashbill-item-code .cashbill-input-field,.cashbillitems-section td .cashbill-item-hsn .cashbill-input-field,.cashbillitems-section td .cashbill-item-qty .cashbill-input-field,.cashbillitems-section td .cashbill-item-rate .cashbill-input-field,.cashbillitems-section td .cashbill-item-tax .cashbill-input-field{max-width:50px;width:50px}.cashbill-item-total{font-size:12px;height:35px}.cashbill-delete-btn{font-size:14px;height:35px;width:35px}.cashbill-action-btn{font-size:12px;height:28px;width:28px}}@media (min-width:769px) and (max-width:1024px){.bill-header{padding:15px}.center-company-logo,.company-logo-header{height:110px;width:110px}.company-name-header{font-size:22px}.address-text-header{font-size:14px}.cashbillitems-section{font-size:13px}.cashbill-horizontal-item-row,.cashbillitems-section{gap:12px;grid-template-columns:50px 100px 1fr 90px 90px 120px 100px 90px 60px;padding:15px 10px}.cashbill-horizontal-item-row{min-height:50px}.cashbill-item-sno{font-size:13px;height:40px;width:40px}.cashbill-input-field{padding:8px 10px}.cashbill-input-field,.cashbill-item-total{font-size:13px;height:38px}.cashbill-delete-btn{font-size:15px;height:38px;width:38px}.cashbill-action-btn{font-size:13px;height:30px;width:30px}}@media (min-width:1025px) and (max-width:1200px){.cashbill-page-wrapper,.cashbillinvoice-container{padding:2rem}.cashbillitems-section{font-size:14px}.cashbill-horizontal-item-row,.cashbillitems-section{gap:12px;grid-template-columns:60px 120px 1fr 90px 90px 120px 100px 90px 80px;padding:18px}.cashbill-horizontal-item-row{min-height:60px}}@media (min-width:1201px){.cashbill-page-wrapper{padding:2rem 3rem 2rem 1rem}.cashbillinvoice-container{margin:0 auto;max-width:1400px;padding:2.5rem}.cashbillitems-section{font-size:15px}.cashbill-horizontal-item-row,.cashbillitems-section{gap:15px;grid-template-columns:70px 140px 1fr 100px 100px 150px 140px 100px 100px;padding:20px}.cashbill-horizontal-item-row{min-height:70px}.cashbill-item-sno{font-size:16px;height:50px;width:50px}.cashbill-input-field{padding:10px 12px}.cashbill-input-field,.cashbill-item-total{font-size:15px;height:45px}.cashbill-delete-btn{font-size:18px;height:45px;width:45px}.cashbill-action-btn{font-size:15px;height:36px;width:36px}}@media print{.cashbill-page-wrapper{padding:0}.cashbillinvoice-container{background:#fff;box-shadow:none;padding:1rem}.cashbillitems-section{background:#f8f9fa!important;border:1px solid #000!important;break-inside:avoid;color:#000!important;page-break-inside:avoid}.cashbill-horizontal-item-row{background:#fff!important;border-bottom:1px solid #000!important;break-inside:avoid;page-break-inside:avoid}.cashbill-input-field{background:#0000!important;border:1px solid #000!important}.add-itemm-btn,.cashbill-action-btn,.cashbill-delete-btn{display:none!important}}@media (prefers-color-scheme:dark){.cashbill-page-wrapper{background-color:#1a1a1a;color:#fff}.cashbillinvoice-container{background:#2d2d2d;color:#fff}.bill-header{background-color:#3a3a3a;border-color:#555}.cashbill-horizontal-item-row{background-color:#2d2d2d;border-color:#555}.cashbill-input-field{background-color:#3a3a3a;border-color:#555;color:#fff}}.product-input-container{flex-direction:column;justify-content:center;min-height:50px;width:100%}.product-input-container .ProductSelector{flex:1 1;height:45px;min-width:200px}.product-input-container .ProductSelector input{border:1px solid #ddd!important;border-radius:6px!important;box-sizing:border-box!important;font-size:14px!important;height:45px!important;min-height:45px!important;padding:12px 8px!important}.product-action-buttons{margin-top:12px}.product-action-btn{align-items:center;background:#f8f9fa;border:1px solid #ddd;border-radius:6px;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.product-action-btn:hover{background:#e9ecef;border-color:#adb5bd;transform:translateY(-1px)}.product-action-btn:active{background:#dee2e6;transform:translateY(0)}.product-action-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.product-action-btn.edit-btn:hover{background:#fff3cd;border-color:#ffc107}.product-action-btn.settings-btn:hover{background:#e2e3e5;border-color:#6c757d}.product-action-btn.manual-btn:hover{background:#d1ecf1;border-color:#17a2b8}@media (max-width:1024px){.product-action-buttons{gap:6px}.product-action-btn{font-size:12px;height:28px;width:28px}}@media (max-width:768px){.product-input-container{gap:6px}.product-action-buttons{gap:4px;margin-top:8px}.product-action-btn{font-size:11px;height:24px;width:24px}}@media (max-width:480px){.product-action-buttons{gap:3px;margin-top:6px}.product-action-btn{font-size:10px;height:22px;width:22px}}.manual-entry-btn{background:linear-gradient(135deg,#28a745,#20c997);border-radius:6px;display:none;min-height:36px;padding:8px 12px}@media (max-width:768px){.cashbillitems-section,.itemm-row{font-size:12px;gap:8px;grid-template-columns:40px 80px 1fr 80px 60px 100px 80px 60px;padding:10px 5px}.itemm-row{min-height:45px}.itemm-row input{font-size:12px;padding:6px}.itemm-row .col-rate input{font-size:13px;font-weight:600;min-width:90px;padding:8px}.manual-entry-btn{font-size:10px;margin-left:4px;padding:4px 8px}.add-itemm-btn{font-size:13px;padding:10px 15px}}@media print{.billitems-section{background:#f8f9fa!important;border:1px solid #000!important;color:#000!important}.itemm-row{background:#fff!important;border-bottom:1px solid #000!important}.itemm-row input{background:#0000!important;border:1px solid #000!important}.add-itemm-btn,.itemm-row .col-cashbill-action button,.manual-entry-btn{display:none!important}}.add-itemm-btn:hover{background-color:#886a7d}.table-responsive{margin-bottom:20px}.product-table-wrapper{-webkit-overflow-scrolling:touch;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:0 auto 20px;width:100%}.roduct-table-wrapper .cashbillitems-section{min-width:800px}@media (max-width:1024px){.product-table-wrapper{-webkit-overflow-scrolling:touch;border-radius:6px;margin:0 auto 15px}.cashbillitems-section,.itemm-row{font-size:12px;gap:8px;grid-template-columns:45px 90px .3fr 90px 70px 110px 90px 70px 50px;min-width:700px;padding:10px 6px}.itemm-row{min-height:45px}}@media (max-width:768px){.product-table-wrapper{-webkit-overflow-scrolling:touch;border-radius:4px;margin:0 auto 12px;overflow-x:auto}.cashbillitems-section,.itemm-row{font-size:11px;gap:6px;grid-template-columns:35px 70px 1fr 70px 50px 90px 70px 50px 40px;min-width:600px;padding:8px 4px}.itemm-row{min-height:40px}.cashbillitems-section>div,.itemm-row>div{font-size:10px;overflow:hidden;padding:3px 2px;text-overflow:ellipsis;white-space:nowrap}.itemm-row input{border:1px solid #ddd;border-radius:3px;font-size:10px;padding:4px;width:100%}}@media (max-width:480px){.product-table-wrapper{-webkit-overflow-scrolling:touch;border-radius:3px;margin:0 auto 10px;overflow-x:auto}.cashbillitems-section,.itemm-row{font-size:10px;gap:4px;grid-template-columns:30px 60px 1fr 60px 40px 80px 60px 40px 30px;min-width:500px;padding:6px 3px}.itemm-row{min-height:35px}.cashbillitems-section>div,.itemm-row>div{font-size:9px;overflow:hidden;padding:2px 1px;text-overflow:ellipsis;white-space:nowrap}.itemm-row input{border:1px solid #ddd;border-radius:2px;font-size:9px;padding:3px;width:100%}}@media (max-width:360px){.product-table-wrapper{-webkit-overflow-scrolling:touch;border-radius:2px;margin:0 auto 8px;overflow-x:auto}.cashbillitems-section,.itemm-row{font-size:9px;gap:3px;grid-template-columns:25px 50px 1fr 50px 35px 70px 50px 35px 25px;min-width:450px;padding:4px 2px}.itemm-row{min-height:30px}.cashbillitems-section>div,.itemm-row>div{font-size:8px;overflow:hidden;padding:1px;text-overflow:ellipsis;white-space:nowrap}.itemm-row input{border:1px solid #ddd;border-radius:1px;font-size:8px;padding:2px;width:100%}}.saved-bills-section{-webkit-overflow-scrolling:touch;align-items:center;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;font-family:Arial,sans-serif;justify-content:center;margin-top:30px;overflow-x:auto;width:100%}.saved-bills-section h3{color:#333;font-size:1.2rem;margin-bottom:15px;text-align:center;width:100%}.saved-bills-mobile-cards{display:none}.table-responsive{-webkit-overflow-scrolling:touch;align-items:center;border-radius:6px;display:flex;justify-content:center;max-width:100%}.saved-bills-table{background-color:#fff;border-collapse:collapse;border-radius:6px;font-size:14px;margin:0 auto!important;max-width:100%;min-width:600px;overflow:hidden;text-align:center!important;width:100%}.saved-bills-table thead{background-color:#6c4e63;color:#fff}.saved-bills-table td,.saved-bills-table th{border:1px solid #ddd;padding:10px;text-align:center;vertical-align:middle}.saved-bills-section .saved-bills-table th{background-color:#6c4e63!important;border:1px solid #ddd!important;color:#fff!important;font-weight:600!important;padding:10px!important;text-align:center!important;vertical-align:middle!important}.saved-bills-table tbody tr:nth-child(odd){background-color:#f9f1f6}.saved-bills-table tbody tr:hover{background-color:#f0e4ec}.select-btnn{background-color:#9b778e;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:6px 10px}.select-btn:hover{background-color:#775c6d}.btn-dangerr{background-color:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:6px 10px}.btn-dangerr:hover{background-color:#d32f2f}.action-buttons{justify-content:center;margin:20px 0}.btn-primarycashbill-email-btn,.btn-primarycashdownload-btn,.btn-primarycashprint-btn,.btn-primarycashupdate-btn,.btn-secondarycashback-btn,.btn-successcashsave-btn{background-color:#997a8d;border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:10px 20px}.btn-primarycashbill-email-btn:hover,.btn-primarycashdownload-btn:hover,.btn-primarycashprint-btn:hover,.btn-primarycashupdate-btn:hover,.btn-secondarycashback-btn:hover,.btn-successcashsave-btn:hover{background-color:#775c6d}.futerr .cashbill-bank-details{background:#f8f9fa!important;border:1px solid #e9ecef!important;border-radius:8px!important;box-shadow:0 2px 4px #0000001a!important;margin-bottom:20px!important;padding:20px!important}.futerr .cashbill-bank-details h4{border-bottom:3px solid #b39eb5!important;color:#030303!important;font-weight:700!important;letter-spacing:.5px!important;margin:0 0 20px!important;padding-bottom:8px!important;text-align:left!important;text-transform:uppercase!important}.customer-search .no-print{margin-bottom:1rem;position:relative}.search-input-group{align-items:center;flex-wrap:wrap;gap:8px;inline-size:30%}.search-button{border-radius:8px;font-weight:700;padding:8px 16px;white-space:nowrap}.search-button:hover{background-color:#775c6d}.search-results{border:1px solid #ccc;z-index:1000}.search-result-item:hover{background:#f0f0f0}.select-btn :hover{background-color:#e0a800;color:#212529}.btn-create-customer{background:#28a745;padding:10px 15px;transition:all .2s ease}.bank-detail{text-align:left}@media print{.bank-container{page-break-inside:avoid}.qr-code-section{background:#fff;border:1px solid #000}}.btn-create-customer:hover{background:#218838;box-shadow:0 2px 4px #0003}.create-customer-section{background:#f8f9fa;border:1px solid #dee2e6;margin-top:10px;padding:15px}.no-customer-message{color:#6c757d;font-size:14px;font-style:italic;margin:0 0 10px}.update-customer-section{background:#e8f4fd;border:1px solid #bee5eb;border-radius:8px;flex:1 1;margin-top:0;min-width:200px;padding:15px;text-align:center}.btn-update-customer{background:#17a2b8;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-bottom:8px;padding:10px 20px;transition:all .2s ease;width:100%}.btn-update-customer:hover{background:#138496;box-shadow:0 2px 4px #0003;transform:translateY(-1px)}.btn-update-customer:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.update-help-text{color:#6c757d;display:block;font-size:12px;font-style:italic;margin-top:5px}.btn-reset-counter{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:10px;font-weight:600;margin-left:10px;padding:4px 8px;transition:all .2s ease;vertical-align:middle}.btn-reset-counter:hover{background:#c82333;box-shadow:0 2px 4px #0003;transform:translateY(-1px)}.btn-reset-counter:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.customer-form-actions{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;gap:15px;margin:20px 0;padding:15px}@media (max-width:768px){.customer-form-actions{flex-direction:column;gap:10px}}@media (max-width:480px){.customer-form-actions{gap:8px;padding:10px}}.clear-customer-section{background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;padding:15px}.btn-clear-customer{background:#ffc107;border:none;border-radius:4px;color:#212529;cursor:pointer;font-size:14px;font-weight:600;margin-bottom:5px;padding:8px 16px;transition:all .2s ease;width:100%}.btn-clear-customer:hover{background:#e0a800;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.btn-clear-customer:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.clear-help-text{color:#856404;display:block;font-size:12px;font-style:italic;margin-top:5px}.customer-details{background:#fff;border:2px solid #dee2e6;margin:15px 0;padding:20px}.customer-details h3{border-bottom:2px solid #e9ecef;color:#495057;font-size:18px;margin-bottom:15px;padding-bottom:10px}.input-group{margin-bottom:15px}.input-group label{color:#495057}.required-asterisk{color:#dc3545;margin-left:3px}.form-control.input-error{border-color:#dc3545;box-shadow:0 0 0 .2rem #dc354540}.error{display:block;font-style:italic;margin-top:5px}textarea{padding:.5rem;width:97%}@media (max-width:768px){.cashbillitems-section,.itemm-row{font-size:11px!important;gap:6px!important;grid-template-columns:35px 70px 1fr 70px 50px 90px 70px 50px!important;padding:8px 4px!important}.itemm-row{min-height:40px!important}.cashbillitems-section div,.itemm-row div{justify-content:center!important;width:auto!important}.itemm-row input{width:100%}.saved-bills-table{font-size:.8rem}.saved-bills-table td,.saved-bills-table th{padding:.4rem}.footer-content{flex-direction:column;gap:20px}.futerr .cashbill-bank-details .bank-container{align-items:center!important;flex-direction:column!important;gap:15px!important}.futerr .bank-contentcashbill{text-align:center!important;width:100%!important}.futerr .qr-code-section{align-self:center!important}.right-section{align-self:center}.cashbill-bank-details,.terms-section{padding:10px}.search-button{background-color:#997a8d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:10px 1px;text-align:center;transition:background-color .3s ease;white-space:nowrap}.action-buttons{align-items:stretch;flex-direction:column}.btn-primarycashbill-email-btn,.btn-primarycashdownload-btn,.btn-primarycashprint-btn,.btn-primarycashupdate-btn,.btn-secondarycashback-btn,.btn-secondarycashreset-btn,.btn-successcashsave-btn{width:100%}}@media (max-width:480px){.cashbill-page-wrapper{padding:.5rem}.cashbillinvoice-container{padding:.75rem}.cashbillitems-section,.itemm-row{font-size:.7rem}.itemm-row input{font-size:.7rem;padding:.3rem}.cashcancelled-watermark img,.watermark img{height:200px;width:200px}.search-input-group{align-items:stretch;flex-direction:column}.search-button{width:100%}}@media print{.action-buttons,.add-itemm-btn,.btn-create-customer,.cashcancelled-watermark,.cashwatermark,.customer-search,.instruction-text,.items-instructions,.modal,.no-print,.permission-status,.print-button,.remove-button,.saved-bills-section,.search-button,.search-input-group,.search-results,.watermark,button{display:none!important;opacity:0!important;visibility:hidden!important}.cashbill-page-wrapper{font-family:Arial,sans-serif!important;font-size:10px!important;min-height:297mm!important;padding:5mm!important}.cashbillinvoice-container{display:block!important;min-height:287mm!important;padding:0!important;visibility:visible!important}.bill-header{border:1px solid #333!important;border-radius:0!important;justify-content:space-between!important;margin-bottom:5px!important;padding:8px!important}.bill-header,.header-left-section{align-items:flex-start!important;display:flex!important}.header-left-section{flex:1 1!important;gap:10px!important}.company-logo-header{height:70px!important;object-fit:contain!important;padding:2px!important;width:70px!important}.center-logo-container{align-items:center!important;background:#ffffffe6!important;border:2px solid #ccc!important;border-radius:50%!important;display:flex!important;height:80px!important;justify-content:center!important;page-break-inside:avoid!important;position:absolute!important;right:120px!important;top:40px!important;width:80px!important;z-index:10!important}.center-company-logo{border-radius:50%!important;box-shadow:none!important;display:block!important;height:60px!important;max-height:60px!important;max-width:60px!important;object-fit:contain!important;padding:6px!important;visibility:visible!important;width:60px!important}.company-address-header{display:flex!important;flex-direction:column!important;gap:2px!important;margin-left:0!important;padding-left:0!important;visibility:visible!important}.company-name-header{margin-bottom:3px!important}.address-text-header{margin-bottom:2px!important}.company-details-row{display:flex!important;flex-wrap:wrap!important;gap:15px!important;margin:1px 0!important}.mobile-number-left{margin-left:-8px!important}.company-name-header{color:#000!important;font-size:16px!important;font-weight:700!important;margin:0!important}.address-text-header,.contact-text-header,.gstin-text-header,.state-text-header{color:#000!important;font-size:7px!important;line-height:1.1!important;margin:0!important;padding:1px 0!important}.bill-info-header{align-items:flex-end!important;display:flex!important;flex-direction:column!important;margin-right:15px!important;min-width:120px!important;text-align:right!important}.bill-info-header h2{color:#000!important;font-size:14px!important;font-weight:700!important;margin:0 0 5px!important}.bill-info-header .bill-number,.bill-info-header .date{color:#000!important;font-size:9px!important;margin:1px 0!important}.company-header-container{flex:1 1!important}.company-header-container,.company-header-modern{align-items:flex-start!important;display:flex!important;gap:8px!important}.company-header-modern{padding:0!important}.header-content-wrapper{align-items:flex-start!important;justify-content:space-between!important;width:100%!important}.logo-and-info{align-items:flex-start!important;display:flex!important;gap:8px!important}.modern-logo{border:1px solid #333!important;flex-shrink:0!important;height:50px!important;padding:1px!important;width:50px!important}.company-information{display:flex!important;flex:1 1!important;flex-direction:column!important;gap:1px!important}.company-name{font-size:12px!important;font-weight:700!important;margin:0!important}.company-address,.contact-item{font-size:7px!important;line-height:1!important;margin:0!important}.cashbill-header-info{align-items:flex-end!important;display:flex!important;flex-direction:column!important;margin-right:20px!important;min-width:120px!important;text-align:right!important}.cashbill-header-info h2{display:block!important;font-weight:700!important;margin:0!important;page-break-after:avoid!important;text-align:center!important;width:100%!important}.bill-info-row{align-items:center!important;display:flex!important;gap:10px!important;margin:1px 0!important}.bill-number,.date{font-size:9px!important}.bill-header+.cashbill-header-info h2,.bill-header+h2,.bill-header~h2{color:#000!important;display:block!important;font-size:14px!important;font-weight:700!important;margin:8px 0 5px!important;page-break-after:avoid!important;text-align:center!important;width:100%!important}.bill-number,.date{color:#000!important;font-size:12px!important;margin:0!important}.bill-header{margin-bottom:15px!important}.bill-header,.company-header-container,.company-header-modern{background:#fff!important;color:#000!important;display:block!important;visibility:visible!important}.company-header-modern{box-shadow:none!important}.header-content-wrapper{background:#fff!important;color:#000!important;display:flex!important;visibility:visible!important}.company-name{color:#000!important;font-size:16px!important}.company-address,.contact-item{color:#000!important;font-size:10px!important}.cashbill-header-info h2{color:#000!important;font-size:14px!important}.bill-number,.date{color:#000!important;font-size:10px!important}.customer-details{color:#000!important;display:block!important;margin:5px 0!important;padding:3px!important}.customer-details,.logo-address-section{background:#fff!important;border:1px solid #333!important;visibility:visible!important}.logo-address-section{align-items:flex-start!important;border-radius:0!important;display:flex!important;gap:10px!important;margin-bottom:10px!important;padding:8px!important}.company-logo-left{background:#fff!important;border:1px solid #333!important;height:50px!important;padding:2px!important;width:50px!important}.company-address-left{display:block!important;visibility:visible!important}.company-name-left{color:#000!important;font-size:12px!important;font-weight:700!important;margin:0 0 3px!important}.address-text,.contact-text,.gstin-text,.state-text{color:#000!important;font-size:8px!important;line-height:1.1!important;margin:0!important}.customer-details h3{border-bottom:1px solid #333!important;color:#000!important;font-size:11px!important;font-size:14px!important;font-weight:700!important;margin:0 0 3px!important;margin:0 0 10px!important;padding-bottom:2px!important;padding-bottom:5px!important}.customer-details .cashbill-input{margin:10px 0!important}.customer-details .input-group{align-items:center!important;display:flex!important;gap:10px!important;margin:5px 0!important}.customer-details .input-group label{display:inline-block!important;min-width:80px!important;text-align:right!important}.customer-details .input-group input,.customer-details .input-group select{display:inline-block!important;flex:1 1!important;height:20px!important;padding:3px 5px!important}.customer-details .cashbill-input{grid-gap:15px!important;display:grid!important;gap:15px!important;grid-template-columns:1fr 1fr!important}.amount-details,.amount-row,.bill-content,.cash-bill-items,.instruction-text,.items-header,.items-instructions,.totals-remarks-wrapper{display:block!important;opacity:1!important;visibility:visible!important}.bill-header{margin-bottom:10px!important;padding:5px 0!important}.cashbillitems-section,.customer-details,.futerr,.totals-section{margin:10px 0!important;padding:5px 0!important}.cashbillinvoice-container,.print-content{background:#fff!important;margin:0!important;padding:10mm!important}.cashbill-page-wrapper,.cashbillinvoice-container,.print-content{display:block!important;opacity:1!important;visibility:visible!important}.customer-form{display:block!important;margin:20px 0!important}.credit-bill-input-group,.customer-form .input-group{display:block!important;margin:10px 0!important}.credit-bill-input-group label{color:#000!important;display:block!important;font-weight:700!important;margin-bottom:5px!important}.credit-bill-input-group input,.credit-bill-input-group select{background:#fff!important;border:1px solid #ccc!important;color:#000!important;display:block!important;font-size:12px!important;padding:5px!important;width:100%!important}.customer-details .input-group{margin:5px 1% 5px 0!important;vertical-align:top!important;width:48%!important}.customer-details .input-group label{color:#000!important;display:block!important;font-size:11px!important;font-weight:700!important;margin-bottom:3px!important}.customer-details .input-group input,.customer-details .input-group select{background:#fff!important;border:1px solid #ccc!important;color:#000!important;display:block!important;font-size:11px!important;height:25px!important;padding:5px!important;width:100%!important}.cashbill-input{display:block!important;margin:10px 0!important}.customer-details .cashbill-input{display:block!important;opacity:1!important;visibility:visible!important}.customer-details .input-group{display:inline-block!important;margin:5px 10px 5px 0!important;opacity:1!important;visibility:visible!important;width:45%!important}.cashbill-input input,.cashbill-input select,.cashbill-input textarea{-webkit-appearance:none!important;appearance:none!important;background:#0000!important;border:none!important;color:#000!important;font-size:12px!important;padding:0!important}.items-header h3{margin:0 0 3px!important}.items-instructions{display:none!important}.cash-bill-items{margin:8px 0!important}.cash-bill-items,.items-header{display:block!important;visibility:visible!important}.items-header{margin-bottom:5px!important}.items-header h3{border-bottom:1px solid #333!important;color:#000!important;font-size:12px!important;font-weight:700!important;margin:0 0 5px!important;padding-bottom:2px!important;text-align:center!important}.cashbillitems-section{border-collapse:collapse!important;color:#fff!important;display:table!important;font-size:7px!important;font-weight:700!important;margin:3px 0!important;width:100%!important}.cashbillitems-section>div{display:table-row!important}.cashbillitems-section>div>div{border:1px solid #666!important;display:table-cell!important;padding:5px 3px!important;text-align:center!important}.itemm-row{display:table-row!important}.itemm-row>div{border:1px solid #ccc!important;display:table-cell!important;padding:4px 3px!important}.itemm-row input,.itemm-row>div{font-size:9px!important;text-align:center!important}.itemm-row input{width:100%!important}.col-sno{width:8%!important}.col-code{width:12%!important}.col-name{width:25%!important}.col-hsn{width:12%!important}.col-qty{width:8%!important}.col-rate,.col-total{width:12%!important}.col-tax{width:8%!important}.col-action{width:3%!important}.cashbillitems-section,.cashbillitems-section .itemm-row,.cashbillitems-section>div{display:block!important;opacity:1!important;visibility:visible!important}.cashbillitems-section>div{align-items:center!important;color:#fff!important;font-weight:700!important;padding:5px!important}.cashbillitems-section>div,.itemm-row{grid-gap:5px!important;display:grid!important;font-size:10px!important;gap:5px!important;grid-template-columns:30px 80px 1fr 80px 60px 80px 80px 60px 50px 30px!important;text-align:center!important}.itemm-row{background:#fff!important;border-bottom:1px solid #ddd!important;color:#000!important;padding:3px 0!important}.itemm-row input{background:#0000!important;border:none!important;color:#000!important;font-size:10px!important;padding:0!important}.itemm-row button{display:none!important}.itemm-row div{align-items:center!important;display:flex!important;justify-content:center!important}.main-bill-section{margin:15px 0!important}.bill-content,.main-bill-section,.totals-remarks-wrapper{visibility:visible!important}.totals-section{background:#fff!important;border:1px solid #333!important;color:#000!important;display:block!important;margin:5px 0!important;padding:3px!important;page-break-inside:avoid!important}.totals-section h3{border-bottom:1px solid #333!important;color:#000!important;font-size:11px!important;font-size:14px!important;font-weight:700!important;margin:0 0 3px!important;margin:0 0 10px!important;padding-bottom:2px!important;padding-bottom:5px!important}.amount-details{margin:10px 0!important}.amount-row{font-size:11px!important;margin:3px 0!important;padding:2px 0!important}.total-amount-row{border-top:2px solid #333!important;color:#000!important;display:flex!important;font-size:13px!important;font-weight:700!important;justify-content:space-between!important;margin:8px 0!important;padding:4px 0!important}.totals-grid{display:block!important}.totals-row{display:flex!important;font-size:10px!important;justify-content:space-between!important;margin:3px 0!important}.amount-details{display:block!important;margin:20px 0!important}.amount-row{color:#000!important;display:flex!important;font-size:12px!important;justify-content:space-between!important;margin:5px 0!important}.bill-content,.main-bill-section,.totals-remarks-wrapper{display:block!important;margin:20px 0!important}.futerr{background:#fff!important;border-top:1px solid #333!important;color:#000!important;display:block!important;margin-top:5px!important;padding-top:3px!important;visibility:visible!important}.futer-content{align-items:flex-start!important;display:flex!important;gap:30px!important;justify-content:space-between!important}.left-section{display:flex!important;flex:2 1!important;flex-direction:column!important;gap:20px!important}.terms-section{border:none!important;margin:0!important;padding:10px!important}.terms-section h4{border-bottom:1px solid #333!important;font-weight:700!important;margin:0 0 10px!important;padding-bottom:5px!important}.terms-content p{font-size:9px!important;line-height:1.2!important}.cashbill-bank-details{border:1px solid #333!important;margin:0!important;padding:8px!important}.cashbill-bank-details h4{border-bottom:1px solid #333!important;font-weight:700!important;margin:0 0 10px!important;padding-bottom:5px!important}.bank-container{gap:20px!important}.bank-contentcashbill{flex:1 1!important}.bank-contentcashbill p{font-size:9px!important;line-height:1.1!important;margin:2px 0!important}.qr-code-section{align-items:center!important;background:#fff!important;border:1px solid #333!important;border-radius:3px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;margin-left:20px!important;min-width:100px!important;padding:8px!important}.qr-code-label{font-size:9px!important;font-weight:700!important;margin-top:5px!important}.signaturee{align-items:flex-end!important;display:flex!important;flex:1 1!important;flex-direction:column!important;justify-content:flex-end!important}.signaturee strong{color:#000!important;font-weight:700!important}.terms-section{background:#fff!important;color:#000!important}.futer-content,.left-section,.terms-section{display:block!important;visibility:visible!important}.terms-section{margin:15px 0!important}.terms-section h4{color:#000!important;font-size:12px!important;margin:0 0 8px!important}.cashbill-bank-details,.terms-content{visibility:visible!important}.cashbill-bank-details{background:#fff!important;color:#000!important;display:block!important;margin:15px 0!important}.cashbill-bank-details h4{color:#000!important;font-size:12px!important;margin:0 0 8px!important}.bank-contentcashbill,.qr-code,.qr-code-label,.qr-code-section,.remarks-section{visibility:visible!important}.remarks-section{background:#fff!important;border:1px solid #333!important;color:#000!important;display:block!important;margin:20px 0!important;padding:15px!important}.remarks-section h3{border-bottom:1px solid #333!important;color:#000!important;font-size:14px!important;font-weight:700!important;margin:0 0 10px!important;padding-bottom:5px!important}.remarks-section textarea{font-size:11px!important;padding:10px!important;resize:none!important}.remarks-section,.remarks-section label,.remarks-section textarea{display:block!important;opacity:1!important;visibility:visible!important}.remarks-section textarea{background:#fff!important;color:#000!important;font-size:12px!important;min-height:60px!important;padding:5px!important;width:100%!important}.invoice-divider,.remarks-section textarea{border:1px solid #ccc!important;display:block!important}.invoice-divider{margin:20px 0!important;visibility:visible!important}.message{display:none!important}.bank-container{align-items:flex-start!important;display:flex!important;justify-content:space-between!important}.bank-contentcashbill{font-size:12px!important}.qr-code-image{max-width:120px!important}.qr-code,.qr-code-image{display:block!important;height:auto!important}.qr-code{max-width:80px!important}.qr-code-label,.qr-code-section{display:block!important;text-align:center!important}.qr-code-label{color:#000!important;font-size:8px!important;margin-top:3px!important}.signaturee{background:#fff!important;color:#000!important;display:block!important;font-size:11px!important;margin-top:30px!important;text-align:right!important;visibility:visible!important}.terms-content{display:block!important;margin:5px 0!important}.terms-content p{margin:3px 0!important}.bank-contentcashbill,.terms-content p{color:#000!important;font-size:10px!important}.bank-contentcashbill{display:block!important}.bank-contentcashbill p{color:#000!important;margin:3px 0!important}#root,body,html{font-size:12px!important;height:auto!important}div{display:block!important;opacity:1!important;visibility:visible!important}.cashbill-page-wrapper *,.cashbillinvoice-container *,.print-content *{color:#000!important;display:block!important}.cashbill-page-wrapper,.cashbillinvoice-container{color:#000!important;overflow:visible!important;page-break-after:avoid!important;page-break-inside:avoid!important}.bill-header,.cash-bill-items,.customer-details,.futerr,.remarks-section,.totals-section{page-break-after:avoid!important;page-break-before:avoid!important;page-break-inside:avoid!important}.cashcancelled-watermark,.cashwatermark,.secondary-logo-center,.secondary-logo-img,.watermark{display:none!important;left:-9999px!important;opacity:0!important;position:absolute!important;visibility:hidden!important}.cashbill-page-wrapper *,.cashbillinvoice-container *,.print-content *{opacity:1!important;visibility:visible!important}*{page-break-inside:avoid!important}#root,body,html{background:#fff!important;color:#000!important;font-size:10px!important;height:297mm!important;overflow:visible!important}#root,*,body,html{margin:0!important;padding:0!important}.bill-header{margin-bottom:3px!important;padding-bottom:2px!important}.customer-details{padding:2px!important}.cash-bill-items,.customer-details,.totals-section{margin:3px 0!important}.totals-section{padding:2px!important}.futerr{margin-top:3px!important;padding-top:2px!important}.cashbill-page-wrapper{height:297mm!important;max-height:297mm!important;overflow:hidden!important}.cashbillinvoice-container{height:287mm!important;max-height:287mm!important;overflow:hidden!important}.print-test{display:none!important;visibility:hidden!important}h1,h2,h3,h4,h5,h6,input,label,p,select,span,textarea{color:#000!important;display:block!important;opacity:1!important;visibility:visible!important}.cashbill-page-wrapper{background:#fff!important;margin:0!important;padding:0!important}.cashbillinvoice-container{background:#fff!important;border:none!important;box-shadow:none!important;margin:0!important;padding:10mm!important}*{box-shadow:none!important;text-shadow:none!important}::-webkit-scrollbar{display:none!important}.cashcancelled-watermark,.cashcancelled-watermark img,.watermark,.watermark img{display:none!important;opacity:0!important;visibility:hidden!important}.bill-header,.customer-details{page-break-after:avoid!important}.cashbillitems-section{page-break-inside:avoid!important}.totals-section{page-break-after:avoid!important}.futerr,.totals-section{page-break-before:avoid!important}}.modal-content{box-shadow:0 4px 8px #0003;padding:2rem}.modal-content h3{margin-bottom:1rem}.modal-content p{margin-bottom:1.5rem}.modal-buttons{gap:1rem}.modal-buttons button{font-weight:600;padding:.5rem 1rem;transition:background-color .3s ease}@media (max-width:768px){.cashbill-page-wrapper{padding:.5rem}.cashbillinvoice-container{padding:.75rem}.bill-header{flex-direction:column!important;gap:1rem!important;margin-bottom:15px!important;padding:10px!important}.header-left-section{align-items:center!important;flex-direction:column!important;text-align:center!important;width:100%!important}.company-logo-header{height:100px!important;margin-bottom:10px!important;width:100px!important}.company-address-header{margin-top:0!important;text-align:center!important;width:100%!important}.company-name-header{font-size:1.4rem!important;margin-bottom:8px!important;text-align:center!important}.address-text-header{font-size:.9rem!important}.address-text-header,.company-details-row{margin-bottom:5px!important;text-align:center!important}.company-details-row{flex-direction:column!important;gap:3px!important}.contact-text-header,.gstin-text-header{font-size:.8rem!important;margin:2px 0!important;text-align:center!important}.bill-info-header{align-items:center!important;margin-top:1rem!important;text-align:center!important;width:100%!important}.bill-info-header h2{font-size:1.8rem!important;margin-bottom:8px!important;text-align:center!important}.bill-info-header .bill-number,.bill-info-header .date{font-size:.9rem!important;margin:3px 0!important;text-align:center!important}.customer-details{padding:1rem}.customer-details .input-group{margin-bottom:1rem}.customer-details input{font-size:14px;padding:.75rem;width:100%}.tax-options{align-items:flex-start!important;flex-direction:column!important;gap:15px!important;margin-bottom:15px!important}.tax-options label{font-size:13px!important;gap:6px!important;justify-content:flex-start!important;width:100%!important}.tax-options input[type=checkbox]{height:16px!important;width:16px!important}.futerr,.totals-section{padding:1rem}.bank-container{flex-direction:column;gap:1rem}.qr-code-section{text-align:center}.saved-bills-section{-webkit-overflow-scrolling:touch;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-top:20px;overflow-x:auto}.saved-bills-table{border-radius:6px;font-size:.8rem;min-width:500px;overflow:hidden}.saved-bills-table td,.saved-bills-table th{font-size:.75rem;padding:.5rem;white-space:nowrap}.saved-bills-table th{background-color:#6c4e63!important;border:1px solid #ddd!important;color:#fff!important;font-weight:600!important;padding:.6rem!important;text-align:center!important;vertical-align:middle!important}.saved-bills-table td{text-align:center;vertical-align:middle}.select-btnn{border-radius:3px;font-size:.7rem;padding:4px 8px}}@media (max-width:480px){.cashbill-page-wrapper{padding:.25rem}.cashbillinvoice-container{padding:.5rem}.saved-bills-section{-webkit-overflow-scrolling:touch;align-items:center;background:#f8f9fa;border-radius:6px;box-shadow:0 2px 6px #0000001a;display:flex;flex-direction:column;justify-content:center;margin-top:15px;overflow-x:auto;padding:10px}.saved-bills-section h3{color:#333;font-size:1rem;margin-bottom:10px}.table-responsive{-webkit-overflow-scrolling:touch;align-items:center;background:#fff;border-radius:4px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:center;overflow-x:auto;width:100%}.saved-bills-table{border-radius:4px;font-size:.7rem;margin:0 auto!important;min-width:450px;text-align:center!important;width:100%}.saved-bills-table td,.saved-bills-table th{border:1px solid #ddd;font-size:.7rem;padding:.4rem .3rem;text-align:center;vertical-align:middle;white-space:nowrap}.saved-bills-table th{background-color:#6c4e63;color:#fff;font-size:.7rem;font-weight:600;position:-webkit-sticky;position:sticky;top:0;z-index:10}.saved-bills-table td{background:#fff}.saved-bills-table tbody tr:nth-child(2n){background-color:#f9f9f9}.saved-bills-table tbody tr:hover{background-color:#f0f0f0}.select-btn,.select-btnn{border-radius:2px;font-size:.65rem;padding:3px 6px;white-space:nowrap}.bill-header{margin-bottom:12px!important;padding:8px!important}.company-logo-header{height:80px!important;margin-bottom:8px!important;width:80px!important}.company-name-header{font-size:1.2rem!important;margin-bottom:6px!important}.address-text-header{font-size:.85rem!important;line-height:1.3!important;margin-bottom:4px!important}.contact-text-header,.gstin-text-header{font-size:.75rem!important;margin:1px 0!important}.bill-info-header h2{font-size:1.5rem!important;margin-bottom:6px!important}.bill-info-header .bill-number,.bill-info-header .date{font-size:.85rem!important;margin:2px 0!important}.customer-details h3{font-size:1.2rem}.tax-options{align-items:center!important;flex-direction:column!important;gap:12px!important;margin-bottom:12px!important;text-align:center!important}.tax-options label{font-size:12px!important;gap:5px!important;justify-content:center!important;text-align:center!important;width:100%!important}.tax-options input[type=checkbox]{height:14px!important;width:14px!important}.customer-details input{font-size:13px;padding:.5rem}.totals-section h3{font-size:1.1rem}.futerr{padding:.5rem}.bank-contentcashbill p{font-size:.9rem}.qr-code{max-height:120px;max-width:120px}}.bank-details-section{background:#0000!important;border:none!important;border-radius:0!important;box-shadow:none!important;margin-bottom:0!important;padding:0!important}.bank-details-section h4{border-bottom:none!important;color:inherit!important;font-size:inherit!important;font-weight:inherit!important;letter-spacing:normal!important;margin:0!important;padding-bottom:0!important;text-align:inherit!important;text-transform:none!important}.cashsave-customer-section{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;flex:1 1;margin-top:0;min-width:200px;padding:1rem;text-align:center}.cashsave-customer-btn{align-items:center;background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:6px;box-shadow:0 2px 4px #28a74533;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:8px;padding:10px 20px;transition:all .3s ease}@media print{.customer-info-section{display:none!important}}@media (max-width:360px){.cashbill-page-wrapper{padding:.15rem}.cashbillinvoice-container{padding:.25rem}.tax-options{align-items:center!important;flex-direction:column!important;gap:8px!important;margin-bottom:8px!important;text-align:center!important}.tax-options label{font-size:11px!important;gap:4px!important;justify-content:center!important;line-height:1.2!important;text-align:center!important;width:100%!important}.tax-options input[type=checkbox]{height:12px!important;width:12px!important}.bill-header{margin-bottom:10px!important;padding:6px!important}.company-logo-header{height:60px!important;margin-bottom:6px!important;width:60px!important}.company-name-header{font-size:1rem!important;margin-bottom:4px!important}.address-text-header{font-size:.7rem!important;line-height:1.2!important;margin-bottom:3px!important}.contact-text-header,.gstin-text-header{font-size:.65rem!important;margin:1px 0!important}.bill-info-header h2{font-size:1.3rem!important;margin-bottom:4px!important}.bill-info-header .bill-number,.bill-info-header .date{font-size:.75rem!important;margin:1px 0!important}.customer-details h3{font-size:1.1rem}.customer-details input{font-size:12px;padding:.4rem}.saved-bills-section{-webkit-overflow-scrolling:touch;align-items:center;border-radius:4px;box-shadow:0 1px 4px #0000001a;display:flex;flex-direction:column;justify-content:center;margin-top:10px;overflow-x:auto}.saved-bills-table{border-radius:3px;font-size:.65rem;min-width:400px}.saved-bills-table td,.saved-bills-table th{font-size:.65rem;padding:.3rem;white-space:nowrap}.saved-bills-table th{background-color:#6c4e63;color:#fff;font-size:.65rem;font-weight:600;text-align:center}.saved-bills-table td{text-align:center;vertical-align:middle}.select-btn,.select-btnn{border-radius:2px;font-size:.6rem;padding:2px 4px}.saved-bills-section{padding:8px}.saved-bills-section h3{font-size:.9rem;margin-bottom:8px}.table-responsive{display:none}.saved-bills-mobile-cards{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;width:100%}.saved-bill-card{background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 1px 3px #0000001a;margin-bottom:8px;max-width:100%;padding:10px;text-align:center;width:100%}.saved-bill-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.saved-bill-card-title{color:#333;font-size:.8rem;font-weight:600}.saved-bill-card-total{color:#28a745;font-size:.8rem;font-weight:600}.saved-bill-card-details{grid-gap:4px;display:grid;gap:4px;grid-template-columns:1fr 1fr;margin-bottom:8px}.saved-bill-card-detail{color:#666;font-size:.7rem}.saved-bill-card-detail strong{color:#333}.saved-bill-card-actions{align-items:center;display:flex;gap:6px;justify-content:center}.saved-bill-card-actions .select-btn,.saved-bill-card-actions .select-btnn{border-radius:3px;font-size:.65rem;padding:4px 8px}}.cashbillinvoice-container .cashbill-saved-bills-section{flex-direction:column!important;margin:30px auto 0!important;z-index:999!important}.cashbillinvoice-container .cashbill-saved-bills-section,.cashbillinvoice-container .cashbill-table-responsive{align-items:center!important;display:flex!important;justify-content:center!important;position:relative!important;width:100%!important}.cashbillinvoice-container .cashbill-table-responsive{z-index:998!important}.cashbillinvoice-container .cashbill-saved-bills-table{display:table!important;margin:0 auto!important;position:relative!important;text-align:center!important;width:100%!important;z-index:997!important}.cashbill-saved-bills-section{-webkit-overflow-scrolling:touch!important;align-items:center!important;background:#f8f9fa!important;border-radius:8px!important;box-shadow:0 2px 8px #0000001a!important;display:flex!important;flex-direction:column!important;font-family:Arial,sans-serif!important;justify-content:center!important;margin-top:30px!important;overflow-x:auto!important;position:relative!important;width:100%!important;z-index:1!important}.cashbill-saved-bills-section h3{color:#333!important;display:block!important;font-size:1.2rem!important;margin-bottom:15px!important;position:relative!important;text-align:center!important;width:100%!important}.cashbill-table-responsive{-webkit-overflow-scrolling:touch!important;align-items:center!important;display:flex!important;justify-content:center!important;overflow-x:auto!important;z-index:2!important}.cashbill-saved-bills-table,.cashbill-table-responsive{border-radius:6px!important;max-width:100%!important;position:relative!important;width:100%!important}.cashbill-saved-bills-table{background-color:#fff!important;border-collapse:collapse!important;display:table!important;font-size:14px!important;margin:0 auto!important;min-width:600px!important;overflow:hidden!important;text-align:center!important;z-index:3!important}.cashbill-saved-bills-table thead{background-color:#6c4e63!important;color:#fff!important;display:table-header-group!important}.cashbill-saved-bills-table td,.cashbill-saved-bills-table th{border:1px solid #ddd!important;display:table-cell!important;padding:10px!important;position:relative!important;text-align:center!important;vertical-align:middle!important}.cashbill-saved-bills-table tbody tr:nth-child(odd){background-color:#f9f1f6}.cashbill-saved-bills-table tbody tr:hover{background-color:#f0e4ec}.cashbill-saved-bills-mobile-cards{display:none}.cashbill-saved-bill-card{background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 1px 3px #0000001a;margin-bottom:8px;max-width:100%;padding:10px;text-align:center;width:100%}.cashbill-saved-bill-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.cashbill-saved-bill-card-title{color:#333;font-size:.8rem;font-weight:600}.cashbill-saved-bill-card-total{color:#28a745;font-size:.8rem;font-weight:600}.cashbill-saved-bill-card-details{grid-gap:4px;display:grid;gap:4px;grid-template-columns:1fr 1fr;margin-bottom:8px}.cashbill-saved-bill-card-detail{color:#666;font-size:.7rem}.cashbill-saved-bill-card-detail strong{color:#333}.cashbill-saved-bill-card-actions{align-items:center;display:flex;gap:6px;justify-content:center}.cashbill-saved-bill-card-actions .select-btn,.cashbill-saved-bill-card-actions .select-btnn{border-radius:3px!important;font-size:.6rem!important;min-width:auto!important;padding:2px 6px!important;width:auto!important}.cashbill-saved-bills-table .btn-danger,.cashbill-saved-bills-table .select-btn,.cashbill-saved-bills-table .select-btnn{border-radius:3px!important;font-size:.7rem!important;margin:2px!important;min-width:auto!important;padding:3px 6px!important;width:auto!important}@media (max-width:768px){.cashbill-saved-bills-section{-webkit-overflow-scrolling:touch;align-items:center;background:#f8f9fa;border-radius:6px;box-shadow:0 2px 6px #0000001a;display:flex;flex-direction:column;justify-content:center;margin-top:15px;overflow-x:auto;padding:10px}.cashbill-saved-bills-section h3{color:#333;font-size:1rem;margin-bottom:10px}.cashbill-table-responsive{-webkit-overflow-scrolling:touch;align-items:center;background:#fff;border-radius:4px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:center;overflow-x:auto;width:100%}.cashbill-saved-bills-table{border-radius:4px;font-size:.7rem;min-width:450px}.cashbill-saved-bills-table td,.cashbill-saved-bills-table th{border:1px solid #ddd;font-size:.7rem;padding:.4rem .3rem;text-align:center;vertical-align:middle;white-space:nowrap}.cashbill-saved-bills-table th{background-color:#6c4e63!important;color:#fff!important;font-size:.7rem!important;font-weight:600!important;position:-webkit-sticky;position:sticky;top:0;z-index:10}.cashbill-saved-bills-table td{background:#fff}.cashbill-saved-bills-table tbody tr:nth-child(2n){background-color:#f9f9f9}.cashbill-saved-bills-table tbody tr:hover{background-color:#f0f0f0}.cashbill-saved-bills-table .btn-danger,.cashbill-saved-bills-table .select-btn,.cashbill-saved-bills-table .select-btnn{border-radius:2px!important;font-size:.6rem!important;margin:1px!important;padding:2px 4px!important}}@media (max-width:360px){.cashbill-saved-bills-section{-webkit-overflow-scrolling:touch;align-items:center;border-radius:4px;box-shadow:0 1px 4px #0000001a;display:flex;flex-direction:column;justify-content:center;margin-top:10px;overflow-x:auto}.cashbill-table-responsive{display:none}.cashbill-saved-bills-mobile-cards{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;width:100%}}@media (max-width:479px){.cashbill-page-wrapper{padding:.5rem}.cashbillinvoice-container{border-radius:8px;padding:.75rem}.bill-header{flex-direction:column;gap:10px;padding:10px}.header-left-section{align-items:center;width:100%}.company-logo-header{height:50px;width:50px}.center-company-logo{height:40px;width:40px}.company-name-header{font-size:16px;text-align:center}.address-text-header{font-size:11px;text-align:center}.bill-info-header{margin-top:10px;text-align:center}.bill-info-header h2{font-size:18px}.bill-info-header .bill-number,.bill-info-header .date{font-size:14px}.cashbillitems-section{font-size:10px}.cashbill-horizontal-item-row,.cashbillitems-section{gap:4px;grid-template-columns:25px 50px 1fr 50px 50px 70px 60px 50px 25px;padding:6px}.cashbill-horizontal-item-row{min-height:35px}.cashbill-item-sno{font-size:9px;height:25px;width:25px}.cashbill-input-field{padding:2px 4px}.cashbill-input-field,.cashbill-item-total{font-size:10px;height:28px}.cashbill-delete-btn{font-size:10px;height:24px;width:24px}.cashbill-action-btn{font-size:8px;height:20px;width:20px}.customer-details{padding:.75rem}.customer-details h3{font-size:16px}.customer-details input{font-size:14px;height:36px}.tax-options{flex-direction:column;gap:8px}.tax-options label{font-size:12px}.futerr{padding:.75rem}.bank-contentcashbill p{font-size:11px}.qr-code{height:60px;width:60px}}@media (min-width:480px) and (max-width:599px){.cashbill-page-wrapper{padding:1rem .75rem}.cashbillinvoice-container{padding:1rem}.bill-header{padding:12px}.company-logo-header{height:60px;width:60px}.center-company-logo{height:50px;width:50px}.company-name-header{font-size:18px}.address-text-header{font-size:12px}.cashbillitems-section{font-size:11px}.cashbill-horizontal-item-row,.cashbillitems-section{gap:4px;grid-template-columns:30px 60px 1fr 60px 40px 80px 60px 40px 30px;padding:8px}.cashbill-horizontal-item-row{min-height:40px}.cashbill-item-sno{font-size:10px;height:30px;width:30px}.cashbill-input-field{padding:4px 6px}.cashbill-input-field,.cashbill-item-total{font-size:11px;height:32px}.cashbill-delete-btn{font-size:11px;height:28px;width:28px}.cashbill-action-btn{font-size:9px;height:24px;width:24px}}@media (min-width:600px) and (max-width:767px){.cashbill-page-wrapper{padding:1.5rem 1rem}.cashbillinvoice-container{padding:1.5rem}.bill-header{padding:15px}.company-logo-header{height:70px;width:70px}.center-company-logo{height:60px;width:60px}.company-name-header{font-size:20px}.address-text-header{font-size:13px}.cashbillitems-section{font-size:12px}.cashbill-horizontal-item-row,.cashbillitems-section{gap:6px;grid-template-columns:35px 70px 1fr 70px 50px 90px 70px 50px 40px;padding:10px}.cashbill-horizontal-item-row{min-height:45px}.cashbill-item-sno{font-size:11px;height:35px;width:35px}.cashbill-input-field{padding:6px 8px}.cashbill-input-field,.cashbill-item-total{font-size:12px;height:36px}.cashbill-delete-btn{font-size:12px;height:32px;width:32px}.cashbill-action-btn{font-size:10px;height:28px;width:28px}}@media (min-width:768px) and (max-width:899px){.cashbill-page-wrapper{padding:2rem 1.5rem}.cashbillinvoice-container{padding:2rem}.bill-header{padding:18px}.company-logo-header{height:90px;width:90px}.center-company-logo{height:80px;width:80px}.company-name-header{font-size:22px}.address-text-header{font-size:14px}.cashbillitems-section{font-size:13px}.cashbill-horizontal-item-row,.cashbillitems-section{gap:8px;grid-template-columns:40px 80px 1fr 80px 60px 100px 80px 60px 50px;padding:12px}.cashbill-horizontal-item-row{min-height:50px}.cashbill-item-sno{font-size:12px;height:40px;width:40px}.cashbill-input-field{padding:8px 10px}.cashbill-input-field,.cashbill-item-total{font-size:13px;height:40px}.cashbill-delete-btn{font-size:14px;height:36px;width:36px}.cashbill-action-btn{font-size:12px;height:32px;width:32px}}@media (min-width:900px) and (max-width:1023px){.bill-header{padding:20px}.company-logo-header{height:100px;width:100px}.center-company-logo{height:90px;width:90px}.company-name-header{font-size:24px}.address-text-header{font-size:15px}.cashbillitems-section{font-size:14px}.cashbill-horizontal-item-row,.cashbillitems-section{gap:12px;grid-template-columns:50px 100px 1fr 100px 80px 120px 100px 80px 60px;padding:15px}.cashbill-horizontal-item-row{min-height:55px}.cashbill-item-sno{font-size:13px;height:45px;width:45px}.cashbill-input-field{padding:10px 12px}.cashbill-input-field,.cashbill-item-total{font-size:14px;height:42px}.cashbill-delete-btn{font-size:15px;height:40px;width:40px}.cashbill-action-btn{font-size:13px;height:36px;width:36px}}@media (min-width:1024px) and (max-width:1199px){.cashbill-page-wrapper{padding:2rem 2.5rem}.cashbillinvoice-container{max-width:1200px;padding:2.5rem}.bill-header{padding:20px}.company-logo-header{height:110px;width:110px}.center-company-logo{height:100px;width:100px}.company-name-header{font-size:26px}.address-text-header{font-size:16px}.cashbillitems-section{font-size:15px}.cashbill-horizontal-item-row,.cashbillitems-section{gap:15px;grid-template-columns:60px 120px 1fr 120px 100px 150px 120px 100px 80px;padding:18px}.cashbill-horizontal-item-row{min-height:60px}.cashbill-item-sno{font-size:14px;height:50px;width:50px}.cashbill-input-field{padding:12px 15px}.cashbill-input-field,.cashbill-item-total{font-size:15px;height:45px}.cashbill-delete-btn{font-size:16px;height:44px;width:44px}.cashbill-action-btn{font-size:14px;height:40px;width:40px}}@media (min-width:1200px) and (max-width:1599px){.cashbill-page-wrapper{padding:2rem 3rem}.cashbillinvoice-container{max-width:1800px;padding:3rem}.bill-header{padding:25px}.company-logo-header{height:120px;width:120px}.center-company-logo{height:110px;width:110px}.company-name-header{font-size:28px}.address-text-header{font-size:17px}.cashbillitems-section{font-size:16px}.cashbill-horizontal-item-row,.cashbillitems-section{gap:18px;grid-template-columns:70px 140px 1fr 140px 120px 180px 140px 120px 100px;padding:20px}.cashbill-horizontal-item-row{min-height:70px}.cashbill-item-sno{font-size:15px;height:55px;width:55px}.cashbill-input-field{padding:14px 18px}.cashbill-input-field,.cashbill-item-total{font-size:16px;height:48px}.cashbill-delete-btn{font-size:17px;height:48px;width:48px}.cashbill-action-btn{font-size:15px;height:44px;width:44px}}@media (min-width:1600px) and (max-width:1919px){.cashbill-page-wrapper{padding:2rem 4rem}.cashbillinvoice-container{max-width:1600px;padding:4rem}.bill-header{padding:30px}.company-logo-header{height:130px;width:130px}.center-company-logo{height:120px;width:120px}.company-name-header{font-size:30px}.address-text-header{font-size:18px}.cashbillitems-section{font-size:17px}.cashbill-horizontal-item-row,.cashbillitems-section{gap:20px;grid-template-columns:80px 160px 1fr 160px 140px 200px 160px 140px 120px;padding:22px}.cashbill-horizontal-item-row{min-height:80px}.cashbill-item-sno{font-size:16px;height:60px;width:60px}.cashbill-input-field{padding:16px 20px}.cashbill-input-field,.cashbill-item-total{font-size:17px;height:52px}.cashbill-delete-btn{font-size:18px;height:52px;width:52px}.cashbill-action-btn{font-size:16px;height:48px;width:48px}}@media (min-width:1920px){.cashbill-page-wrapper{padding:2rem 5rem}.cashbillinvoice-container{max-width:1800px;padding:5rem}.bill-header{padding:35px}.company-logo-header{height:140px;width:140px}.center-company-logo{height:130px;width:130px}.company-name-header{font-size:32px}.address-text-header{font-size:19px}.cashbillitems-section{font-size:18px}.cashbill-horizontal-item-row,.cashbillitems-section{gap:22px;grid-template-columns:90px 180px 1fr 180px 160px 220px 180px 160px 140px;padding:25px}.cashbill-horizontal-item-row{min-height:90px}.cashbill-item-sno{font-size:17px;height:70px;width:70px}.cashbill-input-field{padding:18px 22px}.cashbill-input-field,.cashbill-item-total{font-size:18px;height:56px}.cashbill-delete-btn{font-size:19px;height:56px;width:56px}.cashbill-action-btn{font-size:17px;height:52px;width:52px}}@media (max-width:767px){.desktop-only,.tablet-only{display:none!important}}@media (min-width:768px) and (max-width:1023px){.desktop-only,.mobile-only{display:none!important}}@media (min-width:1024px){.mobile-only,.tablet-only{display:none!important}}@media (orientation:landscape) and (max-height:600px){.cashbill-page-wrapper,.cashbillinvoice-container{padding:1rem}.bill-header{padding:10px}.cashbillitems-section{font-size:12px;padding:8px}.cashbill-horizontal-item-row{min-height:40px;padding:8px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.cashbill-action-btn,.cashbill-delete-btn,.cashbill-input-field{border-width:.5px}.bill-header,.cashbill-horizontal-item-row,.cashbillitems-section{box-shadow:0 1px 2px #0000001a}}@media (prefers-reduced-motion:reduce){.add-itemm-btn,.cashbill-action-btn,.cashbill-delete-btn,.cashbill-horizontal-item-row{transition:none}.add-itemm-btn:hover,.cashbill-action-btn:hover,.cashbill-delete-btn:hover,.cashbill-horizontal-item-row:hover{transform:none}}@media (prefers-color-scheme:dark){.cashbill-page-wrapper{background-color:#1a1a1a;color:#fff}.cashbillinvoice-container{background-color:#2d2d2d;color:#fff}.bill-header{background-color:#3a3a3a;border-color:#555}.cashbill-horizontal-item-row{background-color:#2d2d2d;border-color:#555;color:#fff}.cashbill-input-field{background-color:#3a3a3a;border-color:#555;color:#fff}}body{color:#333}.creditnote-page-wrapper{background-color:#fff}.creditnote-content-container,.creditnote-page-wrapper{box-sizing:border-box;padding:20px;position:relative;width:100%}.creditnote-content-container{background:#c1b8c1;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:0 auto;min-height:calc(100vh - 40px)}.company-details{align-items:flex-start;display:flex;flex-direction:column;margin:0}.company-logo{margin-bottom:10px;object-fit:contain;width:50mm}.company-name{color:var(--text-color)}.company-address,.company-contact{color:#181717;font-size:.9rem;margin:.25rem 0}.company-contact a{color:#000;text-decoration:none}.company-contact a:hover{text-decoration:underline}.watermark{height:300px;position:absolute;width:300px}.notecancelled-watermark{left:50%;opacity:.4;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:10}.notecancelled-watermark img{height:400px;width:400px}.form-grid{grid-gap:10px 20px;gap:10px 20px;grid-template-columns:1fr 2fr}.input-group{display:flex;flex-direction:column;padding:10px}.input-group label{font-weight:600;margin-bottom:4px}.input-group input,.input-group select{border:1px solid #ccc;border-radius:4px;font-size:14px;padding:8px}.input-group input:focus,.input-group select:focus{background-color:#fff;background-color:var(--input-focus-bg);border-color:#b39eb5;border-color:var(--primary-color);box-shadow:0 0 4px #b39eb54d;outline:none}.input-group input:disabled,.input-group select:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.7}.error{color:#ffe6e6;color:var(--error-bg)}.checkbox{gap:12px;padding:10px 0}.checkbox,.checkbox-labell{align-items:center;display:flex}.checkbox-labell{font-size:14px;gap:8px}.checkbox-labell input{cursor:pointer;margin:0}.creditnote-add-item-btn{align-items:center;background-color:#997a8d;background-color:var(--button-bg);border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;padding:8px 16px}.creditnote-add-item-btn:hover{background-color:#9b778e;background-color:var(--button-hover-bg)}.creditnote-add-item-btn:disabled{background:#ccc;border-color:#ccc;cursor:not-allowed}.save-customer-section{background:#f8f9fa;border-radius:8px;margin:20px 0;padding:15px}.btn-save-customer{background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-bottom:8px;max-width:300px;padding:12px 24px;transition:all .2s ease;width:100%}.btn-save-customer:hover:not(:disabled){background:#218838;box-shadow:0 2px 4px #0003;transform:translateY(-1px)}.btn-save-customer:disabled{background:#6c757d;box-shadow:none;cursor:not-allowed;transform:none}.save-customer-info{margin-top:8px}.save-customer-info small{color:#6c757d;font-size:12px;font-style:italic}.note-info h1{color:#000;font-size:24px;margin:0}.bill-meta{color:#333;color:var(--text-color);font-size:14px}.creditnote-header{color:#000;padding:10px 0;text-align:center}.creditnote-button-group{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:20px 0}.creditnote-back-btn,.creditnote-download-btn,.creditnote-email-btn,.creditnote-print-btn,.creditnote-save-btn{background:#997a8d;background:var(--button-bg);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s}.creditnote-back-btn:hover,.creditnote-download-btn:hover,.creditnote-email-btn:hover,.creditnote-print-btn:hover,.creditnote-save-btn:hover{background:#9b778e;background:var(--button-hover-bg)}.creditnote-back-btn:disabled,.creditnote-download-btn:disabled,.creditnote-email-btn:disabled,.creditnote-print-btn:disabled,.creditnote-save-btn:disabled{background:#ccc;cursor:not-allowed}.item-table{border-collapse:collapse;margin:20px 0}.item-table td,.item-table th{border:1px solid #ddd;border:1px solid var(--border-color);font-size:14px;padding:8px;text-align:center}.item-table th{background-color:#997a8d;background-color:var(--button-bg);color:#fff;font-weight:600}.item-table input{background:#fff;border:1px solid #ddd;border:1px solid var(--border-color);border-radius:4px;font-size:14px;padding:6px;width:90%}.item-table input:disabled{background:#f5f5f5;cursor:not-allowed}.totals{margin:20px 0;text-align:right}.amount-details{margin-left:auto;width:250px}.amount-row,.total-amount{display:flex;font-size:14px;justify-content:space-between;padding:4px 0}.returned-amount-input{background-color:#fff;border:1px solid #ccc;border-radius:4px;color:#333;cursor:text;display:inline-block;font-size:.9rem;opacity:1;padding:.5rem;pointer-events:auto;position:relative;text-align:right;user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;visibility:visible;width:120px;z-index:1000}.returned-amount-input:focus{background-color:#fff;border-color:#b39eb5;border-color:var(--primary-color);box-shadow:0 0 0 2px #b39eb533;outline:none}.returned-amount-input:disabled{background-color:#f5f5f5;color:#666;cursor:not-allowed;pointer-events:none}.returned-amount-input:hover:not(:disabled){border-color:#b39eb5;border-color:var(--primary-color)}.total-amount{font-weight:600;padding-top:8px}.footer,.total-amount{border-top:1px solid #ddd;border-top:1px solid var(--border-color)}.footer{flex-wrap:wrap;gap:20px;justify-content:space-between;margin-top:20px;padding-top:15px}.footer h4{font-size:16px;margin-bottom:8px}.footer p{font-size:14px;line-height:1.5;margin:0 0 4px}.signature{flex:1 1}.bank-details{background:#f8f9fa!important;border:1px solid #e9ecef!important;border-radius:8px!important;box-shadow:0 2px 4px #0000001a!important;flex:2 1;margin-bottom:20px!important;padding:20px!important}.bank-details h4{border-bottom:3px solid #b39eb5!important;color:#050505!important;margin:0 0 20px!important;padding-bottom:8px!important;text-align:left!important;text-transform:uppercase!important}.bank-content p{line-height:1.4!important;margin:0!important;white-space:nowrap!important}.bank-details>div:not(:first-child){gap:20px!important;justify-content:space-between!important;margin-top:15px!important;width:100%!important}.bank-content,.bank-details>div:not(:first-child){align-items:flex-start!important;display:flex!important}.bank-content{flex:1 1!important;flex-direction:column!important;gap:8px!important;min-width:0!important;padding-left:5px!important}.bank-content p{color:#495057!important;font-size:14px!important;line-height:1.6!important;margin:4px 0!important;text-align:left!important}.terms-section{margin-bottom:20px!important}.terms-section h4{color:#000!important;font-family:Ethnocentric,sans-serif!important;font-size:16px!important;font-weight:600!important;margin-bottom:10px!important}.terms-content{background:#fff!important;border:1px solid #ddd!important;border-radius:8px!important;padding:15px!important}.terms-content p{color:#333!important;font-size:14px!important;line-height:1.5!important;margin:0!important}.qr-code-section{align-items:center!important;align-self:flex-start!important;background:#fff!important;border:1px solid #b39eb5!important;border-radius:8px!important;box-shadow:0 1px 3px #0000001a!important;display:flex!important;flex-direction:column!important;flex-shrink:0!important;justify-content:flex-start!important;margin-left:auto!important;max-width:160px!important;min-width:140px!important;padding:15px!important}.qr-code-container{margin-bottom:8px!important;position:relative!important}.qr-code-image{border-radius:4px!important;height:120px!important;object-fit:contain!important;width:120px!important}.qr-code-placeholder{height:120px!important;width:120px!important}.qr-code-placeholder,.qr-placeholder-box{align-items:center!important;display:flex!important;justify-content:center!important}.qr-placeholder-box{background:#f8f9fa!important;border:2px dashed #ccc!important;border-radius:8px!important;color:#6c757d!important;font-size:16px!important;font-weight:700!important;height:100px!important;width:100px!important}.qr-code-label{color:#495057!important;font-size:12px!important;font-weight:700!important;margin:0!important;text-align:center!important}.customer-search-section{margin:1.5rem 0;padding:1.5rem}.search-button{min-width:50px}.btn-create-customer:hover{background:#9b778e;background:var(--button-hover-bg)}.btn-create-customer:disabled{background:#ccc}.loading-message{margin-top:10px}.creditnote-delete-btn{background:#ffe6e6;background:var(--error-bg);border:1px solid #f26363;border-radius:4px;color:#333;color:var(--text-color);cursor:pointer;font-size:14px;padding:6px 10px}.creditnote-delete-btn:hover{background:#ffd1d1;border-color:#e63946}.creditnote-delete-btn:disabled{background:#ccc;border-color:#ccc;cursor:not-allowed}.saved-creditnotes-section{margin-top:30px}.saved-creditnotes-section h3{color:#000;font-size:18px;margin-bottom:15px}.saved-creditnotes-table{border-collapse:collapse;width:100%}.saved-creditnotes-table td,.saved-creditnotes-table th{border:1px solid #ddd;border:1px solid var(--border-color);font-size:14px;padding:8px;text-align:left}.saved-creditnotes-table th{background-color:#997a8d;background-color:var(--button-bg);color:#fff}.saved-creditnotes-table td{background-color:#f9f9f9}.action-btn{background-color:#007bff;font-size:.8rem;margin:0 2px;padding:5px 10px;transition:background-color .2s}.action-btn:hover{background-color:#0056b3}.action-btn.delete:hover{background-color:#c82333}.action-btn:disabled{background-color:#6c757d}.action-btn.request-edit{background-color:#ffc107;color:#212529}.action-btn.request-edit:hover{background-color:#e0a800}.action-btn.request-delete{background-color:#fd2f14;color:#fff}.action-btn.request-delete:hover{background-color:#a8290a}@media print{@page{size:A4 portrait;margin:10mm}.creditnote-page-wrapper{background:none;padding:0}.creditnote-content-container{background:#fff;border:none;box-shadow:none;min-height:auto;padding:10mm;width:100%}.note-header{background:#fff!important;border:1px solid #333!important;border-radius:0!important;justify-content:space-between!important;margin-bottom:5px!important;padding:8px!important}.header-left-section,.note-header{align-items:flex-start!important;display:flex!important}.header-left-section{flex:1 1!important;gap:10px!important}.company-logo-header{height:70px!important;object-fit:contain!important;padding:2px!important;width:70px!important}.company-address-header{display:flex!important;flex-direction:column!important;gap:2px!important;margin-left:8px!important;padding-left:10px!important;visibility:visible!important}.company-name-header{color:#000!important;font-size:16px!important;font-weight:700!important;margin:0!important}.address-text-header,.contact-text-header,.gstin-text-header,.state-text-header{color:#000!important;font-size:7px!important;line-height:1.1!important;margin:0!important;padding:1px 0!important}.company-details-row{display:flex!important;flex-wrap:wrap!important;gap:15px!important;margin:1px 0!important}.mobile-number-left{margin-left:-8px!important}.bill-info-header{align-items:flex-end!important;display:flex!important;flex-direction:column!important;margin-right:15px!important;min-width:120px!important;text-align:right!important}.bill-info-header h2{color:#000!important;font-size:14px!important;font-weight:700!important;margin:0 0 5px!important}.bill-info-header .bill-number,.bill-info-header .date{color:#000!important;font-size:9px!important;margin:1px 0!important}.notecancelled-watermark,.watermark{left:50%;opacity:.2;position:fixed;top:50%;transform:translate(-50%,-50%)}.notecancelled-watermark{opacity:.5;transform:translate(-50%,-50%) rotate(-45deg)}.notecancelled-watermark img,.watermark img{height:100mm;width:100mm}.creditnote-add-item-btn,.creditnote-button-group,.saved-creditnotes-section{display:none}.item-table{page-break-inside:auto}.item-table tr{page-break-after:auto;page-break-inside:avoid}.item-table input{-webkit-appearance:none;appearance:none;background:none;border:none;font-size:12pt;pointer-events:none}.footer,.totals{page-break-inside:avoid}.footer{margin-top:20px;padding-top:15px}.form-grid .input-group input,.form-grid .input-group input[type=date],.form-grid .input-group select{-webkit-appearance:none;appearance:none;background:none;border:none;font-size:12pt;padding:0;pointer-events:none}.company-logo{height:auto!important;width:20mm!important}.company-name{font-size:12pt!important}.company-address,.company-contact{font-size:8pt!important}.note-info h1{font-size:16pt!important}.bill-meta{font-size:10pt!important}.creditnote-header h2{font-size:14pt!important}.item-table td,.item-table th,.totals .amount-row,.totals .total-amount{font-size:10pt!important}.footer h4{font-size:12pt!important}.footer p{font-size:10pt!important}}@media (max-width:600px){.form-grid{grid-template-columns:1fr}.input-group{max-width:100%}.creditnote-button-group{align-items:center;flex-direction:column}.amount-details{width:100%}.footer{flex-direction:column}.signature{text-align:right;width:100%}.bank-details{width:100%}}.section-title{color:#000;font-size:18px;margin-bottom:1rem;margin-top:1.5rem}.customer-details{margin-bottom:20px}.bill-search-section{margin:1.5rem 0;padding:1.5rem}.tax-options{padding:1rem}.message{border-radius:5px;padding:10px 15px}.message.auth-error{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404;margin:0 auto;max-width:600px}.message.auth-error ol{margin:5px 0;padding-left:20px}.message.auth-error li{font-size:13px;margin:3px 0}@media print{.action-buttons,.add-item-btn,.bill-search-section,.btn-create-customer,.customer-search,.manual-items-actions,.no-print,.permission-status,.remove-item-btn,.search-button,.search-results,.tax-options,button{display:none!important}.customer-form{grid-gap:8px 30px!important;display:grid!important;gap:8px 30px!important;grid-template-columns:1fr 1fr!important;margin-top:10px!important;page-break-inside:avoid!important}.credit-bill-input-group:first-child,.credit-bill-input-group:nth-child(2),.credit-bill-input-group:nth-child(3),.credit-bill-input-group:nth-child(4){grid-column:1!important}.credit-bill-input-group:nth-child(5),.credit-bill-input-group:nth-child(6),.credit-bill-input-group:nth-child(7),.credit-bill-input-group:nth-child(8){grid-column:2!important}.credit-bill-input-group{margin-bottom:4px!important;padding:2px!important}.credit-bill-input-group label{color:#000!important;display:block!important;font-size:8px!important;font-weight:700!important;margin-bottom:1px!important}.credit-bill-input-group input,.credit-bill-input-group select{background:#0000!important;border:none!important;box-sizing:border-box!important;color:#000!important;font-size:8px!important;padding:1px!important;width:100%!important}.section-title{border-bottom:1px solid #333!important;color:#000!important;font-size:10px!important;font-weight:700!important;margin:8px 0 4px!important;padding-bottom:2px!important}.creditnote-content-container{margin:0!important}.creditnote-content-container,.creditnote-page-wrapper{background-color:#fff!important;padding:0!important}.watermark{opacity:.1!important}.notecancelled-watermark{opacity:.3!important}.bank-details-section,.customer-details,.items-section,.totals-section{display:block!important;page-break-inside:avoid}*{box-shadow:none!important;text-shadow:none!important}input,select,textarea{-webkit-appearance:none!important;appearance:none!important;background:#0000!important;border:none!important;color:#000!important;font-size:inherit!important}.modern-logo{max-height:50px!important;max-width:50px!important}.modern-logo,.qr-code img{display:block!important;visibility:visible!important}.qr-code img{max-height:80px!important;max-width:80px!important}.signaturee{border-top:1px solid #333!important;display:block!important;margin-top:20px!important;min-height:60px!important;padding-top:10px!important;visibility:visible!important}.creditnote-info{margin-right:20px!important}.creditnote-items-section{padding:3px!important}.creditnote-item-row,.creditnote-items-section{font-size:8px!important;gap:3px!important;grid-template-columns:15px 25px 40px 25px 15px 20px 25px 20px!important}.creditnote-item-row{padding:2px 0!important}.creditnote-item-row input{font-size:8px!important}.creditnote-totals-section{margin-right:40px!important}}.modal{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{max-width:400px;text-align:center}.modal-content h3{font-size:1.2rem;margin:0 0 15px}.modal-content p{color:#666;font-size:.9rem;margin:0 0 20px}.modal-buttons{display:flex;gap:10px;justify-content:center}.modal-buttons button{border:none;border-radius:4px;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:background-color .2s}.modal-buttons button:first-child{background-color:#28a745;color:#fff}.modal-buttons button:first-child:hover{background-color:#218838}.modal-buttons button:last-child{background-color:#dc3545;color:#fff}.modal-buttons button:last-child:hover{background-color:#c82333}.item-table{table-layout:fixed;width:100%}.item-table td.creditnote-col-sno,.item-table th.creditnote-col-sno{text-align:center;width:40px}.item-table td.creditnote-col-hsn-code,.item-table td.creditnote-col-item-code,.item-table th.creditnote-col-hsn-code,.item-table th.creditnote-col-item-code{width:120px}.item-table td.creditnote-col-description,.item-table th.creditnote-col-description{min-width:250px;width:auto}.item-table td.creditnote-col-amount,.item-table td.creditnote-col-original-qty,.item-table td.creditnote-col-rate,.item-table td.creditnote-col-return-qty,.item-table th.creditnote-col-amount,.item-table th.creditnote-col-original-qty,.item-table th.creditnote-col-rate,.item-table th.creditnote-col-return-qty{text-align:center;width:100px}.item-table td.creditnote-col-action,.item-table th.creditnote-col-action{text-align:center;width:60px}.item-table td.creditnote-col-hsn-code input,.item-table td.creditnote-col-item-code input,.item-table td.creditnote-col-original-qty input,.item-table td.creditnote-col-rate input,.item-table td.creditnote-col-return-qty input{border:1px solid #ced4da;border-radius:4px;box-sizing:border-box;font-size:13px;margin:2px 4px;min-width:70px;padding:6px 8px;width:calc(100% - 8px)}@media (max-width:768px){.item-table td.creditnote-col-hsn-code,.item-table td.creditnote-col-item-code,.item-table th.creditnote-col-hsn-code,.item-table th.creditnote-col-item-code{width:100px}.item-table td.creditnote-col-original-qty,.item-table td.creditnote-col-rate,.item-table td.creditnote-col-return-qty,.item-table th.creditnote-col-original-qty,.item-table th.creditnote-col-rate,.item-table th.creditnote-col-return-qty{width:85px}.item-table td.creditnote-col-amount,.item-table th.creditnote-col-amount{width:100px}.item-table td.creditnote-col-description,.item-table th.creditnote-col-description{min-width:200px}}:root{--background-color:#ecdcdc;--border-color:#ddd}.page-wrapper{background-color:#fff}.content-container,.page-wrapper{box-sizing:border-box;padding:20px;position:relative;width:100%}.content-container{background:#c1b8c1;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:0 auto;min-height:calc(100vh - 40px)}.watermark{opacity:.3;top:70%;z-index:-1}.watermark img{height:300px;width:300px}.cancelled-watermark{opacity:.5;transform:translate(-50%,-50%) rotate(45deg)}.note-header{align-items:flex-start;background-color:#f8f9fa;border:1px solid #ddd;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px}.bill-info-header .bill-number,.bill-info-header .date,.bill-info-header .due-date{color:#555;font-size:14px;margin:2px 0}.company-header-wrapper{display:block}.company-logo{height:auto;margin-right:10px;width:80px}.items-section h3{color:#000;font-size:18px;margin-bottom:10px}.business-name{font-size:20px;font-weight:700}.business-address,.business-name{color:#333;color:var(--text-color)}.business-address{font-size:14px;line-height:1.4}.note-info{text-align:right}.note-info h2{color:#000;font-size:24px;margin:0}.note-info div{color:#333;color:var(--text-color);font-size:14px}.divider{border:0;border-top:2px solid #333;border-top:2px solid var(--text-color);margin:30px 0;opacity:.3}.invoice-heading{margin-bottom:10px;text-align:center}.invoice-heading h2{color:#b39eb5;color:var(--primary-color);font-size:22px;margin:0}.Debitsection-title{background-color:#f8f9fa;border-left:4px solid #997a8d;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#000;font-size:22px;font-weight:700;margin:25px 0 15px;padding:15px 20px}.customer-info-group{margin-bottom:30px}.info-row{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:10px}.input-group{flex:1 1 300px;max-width:100%;min-width:250px}.input-group label{color:#333;color:var(--text-color);display:block;font-size:14px;font-weight:700;margin-bottom:5px}.input-field{background-color:#fff;border:1px solid #ddd;border:1px solid var(--border-color);border-radius:4px;box-sizing:border-box;font-family:Ethnocentric,sans-serif;font-size:16px;padding:10px 12px;width:100%}.input-field:focus{background-color:#fff;background-color:var(--input-focus-bg);border-color:#b39eb5;border-color:var(--primary-color);outline:none}.address-display{color:#333;color:var(--text-color);font-size:14px;margin-top:10px}.address-display p{word-wrap:break-word;margin:5px 0;white-space:pre-wrap}.tax-options{background-color:#f8f9fa;border:1px solid #e9ecef;box-shadow:0 2px 4px #0000001a;gap:20px;margin-bottom:25px;padding:20px}.tax-options label{color:#333;color:var(--text-color);font-size:14px}.items-sectionn{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:30px;width:100%}@media print{.page-wrapper{background-color:#fff;padding:10mm}.content-container{background-color:#fff;border-radius:0;max-width:190mm;min-width:0;padding:0}.note-header{background:#fff!important;border:1px solid #333!important;border-radius:0!important;justify-content:space-between!important;margin-bottom:5px!important;padding:8px!important}.header-left-section,.note-header{align-items:flex-start!important;display:flex!important}.header-left-section{flex:1 1!important;gap:10px!important}.company-logo-header{height:70px!important;object-fit:contain!important;padding:2px!important;width:70px!important}.company-address-header{display:flex!important;flex-direction:column!important;gap:2px!important;margin-left:3px!important;padding-left:0!important;visibility:visible!important}.company-name-header{color:#000!important;font-size:16px!important;font-weight:700!important;margin:0!important}.address-text-header,.contact-text-header,.gstin-text-header,.state-text-header{color:#000!important;font-size:7px!important;line-height:1.1!important;margin:0!important;padding:1px 0!important}.company-details-row{display:flex!important;flex-wrap:wrap!important;gap:15px!important;margin:1px 0!important}.mobile-number-left{margin-left:-8px!important}.bill-info-header{align-items:flex-end!important;display:flex!important;flex-direction:column!important;margin-right:15px!important;min-width:120px!important;text-align:right!important}.bill-info-header h2{color:#000!important;font-size:14px!important;font-weight:700!important;margin:0 0 5px!important}.bill-info-header .bill-number,.bill-info-header .date,.bill-info-header .due-date{color:#000!important;font-size:9px!important;margin:1px 0!important}.watermark{opacity:.2}.watermark img{height:150mm;width:150mm}.cancelled-watermark{opacity:.4}.cancelled-watermark img{height:100mm;width:100mm}.add-item-btn,.button-group,.no-print,.note-list,.remove-item-btn,.saved-bills-section,.search-container{display:none!important}.credit-bill-select,.search-input,input.input-field,select.input-field,textarea.input-field{background:#0000!important;border:none!important;box-shadow:none!important;font-size:11pt!important;padding:0!important;pointer-events:none!important}.credit-bill-row div,.item-row div,.item-subheader div{border:.5pt solid #000;padding:1mm}.totals-section{font-size:10pt;justify-content:flex-end}.footer{page-break-before:avoid}.company-name-wrapper p,.footer p{font-size:9pt}}@media (max-width:1400px){.credit-bill-row,.item-headerr,.item-row,.item-subheader{gap:10px;grid-template-columns:70px 200px 150px 350px 130px 130px 130px 70px;min-width:1230px;padding:10px}.items-sectionn{-webkit-overflow-scrolling:touch;overflow-x:auto}}@media (max-width:1200px){.credit-bill-row,.item-headerr,.item-row,.item-subheader{gap:8px;grid-template-columns:60px 180px 130px 300px 110px 110px 110px 60px;min-width:1060px;padding:8px}.items-sectionn{-webkit-overflow-scrolling:touch;overflow-x:auto}}.items-sectionn{margin-bottom:20px;overflow-x:auto;position:relative}.items-sectionn::-webkit-scrollbar{height:8px}.items-sectionn::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.items-sectionn::-webkit-scrollbar-thumb{background:#997a8d;border-radius:4px}.items-sectionn::-webkit-scrollbar-thumb:hover{background:#7a5f6f}.items-sectionn h3{color:#000;font-size:18px;margin-bottom:10px}.credit-bill-row,.item-headerr,.item-row{background-color:#9b778e;color:#fff;overflow-x:auto}.credit-bill-row,.item-headerr,.item-row,.item-subheader,.manual-items-table .credit-bill-row,.manual-items-table .item-headerr{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:80px 250px 180px 400px 150px 150px 150px 80px;min-width:1370px;padding:12px}.item-subheader{background-color:#f9f9f9;font-weight:700}.search-container{flex-direction:column;gap:5px}.credit-bill-select,.search-input{font-size:14px;padding:8px}.credit-bill-select{width:100%}.item-headerr{background-color:#997a8d;border-radius:4px 4px 0 0;color:#fff;font-weight:700}.credit-bill-row,.item-row{-webkit-border-after:1px solid #ddd;-webkit-border-after:1px solid var(--border-color);border-block-end:1px solid #ddd;border-block-end:1px solid var(--border-color)}.credit-bill-row div,.item-headerr div,.item-row div,.item-subheader div{align-items:center;color:#000;display:flex;font-size:14px;justify-content:flex-start}.item-row input,.item-row select{background-color:#fff;border:1px solid #ddd;border:1px solid var(--border-color);border-radius:6px;box-sizing:border-box;font-size:14px;padding:10px 12px;transition:border-color .3s ease;width:100%}.item-row input:focus,.item-row select:focus{border-color:#007bff;box-shadow:0 0 5px #007bff40;outline:none}.manual-items-table .credit-bill-row input{background-color:#fff;border:1px solid #ddd;border-radius:6px;font-size:14px;padding:10px 12px;transition:border-color .3s ease;width:100%}.manual-items-table .credit-bill-row input:focus{border-color:#007bff;box-shadow:0 0 5px #007bff40;outline:none}.add-item-btn{background-color:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;min-width:120px;padding:10px 20px;transition:background-color .3s ease}.add-item-btn:hover{background-color:#218838}.add-item-btn:disabled{background-color:#6c757d;cursor:not-allowed}.manual-items-actions{align-items:center;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;display:flex;gap:15px;margin-top:15px;padding:10px}.manual-items-total{background-color:#e8f5e8;border:1px solid #28a745;border-radius:4px;color:#155724;flex:1 1}.manual-items-total,.remove-item-btn{font-size:14px;font-weight:600;padding:8px 12px}.remove-item-btn{align-items:center;background-color:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;justify-content:center;min-width:40px;transition:background-color .3s ease}.remove-item-btn:hover{background-color:#c82333}.remove-item-btn:disabled{background-color:#6c757d;cursor:not-allowed}.remaining-amount-heading,.remaining-balance-section,.totals-heading{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-top:30px;padding:20px}.remaining-amount-heading h3,.remaining-balance-section h3,.totals-heading h3{color:#000;font-size:18px;margin-bottom:10px}.remaining-amount-heading .input-group{flex:1 1 250px;min-width:200px}.totals-section{background-color:#f8f9fa;border:1px solid #e9ecef;box-shadow:0 2px 4px #0000001a;display:flex;flex-wrap:wrap;gap:20px;justify-content:flex-end;margin-top:20px;padding:20px}.amount-details{color:#333;color:var(--text-color);font-size:14px}.amount-row{margin-bottom:5px}.total-amount{display:flex;font-weight:700;justify-content:space-between}.payment-receipt-link,.total-amount{margin-top:10px}.payment-receipt-link .btn-link,.payment-receipt-link a{color:#007bff;font-size:14px;text-decoration:none}.payment-receipt-link .btn-link:hover,.payment-receipt-link a:hover{text-decoration:underline}.remarks-section{box-shadow:0 2px 4px #0000001a;margin-top:30px;padding:20px}.remarks-section label{color:#333;color:var(--text-color);font-weight:700;margin-bottom:5px}.remarks-section textarea{border:1px solid #ddd;border:1px solid var(--border-color);border-radius:4px;font-family:Ethnocentric,sans-serif;font-size:16px;height:120px;padding:10px 12px;width:100%}.button-group{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 4px #0000001a;flex-wrap:wrap;gap:15px;justify-content:center;margin-top:30px;padding:25px}.debitback-btn,.debitdelete-btn,.debitdownload-btn,.debitemail-btn,.debitprint-btn,.debitsave-btn{background:#71606b;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Ethnocentric,sans-serif;font-size:14px;padding:8px 16px;transition:background-color .2s}.debitback-btn:hover,.debitdelete-btn:hover,.debitdownload-btn:hover,.debitemail-btn:hover,.debitprint-btn:hover,.debitsave-btn:hover{background:#9c8292}.note-list{margin-top:30px}.note-list h3{color:#000;font-size:18px}.notes-table{border-collapse:collapse;margin-top:10px;table-layout:fixed;width:100%}.notes-table td,.notes-table th{word-wrap:break-word;border:1px solid #ddd;border:1px solid var(--border-color);padding:10px 12px;text-align:left}.notes-table th{background-color:#997a8d;color:#fff;font-weight:700}.notes-table td:first-child,.notes-table th:first-child{width:150px}.notes-table td:nth-child(2),.notes-table th:nth-child(2){width:200px}.notes-table td:nth-child(3),.notes-table td:nth-child(4),.notes-table th:nth-child(3),.notes-table th:nth-child(4){width:120px}.notes-table td:nth-child(5),.notes-table th:nth-child(5){width:100px}.notes-table td:nth-child(6),.notes-table th:nth-child(6){width:150px}.notes-table tbody tr:nth-child(2n){background-color:#f9f9f9}.notes-table tbody tr:hover{background-color:#f1f1f1}.action-buttons{align-items:center;gap:8px;justify-content:flex-start}.delete-btn,.edit-btn{font-size:12px;transition:background-color .2s}.edit-btn{background-color:#4caf50}.edit-btn:hover{background-color:#45a049}.delete-btn{background-color:#f44}.delete-btn:hover{background-color:#c00}.footerr{border-top:1px solid #ddd;border-top:1px solid var(--border-color);margin-top:20px;padding-top:10px}.footerr h4{color:#b39eb5;color:var(--primary-color);font-size:16px;margin-bottom:10px}.footerr p{font-size:12px;line-height:1.4;margin:0}.footerr p,.sign{color:#333;color:var(--text-color)}.sign{font-size:14px;margin-top:15px;text-align:right}.sign strong{font-weight:700}.company-name-wrapper{margin-bottom:5px}.company-name-wrapper p{color:#333;color:var(--text-color);font-size:12px;line-height:1.4;margin:0}@media (max-width:1024px){.content-container{min-width:0;padding:15px}.company-logo{width:60px}.business-name{font-size:18px}.business-address{font-size:12px}.note-info h2{font-size:22px}.note-info div{font-size:13px}.input-group{flex:1 1 250px;min-width:200px}.credit-bill-row,.item-header,.item-row,.item-subheader{grid-template-columns:70px 200px 150px 150px 150px 120px 70px;min-width:667px}.notes-table td,.notes-table th{padding:8px 10px}.notes-table th{background-color:#997a8d;color:#fff}.notes-table td:first-child,.notes-table th:first-child{width:120px}.notes-table td:nth-child(2),.notes-table th:nth-child(2){width:180px}.notes-table td:nth-child(3),.notes-table td:nth-child(4),.notes-table th:nth-child(3),.notes-table th:nth-child(4){width:100px}.notes-table td:nth-child(5),.notes-table th:nth-child(5){width:80px}.notes-table td:nth-child(6),.notes-table th:nth-child(6){width:120px}}@media (max-width:768px){.content-container{padding:10px}.note-header{align-items:flex-start;flex-direction:column}.note-info{margin-top:10px;text-align:left}.info-row{flex-direction:column;gap:10px}.input-group{flex:1 1 100%;min-width:100%}.credit-bill-row,.item-headerr,.item-row,.item-subheader{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;display:block;margin-bottom:10px;min-width:0;padding:10px}.credit-bill-row div,.item-headerr div,.item-row div,.item-subheader div{border-bottom:1px solid #e9ecef;display:block;margin-bottom:5px;padding:5px 0}.credit-bill-row div:before,.item-headerr div:before,.item-row div:before,.item-subheader div:before{color:#495057;content:attr(data-label) ": ";display:inline-block;font-weight:700;min-width:120px}.credit-bill-row div:last-child,.item-headerr div:last-child,.item-row div:last-child,.item-subheader div:last-child{border-bottom:none;margin-bottom:0}.items-sectionn{overflow-x:visible}.tax-options{flex-direction:column;gap:10px}.totals-section{justify-content:flex-start}.button-group{align-items:stretch;flex-direction:column}.back-btn,.delete-btn,.download-btn,.email-btn,.print-btn,.save-btn{padding:10px;width:100%}.notes-table{display:block;overflow-x:auto}.notes-table td,.notes-table th{min-width:100px}}body.printing .page-wrapper{margin:0!important;padding:0!important}body.printing .content-container{margin:0!important;max-width:190mm!important;padding:10mm!important}body.printing .bank-details-section,body.printing .company-header-container,body.printing .credit-bill-selection,body.printing .customer-details,body.printing .futerr,body.printing .items-sectionn,body.printing .note-header,body.printing .remaining-amount-heading,body.printing .signaturee{display:block!important;opacity:1!important;visibility:visible!important}body.printing .credit-bill-input,body.printing input,body.printing select,body.printing textarea{background-color:initial!important;font-size:inherit!important}body.printing .credit-bill-input{border:none!important;color:#000!important}@media print{.divider{background-color:#000!important;border:none!important;height:1pt!important;margin:5mm 0!important}.company-header{display:block!important;margin-bottom:5mm!important}.bill-details{display:block!important;font-size:10pt!important;text-align:right!important}.customer-form{grid-gap:5mm!important;display:grid!important;gap:5mm!important;grid-template-columns:1fr 1fr!important}.credit-bill-row{grid-gap:2mm!important;background-color:#f0f0f0!important;color:#000!important;display:grid!important;font-size:9pt!important;gap:2mm!important;grid-template-columns:15mm 40mm 30mm 50mm 25mm 25mm!important;padding:2mm!important}.totals-section{font-size:10pt!important;margin-top:5mm!important;text-align:right!important}.bank-container{grid-gap:5mm!important;align-items:start!important;display:grid!important;gap:5mm!important;grid-template-columns:1fr auto!important}.bill-search-section,.customer-search-section,.futerr,.interactive-totals,.manual-items-table,.payment-summary,.remaining-amount-heading,.remaining-balance-section,.remarks-section,.signaturee,.tax-options{display:none!important}.page-break{page-break-before:always!important}table{border-collapse:collapse!important;margin-bottom:10mm!important;width:100%!important}td,th{border:1px solid #000!important;font-size:9pt!important;padding:2mm!important;text-align:left!important}th{background-color:#f0f0f0!important}h1,h2,h3,h4,th{font-weight:700!important}h1,h2,h3,h4{margin:3mm 0!important}h1{font-size:16pt!important}h2{font-size:14pt!important}h3{font-size:12pt!important}h4{font-size:10pt!important}p{line-height:1.4!important;margin:2mm 0!important}canvas{display:block!important;margin:0 auto!important}}.credit-bill-input-group{margin-bottom:15px;padding:15px}.credit-bill-input{border:1px solid #ddd;border-radius:6px;box-shadow:0 1px 3px #00000014;padding:10px 14px;transition:border .3s ease}.credit-bill-input:focus{border-color:#007bff;box-shadow:0 0 5px #007bff40;outline:none}.credit-bill-input:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.7}.section-title{border-left:4px solid #997a8d;color:#333;font-size:20px;font-weight:700;margin:30px 0 20px;padding:15px 20px}.customer-details,.section-title{background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 4px #0000001a}.customer-details{border:1px solid #e9ecef;margin-bottom:30px;padding:25px}.customer-info-heading{border-bottom:2px solid #b39eb5;color:#2c3e50;font-size:18px;font-weight:700;margin:0 0 20px;padding-bottom:10px;text-align:center}.customer-form{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.customer-id-display{font-style:italic}.customer-id-display,.error-message{font-size:12px;margin-top:4px}.error-field{border-color:#dc3545!important}.error-border,.error-field{box-shadow:0 0 5px #dc354540!important}.bill-search-section{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:25px 0;padding:25px}.bill-search-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1rem}.bill-search-info{background-color:#e3f2fd;border-left:4px solid #2196f3;border-radius:6px;padding:1rem}.bill-search-info p{color:#1565c0;font-size:14px;line-height:1.5;margin:0}.search-button{background-color:#997a8d;background-color:var(--button-bg);border-radius:6px;font-size:14px;margin-top:20px;padding:10px 16px;width:100%}.search-button:hover:not(:disabled){background-color:#9b778e;background-color:var(--button-hover-bg)}.error{font-size:12px}.customer-search-section{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:25px 0;padding:25px}.search-container{display:flex;gap:10px;margin-bottom:10px}.customer-search-input{background-color:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 1px 3px #00000014;flex:1 1;font-size:14px;padding:10px 14px;transition:border .3s ease}.customer-search-input:focus{border-color:#007bff;box-shadow:0 0 5px #007bff40;outline:none}.search-results{border-radius:4px;box-shadow:0 2px 4px #0000001a;margin-top:10px}.search-result-item{font-size:14px;padding:12px;transition:background-color .2s}.search-result-item:last-child{border-bottom:none}.btn-create-customer{background:#997a8d;background:var(--button-bg);border-radius:6px;font-size:14px;margin-top:10px;padding:10px 16px;transition:background-color .2s;width:100%}.btn-create-customer:hover{background-color:#9b778e;background-color:var(--button-hover-bg)}.btn-create-customer:disabled{background-color:#ccc}.futerr{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-top:30px;padding:25px}.futerr h4,.futerr p{align-content:left;color:#000;text-align:left}.futer-content{align-items:flex-start;display:flex;gap:30px;justify-content:space-between;margin-bottom:20px}.bank-details-section{background:#f8f9fa!important;border:1px solid #e9ecef!important;border-radius:8px!important;box-shadow:0 2px 4px #0000001a!important;margin-bottom:20px!important;padding:20px!important}.bank-details-section h4{border-bottom:3px solid #b39eb5!important;color:#2c3e50!important;font-size:1.2rem!important;font-weight:700!important;letter-spacing:.5px!important;margin:0 0 20px!important;padding-bottom:8px!important;text-align:left!important;text-transform:uppercase!important}.bank-container{align-items:flex-start!important;display:flex!important;gap:20px!important;justify-content:space-between!important;margin-top:15px!important;width:100%!important}.bank-contentcashbill{flex:1 1!important;min-width:0!important;padding-left:5px!important}.bank-contentcashbill p{color:#495057!important;font-size:14px!important;line-height:1.6!important;margin:8px 0!important;text-align:left!important}.signaturee{margin-top:30px;padding:20px}.add-installment-btn-container,.signaturee{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 4px #0000001a}.add-installment-btn-container{margin-top:20px;padding:15px}.payment-summary{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #dee2e6;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:20px 0;padding:20px}.summary-row{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:8px 0}.summary-row:last-child{border-bottom:none}.summary-label{color:#495057;font-size:14px;font-weight:600}.summary-value{color:#212529;font-size:16px;font-weight:700}.summary-value.paid{color:#28a745}.summary-value.pending{color:#dc3545}body.printing{background-color:#fff!important;color:#000!important}body.printing .page-wrapper{background-color:#fff!important;box-shadow:none!important;padding:20px!important}body.printing .content-container{background-color:#fff!important;border-radius:0!important;box-shadow:none!important;max-width:none!important}body.printing .no-print{display:none!important}body.printing .watermark{opacity:.1!important}body.printing .cancelled-watermark{opacity:.3!important}body.printing input,body.printing select,body.printing textarea{background:#0000!important;border:none!important;box-shadow:none!important;color:#000!important;font-size:11pt!important;padding:0!important;pointer-events:none!important}body.printing .button-group,body.printing .saved-bills-section,body.printing .search-container{display:none!important}body.printing .bank-details-section,body.printing .credit-bill-selection,body.printing .customer-details,body.printing .futerr,body.printing .note-header,body.printing .remaining-amount-heading,body.printing .signaturee{display:block!important;page-break-inside:avoid!important}body.printing .bank-details-section{margin-top:20px!important}body.printing .bank-container{grid-gap:20px!important;align-items:start!important;display:grid!important;gap:20px!important;grid-template-columns:1fr auto!important}body.printing .qr-code-container,body.printing .qr-code-section{display:block!important}@media print{body.printing{background:#fff!important;color:#000!important;font-family:Arial,sans-serif!important;font-size:12px!important;line-height:1.4!important}.printing .bill-search-section,.printing .button-group,.printing .customer-search-section,.printing .futerr,.printing .interactive-totals,.printing .manual-items-table,.printing .no-print,.printing .payment-summary,.printing .remaining-amount-heading,.printing .remaining-balance-section,.printing .remarks-section,.printing .saved-bills-section,.printing .signaturee,.printing .tax-options{display:none!important}.printing .page-wrapper{background:#fff!important;margin:0!important;padding:0!important}.printing .content-container{background:#fff!important;border-radius:0!important;box-shadow:none!important;margin:0 auto!important;max-width:800px!important;padding:20px!important}.printing table{border-collapse:collapse!important;margin-bottom:20px!important;width:100%!important}.printing td,.printing th{border:1px solid #000!important;font-size:12px!important;padding:8px!important;text-align:left!important}.printing th{background-color:#f0f0f0!important;font-weight:700!important}.printing h1{font-size:20px!important;margin:0 0 10px!important}.printing h2{font-size:18px!important;margin:0 0 10px!important}.printing h3{font-size:16px!important;margin:0 0 10px!important}.printing h4{font-size:14px!important;margin:0 0 15px!important}.printing p{font-size:12px!important;margin:5px 0!important}.printing canvas{display:block!important;margin:0 auto!important}.printing .page-break{margin-top:40px!important;page-break-before:always!important}}.payment-history-section{background-color:#f8f9fa;border:2px solid #28a745;border-radius:8px;margin-bottom:20px;padding:15px}.payment-history-section h4{color:#28a745;font-weight:700;margin:0 0 15px;text-align:center}.payment-history-table{margin-bottom:15px;overflow-x:auto}.payment-history-table table{background-color:#fff;border-collapse:collapse;border-radius:4px;box-shadow:0 2px 4px #0000001a;font-size:12px;overflow:hidden;width:100%}.payment-history-table th{background-color:#b39eb5;border:1px solid #ddd;color:#fff;font-weight:700;padding:10px;text-align:left}.payment-history-table td{border:1px solid #ddd;padding:8px;vertical-align:middle}.payment-history-table tr:nth-child(2n){background-color:#f8f9fa}.payment-history-table tr:hover{background-color:#e9ecef}.payment-history-table .bill-type-badge{border-radius:12px;color:#fff;font-size:10px;font-weight:700;padding:4px 8px}.payment-history-table .bill-type-credit{background-color:#007bff}.payment-history-table .bill-type-debit{background-color:#28a745}.payment-history-table .bill-type-new{background-color:#ff9800}.payment-history-table .amount-paid,.payment-history-table .remaining-balance{font-weight:700;text-align:right}.payment-history-table .remaining-balance.fully-paid{color:#28a745}.payment-history-table .remaining-balance.pending{color:#dc3545}.payment-history-table .date{text-align:center}.payment-history-table .new-payment-row{background-color:#e3f2fd!important;border-top:2px solid #2196f3;font-weight:700}.payment-history-table .new-payment-row input{border:1px solid #2196f3;border-radius:3px;font-size:12px;padding:4px;width:100%}.payment-history-table .new-payment-row input[type=number]{text-align:right}.payment-summary-box{background-color:#e8f5e8;border:1px solid #28a745;border-radius:6px;padding:12px}.payment-summary-box h5{color:#28a745;font-weight:700;margin:0 0 10px}.payment-summary-grid{grid-gap:10px;display:grid;font-size:13px;gap:10px;grid-template-columns:1fr 1fr}.payment-status-badge{border-radius:8px;font-size:11px;margin-left:5px;padding:2px 6px}.payment-status-badge.fully-paid{background-color:#28a745}.payment-status-badge.pending{background-color:#ffc107}@media print{.customer-form{grid-gap:8px 30px!important;display:grid!important;gap:8px 30px!important;grid-template-columns:1fr 1fr!important;margin-top:10px!important;page-break-inside:avoid!important}.credit-bill-input-group:first-child,.credit-bill-input-group:nth-child(2),.credit-bill-input-group:nth-child(3),.credit-bill-input-group:nth-child(4){grid-column:1!important}.credit-bill-input-group:nth-child(5),.credit-bill-input-group:nth-child(6),.credit-bill-input-group:nth-child(7),.credit-bill-input-group:nth-child(8){grid-column:2!important}.credit-bill-input-group{margin-bottom:4px!important;padding:2px!important}.credit-bill-input-group label{color:#000!important;display:block!important;font-size:8px!important;font-weight:700!important;margin-bottom:1px!important}.credit-bill-input-group input,.credit-bill-input-group select{background:#0000!important;border:none!important;box-sizing:border-box!important;color:#000!important;font-size:8px!important;padding:1px!important;width:100%!important}.section-title{border-bottom:1px solid #333!important;color:#000!important;font-size:10px!important;font-weight:700!important;margin:8px 0 4px!important;padding-bottom:2px!important}.center-logo-header,.company-logo-header{display:block!important;height:70px!important;max-height:70px!important;max-width:70px!important;object-fit:contain!important;opacity:1!important;padding:2px!important;visibility:visible!important;width:70px!important}.center-logo-header{height:60px!important;max-height:60px!important;max-width:60px!important;width:60px!important}.note-header .center-logo-container{align-items:center!important;display:flex!important;flex:0 0 auto!important;justify-content:center!important;padding:0 20px!important}.company-address-header{display:flex!important;flex-direction:column!important;gap:2px!important;margin-left:8px!important;padding-left:10px!important;visibility:visible!important}.company-name-header{color:#000!important;font-size:16px!important;font-weight:700!important;margin:0!important}.address-text-header,.contact-text-header,.gstin-text-header,.state-text-header{color:#000!important;font-size:7px!important;line-height:1.1!important;margin:0!important;padding:1px 0!important}.company-details-row{display:flex!important;flex-wrap:wrap!important;gap:15px!important;margin:1px 0!important}}.toggle-payment-history-btn{border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;margin-left:10px;padding:4px 8px;transition:background-color .3s ease}.toggle-payment-history-btn:hover{opacity:.9}@media (max-width:768px){.payment-history-table{font-size:10px}.payment-history-table td,.payment-history-table th{padding:6px 4px}.payment-summary-grid{gap:5px;grid-template-columns:1fr}.payment-history-section{padding:10px}}@media print{.payment-history-section{break-inside:avoid;page-break-inside:avoid}.payment-history-table{font-size:10px}.change-credit-bill-btn,.toggle-payment-history-btn{display:none!important}}:root{--font-family:"Ethnocentric",sans-serif;--border-radius:8px;--box-shadow:0 2px 8px #0000001a}body{font-family:Ethnocentric,sans-serif!important}.credit-bill-wrapper{background-color:#b39eb5;background-color:var(--primary-color);font-family:Ethnocentric,sans-serif;font-family:var(--font-family);margin:1.5rem auto;max-width:1200px;z-index:1}.credit-bill-wrapper,.invoice-container{border-radius:8px;border-radius:var(--border-radius);padding:1.5rem;position:relative}.invoice-container{background:#c1b8c1;box-shadow:0 2px 8px #0000001a;box-shadow:var(--box-shadow);margin:1rem}.header-right{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between}.company-address-header{margin-left:10px;padding-left:15px}.center-logo-container{align-items:center;display:flex;flex:0 0 auto;justify-content:center;padding:0 20px}.center-logo-header{max-height:120px;max-width:120px;object-fit:contain;padding:8px;transition:all .3s ease}.center-logo-header:hover{transform:scale(1.05)}.bill-info-header .bill-number,.bill-info-header .date{color:#555;font-size:14px;margin:2px 0}.creditbill-info{text-align:right}.creditbill-info h2{font-size:clamp(1.5rem,5vw,1.75rem);margin:0 0 .5rem}.creditbill-meta{display:flex;flex-direction:column;gap:.5rem}.bill-details-row{display:flex;font-size:clamp(.85rem,3vw,.9rem);gap:.5rem;justify-content:space-between}.bill-details-label{color:#333;font-weight:600}.bill-details-value{color:#111;font-weight:700}.select-btn{background-color:#ffc107;color:#212529}.select-btn:hover{background-color:#e0a800}.btn-danger{background-color:#fd4a14}.btn-danger:hover{background-color:#a8290a}.tax-options{background-color:#f5f0f5;border-radius:8px;border-radius:var(--border-radius);display:flex;flex-wrap:wrap;gap:1.5rem;margin:1.5rem 0;width:50%}.tax-options label{align-items:center;cursor:pointer;display:flex;font-weight:500;gap:.5rem}.tax-input{border:1px solid #999;border-radius:4px;font-size:clamp(.85rem,3vw,.9rem);max-width:200px;padding:.5rem;width:100%}.totals-section{background:#f9f6fa;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 8px #0000001a;box-shadow:var(--box-shadow);padding:1.5rem}.totals-section h3{border-bottom:1px solid #e0dae0;color:var(--text-dark);font-size:1.5rem;margin-bottom:1.25rem;margin-top:0;padding-bottom:.5rem}.totals-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.totals-row{border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:.75rem}.totals-row.highlight{border-bottom:2px solid #ddd;font-size:1.1rem;font-weight:700}.amount-to-pay-input{background-color:#fff;border:1px solid #ccc;border-radius:4px;color:#333;cursor:text;display:inline-block;font-size:.9rem;opacity:1;padding:.5rem;pointer-events:auto;position:relative;text-align:right;user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;visibility:visible;width:120px;z-index:1000}.amount-to-pay-input:focus{background-color:#fff;border-color:#b39eb5;border-color:var(--primary-color);box-shadow:0 0 0 2px #b39eb533;outline:none}.amount-to-pay-input:disabled{background-color:#f5f5f5;color:#666;cursor:not-allowed;pointer-events:none}.amount-to-pay-input:hover:not(:disabled){border-color:#b39eb5;border-color:var(--primary-color)}.totals-row input.amount-to-pay-input{background-color:#fff!important;border:2px solid #007bff!important;cursor:text!important;display:inline-block!important;height:auto!important;margin:0!important;min-width:120px!important;opacity:1!important;padding:8px!important;pointer-events:auto!important;position:relative!important;user-select:text!important;-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important;visibility:visible!important;z-index:9999!important}.return-amount-input{background-color:#fff;border:1px solid #ccc;border-radius:4px;color:#333;cursor:text;display:inline-block;font-size:.9rem;opacity:1;padding:.5rem;pointer-events:auto;position:relative;text-align:right;user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;visibility:visible;width:120px;z-index:1000}.return-amount-input:focus{background-color:#fff;border-color:#b39eb5;border-color:var(--primary-color);box-shadow:0 0 0 2px #b39eb533;outline:none}.return-amount-input:disabled{background-color:#f5f5f5;color:#666;cursor:not-allowed;pointer-events:none}.return-amount-input:hover:not(:disabled){border-color:#b39eb5;border-color:var(--primary-color)}.totals-row input.return-amount-input{background-color:#fff!important;border:2px solid #007bff!important;cursor:text!important;display:inline-block!important;height:auto!important;margin:0!important;min-width:120px!important;opacity:1!important;padding:8px!important;pointer-events:auto!important;position:relative!important;user-select:text!important;-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important;visibility:visible!important;z-index:9999!important}.credittotals-section{background:#f6f2f7;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 8px #0000001a;box-shadow:var(--box-shadow);margin-top:1.5rem;padding:1rem;text-align:right}.credittotals-section h3{color:#222;font-size:clamp(1.125rem,4vw,1.25rem);margin-bottom:.75rem}.credittotals-row{align-items:center;display:flex;font-size:clamp(.85rem,3vw,.9rem);justify-content:space-between;margin-bottom:.5rem}.credit-bill-items h3{color:#222;font-size:clamp(1.125rem,4vw,1.25rem);margin-bottom:.75rem}.credit-bill-table,.saved-bills-table{border-collapse:collapse;border-radius:8px;border-radius:var(--border-radius);color:#000;margin-bottom:1rem;overflow:hidden;table-layout:auto;width:100%}.credit-bill-table th,.saved-bills-table th{background-color:#997a8d;background-color:var(--button-bg);color:#fff;font-weight:700;padding:.75rem;text-align:center;vertical-align:middle}.credit-bill-table td,.credit-bill-table th{border:1px solid #ccc;font-size:clamp(.8rem,2.5vw,.85rem);padding:.5rem;text-align:center;vertical-align:middle}.credit-bill-table thead{background-color:#775c6d;background-color:var(--button-hover-bg)}.credit-bill-table td:first-child,.credit-bill-table th:first-child{width:5%}.credit-bill-table td:nth-child(2),.credit-bill-table th:nth-child(2){width:10%}.credit-bill-table td:nth-child(3),.credit-bill-table th:nth-child(3){width:15%}.credit-bill-table td:nth-child(4),.credit-bill-table th:nth-child(4){width:20%}.credit-bill-table td:nth-child(10),.credit-bill-table td:nth-child(5),.credit-bill-table td:nth-child(6),.credit-bill-table td:nth-child(7),.credit-bill-table td:nth-child(8),.credit-bill-table td:nth-child(9),.credit-bill-table th:nth-child(10),.credit-bill-table th:nth-child(5),.credit-bill-table th:nth-child(6),.credit-bill-table th:nth-child(7),.credit-bill-table th:nth-child(8),.credit-bill-table th:nth-child(9){width:10%}.credit-bill-input{background-color:#fff;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;color:#000;font-size:14px;padding:6px 8px;width:100%}.credit-bill-items{border:1px solid #ddd;border-radius:4px;margin:20px 0;padding:15px}.items-header{background-color:#f8f9fa;border-bottom:1px solid #ddd;border-radius:8px 8px 0 0;margin:-15px -15px 15px;padding:15px 20px}.items-header h3{color:#333;font-size:18px;margin:0 0 10px}.items-instructions{background-color:#e7f3ff;border:1px solid #b3d9ff;border-radius:6px;padding:10px 15px}.instruction-text{color:#0056b3;font-size:13px;line-height:1.4}.instruction-text strong{color:#004085}.billitems-section{-webkit-overflow-scrolling:touch;background-color:#997a8d;border-radius:8px 8px 0 0;box-shadow:0 2px 4px #0000001a;color:#fff;font-size:14px;font-weight:700;min-height:50px;overflow-x:auto;padding:15px;text-align:left}.billitems-section,.creditbillitemm-row{grid-gap:15px;align-items:center;display:grid;gap:15px;grid-template-columns:60px 120px 1fr 120px 100px 150px 120px 100px 80px}.creditbillitemm-row{background-color:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 4px #0000000d;min-height:60px;padding:12px;transition:all .2s ease}.billitems-section>div{align-items:center;display:flex;justify-content:flex-start;letter-spacing:.5px;padding:8px;text-transform:uppercase}.col-sno{align-items:center;color:#fff;display:flex;font-size:14px;font-weight:600;height:45px;justify-content:center;min-height:45px;padding:12px 8px}.col-action,.col-code,.col-hsn,.col-name,.col-qty,.col-rate,.col-tax,.col-total{align-items:center;display:flex;justify-content:flex-start;width:100%}.credit-bill-items input{border:1px solid #ddd;border-radius:6px;box-sizing:border-box;font-size:14px;height:40px;padding:8px 12px;text-align:left;transition:all .2s ease;width:100%}.credit-bill-items input:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea1a;outline:none}.creditbillitemm-row .col-sno{align-items:center;color:#495057;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:40px;justify-content:center;width:60px}.creditbillitemm-row .col-action,.creditbillitemm-row .col-code,.creditbillitemm-row .col-hsn,.creditbillitemm-row .col-name,.creditbillitemm-row .col-qty,.creditbillitemm-row .col-rate,.creditbillitemm-row .col-tax,.creditbillitemm-row .col-total{align-items:center;display:flex;justify-content:flex-start;width:100%}.read-only{background-color:#f9f9f9;border:none}.col-total input{background-color:#f9f9f9;border:none!important;box-shadow:none!important;outline:none!important}.mobile-trash-button{display:none}.error-border{border-color:#dc3545!important}.error{font-size:.8rem;margin-top:4px}.product-dropdown{border-radius:4px;box-shadow:0 2px 4px #0000001a;overflow-y:auto;width:100%;z-index:1000}.product-option{padding:8px 12px;transition:background-color .2s}.product-option.no-products{color:#666;cursor:default;font-style:italic}.add-itemm-btn{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:15px;padding:8px 15px}.add-itemm-btn:disabled{background-color:#ccc;cursor:not-allowed}.col-action button{align-items:center;background:none!important;border:none!important;border-radius:4px;box-shadow:none!important;cursor:pointer;display:flex;font-size:14px;justify-content:center;min-height:28px;min-width:28px;outline:none!important;padding:6px;transition:all .2s ease}.col-action button:hover{background-color:#f8f9fa;transform:scale(1.05)}.col-action button:active{transform:scale(.95)}.col-action button:disabled{cursor:not-allowed;opacity:.5;transform:none}.col-action button:has(🗑️),.col-action button[aria-label*=Delete],.col-action button[aria-label*=delete]{background:none!important;border:none!important;border-radius:4px!important;box-shadow:none!important;outline:none!important}.col-action button:contains("🗑️"){background:none!important;border:none!important;box-shadow:none!important;outline:none!important}.billitems-section+.creditbillitemm-row .col-action button,.credit-bill-items .col-action button,.creditbillitemm-row .col-action button{background:none!important;border:none!important;border-radius:4px!important;box-shadow:none!important;margin:0!important;outline:none!important;padding:6px!important}.col-action button,.col-action button:active,.col-action button:focus,.col-action button:hover{background:none!important;border:none!important;border-radius:4px!important;box-shadow:none!important;outline:none!important}.col-action{align-items:center;display:flex;justify-content:center;min-height:36px;padding:4px;position:relative}.delete-item-btn{align-items:center!important;background:none!important;border:none!important;border-radius:4px!important;box-shadow:none!important;cursor:pointer!important;display:flex!important;font-size:14px!important;height:100%!important;justify-content:center!important;margin:0!important;min-height:24px!important;min-width:24px!important;outline:none!important;padding:4px!important;transition:all .2s ease!important;width:100%!important}.delete-item-btn:hover{background-color:#f8f9fa!important;transform:scale(1.05)!important}.delete-item-btn:active{transform:scale(.95)!important}.delete-item-btn:disabled{cursor:not-allowed!important;opacity:.5!important;transform:none!important}.add-item-btn:disabled,.billremove-item-btn:disabled{background-color:#ccc;cursor:not-allowed}input[type=checkbox]{cursor:pointer;height:1.2rem;width:1.2rem}input[type=checkbox]:focus{outline:2px solid #aa98a9;outline:2px solid var(--primary-hover)}.add-item-btn,.back-btn,.billremove-item-btn,.edit-bill-btn,.generate-pdf-btn,.print-bill-btn,.reset-form-btn,.save-bill-btn,.send-email-btn,.update-bill-btn{background:#997a8d;background:var(--button-bg);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:clamp(.85rem,3vw,.9rem);padding:.75rem 1.5rem;touch-action:manipulation;transition:background-color .3s ease}.add-item-btn:hover,.back-btn:hover,.billremove-item-btn:hover,.edit-bill-btn:hover,.generate-pdf-btn:hover,.print-bill-btn:hover,.reset-form-btn:hover,.save-bill-btn:hover,.send-email-btn:hover,.update-bill-btn:hover{background-color:#775c6d;background-color:var(--button-hover-bg)}.cancelled-watermark{left:50%;opacity:.4;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:10}.cancelled-watermark img,.watermark{height:400px;width:400px}.watermark{background-image:url(/static/media/watermark.b3f54e91b1e9804e0187.png);background-position:50%;background-repeat:no-repeat;background-size:contain;left:50%;opacity:.15;pointer-events:none;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:10}.creditsection-title,.sectionn-title{color:#000;font-size:18px;font-weight:700;margin-bottom:1rem}.badge{border-radius:12px;color:#fff;display:inline-block;font-size:clamp(.7rem,2.5vw,.75rem);font-weight:600;padding:.3rem .7rem}.badge.pending{background-color:#ff9800}.badge.cancelled{background-color:#f44336}.badge.success{background-color:#4caf50}.due-dates-group{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.due-date-row{align-items:center;background:#f0eaf0;border-radius:8px;border-radius:var(--border-radius);display:flex;gap:1rem;justify-content:space-between;padding:.75rem}.due-date-row label{flex-direction:column}.due-date-row label,.reminder-btn{display:flex;font-weight:600;gap:.5rem}.reminder-btn{align-items:center;background:#e6e6fa;border:none;border-radius:8px;border-radius:var(--border-radius);color:#6a5acd;cursor:pointer;padding:.5rem 1rem;transition:background-color .3s}.reminder-btn.active{background:#d8bfd8;color:#483d8b}.reminder-btn:hover{background:#d8d8f0}.reminder-btn:disabled{cursor:not-allowed;opacity:.6}.add-due-date-btn{align-self:flex-start;background:#997a8d;background:var(--button-bg);border:none;border-radius:8px;border-radius:var(--border-radius);color:#fff;cursor:pointer;font-weight:600;margin-top:.5rem;padding:.75rem 1.5rem;transition:background-color .3s}.add-due-date-btn:hover{background:#775c6d;background:var(--button-hover-bg)}.error-border{border:2px solid var(--danger-color)!important;box-shadow:0 0 0 2px #e74c3c33}.due-date-edit-container{flex-direction:column}.due-date-buttons,.due-date-edit-container{display:flex;gap:.5rem;margin-top:.5rem}.cancel-due-date-btn,.ok-due-date-btn{border-radius:8px;border-radius:var(--border-radius);cursor:pointer;font-weight:600;padding:.5rem 1rem;transition:background-color .3s}.ok-due-date-btn{background-color:var(--success-color);border:none;color:#fff}.ok-due-date-btn:hover{background-color:#27ae60}.cancel-due-date-btn{background-color:#e0e0e0;border:none;color:#333}.cancel-due-date-btn:hover{background-color:#d0d0d0}.editable-date{background:#fff;border:1px solid #ddd;border-radius:8px;border-radius:var(--border-radius);cursor:pointer;display:inline-block;margin-top:.5rem;min-width:150px;padding:.5rem}.editable-date:hover{background-color:#f8f8f8}.loading-message{color:#888;font-size:.9rem;margin-top:4px}.product-dropdown{background:#fff;border:1px solid #ddd;left:0;max-height:200px;position:absolute;right:0;top:100%;z-index:100}.product-option{border-bottom:1px solid #eee;padding:8px}.customer-id-display{color:#666;font-size:.8rem;margin-top:5px}.product-search-container,.product-search-container input{width:100%}datalist{background-color:#fff;border:1px solid #ddd;border-radius:4px;max-height:200px;overflow-y:auto;position:absolute;z-index:100}datalist option{cursor:pointer;padding:8px}datalist option:hover{background-color:#f5f5f5}.bank-details-container{align-items:center;background-color:#f9f9f9;border:1px solid #eee;border-radius:8px;gap:20px;justify-content:space-between;padding:15px}.bank-info{flex:1 1}.qr-code{background:#fff;border:1px solid #ddd;height:120px;object-fit:contain;padding:5px;width:120px}.customer-search{margin-bottom:20px;position:relative}.search-input-group{display:flex;gap:5px}.search-results{background:#fff;border:1px solid #ddd;max-height:200px;overflow-y:auto;position:absolute;width:100%;z-index:100}.search-result-item{border-bottom:1px solid #eee;cursor:pointer;padding:8px}.search-result-item:hover{background-color:#f5f5f5}.btn-create-customer{background:#4caf50;border-radius:4px;margin-top:5px;padding:8px}.product-search-container{position:relative}.product-dropdown::-webkit-scrollbar{width:8px}.product-dropdown::-webkit-scrollbar-track{background:#f1f1f1}.product-dropdown::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.product-dropdown::-webkit-scrollbar-thumb:hover{background:#555}.product-option{cursor:pointer;transition:background-color .2s ease}.product-option:hover{background-color:#f5f5f5}.product-option:focus{background-color:#e0e0e0;outline:none}@media (max-width:768px){.due-date-edit-container{flex-direction:column}.due-date-buttons{width:100%}.cancel-due-date-btn,.ok-due-date-btn{flex:1 1}.billitems-section{display:none}.creditbillitemm-row{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:block;margin-bottom:10px;padding:12px}.col-action,.col-code,.col-hsn,.col-name,.col-qty,.col-rate,.col-sno,.col-tax,.col-total{display:block;margin-bottom:10px;width:100%}.col-sno:before{color:#666;content:"Item #: ";font-weight:700}.col-code:before{color:#666;content:"Code: ";font-weight:700}.col-name:before{color:#666;content:"Product: ";font-weight:700}.col-hsn:before{color:#666;content:"HSN/SAC: ";font-weight:700}.col-qty:before{color:#666;content:"Quantity: ";font-weight:700}.col-rate:before{color:#666;content:"Rate: ";font-weight:700}.col-total:before{color:#666;content:"Total: ";font-weight:700}.col-tax:before{color:#666;content:"Tax Rate (%): ";font-weight:700}.col-action:before{color:#666;content:"Action: ";font-weight:700}.col-action{align-items:center;background:#fff;border:1px solid #ddd;border-radius:4px;display:flex;display:none;justify-content:center;margin-bottom:10px;min-height:40px;padding:8px}.mobile-trash-button{display:block;margin:10px 0;text-align:center}.mobile-trash-button .delete-item-btn{align-items:center;background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;gap:5px;padding:8px 16px;transition:all .2s ease}.mobile-trash-button .delete-item-btn:hover{background:#c82333;transform:scale(1.05)}.mobile-trash-button .delete-item-btn:active{transform:scale(.95)}.col-action button{align-items:center;background:none!important;border:none!important;border-radius:4px;box-shadow:none!important;cursor:pointer;display:flex;font-size:16px;justify-content:center;min-height:32px;min-width:32px;outline:none!important;padding:8px;transition:all .2s ease}.col-action button:hover{background-color:#f8f9fa;transform:scale(1.1)}.col-action button:active{transform:scale(.95)}.col-action button:disabled{cursor:not-allowed;opacity:.5;transform:none}.product-selector-dropdown{background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 4px #0000001a;left:0;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.product-option{background:#fff;border-bottom:1px solid #eee;display:block;padding:12px 15px;text-align:left;transition:background-color .2s;width:100%}.product-option:hover{background-color:#f8f9fa}.product-option:last-child{border-bottom:none}.product-option .product-name{color:#333;font-weight:700;margin-bottom:4px}.product-option .product-code{color:#666;font-size:.9em;margin-bottom:2px}.product-option .product-price{color:#28a745;font-size:1.1em;font-weight:700}.product-option .product-gst{color:#666;font-size:.9em}}@media (min-width:769px) and (max-width:1024px){.billitems-section{gap:8px}.billitems-section,.creditbillitemm-row{font-size:.9em;grid-template-columns:40px 80px 1fr 80px 60px 60px 80px 60px 40px}.creditbillitemm-row{gap:6px;padding:4px 0}.product-selector-dropdown{max-height:250px;width:100%}.product-option{display:flex;flex-direction:column;gap:4px;padding:10px 12px}.product-option .product-name{color:#333;font-size:.95em;font-weight:700}.product-option .product-code{color:#666;font-size:.85em}.product-option .product-price{color:#28a745;font-size:1em;font-weight:700}.product-option .product-gst{color:#666;font-size:.85em}.mobile-trash-button{display:block;margin:8px 0;text-align:center}.mobile-trash-button .delete-item-btn{align-items:center;background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;gap:4px;padding:6px 12px;transition:all .2s ease}.mobile-trash-button .delete-item-btn:hover{background:#c82333;transform:scale(1.05)}}.remarks-section{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin:20px 0;padding:15px;width:97%}.remarks-section label{color:#495057;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.remarks-section textarea{background-color:#fff;border:2px solid #dee2e6;border-radius:6px;color:#495057;font-family:inherit;font-size:14px;line-height:1.5;min-height:80px;padding:12px;resize:vertical;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:97%}.remarks-section textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.remarks-section textarea:disabled{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed;opacity:.7}.remarks-section textarea::placeholder{color:#adb5bd;font-style:italic}@media print{.remarks-section{background-color:initial!important;border:1px solid #000!important;margin:10px 0!important;padding:10px!important}.remarks-section label{color:#000!important;font-weight:700!important}.remarks-section textarea{background-color:initial!important;border:1px solid #000!important;color:#000!important;min-height:60px!important}}@media (max-width:768px){.remarks-section{margin:15px 0;padding:12px;width:100%}.remarks-section textarea{font-size:16px;min-height:70px}}.futerr,.futerr h4,p{align-content:left;text-align:left}.futerr h4,p{color:#000}.footer-content{align-items:flex-start;display:flex;gap:30px;justify-content:space-between;margin-bottom:20px}.left-section{display:flex;flex:1 1;flex-direction:column;gap:20px}.terms-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.terms-section h4{border-bottom:3px solid #b39eb5;color:#2c3e50;font-size:1.2rem;font-weight:700;letter-spacing:.5px;margin:0 0 20px;padding-bottom:8px;text-transform:uppercase}.terms-content{margin-top:15px;padding-left:5px}.terms-content p{color:#495057;font-size:14px;line-height:2;margin:0;text-align:justify}.futerr .bank-details{background:#f8f9fa!important;border:1px solid #e9ecef!important;border-radius:8px!important;box-shadow:0 2px 4px #0000001a!important;margin-bottom:20px!important;padding:20px!important}.futerr .bank-details h4{border-bottom:3px solid #b39eb5!important;color:#2c3e50!important;font-size:1.2rem!important;font-weight:700!important;letter-spacing:.5px!important;margin:0 0 20px!important;padding-bottom:8px!important;text-align:left!important;text-transform:uppercase!important}.futerr .bank-container{align-items:flex-start!important;display:flex!important;gap:20px!important;justify-content:space-between!important;margin-top:15px!important;width:100%!important}.futerr .bank-contentcashbill{flex:1 1!important;min-width:0!important;padding-left:5px!important}.futerr .bank-contentcashbill p{color:#495057!important;font-size:14px!important;line-height:1.6!important;margin:8px 0!important;text-align:left!important}.right-section{align-items:flex-start;display:flex;justify-content:center;min-width:160px}.signaturee{margin-top:20px;text-align:end}.footer{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.footer h4{color:#000;margin-bottom:.5rem}.bank-details,.terms-and-conditions{margin-bottom:1rem}.signature{margin-top:1rem}@media (max-width:768px){.credit-bill-wrapper,.invoice-container{margin:.5rem;padding:1rem}.header-right{align-items:center;flex-direction:column;text-align:center}.creditbill-info h2{font-size:clamp(1.25rem,4vw,1.5rem)}.bill-details-row{align-items:center;flex-direction:column;gap:.25rem}.tax-options{align-items:flex-start;width:100%}.tax-options label{flex-direction:row;justify-content:space-between;width:100%}.credit-bill-table,.saved-bills-table{display:block;font-size:clamp(.75rem,2.5vw,.8rem);overflow-x:auto;white-space:nowrap}.credit-bill-table td,.credit-bill-table th{padding:.4rem}.credit-bill-input{font-size:clamp(.75rem,2.5vw,.8rem);padding:.4rem}.add-item-btn,.billremove-item-btn{font-size:clamp(.75rem,2.5vw,.8rem);padding:.5rem 1rem}.credittotals-section{text-align:left}.credittotals-row{align-items:flex-start;flex-direction:column;gap:.25rem}.action-buttons{display:flex;flex-direction:column;gap:.75rem;padding:1rem}.signature{text-align:center}.footer-content{flex-direction:column;gap:20px}.futerr .bank-details-container{align-items:center!important;flex-direction:column!important;gap:15px!important}.futerr .bank-contentcashbill{text-align:center!important;width:100%!important}.futerr .qr-code-section{align-self:center!important}.right-section{align-self:center}.bank-details-section,.terms-section{padding:10px}}@media (max-width:576px){.creditbill-info h2{font-size:clamp(1.125rem,4vw,1.25rem)}.credit-bill-input,.credit-bill-table,.saved-bills-table,.tax-input{font-size:clamp(.7rem,2.5vw,.75rem)}.credit-bill-input,.tax-input{padding:.3rem}.action-buttons{gap:.5rem}.cancelled-watermark img,.watermark{height:200px;width:200px}}@media (min-width:768px){.action-buttons{background-color:#fff;border-top:1px solid #ddd;bottom:0;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;padding:1rem;position:-webkit-sticky;position:sticky;z-index:99}}@media print{.action-buttons,.add-due-date-btn,.cancel-due-date-btn,.customer-search,.due-date-buttons,.message,.modal,.no-print,.ok-due-date-btn,.refresh-bank-btn,.reminder-btn,button:not(.print-button){display:none!important}.due-dates-group,.due-dates-section-print{border:2px solid #000!important;display:block!important;margin:20px 0!important;padding:15px!important;page-break-inside:avoid!important}.section-title{border-bottom:1px solid #000!important;font-size:14px!important;font-weight:700!important;margin:0 0 10px!important;padding-bottom:5px!important}@page{size:A4;margin:.5in}.section-title,body{color:#000!important}body{background:#fff!important;font-family:Arial,sans-serif!important;font-size:12px!important;line-height:1.4!important;margin:0!important;padding:0!important}input,select,textarea{-webkit-appearance:none!important;appearance:none!important;background:#0000!important;border:none!important;color:#000!important;font-size:inherit!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}img{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}img,img[src*=Logo],img[src*=logo],img[src*=wyenfos]{display:block!important;opacity:1!important;visibility:visible!important}img[src*=Logo],img[src*=logo],img[src*=wyenfos]{background:#0000!important;border:none!important;height:60px!important;max-height:60px!important;max-width:60px!important;object-fit:contain!important;width:60px!important}.center-logo-header,.company-logo-header,.modern-logo,img[alt*=Logo],img[alt*=logo],img[src*=logo],img[src*=wyenfos]{display:block!important;height:60px!important;max-height:60px!important;max-width:60px!important;object-fit:contain!important;opacity:1!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;visibility:visible!important;width:60px!important}.center-logo-container,.company-logo-container-header{display:flex!important;opacity:1!important;visibility:visible!important}.bill-header{border:2px solid #000!important;gap:15px!important;margin-bottom:20px!important;padding:10px!important;page-break-inside:avoid!important}.center-logo-container{flex:0 0 80px!important;padding:10px!important}.bill-info-header{flex:1 1!important}.bill-info-header,.header-left-section{display:flex!important;visibility:visible!important}.bill-header .center-logo-container{align-items:center!important;display:flex!important;flex:0 0 auto!important;justify-content:center!important;padding:0 10px!important}.bill-header .center-logo-container img{display:block!important;object-fit:contain!important;opacity:1!important;visibility:visible!important}.bill-header .center-logo-container img,.center-logo-header,.company-logo-header{height:60px!important;width:60px!important}.center-logo-header{display:block!important;object-fit:contain!important;visibility:visible!important}.center-logo-container{align-items:center!important;display:flex!important;flex:0 0 auto!important;justify-content:center!important;padding:0 20px!important}.company-name-header{margin:0 0 5px!important}.address-text-header,.contact-text-header,.gstin-text-header{color:#000!important;font-size:10px!important;line-height:1.2!important;margin:2px 0!important}.bill-info-header h2{font-size:18px!important;margin:0 0 10px!important}.bill-number,.date{color:#000!important;font-size:12px!important;margin:3px 0!important}.bank-details,.billitems-section,.credit-bill-items,.credit-bill-table,.credittotals-section,.customer-details,.due-dates-group,.due-dates-section-print,.futerr,.signature-section,.signaturee,.terms-section{display:block!important;opacity:1!important;visibility:visible!important}.saved-bills{display:none!important}.customer-details{border:2px solid #000!important;margin:20px 0!important;padding:15px!important;page-break-inside:avoid!important}.customer-details h3{border-bottom:2px solid #000!important;font-size:14px!important;margin:0 0 15px!important;padding-bottom:8px!important;text-align:left!important}.customer-form{grid-gap:15px 40px!important;display:grid!important;gap:15px 40px!important;grid-template-columns:1fr 1fr!important;margin-top:15px!important}.credit-bill-input-group:first-child,.credit-bill-input-group:nth-child(2),.credit-bill-input-group:nth-child(3),.credit-bill-input-group:nth-child(7){grid-column:1!important}.credit-bill-input-group:nth-child(4),.credit-bill-input-group:nth-child(5),.credit-bill-input-group:nth-child(6){grid-column:2!important}.credit-bill-input-group{align-items:center!important;display:flex!important;margin:8px 0!important}.credit-bill-input-group label{color:#000!important;display:inline-block!important;font-size:11px!important;font-weight:700!important;margin-right:10px!important;min-width:100px!important}.credit-bill-input{background:#0000!important;border:none!important;border-bottom:1px dotted #666!important;color:#000!important;flex:1 1!important;font-size:11px!important;padding:2px!important}.modern-logo{display:block!important;max-height:50px!important;max-width:50px!important}.bank-details,.modern-logo{visibility:visible!important}.bank-details{border:1px solid #000!important;margin:15px 0!important;padding:10px!important;page-break-inside:avoid!important}.bank-details h4{margin:0 0 8px!important;padding-bottom:3px!important}.bank-contentcashbill p{margin:2px 0!important}.qr-code-section{margin-left:10px!important}.totals-section{border:1px solid #000!important;display:block!important;margin:15px 0!important;padding:10px!important;page-break-inside:avoid!important;visibility:visible!important}.totals-section h3{border-bottom:1px solid #000!important;color:#000!important;font-size:12px!important;font-weight:700!important;margin:0 0 8px!important;padding-bottom:3px!important}.totals-grid{display:block!important}.totals-row{border-bottom:1px dotted #ccc!important;color:#000!important;display:flex!important;font-size:10px!important;justify-content:space-between!important;padding:2px 0!important}.totals-row.highlight{border-bottom:2px solid #000!important;font-weight:700!important;margin-top:5px!important;padding-top:5px!important}.amount-to-pay-input{background:#0000!important;border:none!important;color:#000!important;font-size:10px!important;margin:0!important;padding:0!important;text-align:right!important;width:auto!important}.billitems-section{border:2px solid #000!important;page-break-inside:avoid!important}.billitems-section,.credit-bill-items{margin:20px 0!important;visibility:visible!important}.credit-bill-items,.items-header{display:block!important}.items-header{margin-bottom:15px!important}.items-header h3{border-bottom:2px solid #000!important;color:#000!important;font-size:14px!important;font-weight:700!important;margin:0 0 10px!important;padding-bottom:5px!important;text-align:center!important}.items-instructions{display:none!important}.credit-bill-table{border-collapse:collapse!important;display:table!important;font-size:10px!important;margin:15px 0!important;page-break-inside:avoid!important;width:100%!important}.credit-bill-table thead{display:table-header-group!important}.credit-bill-table tbody{display:table-row-group!important}.credit-bill-table td,.credit-bill-table th{border:1px solid #000!important;color:#000!important;display:table-cell!important;font-size:9px!important;padding:5px!important;text-align:left!important;vertical-align:top!important}.credit-bill-table th{background-color:#f0f0f0!important;font-weight:700!important;text-align:center!important}.credit-bill-table input,.credit-bill-table select{background:#0000!important;border:none!important;color:#000!important;font-size:9px!important;padding:2px!important;width:100%!important}.credittotals-section{border:1px solid #000!important;margin:20px 0!important;padding:15px!important;visibility:visible!important}.credittotals-section h3{border-bottom:1px solid #000!important;display:block!important;font-size:14px!important;margin:0 0 10px!important;padding-bottom:5px!important;text-align:left!important}.credittotals-row{align-items:center!important;color:#000!important;display:flex!important;font-size:11px!important;gap:20px!important;justify-content:flex-end!important;margin:0!important;padding:3px 0!important}.credittotals-row .label{font-weight:400!important}.credittotals-row .value{font-weight:700!important;min-width:80px!important;text-align:right!important}.credittotals-row.grand-total,.credittotals-row.highlight{border-top:2px solid #000!important;font-size:12px!important;font-weight:700!important;margin-top:8px!important;padding-top:8px!important}.cgst-row,.grand-total-row,.igst-row,.round-off-row,.sgst-row,.taxable-amount-row{align-items:center!important;color:#000!important;display:flex!important;font-size:10px!important;justify-content:space-between!important;margin-left:auto!important;padding:2px 0!important;width:200px!important}.terms-section{border:1px solid #000!important;display:block!important;margin:20px 0!important;padding:15px!important;page-break-inside:avoid!important}.terms-section h4{border-bottom:1px solid #000!important;color:#000!important;font-size:12px!important;font-weight:700!important;margin:0 0 10px!important;padding-bottom:5px!important}.terms-section li,.terms-section p,.terms-section ul{color:#000!important;font-size:10px!important;line-height:1.4!important;margin:5px 0!important}.bank-details,.bank-details-section,.footer-section{align-items:flex-start!important;border:1px solid #000!important;display:flex!important;justify-content:space-between!important;margin:20px 0!important;padding:15px!important;page-break-inside:avoid!important}.bank-details{border:2px solid #000!important;display:block!important}.bank-details .bank-container{align-items:flex-start!important;display:flex!important;justify-content:space-between!important;margin-top:10px!important}.bank-details{flex:1 1!important;margin-right:20px!important}.bank-details h4{border-bottom:1px solid #000!important;color:#000!important;font-size:12px!important;font-weight:700!important;margin:0 0 10px!important;padding-bottom:5px!important}.bank-details p{color:#000!important;font-size:10px!important;line-height:1.3!important;margin:3px 0!important}.bank-contentcashbill span[style*="color: red"],.bank-details span[style*="color: red"]{display:none!important}.bank-container{align-items:flex-start!important;display:flex!important;justify-content:space-between!important}.bank-contentcashbill{flex:1 1!important;margin-right:20px!important}.bank-contentcashbill p{font-size:10px!important;line-height:1.3!important;margin:3px 0!important}.bank-contentcashbill p strong{color:#000!important;font-weight:700!important}.qr-section{align-items:center!important;display:flex!important;flex-direction:column!important;text-align:center!important}.qr-code{border:1px solid #000!important;display:block!important;height:80px!important;margin-bottom:5px!important;visibility:visible!important;width:80px!important}.qr-label{color:#000!important;font-size:9px!important;font-weight:700!important;margin:5px 0!important}.signature-section{display:block!important;margin-top:30px!important;text-align:right!important}.signature-section h4{border-bottom:1px solid #000!important;color:#000!important;display:inline-block!important;font-size:11px!important;font-weight:700!important;margin:0 0 5px!important;min-width:200px!important;padding-bottom:3px!important}.signature-section p{color:#000!important;font-size:10px!important;margin:2px 0!important;text-align:center!important}.authorized-signature,.signature{border-top:2px solid #000!important;display:block!important;margin-top:40px!important;padding-top:20px!important;text-align:right!important}.authorized-signature h4,.signature h4{color:#000!important;font-size:12px!important;font-weight:700!important;margin:0 0 30px!important}.authorized-signature:after,.signature:after{border-top:1px solid #000!important;color:#000!important;content:"Authorized Signatory"!important;display:block!important;font-size:11px!important;font-weight:700!important;margin-left:auto!important;margin-top:30px!important;padding-top:5px!important;text-align:right!important;width:200px!important}.qr-code img{display:block!important;max-height:80px!important;max-width:80px!important;visibility:visible!important}.signaturee{border-top:1px solid #333!important;margin-top:20px!important;min-height:60px!important;padding-top:10px!important}.due-dates-section{padding:5px!important}.due-dates-section h4{border-bottom:1px solid #333!important;color:#000!important;font-size:12px!important;font-weight:700!important;margin:0 0 5px!important;padding-bottom:2px!important}.due-date-item{font-size:10px!important}*{box-shadow:none!important;text-shadow:none!important}.action-buttons,.add-item-btn,.billremove-item-btn,.btn-create-customer,.customer-search,.instruction-text,.items-instructions,.modal,.no-print,.permission-status,.print-bill-btn,.saved-bills-section,.search-button,.search-input-group,.search-results,.watermark,button{display:none!important;opacity:0!important;visibility:hidden!important}.credit-bill-wrapper{font-family:Arial,sans-serif!important;font-size:10px!important;min-height:297mm!important;padding:5mm!important}.credit-bill-wrapper,.invoice-container{background:#fff!important;color:#000!important;margin:0!important;overflow:visible!important;page-break-after:avoid!important;page-break-inside:avoid!important}.invoice-container{display:block!important;min-height:287mm!important;padding:0!important;visibility:visible!important}.bill-header{background:#fff!important;border:1px solid #333!important;border-radius:0!important;justify-content:space-between!important;margin-bottom:5px!important;padding:8px!important}.bill-header,.header-left-section{align-items:flex-start!important;display:flex!important}.header-left-section{flex:1 1!important;gap:10px!important}.company-logo-header{height:70px!important;object-fit:contain!important;padding:2px!important;width:70px!important}.company-logo-container-header,.company-logo-header{display:block!important;visibility:visible!important}.company-logo-container-header{flex-shrink:0!important}.company-address-header{display:flex!important;flex-direction:column!important;gap:2px!important;margin-left:8px!important;padding-left:10px!important;visibility:visible!important}.company-name-header{font-size:16px!important;font-weight:700!important}.address-text-header,.company-name-header{color:#000!important;grid-column:1/-1!important;margin:0!important}.address-text-header{font-size:7px!important;line-height:1.1!important;padding:1px 0!important}.company-details-row{display:flex!important;flex-wrap:wrap!important;gap:15px!important;margin:1px 0!important}.mobile-number-left{margin-left:-8px!important}.address-text-header,.contact-text-header,.gstin-text-header,.state-text-header{color:#000!important;font-size:7px!important;line-height:1.1!important;margin:0!important;padding:1px 0!important}.bill-info-header{align-items:flex-end!important;display:flex!important;flex-direction:column!important;margin-right:15px!important;min-width:120px!important;text-align:right!important}.bill-info-header h2{color:#000!important;font-size:14px!important;font-weight:700!important;margin:0 0 5px!important}.bill-info-header .bill-number,.bill-info-header .date{color:#000!important;font-size:9px!important;margin:1px 0!important}.company-header-container{flex:1 1!important}.company-header-container,.company-header-modern{align-items:flex-start!important;display:flex!important;gap:8px!important}.company-header-modern{background:#fff!important;box-shadow:none!important;padding:0!important}.header-content-wrapper{justify-content:space-between!important;width:100%!important}.header-content-wrapper,.logo-and-info{align-items:flex-start!important;display:flex!important}.logo-and-info{gap:8px!important}.modern-logo{border:1px solid #333!important;flex-shrink:0!important;height:50px!important;padding:1px!important;width:50px!important}.company-information{display:flex!important;flex:1 1!important;flex-direction:column!important;gap:1px!important}.company-name{color:#000!important;font-size:12px!important;font-weight:700!important;margin:0!important}.company-address,.contact-item{color:#000!important;font-size:7px!important;line-height:1!important;margin:0!important}.creditbill-info{align-items:flex-end!important;display:flex!important;flex-direction:column!important;margin-right:20px!important;min-width:120px!important;text-align:right!important}.creditbill-info h2{color:#000!important;display:block!important;font-weight:700!important;margin:0!important;page-break-after:avoid!important;text-align:center!important;width:100%!important}.bill-info-row{align-items:center!important;display:flex!important;gap:10px!important;margin:1px 0!important}.bill-number,.date{color:#000!important;font-size:9px!important;margin:0!important}.bill-header+.creditbill-info h2,.bill-header+h2,.bill-header~h2{color:#000!important;display:block!important;font-size:14px!important;font-weight:700!important;margin:8px 0 5px!important;page-break-after:avoid!important;text-align:center!important;width:100%!important}.customer-details{background:#fff!important;border:1px solid #333!important;color:#000!important;display:block!important;margin:5px 0!important;padding:3px!important;visibility:visible!important}.customer-details h3{border-bottom:1px solid #333!important;color:#000!important;font-size:11px!important;font-weight:700!important;margin:0 0 3px!important;padding-bottom:2px!important}.due-dates-section{background:#fff!important;border:1px solid #333!important;color:#000!important;display:block!important;margin:5px 0!important;padding:3px!important;visibility:visible!important}.due-dates-section h3{border-bottom:1px solid #333!important;color:#000!important;font-size:11px!important;font-weight:700!important;margin:0 0 3px!important;padding-bottom:2px!important}.due-dates-list{display:block!important;margin:3px 0!important}.due-date-item{color:#000!important;display:flex!important;font-size:9px!important;justify-content:space-between!important;margin:2px 0!important}.billitems-section{align-items:center!important;background-color:#f0f0f0!important;font-weight:700!important;margin:3px 0!important;padding:3px!important;width:90%!important}.billitems-section,.creditbillitemm-row{grid-gap:3px!important;color:#000!important;display:grid!important;font-size:8px!important;gap:3px!important;grid-template-columns:15px 25px 40px 25px 15px 20px 25px 15px!important;text-align:center!important}.creditbillitemm-row{background:#fff!important;border-bottom:1px solid #ddd!important;padding:2px 0!important}.creditbillitemm-row input{background:#0000!important;border:none!important;color:#000!important;font-size:8px!important;padding:0!important}.creditbillitemm-row button{display:none!important}.creditbillitemm-row div{align-items:center!important;display:flex!important;justify-content:center!important}.credittotals-section{background:#fff!important;border:1px solid #333!important;box-shadow:none!important;color:#000!important;display:block!important;float:right!important;margin:5px 40px 5px 0!important;padding:3px!important;page-break-inside:avoid!important;text-align:right!important;width:200px!important}.credittotals-section h3{border-bottom:1px solid #333!important;color:#000!important;font-size:11px!important;font-weight:700!important;margin:0 0 3px!important;padding-bottom:2px!important}.credittotals-row{font-size:9px!important;justify-content:space-between!important;margin:1px 0!important;padding:1px 0!important}.futerr{background:#fff!important;border-top:1px solid #333!important;clear:both!important;color:#000!important;display:block!important;margin-top:5px!important;padding-top:3px!important;visibility:visible!important}.futer-content{align-items:flex-start!important;display:flex!important;gap:20px!important;justify-content:space-between!important}.bank-details-section{background:#fff!important;border:1px solid #333!important;color:#000!important;display:block!important;flex:1 1!important;margin:0!important;padding:5px!important;visibility:visible!important}.bank-details-section h4{border-bottom:1px solid #333!important;color:#000!important;font-size:11px!important;font-weight:700!important;margin:0 0 3px!important;padding-bottom:2px!important}.bank-contentcashbill p{color:#000!important;font-size:8px!important;line-height:1.2!important;margin:1px 0!important}.qr-code-section{display:block!important;margin:0!important;padding:5px!important;text-align:center!important;visibility:visible!important}.qr-code-container{display:block!important;height:60px!important;margin:0 auto!important;width:60px!important}.qr-code-image{border:1px solid #333!important;height:100%!important;width:100%!important}.qr-code-label{margin:2px 0 0!important}.signaturee{margin:10px 0 0!important;padding:5px!important;text-align:left!important;visibility:visible!important}.signaturee,.signaturee strong{color:#000!important;display:block!important}.signaturee strong{font-size:10px!important;line-height:1.1!important;margin:2px 0!important}.qr-code{align-items:center!important;background:#fff!important;border:1px solid #333!important;border-radius:3px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;margin-left:20px!important;min-width:100px!important;padding:8px!important}.qr-code-image{display:block!important;height:auto!important;max-width:80px!important}.qr-code-label{color:#000!important;display:block!important;font-size:8px!important;margin-top:3px!important;text-align:center!important}.signature{align-items:flex-end!important;background:#fff!important;color:#000!important;display:flex!important;flex:1 1!important;flex-direction:column!important;font-size:11px!important;justify-content:flex-end!important;margin-top:30px!important;text-align:right!important}.cancelled-watermark,.watermark{display:none!important;opacity:0!important;visibility:hidden!important}.tax-options{display:none!important}.creditbill-info h2{font-size:14px!important}.bill-details-row{font-size:9px!important}.creditsection-title,.section-titlebill{font-size:11px!important}.bank-details{align-items:flex-start;display:flex;justify-content:space-between}.bank-details p{flex:1 1;margin:0}.qr-code{height:100px;margin-left:20px;width:100px}.signature{text-align:right}*{margin:0!important;padding:0!important}.bill-header{margin-bottom:3px!important;padding-bottom:2px!important}.customer-details{padding:2px!important}.credit-bill-table,.credittotals-section,.customer-details{margin:3px 0!important}.credittotals-section{padding:2px!important}.footer{margin-top:3px!important;padding-top:2px!important}.bill-header{margin-bottom:10px!important;padding:5px 0!important}.billitems-section,.credittotals-section,.customer-details,.due-dates-section,.futerr{margin:10px 0!important;padding:5px 0!important}.credit-bill-wrapper{height:297mm!important;max-height:297mm!important;overflow:hidden!important}.invoice-container{height:287mm!important;max-height:287mm!important;overflow:hidden!important}@page{size:A4;margin:1cm}}.credit-bill-input-group{display:flex;flex-direction:column;margin-bottom:10px;padding:10px}.credit-bill-input-group label{color:#333;font-size:14px;font-weight:600;margin-bottom:4px}.credit-bill-input-group input,.credit-bill-input-group select{background-color:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 1px 3px #00000014;font-size:14px;padding:10px 14px;transition:border .3s ease;width:100%}.credit-bill-input-group input:focus,.credit-bill-input-group select:focus{border-color:#007bff;box-shadow:0 0 5px #007bff40;outline:none}.credit-bill-input-group input:disabled,.credit-bill-input-group select:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.7}.qr-code-container{background-color:#fff;justify-content:center;padding:10px;position:relative}.qr-code-image{background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;display:block;height:100px;object-fit:contain;padding:5px;width:100px}.qr-code-placeholder{background-color:#f9f9f9;border-radius:6px;padding:5px}.qr-placeholder-box{border-radius:4px;font-size:20px;height:70px;width:70px}.qr-code-label{color:#555;font-size:11px;font-weight:600;letter-spacing:.5px;margin-top:6px;text-align:center;text-transform:uppercase}.bank-contentcashbill{flex:1 1;margin-right:15px}.qr-code-section{align-items:center;flex-direction:column;justify-content:center;min-width:130px}@media (max-width:768px){.qr-code-container{padding:8px}.qr-code-image,.qr-code-placeholder{height:80px;width:80px}.qr-placeholder-box{font-size:16px;height:60px;width:60px}.qr-code-section{min-width:100px}}.futerr .qr-code-section{align-items:center!important;background:#fff!important;border:1px solid #b39eb5!important;border-radius:8px!important;box-shadow:0 1px 3px #0000001a!important;display:flex!important;flex-direction:column!important;flex-shrink:0!important;justify-content:center!important;max-width:160px!important;min-width:140px!important;padding:15px!important}.futerr .qr-code{margin-bottom:8px!important}.futerr .qr-code-label{color:#495057!important;font-size:12px!important;font-weight:700!important;margin:0!important;text-align:center!important}.futerr .qr-code-placeholder{height:120px!important;width:120px!important}.futerr .qr-code-placeholder,.futerr .qr-placeholder-box{align-items:center!important;display:flex!important;justify-content:center!important}.futerr .qr-placeholder-box{background:#f8f9fa!important;border:2px dashed #ccc!important;border-radius:8px!important;color:#6c757d!important;font-size:16px!important;font-weight:700!important;height:100px!important;width:100px!important}@media print{.action-buttons,.add-item-btn,.btn-create-customer,.customer-search,.no-print,.permission-status,.remove-item-btn,.search-button,.search-results,button{display:none!important}.content-container{margin:0!important}.content-container,.page-wrapper{background-color:#fff!important;padding:0!important}.watermark{opacity:.1!important}.cancelled-watermark{opacity:.3!important}.bank-details-section,.customer-details,.items-section,.totals-section{display:block!important;page-break-inside:avoid}*{box-shadow:none!important;text-shadow:none!important}}.due-dates-display{display:flex;flex-direction:column;gap:2px;max-height:60px;overflow-y:auto}.due-date-display-item{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:2px;color:#333;font-size:11px;padding:1px 2px}.search-button{background-color:#b39eb5;background-color:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:600;min-width:100px;padding:.5rem 1rem;transition:background-color .3s ease}.search-button:hover{background-color:#aa98a9;background-color:var(--primary-hover)}.search-button:disabled{background-color:#ccc;cursor:not-allowed}.create-customer-section{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;border-radius:var(--border-radius);margin-top:1rem;padding:1rem;text-align:center}.no-customer-found{color:#856404;font-weight:500;margin:0 0 1rem}.btn-create-customer{background-color:#28a745;border:none;border-radius:8px;border-radius:var(--border-radius);color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.btn-create-customer:hover{background-color:#218838;box-shadow:0 2px 8px #28a7454d;transform:translateY(-1px)}.btn-create-customer:disabled{background-color:#6c757d;box-shadow:none;cursor:not-allowed;transform:none}.product-input-container{align-items:center;display:flex;gap:8px}.manual-entry-btn{background:#28a745;font-weight:700;transition:background-color .2s}.manual-entry-btn:hover{background:#218838}.action-buttons-group{gap:4px}.action-buttons-group,.edit-mode-toggle-btn{align-items:center;display:flex;justify-content:center}.edit-mode-toggle-btn{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;color:#495057;cursor:pointer;font-size:12px;font-weight:500;min-width:40px;padding:6px 10px;transition:all .3s ease}.edit-mode-toggle-btn:hover{background-color:#e9ecef;border-color:#adb5bd}.edit-mode-toggle-btn.active{background-color:#28a745;border-color:#28a745;color:#fff}.edit-mode-toggle-btn.active:hover{background-color:#218838;border-color:#1e7e34}.edit-mode-toggle-btn:disabled{background-color:#f5f5f5;border-color:#ddd;color:#ccc;cursor:not-allowed}.credit-bill-items input:disabled:not([placeholder=""]){background-color:#f8f9fa;color:#6c757d;cursor:not-allowed;opacity:.7}.credit-bill-items input:disabled:not([placeholder=""])::placeholder{color:#adb5bd;font-style:italic}.manual-entry-modal{max-height:90vh;max-width:600px;overflow-y:auto;width:90vw}.manual-entry-modal .modal-subtitle{color:#666;font-size:14px;font-style:italic;margin-bottom:20px}.manual-entry-form{margin-bottom:20px}.form-row .form-group{flex:1 1}.form-row .form-group label{color:#333;display:block;font-weight:700;margin-bottom:5px}.form-row .form-group input{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:14px;padding:8px 12px;width:100%}.form-row .form-group input:focus{border-color:#b39eb5;border-color:var(--primary-color);box-shadow:0 0 0 2px #b39eb533;outline:none}.manual-entry-preview{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;margin-top:20px;padding:15px}.manual-entry-preview h4{color:#333;font-size:16px;margin:0 0 10px}.preview-item{background:#fff;border:1px solid #dee2e6;border-radius:4px;padding:10px}.preview-item strong{color:#495057;display:block;font-size:14px;margin-bottom:8px}.preview-details{color:#6c757d;display:flex;flex-wrap:wrap;font-size:12px;gap:15px}.preview-details span{background:#e9ecef;border-radius:3px;padding:2px 6px;white-space:nowrap}@media (max-width:768px){.form-row{flex-direction:column;gap:10px}.preview-details{flex-direction:column;gap:5px}.manual-entry-modal{margin:10px;width:95vw}}.save-customer-section{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;margin-top:1rem;padding:1rem;text-align:center}.save-customer-btn{align-items:center;background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:6px;box-shadow:0 2px 4px #28a74533;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:8px;padding:10px 20px;transition:all .3s ease}.save-customer-btn:hover:not(:disabled){background:linear-gradient(135deg,#218838,#1abc9c);box-shadow:0 4px 8px #28a7454d;transform:translateY(-1px)}.save-customer-btn:active:not(:disabled){box-shadow:0 2px 4px #28a74533;transform:translateY(0)}.save-customer-btn:disabled{background:#6c757d;box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.save-customer-info{color:#6c757d;font-size:12px;line-height:1.4;margin-top:5px}.save-customer-info small{display:block}.customer-info-section{background-color:#e7f3ff;border:1px solid #b3d9ff;border-radius:6px;margin:1rem 0;padding:1rem}.customer-not-found-info{text-align:center}.info-message{color:#0056b3;font-weight:500;margin:0 0 .5rem}.info-suggestion{color:#6c757d;font-size:12px;font-style:italic;margin:0}.due-dates-section-print{background-color:#f9f9f9;border:1px solid #ddd;border-radius:4px;margin:15px 0;padding:10px}.due-dates-section-print h3{border-bottom:1px solid #ddd;color:#333;font-size:14px;margin:0 0 10px;padding-bottom:5px}.due-dates-list-print{display:flex;flex-direction:column;gap:5px}.due-date-item-print{display:flex;font-size:12px;justify-content:space-between;padding:3px 0}.due-date-note{color:#666;font-size:11px;margin:10px 0 0;text-align:center}@media print{.due-dates-section-print{background-color:#fff!important;border:1px solid #000!important;margin:10px 0!important;padding:8px!important;page-break-inside:avoid!important}.due-dates-section-print h3{border-bottom:1px solid #000!important;color:#000!important;font-size:12px!important;font-weight:700!important;margin:0 0 8px!important}.due-dates-list-print{margin:0!important}.due-date-item-print{color:#000!important;font-size:10px!important;margin:2px 0!important}.due-date-note{color:#000!important;font-size:9px!important;margin:5px 0 0!important}@media (max-width:480px){.credit-bill-wrapper{padding:1rem .5rem}.invoice-container{border-radius:8px;padding:1rem}.bill-header{flex-direction:column;gap:15px;padding:10px}.billitems-section{font-size:10px}.billitems-section,.creditbillitemm-row{gap:4px;grid-template-columns:30px 60px 1fr 60px 40px 80px 60px 40px 30px;padding:6px 3px}.creditbillitemm-row{min-height:35px}.credit-bill-items input{font-size:10px;height:30px;padding:4px 6px}}@media (max-width:360px){.credit-bill-wrapper{padding:.5rem .25rem}.invoice-container{padding:.5rem}.billitems-section{font-size:9px}.billitems-section,.creditbillitemm-row{gap:3px;grid-template-columns:25px 50px 1fr 50px 35px 70px 50px 35px 25px;padding:4px 2px}.creditbillitemm-row{min-height:30px}}@media (min-width:481px) and (max-width:768px){.credit-bill-wrapper{padding:1.5rem 1rem}.invoice-container{padding:1.5rem}.bill-header{padding:12px}.billitems-section{font-size:12px}.billitems-section,.creditbillitemm-row{gap:8px;grid-template-columns:40px 80px 1fr 80px 60px 100px 80px 60px 50px;padding:10px 6px}.creditbillitemm-row{min-height:45px}.credit-bill-items input{font-size:12px;height:35px;padding:6px 8px}.action-buttons-group{gap:3px}.edit-mode-toggle-btn{min-width:35px}.delete-item-btn,.edit-mode-toggle-btn{font-size:11px;padding:5px 8px}}@media (min-width:769px) and (max-width:1024px){.credit-bill-wrapper{padding:2rem 1.5rem}.invoice-container{padding:2rem}.bill-header{padding:15px}.billitems-section{font-size:13px}.billitems-section,.creditbillitemm-row{gap:12px;grid-template-columns:50px 100px 1fr 100px 80px 120px 100px 80px 60px;padding:12px 8px}.creditbillitemm-row{min-height:50px}.credit-bill-items input{font-size:13px;height:38px;padding:8px 10px}.action-buttons-group{gap:4px}.edit-mode-toggle-btn{min-width:38px}.delete-item-btn,.edit-mode-toggle-btn{font-size:12px;padding:6px 10px}}@media (min-width:1025px) and (max-width:1200px){.credit-bill-wrapper,.invoice-container{padding:2rem}.billitems-section{font-size:14px;padding:15px}.billitems-section,.creditbillitemm-row{gap:15px;grid-template-columns:60px 120px 1fr 120px 100px 150px 120px 100px 80px}.creditbillitemm-row{min-height:60px;padding:12px}}@media (min-width:1201px){.credit-bill-wrapper{padding:2rem 3rem}.invoice-container{margin:0 auto;max-width:1400px;padding:2.5rem}.billitems-section{font-size:15px;padding:18px}.billitems-section,.creditbillitemm-row{gap:18px;grid-template-columns:70px 140px 1fr 140px 120px 180px 140px 120px 100px}.creditbillitemm-row{min-height:70px;padding:15px}.credit-bill-items input{font-size:15px;height:45px;padding:10px 12px}}@media (min-width:1600px){.invoice-container{max-width:1600px}.billitems-section{font-size:16px;padding:20px}.billitems-section,.creditbillitemm-row{gap:20px;grid-template-columns:80px 160px 1fr 160px 140px 200px 160px 140px 120px}.creditbillitemm-row{min-height:80px;padding:18px}}}.manual-edit-mode-btn{background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin:15px 0;padding:12px 20px;transition:all .2s ease;width:100%}.manual-edit-mode-btn:hover{background:linear-gradient(135deg,#218838,#1ea085);box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.manual-edit-mode-btn:active{transform:translateY(0)}.manual-edit-mode-btn.active{background:linear-gradient(135deg,#dc3545,#c82333)}.manual-edit-mode-btn.active:hover{background:linear-gradient(135deg,#c82333,#bd2130)}.manual-edit-mode-btn:disabled{background:#6c757d;box-shadow:none;cursor:not-allowed;transform:none}.manual-field-adjustment{background-color:#f8f9fa;border:2px solid #dee2e6;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:20px 0;padding:20px}.manual-field-header{margin-bottom:20px;text-align:center}.manual-field-header h4{color:#495057;font-size:18px;font-weight:600;margin:0 0 8px}.manual-field-header p{color:#6c757d;font-size:14px;margin:0}.manual-field-form{display:flex;flex-direction:column;gap:20px}.manual-field-row{grid-gap:15px;align-items:end;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.manual-field-group{display:flex;flex-direction:column;gap:5px}.manual-field-group label{color:#495057;font-size:14px;font-weight:600}.manual-field-input{border:1px solid #ced4da;border-radius:6px;box-sizing:border-box;font-size:14px;padding:10px 12px;transition:border-color .2s ease;width:100%}.manual-field-input:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea1a;outline:none}.manual-field-buttons{border-top:1px solid #dee2e6;display:flex;gap:15px;justify-content:center;margin-top:20px;padding:15px 0}.btn-save-manual{background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;font-size:16px;font-weight:600;min-width:150px;padding:15px 30px;transition:all .2s ease}.btn-save-manual:hover{background:linear-gradient(135deg,#218838,#1ea085);box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.btn-cancel-manual{background:linear-gradient(135deg,#6c757d,#495057);border:none;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;font-size:16px;font-weight:600;min-width:150px;padding:15px 30px;transition:all .2s ease}.btn-cancel-manual:hover{background:linear-gradient(135deg,#5a6268,#3d4142);box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.manual-entry-btn{background:linear-gradient(135deg,#ffc107,#fd7e14);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;margin-left:8px;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.manual-entry-btn:hover{background:linear-gradient(135deg,#e0a800,#e55a00);box-shadow:0 2px 4px #0003;transform:translateY(-1px)}.manual-entry-btn:disabled{background:#6c757d;box-shadow:none;cursor:not-allowed;transform:none}@media (max-width:768px){.manual-field-row{gap:10px;grid-template-columns:1fr}.manual-field-buttons{align-items:center;flex-direction:column}.btn-cancel-manual,.btn-save-manual{max-width:200px;width:100%}}@media print{.customer-info-section,.manual-edit-mode-btn,.manual-field-adjustment{display:none!important}}.no-bills-info{background-color:#f8f9fa;border-radius:6px;margin:1rem 0;padding:2rem;text-align:center}.production-mode-info{color:#6c757d}.production-mode-info p{font-size:14px;margin:.5rem 0}.production-mode-info strong{color:#495057}.receipt-page{background-color:#f8f8f8;display:flex;flex-direction:row;font-family:Segoe UI,sans-serif;gap:1rem;padding:20px}.receipt-container{background:#c1b8c1;border-radius:10px;box-shadow:0 0 10px #0000001a;flex:3 1;padding:20px}.bill-header{background-color:#f8f9fa;border:1px solid #ddd;border-radius:8px;justify-content:space-between;margin-bottom:20px;padding:15px}.bill-header,.header-left-section{align-items:flex-start;display:flex}.header-left-section{flex:1 1;gap:15px;position:relative}.company-logo-container-header{flex-shrink:0}.company-logo-header{border-radius:4px;height:120px;object-fit:contain;padding:5px;width:120px}.company-address-header{display:flex;flex-direction:column;gap:3px;margin-left:5px;padding-left:0}.company-name-header{color:#333;font-size:24px;font-weight:700;margin:0 0 5px}.address-text-header{color:#555;font-size:14px;line-height:1.4;margin:0 0 5px}.company-details-row{display:flex;flex-wrap:wrap;gap:20px;margin:2px 0}.company-details-row .contact-text-header,.company-details-row .gstin-text-header{margin:0}.mobile-number-left{margin-left:-10px}.contact-text-header,.gstin-text-header,.state-text-header{color:#666;font-size:11px;line-height:1.3;margin:0;padding:2px 0}.bill-info-header{align-items:flex-end;display:flex;flex-direction:column;margin-right:20px;min-width:200px;padding:15px;text-align:right}.bill-info-header h2{color:#333;font-size:24px;font-weight:700;margin:0 0 10px}.bill-info-header .bill-number,.bill-info-header .date,.bill-info-header .reference{color:#555;font-size:14px;margin:2px 0}.header-right{text-align:right}.header-right h1{color:#b39eb5;color:var(--primary-color);margin-bottom:10px}.receipt-details{display:flex;flex-direction:column;gap:5px}.header-right input[type=date],.header-right input[type=text]{border:1px solid #ccc;border-radius:5px;margin-left:8px;padding:4px 8px}.header-left{flex:1 1}.customer-details{flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.detail-item{flex-direction:column}.detail-item label{color:#b39eb5;color:var(--primary-color);font-weight:600;margin-bottom:5px}.detail-item input,.detail-item select{background-color:#fff;background-color:var(--input-focus-bg);border:1px solid #ccc;border-radius:6px;padding:8px}.detail-item.full-width{flex:1 1 100%}.detail-item select{cursor:pointer}.detail-item select:focus{border-color:#b39eb5;border-color:var(--primary-color);box-shadow:0 0 0 2px #b39eb533;outline:none}.payment-table{margin-bottom:1rem;margin-top:1rem}.payment-table table{background-color:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 4px #0000001a;font-size:14px;overflow:hidden;width:100%}.payment-table td,.payment-table th{border:1px solid #ddd;padding:8px;text-align:left}.payment-table th{background-color:#b39eb5;background-color:var(--primary-color);color:#fff;font-weight:700}.payment-table tr:hover{background-color:#f8f9fa}.fully-paid-row{background-color:#e8f5e8}.partially-paid-row{background-color:#fff3cd}.fully-paid-row:hover{background-color:#d4edda}.partially-paid-row:hover{background-color:#ffeaa7}.selected-debit-note{border:none!important}.selected-debit-note,.selected-debit-note:hover{background-color:initial!important}.selected-indicator{color:#2196f3;font-weight:700;margin-left:5px}.selected-debit-note-summary{background-color:initial;border:none;border-radius:8px;margin-bottom:15px;padding:15px}.selected-debit-note-summary h4{color:#000;font-size:16px;font-weight:700;margin:0 0 10px}.debit-note-info p{font-size:14px;margin:8px 0}.debit-note-info strong{color:#1976d2;display:inline-block;min-width:120px}.credit-bill-info{background-color:initial;border:none;border-radius:8px;margin-bottom:15px;padding:15px}.credit-bill-info h4{color:#000;font-size:16px;font-weight:700;margin:0 0 10px}.payment-status-badge{background-color:#4caf50;border-radius:12px;color:#fff;font-size:12px;font-weight:700;padding:4px 8px}.debit-note-summary{background-color:initial;border:none;border-radius:8px;margin-bottom:15px;padding:15px}.debit-note-summary p{font-size:16px;margin:8px 0}.debit-note-summary p,.debit-note-summary span{color:#000;font-weight:700}.amount-input-group{align-items:center;display:flex;gap:10px;margin-bottom:15px}.amount-input-group label{color:#e65100;font-size:16px;font-weight:700;min-width:180px}.amount-input-group input{background-color:#fff;border:1px solid #ff9800;border-radius:4px;flex:1 1;font-size:14px;max-width:200px;padding:8px}.amount-input-group input:focus{border-color:#f57c00;box-shadow:0 0 5px #ff98004d;outline:none}.amount-input-group span{color:#e65100;font-size:16px;font-weight:700}.payment-status{border-radius:12px;font-size:12px;font-weight:700;padding:4px 8px;text-transform:uppercase}.payment-status.fully-paid{background-color:#28a745;color:#fff}.payment-status.partially-paid{background-color:#ffc107;color:#212529}.fully-paid{color:#28a745;font-weight:700}.remaining-balance{color:#dc3545;font-weight:700}.receipt-summary{background-color:#f2f2f2;border-radius:6px;font-size:15px;margin-top:1rem;padding:12px}.receipt-summary p{margin:4px 0}.amount-to-pay span{color:#b30000;font-weight:700}.payment-status-summary{background-color:#f8f9fa;border-left:4px solid #b39eb5;border-left:4px solid var(--primary-color);border-radius:5px;margin:15px 0;padding:10px}.payment-status-summary p{font-size:14px;margin:5px 0}.fully-paid-count{color:#28a745;font-weight:700}.partially-paid-count{color:#ffc107;font-weight:700}.verification-note{background-color:#d4edda;border:1px solid #c3e6cb;border-radius:5px;color:#155724;margin:15px 0;padding:12px}.verification-note p{font-weight:500;margin:5px 0}.outstanding-note{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:5px;color:#721c24;margin:15px 0;padding:12px}.outstanding-note p{font-weight:500;margin:5px 0}.remarks-signature{align-items:flex-start;display:flex;justify-content:space-between;margin-top:2rem}.remarks-signature .remarks{flex:1 1}.remarks-signature .remarks textarea{border:1px solid #ccc;border-radius:6px;height:80px;padding:10px;width:100%}.signature{font-weight:700;min-width:200px}.stamp-text{color:#666;font-size:12px;font-style:italic}.thank-you-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #b39eb5;border:2px solid var(--primary-color);border-radius:10px;margin:2rem 0;padding:20px;text-align:center}.thank-you-section h3{color:#b39eb5;color:var(--primary-color);font-size:18px;font-weight:700;margin-bottom:10px}.thank-you-section p{color:#666;font-size:14px;font-style:italic;margin:0}.receipt-actions{margin-top:1.5rem}.action-btn{background-color:#997a8d;background-color:var(--button-bg);border-radius:6px;color:#fff;font-weight:500;padding:10px 15px;transition:background-color .2s ease-in-out}.action-btn:hover{background-color:#9b778e;background-color:var(--button-hover-bg)}.action-btn:disabled{background-color:#ccc;cursor:not-allowed;opacity:.7}.action-btn.email-btn:disabled{background-color:#9b778e;color:#fff;cursor:wait;opacity:.8}.action-btn.email-btn:disabled:hover{background-color:#b39eb9;color:#000}.error-banner{align-items:center;background-color:#ffe6e6;background-color:var(--error-bg);border:1px solid red;border-radius:5px;color:#a00;margin-bottom:1rem;padding:10px}.error-banner,.success-banner{display:flex;justify-content:space-between}.success-banner{align-items:flex-start;background-color:#e8f5e8;border:1px solid #4caf50;border-radius:5px;color:#2e7d32;font-size:14px;line-height:1.5;margin-bottom:20px;padding:15px}.success-banner button{background-color:#4caf50;border:none;border-radius:3px;color:#fff;cursor:pointer;flex-shrink:0;margin-left:15px;padding:5px 10px}.modal-overlay{background-color:#0009}.change-request-modal{background-color:#fff;border-radius:8px;box-shadow:0 0 10px #0003;padding:20px;width:400px}.change-request-modal textarea{height:100px;margin-bottom:10px;margin-top:10px;width:100%}.modal-actions{display:flex;gap:10px;justify-content:flex-end}.side-view{background-color:#fff;border:1px solid #ddd;border-radius:10px;flex:1.2 1;max-height:90vh;overflow-y:auto;padding:15px}.side-view-title{color:#b39eb5;color:var(--primary-color);font-size:18px;font-weight:700;margin-bottom:10px}.side-view-item{border-bottom:1px solid #ccc;cursor:pointer;padding:10px;position:relative}.side-view-item.highlighted{background-color:#aa98a9;background-color:var(--primary-hover);color:#fff}.download-link{background-color:#997a8d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;padding:4px 8px;position:absolute;right:10px;top:12px}.download-link:hover{background-color:#b39eb9;color:#000}.loading-overlay{background-color:#fffc;font-size:20px;font-weight:700}@media print{body *{visibility:hidden}.receipt-container,.receipt-container *{visibility:visible}.receipt-container{left:0;position:absolute;top:0;width:100%}.address-text-header,.bill-header,.bill-info-header,.company-address-header,.company-details-row,.company-logo-container-header,.company-logo-header,.company-name-header,.contact-text-header,.gstin-text-header,.header-left-section{display:block!important;visibility:visible!important}.company-logo-container-header{flex-shrink:0!important}.company-logo-header{display:block!important;height:60px!important;visibility:visible!important;width:60px!important}.product-details-section,.product-input,.product-table,.product-table table,.product-table tbody,.product-table td,.product-table th,.product-table thead,.product-table tr{display:table!important;visibility:visible!important}.back-btn,.delete-btn,.download-link,.edit-btn,.receipt-actions,.request-btn,.toggle-btn{background-color:#997a8d;display:none!important}.amount-row,.amount-summary,.customer-details,.customer-selector,.detail-item,.remarks,.remarks-signature,.signature,.thank-you-section{display:block!important;visibility:visible!important}.customer-details{border:1px solid #333!important;margin:15px 0!important;padding:10px!important;page-break-inside:avoid!important}.detail-item{display:flex!important;justify-content:space-between!important;margin:5px 0!important}.detail-item label{color:#000!important;font-size:10px!important;width:30%!important}.detail-item input,.detail-item select{background:#fff!important;border:1px solid #333!important;color:#000!important;font-size:9px!important;padding:2px!important;width:65%!important}.remarks-signature{align-items:flex-start!important;display:flex!important;justify-content:space-between!important}.remarks{flex:1 1!important;margin-right:20px!important}.remarks label{font-weight:700!important;margin-bottom:5px!important}.remarks label,.remarks textarea{color:#000!important;display:block!important;visibility:visible!important}.remarks textarea{background:#fff!important;border:1px solid #333!important;font-size:10px!important;padding:5px!important;width:100%!important}.signature{margin-top:20px!important;visibility:visible!important}.stamp-text{color:#000!important;display:block!important;font-size:12px!important}.side-view{display:none}.thank-you-section{background:none!important;border:none!important}.customer-selector,.debit-note-selector,.email-receipt-banner,.full-payment-message{display:none!important}.customer-details{display:flex!important;flex-wrap:wrap!important;gap:20px!important;margin-bottom:30px!important}.customer-details .detail-item:not(.full-width):not(.customer-selector):not(.email-receipt-banner):not(.debit-note-selector){flex-basis:calc(50% - 10px);flex-grow:1;flex-shrink:1;margin-bottom:15px!important;min-width:200px!important}.customer-details .detail-item.customer-selector,.customer-details .detail-item.debit-note-selector,.customer-details .detail-item.email-receipt-banner,.customer-details .detail-item.full-width{flex:1 1 100%!important;margin-bottom:15px!important}.detail-item{margin-bottom:15px!important}.detail-item label{color:#333!important;display:block!important;font-size:14px!important;font-weight:700!important;margin-bottom:8px!important}.detail-item input{background-color:#fff!important;border:1px solid #ddd!important;border-radius:4px!important;font-size:14px!important;padding:12px!important;width:100%!important}.signature{break-inside:avoid!important;display:block!important;margin-bottom:20px!important;margin-top:40px!important;page-break-inside:avoid!important;text-align:right!important}.signature strong{color:#000!important;display:block!important;font-size:14px!important;margin-bottom:5px!important}.signature .stamp-text{color:#666!important;display:block!important;font-size:12px!important;font-style:italic!important;margin-top:10px!important}.bill-header{background:#fff!important;border:1px solid #333!important;border-radius:0!important;justify-content:space-between!important;margin-bottom:5px!important;padding:8px!important}.bill-header,.header-left-section{align-items:flex-start!important;display:flex!important}.header-left-section{flex:1 1!important;gap:10px!important}.company-logo-header{height:70px!important;object-fit:contain!important;padding:2px!important;width:70px!important}.company-address-header{display:flex!important;flex-direction:column!important;gap:2px!important;margin-left:3px!important;padding-left:0!important;visibility:visible!important}.company-name-header{color:#000!important;font-size:16px!important;font-weight:700!important;margin:0!important}.address-text-header,.contact-text-header,.gstin-text-header,.state-text-header{color:#000!important;font-size:7px!important;line-height:1.1!important;margin:0!important;padding:1px 0!important}.company-details-row{display:flex!important;flex-wrap:wrap!important;gap:15px!important;margin:1px 0!important}.mobile-number-left{margin-left:-8px!important}.bill-info-header{align-items:flex-end!important;display:flex!important;flex-direction:column!important;margin-right:15px!important;min-width:120px!important;text-align:right!important}.bill-info-header h2{color:#000!important;font-size:14px!important;font-weight:700!important;margin:0 0 5px!important}.bill-info-header .bill-number,.bill-info-header .date,.bill-info-header .reference{color:#000!important;font-size:9px!important;margin:1px 0!important}.bill-header h1{color:#000!important;font-size:24px!important;font-weight:700!important;margin:0 0 15px!important;text-transform:uppercase!important}.bill-header .receipt-info{color:#000!important;font-size:14px!important;margin:8px 0!important}.payment-receipt-title{margin:20px 0!important;text-align:center!important}.payment-receipt-title h1{color:#000!important;font-size:24px!important;font-weight:700!important;margin:0 0 15px!important;text-transform:uppercase!important}.payment-receipt-title .receipt-info{color:#000!important;font-size:14px!important;margin:8px 0!important}.product-details-section{border:1px solid #333!important;display:block!important;margin:15px 0!important;padding:10px!important;page-break-inside:avoid!important;visibility:visible!important}.product-details-section h3{color:#000!important;font-size:14px!important;margin-bottom:10px!important}.product-details-section h3,.product-table{display:block!important;visibility:visible!important}.product-table table{border-collapse:collapse!important;display:table!important;margin-bottom:10px!important;visibility:visible!important;width:100%!important}.product-table thead{display:table-header-group!important;visibility:visible!important}.product-table tbody{display:table-row-group!important;visibility:visible!important}.product-table tr{display:table-row!important;visibility:visible!important}.product-table td,.product-table th{border:1px solid #333!important;color:#000!important;display:table-cell!important;font-size:10px!important;padding:5px!important;visibility:visible!important}.product-table th{background-color:#f0f0f0!important;font-weight:700!important}.product-input,.product-table th{color:#000!important;text-align:center!important}.product-input{background:#0000!important;border:none!important;display:block!important;font-size:10px!important;padding:2px!important;visibility:visible!important;width:100%!important}.amount-summary{background-color:#f9f9f9!important;border:2px solid #333!important;border-radius:4px!important;display:block!important;margin:10px 0 10px auto!important;padding:10px!important;page-break-inside:avoid!important;width:250px!important}.amount-row{border-bottom:1px solid #ccc!important;font-size:10px!important;padding:4px 0!important}.amount-row:last-child{border-bottom:none!important}.amount-row.balance,.amount-row.total-paid{background-color:#f0f0f0!important;border-radius:2px!important;font-size:11px!important;margin:4px 0!important;padding:6px!important}.paid-amount-input{background-color:#fff!important;border:1px solid #333!important;font-size:10px!important;padding:3px!important;width:60px!important}.add-product-btn,.product-actions,.receipt-action-btn,.receipt-actions,.receipt-options,.remove-product-btn{display:none!important}.receipt-cancelled-watermark,.receipt-watermark{display:none!important;opacity:0!important;visibility:hidden!important}@media print{.header-left{display:none!important}.header-left strong{color:#000!important;font-size:16px!important}}}.detail-item{margin-bottom:15px}.detail-item label{color:#333;display:block;font-size:14px;font-weight:700;margin-bottom:8px}.detail-item input{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:14px;padding:10px;width:100%}.detail-item input:focus{border-color:#997a8d;box-shadow:0 0 5px #997a8d4d;outline:none}.detail-item input[readonly]{background-color:#f5f5f5;color:#666;cursor:not-allowed}.product-details-section{background-color:#fff;border:1px solid #ddd;border-radius:8px;margin:20px 0;padding:20px}.product-details-section h3{color:#b39eb5;color:var(--primary-color);font-size:18px;font-weight:700;margin-bottom:15px}.product-table table{border-collapse:collapse;margin-bottom:15px;width:100%}.product-table td,.product-table th{border:1px solid #ddd;padding:10px;text-align:left}.product-table th{font-weight:700;text-align:center}.product-input{border:1px solid #ccc;border-radius:4px;font-size:14px;padding:8px;width:100%}.product-input[placeholder*="product name"]{max-width:200px}.quantity-input{max-width:80px;text-align:center}.rate-input{max-width:100px;text-align:center}.amount-input{background-color:#f5f5f5;font-weight:700;max-width:120px;text-align:right}.product-input:focus{border-color:#b39eb5;border-color:var(--primary-color);box-shadow:0 0 0 2px #b39eb533;outline:none}.remove-product-btn{align-items:center;background-color:#f44;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:25px;justify-content:center;width:25px}.remove-product-btn:hover{background-color:#c33}.product-actions{margin-top:10px;text-align:left}.add-product-btn{background-color:#b39eb5;background-color:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:10px 20px}.add-product-btn:hover{background-color:#aa98a9;background-color:var(--primary-hover)}.amount-summary{background-color:#f8f9fa;border:2px solid #b39eb5;border:2px solid var(--primary-color);border-radius:8px;display:block;margin:15px 0 15px auto;padding:15px;width:350px}.amount-row{align-items:center;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;padding:8px 0}.amount-row:last-child{border-bottom:none}.amount-row label{color:#333;font-size:14px;font-weight:700}.amount-row span{color:#b39eb5;color:var(--primary-color);font-size:16px;font-weight:700}.amount-row.total-paid{background-color:#e3f2fd;border:1px solid #bbdefb;border-radius:4px;margin:8px 0;padding:12px}.paid-amount-input{background-color:#fff;border:2px solid #b39eb5;border:2px solid var(--primary-color);border-radius:4px;font-size:16px;font-weight:700;padding:10px;text-align:right;width:120px}.paid-amount-input:focus{border-color:#aa98a9;border-color:var(--primary-hover);box-shadow:0 0 0 3px #b39eb54d;outline:none}.amount-row.balance{background-color:#fff3cd;border:2px solid #ffeaa7;border-radius:6px;font-size:18px;font-weight:700;margin-top:10px;padding:12px}.balance-zero{color:#28a745;font-weight:700}.balance-pending{color:#dc3545;font-weight:700}.receipt-actions{background-color:#f8f9fa;border:1px solid #ddd;border-radius:8px;display:flex;flex-wrap:wrap;gap:10px;margin:20px 0;padding:15px}.receipt-action-btn{background-color:#9b778e;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;min-width:100px;padding:10px 20px;text-align:center;transition:all .3s ease}.receipt-action-btn:hover{background-color:#b39eb5;box-shadow:0 4px 8px #0003;color:#fff;transform:translateY(-2px)}.receipt-action-btn:active{box-shadow:0 2px 4px #0003;transform:translateY(0)}.receipt-action-btn:disabled{background-color:#ccc;color:#666;cursor:not-allowed;opacity:.6}.receipt-action-btn:disabled:hover{background-color:#b39eb5;box-shadow:none;transform:none}.receipt-watermark{background-position:50%;background-repeat:no-repeat;background-size:contain;left:50%;opacity:.2;pointer-events:none;position:fixed;top:50%;transform:translate(-50%,-50%) rotate(0deg);z-index:10}.receipt-watermark,.receipt-watermark img{height:400px;width:400px}.receipt-cancelled-watermark{left:50%;opacity:.5;pointer-events:none;position:fixed;top:50%;transform:translate(-50%,-50%) rotate(0deg);z-index:10}.receipt-cancelled-watermark img{height:400px;width:400px}.receipt-options{background-color:#f8f9fa;border:1px solid #ddd;border-radius:8px;display:flex;gap:20px;margin:15px 0;padding:15px}.checkbox-label{color:#333;font-size:14px;font-weight:600}.cancel-checkbox{accent-color:#dc3545;cursor:pointer;height:18px;width:18px}.cancel-checkbox:checked+span{color:#dc3545;font-weight:700}.signature{border-top:1px solid #ddd;margin-bottom:20px;margin-top:30px;padding:15px;text-align:right}.signature strong{color:#333;display:block;font-size:14px;margin-bottom:5px}.signature .stamp-text{color:#666;display:block;font-size:12px;font-style:italic;margin-top:10px}.login-container{align-items:center;background:linear-gradient(135deg,#b39eb9,#764ba2);box-sizing:border-box;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;min-height:100vh;padding:8px}.login-box{background-color:#fff;border-radius:6px;box-shadow:0 4px 15px #0000000f;box-sizing:border-box;max-width:320px;padding:.8rem;transition:all .3s ease;width:100%}.login-header{margin-bottom:.8rem;padding-left:20px;text-align:center}.logo{margin:0 auto .4rem}.login-form{display:flex;flex-direction:column}.form-group{margin-bottom:.6rem}.form-group label{margin-bottom:.3rem}.form-group input,.form-group select{border:1px solid #ddd;border-radius:5px;padding:5px 8px}.form-group input:focus,.form-group select:focus{background-color:#fff;border-color:#764ba2;box-shadow:0 0 0 2px #b76e7933}.form-group input:disabled,.form-group select:disabled{background-color:#f7f7f7;cursor:not-allowed;opacity:.7}.form-group select{appearance:none;-webkit-appearance:none;-moz-appearance:none;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='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;min-height:44px;padding-right:35px}.login-role-select{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;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='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;background-position:right 10px center!important;background-repeat:no-repeat!important;background-size:16px!important;cursor:pointer!important;min-height:44px!important;padding-right:35px!important}.form-group select option{align-items:center;background-color:#fff;color:#333;display:flex;font-size:.9rem;line-height:1.4;max-width:150px;min-height:44px;padding:8px 12px;width:150px}@media (max-width:768px){.form-group select{font-size:16px;max-width:500px;min-height:48px}.form-group select option{font-size:16px;max-width:80px;min-height:48px;padding:8px 6px;width:80px}.login-role-select{font-size:16px!important;min-height:48px!important}.form-group .login-role-select option,.login-role-select option{font-size:16px!important;max-width:80px!important;padding:8px 6px!important;width:80px!important}.login-role-select option{display:block!important;min-height:48px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}select.login-role-select option{box-sizing:border-box!important;font-size:16px!important;max-width:80px!important;padding:8px 6px!important;width:80px!important}}.password-input input{padding-right:45px}.login-password-toggle{align-items:center;background:none;border:none;border-radius:4px;color:#555;cursor:pointer;display:flex;font-size:1rem;height:24px;justify-content:center;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:all .2s ease;width:24px;z-index:10}.login-password-toggle:hover{background:#0000000d;color:#2c3e50}.login-btn{align-items:center;background:linear-gradient(135deg,#b39eb9,#764ba2);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:4px;justify-content:center;margin-top:.2rem;min-height:32px;overflow:hidden;padding:.3rem .4rem;position:relative;text-align:center;transition:all .2s ease;width:100%}.login-btn.loading{cursor:not-allowed;min-height:28px;opacity:.7;padding:.25rem .35rem}.google-btn{border-radius:4px;font-size:.8rem;margin-top:.2rem;padding:.5rem;transition:all .2s ease}.google-btn:hover{background-color:#b39eb9}.divider{margin:1rem 0}.login-links{color:#718096;font-size:.75rem;margin-top:.6rem;text-align:center}.login-links a{color:#333;font-weight:500;text-decoration:none;transition:color .2s ease}.login-links a:hover{color:#997a8d;text-decoration:underline}.success-message{background-color:#f0fff4;color:#38a169;margin-bottom:1rem;padding:.75rem}.error-message{background-color:#fff5f5;color:#e53e3e;padding:.75rem}@keyframes fly{0%{opacity:0;transform:translate(-50%,50%) scale(.5) rotate(-10deg)}50%{opacity:1;transform:translate(-50%,-10%) scale(1.1) rotate(10deg)}to{opacity:0;transform:translate(-50%,-100%) scale(.7) rotate(-10deg)}}.butterfly-gif-animation{animation:fly 1.5s linear;pointer-events:none}@media (max-width:1024px){.login-container{min-height:100vh;padding:8px}.login-box{max-width:400px;padding:1rem}.login-header{padding-left:15px}.logo{height:50px;width:50px}}@media (max-width:768px){.login-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:6px}.login-box{margin:0 auto;max-width:350px;padding:.6rem;width:90%}.login-header{margin-bottom:1rem;padding-left:10px}.logo{height:45px;width:45px}.form-group{margin-bottom:.8rem}.form-group label{font-size:.85rem;margin-bottom:.4rem}.form-group input,.form-group select{font-size:.85rem;padding:8px 10px}.form-group select{background-position:right 8px center;background-size:14px;padding-right:30px}.form-group select option{font-size:.9rem;line-height:1.3;min-height:40px;padding:10px 12px}.google-btn,.login-btn{font-size:.85rem;min-height:28px;padding:.3rem .5rem}.login-btn.loading{min-height:24px;padding:.25rem .4rem}.login-links{font-size:.8rem}}@media (max-width:480px){.login-container{min-height:100vh;padding:4px}.login-box{border-radius:8px;max-width:320px;padding:.5rem;width:85%}.login-header{margin-bottom:.8rem;padding-left:5px}.logo{height:40px;width:40px}.form-group{margin-bottom:.6rem}.form-group label{font-size:.8rem;margin-bottom:.3rem}.form-group input,.form-group select{background-position:right 6px center;background-size:12px;border-radius:6px;font-size:.8rem;padding:6px 28px 6px 8px}.form-group select option{font-size:.85rem;line-height:1.2;max-width:60px;min-height:36px;padding:4px 6px;width:60px}.login-role-select option{font-size:.85rem!important;line-height:1.2!important;max-width:60px!important;min-height:36px!important;padding:4px 6px!important;width:60px!important}.password-input input{padding-right:40px}.login-password-toggle{font-size:.9rem;height:20px;right:8px;width:20px}.google-btn,.login-btn{border-radius:6px;font-size:.8rem;min-height:26px;padding:.25rem .4rem}.login-btn.loading{min-height:22px;padding:.2rem .35rem}.divider{margin:.8rem 0}.login-links{font-size:.75rem;margin-top:.8rem}}@media (max-width:360px){.login-container{min-height:100vh;padding:2px}.login-box{border-radius:6px;max-width:280px;padding:.4rem;width:80%}.login-header{margin-bottom:.6rem;padding-left:0}.logo{height:35px;width:35px}.form-group{margin-bottom:.5rem}.form-group label{font-size:.75rem;margin-bottom:.2rem}.form-group input,.form-group select{background-position:right 5px center;background-size:10px;border-radius:4px;font-size:.75rem;padding:5px 25px 5px 6px}.form-group select option{font-size:.8rem;line-height:1.1;max-width:50px;min-height:32px;padding:4px 6px;width:50px}.login-role-select option{font-size:.8rem!important;line-height:1.1!important;max-width:50px!important;min-height:32px!important;padding:4px 6px!important;width:50px!important}.password-input input{padding-right:35px}.login-password-toggle{font-size:.8rem;height:18px;right:6px;width:18px}.google-btn,.login-btn{border-radius:4px;font-size:.75rem;min-height:24px;padding:.2rem .35rem}.login-btn.loading{min-height:20px;padding:.15rem .3rem}.divider{font-size:.8rem;margin:.6rem 0}.login-links{font-size:.7rem;margin-top:.6rem}.error-message,.success-message{font-size:.75rem;padding:.6rem}}@media (max-width:320px){.login-container{padding:1px}.login-box{margin:0;max-width:250px;padding:.3rem;width:75%}.logo{height:30px;width:30px}.form-group input,.form-group select{background-position:right 4px center;background-size:8px;font-size:.7rem;padding:4px 22px 4px 5px}.form-group select option{font-size:.75rem;line-height:1;max-width:40px;min-height:28px;padding:3px 4px;width:40px}.login-role-select option{font-size:.75rem!important;line-height:1!important;max-width:40px!important;min-height:28px!important;padding:3px 4px!important;width:40px!important}.google-btn,.login-btn{font-size:.7rem;min-height:22px;padding:.15rem .3rem}.login-btn.loading{min-height:18px;padding:.1rem .25rem}}.mainpage-header-container{align-items:center;background:linear-gradient(135deg,#b39eb9,#764ba2);display:flex;inset-block-start:0;justify-content:space-between;padding:1rem 2rem;position:-webkit-sticky;position:sticky;z-index:1000}.mainpage-logo-title-container{align-items:center;display:flex;gap:1rem;justify-content:center}.mainpage-logo-container{display:inline-block;position:relative}.mainpage-logo-fallback-text{align-items:center;background-color:#fff;border:2px solid #764ba2;border-radius:8px;color:#764ba2;display:flex;font-size:24px;font-weight:700;height:50px;justify-content:center;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:50px;z-index:5}.mainpage-header-logo{box-sizing:border-box;display:block;height:50px;max-height:50px;max-width:50px;min-height:50px;min-width:50px;object-fit:contain;opacity:1!important;padding:4px;visibility:visible!important;width:50px;z-index:10}.mainpage-header-title{color:#fff;font-size:1.8rem;font-weight:700;letter-spacing:1px;line-height:1.2;margin:0;text-transform:uppercase}.mainpage-auth-buttons{display:flex;gap:1rem}.mainpage-auth-button{background-color:#fff;border:2px solid #0000;border-radius:4px;color:#000;font-size:1rem;font-weight:600;padding:.5rem 1.5rem;text-decoration:none;transition:all .3s ease}.mainpage-auth-button:hover{background-color:#80659b;box-shadow:0 4px 8px #0003;color:#fff;transform:translateY(-2px)}.mainpage-auth-button:active{transform:translateY(0)}.mainpage-mobile-menu-button{background:none;border:none;border-radius:4px;cursor:pointer;display:none;flex-direction:column;padding:.5rem;transition:background-color .3s ease;width:-webkit-fit-content;width:fit-content}.mainpage-mobile-menu-button:hover{background-color:#ffffff1a}.mainpage-hamburger-line{background-color:#fff;border-radius:2px;height:3px;margin:3px 0;transition:.3s ease;width:25px}.mainpage-mobile-menu-button[aria-expanded=true] .mainpage-hamburger-line:first-child{transform:rotate(-45deg) translate(-6px,6px)}.mainpage-mobile-menu-button[aria-expanded=true] .mainpage-hamburger-line:nth-child(2){opacity:0}.mainpage-mobile-menu-button[aria-expanded=true] .mainpage-hamburger-line:nth-child(3){transform:rotate(45deg) translate(-6px,-6px)}.mainpage-auth-button:focus,.mainpage-mobile-menu-button:focus{outline:2px solid #fff;outline-offset:2px}.mainpage-auth-button:focus:not(:focus-visible){outline:none}.mainpage-mobile-menu-button:focus:not(:focus-visible){outline:none}#google_translate_element{-webkit-margin-before:5px;background-color:#f5f5f5;float:inline-end;margin-block-start:5px}@media (max-width:1024px){.mainpage-header-container{padding:.875rem 1.5rem}.mainpage-header-title{font-size:1.5rem}.mainpage-auth-button{font-size:.95rem;padding:.5rem 1.2rem}}@media (max-width:768px){.mainpage-header-container{flex-wrap:wrap;gap:.5rem;overflow:visible;padding:.75rem 1rem;position:relative}.mainpage-mobile-menu-button{display:flex;margin-left:auto;order:3}.mainpage-auth-buttons{background-color:#b39eb5;background-color:var(--rose-gold-primary);border-radius:0 0 8px 8px;box-shadow:0 4px 8px #0000001a;box-sizing:border-box;display:none;flex-direction:column;gap:.5rem;left:0;max-width:100vw;padding:1rem;position:absolute;right:0;top:100%;width:100%;z-index:999}.mainpage-auth-buttons.mainpage-mobile-open{animation:slideDown .3s ease-out;display:flex}.mainpage-logo-title-container{align-items:center;flex:1 1;gap:.5rem;justify-content:flex-start;min-width:0}.mainpage-header-logo{background-color:#fff;border:2px solid #fffc;border-radius:50%;box-sizing:border-box;display:block;filter:contrast(1.2) brightness(1.1);height:35px;max-height:35px;max-width:35px;min-height:35px;min-width:35px;object-fit:contain;opacity:1!important;padding:3px;visibility:visible!important;width:35px;z-index:10}.mainpage-header-title{font-size:1.2rem;line-height:1.2;max-width:200px;white-space:normal}.mainpage-auth-button{background-color:#fff;border-radius:6px;margin:0;padding:.75rem;text-align:center;width:100%}.mainpage-auth-button:hover{background-color:#997a8d;background-color:var(--rose-gold-accent);color:#fff;transform:none}}@media (max-width:480px){.mainpage-header-container{box-sizing:border-box;overflow:visible;padding:.5rem .75rem;width:100%}.mainpage-logo-title-container{align-items:center;flex:1 1;gap:.4rem;justify-content:flex-start}.mainpage-header-title{font-size:1rem;letter-spacing:.5px;line-height:1.2;max-width:150px;white-space:normal}.mainpage-header-logo{background-color:#fff;border:2px solid #fffc;border-radius:50%;box-sizing:border-box;display:block;filter:contrast(1.2) brightness(1.1);height:30px;max-height:30px;max-width:30px;min-height:30px;min-width:30px;object-fit:contain;opacity:1!important;padding:2px;visibility:visible!important;width:30px;z-index:10}.mainpage-auth-button{box-sizing:border-box;font-size:.85rem;margin:0;padding:.6rem 1rem;width:100%}.mainpage-mobile-menu-button{padding:.3rem}.mainpage-hamburger-line{height:2px;margin:2px 0;width:18px}.mainpage-auth-buttons{box-sizing:border-box;padding:.75rem}}@media (max-width:768px){.mainpage-header-container:after{background:#0000;bottom:0;content:"";display:none;left:0;position:fixed;right:0;top:0;z-index:-1}.mainpage-header-container:has(.mainpage-auth-buttons.mainpage-mobile-open):after{display:block}}@media print{.mainpage-header-container{background:#fff!important;box-shadow:none;color:#000!important;position:static}.mainpage-header-title{color:#000!important}.mainpage-auth-buttons,.mainpage-mobile-menu-button{display:none!important}}.seo-breadcrumb{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;font-size:.875rem;margin-bottom:1rem;padding:.75rem 1rem}.breadcrumb-list{flex-wrap:wrap;gap:.25rem;list-style:none;margin:0;padding:0}.breadcrumb-item,.breadcrumb-list{align-items:center;display:flex}.breadcrumb-link{color:#764ba2;color:var(--rose-gold-accent,#764ba2);text-decoration:none;transition:color .3s ease}.breadcrumb-link:hover{color:#764ba2;color:var(--rose-gold-primary,#764ba2);text-decoration:underline}.breadcrumb-link:focus{border-radius:2px;outline:2px solid #764ba2;outline:2px solid var(--rose-gold-accent,#764ba2);outline-offset:2px}.breadcrumb-separator{color:#6c757d;font-weight:400;margin:0 .5rem}.breadcrumb-current{color:#495057;font-weight:600}@media (max-width:768px){.seo-breadcrumb{font-size:.8rem;margin:0 .5rem .5rem;padding:.5rem .75rem}.breadcrumb-separator{margin:0 .25rem}.breadcrumb-list{gap:.2rem}}@media (max-width:480px){.seo-breadcrumb{font-size:.75rem;margin:0 .25rem .25rem;padding:.4rem .5rem}.breadcrumb-list{gap:.15rem}.breadcrumb-separator{margin:0 .2rem}.breadcrumb-list{align-items:flex-start;flex-direction:column;gap:.125rem}.breadcrumb-item{width:100%}.breadcrumb-separator{display:none}.breadcrumb-item:not(:last-child):after{color:#6c757d;content:"↓";font-size:.75rem;margin-left:.5rem}}@media print{.seo-breadcrumb{background:#fff;border:1px solid #ddd;color:#000}.breadcrumb-link{text-decoration:none!important}.breadcrumb-current,.breadcrumb-link,.breadcrumb-separator{color:#000!important}}@media (prefers-color-scheme:dark){.seo-breadcrumb{background-color:#2d3748;border-color:#4a5568;color:#e2e8f0}.breadcrumb-link{color:#cbd5e0}.breadcrumb-link:hover{color:#f7fafc}.breadcrumb-separator{color:#a0aec0}.breadcrumb-current{color:#f7fafc}}.breadcrumb-link:focus:not(:focus-visible){outline:none}.seo-breadcrumb{animation:fadeInUp .3s ease-out}:root{--rose-gold-light:#e8dde8;--rose-gold-dark:#8a7a8a;--white:#fff;--light-gray:#f8f9fa;--medium-gray:#6c757d;--dark-gray:#343a40;--success:#28a745;--warning:#ffc107;--danger:#dc3545;--info:#17a2b8;--gradient-primary:linear-gradient(135deg,#b39eb5,#764ba2);--gradient-secondary:linear-gradient(135deg,#e8dde8,#f8f9fa);--gradient-hero:linear-gradient(135deg,#fff,#f8f9fa 50%,#e8dde8);--shadow-light:0 2px 10px #b39eb51a;--shadow-medium:0 4px 20px #b39eb526;--shadow-heavy:0 8px 30px #b39eb533;--border-radius-large:20px;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--white);color:#343a40;color:var(--dark-gray);font-family:var(--font-primary);overflow-x:hidden;text-rendering:optimizeLegibility}.home-container{display:flex;flex-direction:column;min-height:100vh}.homemain-content{flex:1 1;width:100%}.homehero-section{background:linear-gradient(135deg,#fff,#f8f9fa 50%,#e8dde8);background:var(--gradient-hero);overflow:hidden;padding:6rem 2rem 4rem;position:relative;text-align:center}.hero-content{margin:0 auto;max-width:1200px;position:relative;z-index:1}.hero-text h1{color:#343a40;color:var(--dark-gray);font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.2;margin-bottom:1rem}.brand-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#b39eb5,#764ba2);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text}.hero-subtitle{font-size:clamp(1.2rem,2.5vw,1.6rem);font-weight:500;margin-bottom:1rem}.hero-description,.hero-subtitle{color:#6c757d;color:var(--medium-gray)}.hero-description{font-size:1.1rem;line-height:1.6;margin:0 auto 3rem;max-width:600px}.homecta-buttons{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-bottom:3rem}.homecta-button{border-radius:12px;border-radius:var(--border-radius);box-shadow:0 2px 10px #b39eb51a;box-shadow:var(--shadow-light);display:inline-block;font-size:1.1rem;font-weight:600;padding:1rem 2rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.homecta-button.primary{background:linear-gradient(135deg,#b39eb9,#764ba2);color:#fff;color:var(--white)}.homecta-button.secondary{background:#fff;background:var(--white);border:2px solid #b39eb5;border:2px solid var(--rose-gold-primary);color:#b39eb5;color:var(--rose-gold-primary)}.homecta-button:hover{box-shadow:0 8px 30px #b39eb533;box-shadow:var(--shadow-heavy);color:#000;transform:translateY(-2px)}.trust-badges{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.trust-badge{align-items:center;color:#6c757d;color:var(--medium-gray);display:flex;font-size:.9rem;gap:.5rem}.stats-section{background:#fff;background:var(--white);padding:4rem 2rem}.stats-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1200px}.stat-card{background:linear-gradient(135deg,#e8dde8,#f8f9fa);background:var(--gradient-secondary);border-radius:20px;border-radius:var(--border-radius-large);box-shadow:0 2px 10px #b39eb51a;box-shadow:var(--shadow-light);padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.stat-icon{color:#764ba2;margin-bottom:1rem}.stat-number{color:#343a40;color:var(--dark-gray);font-size:3rem;font-weight:800}.stat-label{color:var(--medium-gray);font-size:1.1rem;margin-top:.5rem}.homefeatures-section{background:#e8dde8;background:var(--rose-gold-light);padding:4rem 2rem}.section-header{margin-bottom:2.5rem;text-align:center}.section-header h2{color:#764ba2;font-size:2.2rem;font-weight:700;margin-bottom:.5rem}.section-header p{color:#6c757d;color:var(--medium-gray);font-size:1.1rem}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin:0 auto;max-width:1200px}.homefeature-card{background:#fff;background:var(--white);border:1px solid #e8dde8;border:1px solid var(--rose-gold-light);border-radius:20px;border-radius:var(--border-radius-large);box-shadow:0 2px 10px #b39eb51a;box-shadow:var(--shadow-light);padding:2rem 1.5rem;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.homefeature-card.enhanced:hover{box-shadow:0 8px 30px #b39eb533;box-shadow:var(--shadow-heavy);transform:translateY(-4px) scale(1.02)}.feature-icon{color:#764ba2;margin-bottom:1rem}.feature-description{color:#6c757d;color:var(--medium-gray);font-size:1rem;margin-bottom:1rem}.feature-benefits{list-style:none;margin:0;padding:0}.feature-benefits li{align-items:center;color:#997a8d;color:var(--rose-gold-accent);display:flex;font-size:.98rem;gap:.5rem;margin-bottom:.5rem}.testimonials-section{background:#fff;background:var(--white);padding:4rem 2rem}.testimonials-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1200px}.testimonial-card{background:#e8dde8;background:var(--rose-gold-light);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 2px 10px #b39eb51a;box-shadow:var(--shadow-light);padding:2rem 1.5rem;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.testimonial-rating{color:#b39eb5;color:var(--rose-gold-primary);margin-bottom:.5rem}.testimonial-content{color:#6c757d;color:var(--medium-gray);font-style:italic;margin-bottom:1rem}.testimonial-author{color:#997a8d;color:var(--rose-gold-accent);display:flex;flex-direction:column;font-size:1rem;font-weight:600;gap:.2rem}.cta-section{background:linear-gradient(135deg,#b39eb9,#764ba2);color:#fff;color:var(--white);padding:4rem 2rem 3rem;text-align:center}.cta-content h2{font-size:2rem;font-weight:700;margin-bottom:.5rem}.cta-content p{font-size:1.1rem;margin-bottom:2rem}.cta-buttons-bottom{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.cta-button-large{border-radius:12px;border-radius:var(--border-radius);box-shadow:0 2px 10px #b39eb51a;box-shadow:var(--shadow-light);display:inline-block;font-size:1.15rem;font-weight:700;padding:1rem 2.5rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.cta-button-large.primary{background:#fff;background:var(--white);color:#b39eb5;color:var(--rose-gold-primary)}.cta-button-large.secondary{background:#0000;border:2px solid #fff;border:2px solid var(--white);color:#fff;color:var(--white)}.cta-button-large:hover{box-shadow:0 8px 30px #b39eb533;box-shadow:var(--shadow-heavy);transform:translateY(-2px)}.about-wyenfos-section{background:#e8dde8;background:var(--rose-gold-light);color:#343a40;color:var(--dark-gray);padding:3rem 2rem 2rem;text-align:center}.about-wyenfos-container{margin:0 auto;max-width:700px}.about-wyenfos-title{color:#997a8d;color:var(--rose-gold-accent);font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.about-wyenfos-description{color:#6c757d;color:var(--medium-gray);font-size:1rem;line-height:1.6;margin-bottom:1.5rem;text-align:center}.about-wyenfos-contact{align-items:center;display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem;padding:0 1rem}.about-contact-item{word-wrap:break-word;border-bottom:1px solid #997a8d33;color:#997a8d;color:var(--rose-gold-accent);font-size:.98rem;line-height:1.6;max-width:100%;padding:.5rem 0;text-align:center;width:100%}@media (max-width:1024px){.features-grid,.stats-container{gap:1.5rem}.features-grid,.stats-container,.testimonials-grid{grid-template-columns:repeat(2,1fr)}.section-header h2{font-size:2rem}.stat-number{font-size:2.5rem}}@media (max-width:768px){.homehero-section{padding:4rem 1rem 3rem}.hero-text h1{font-size:2.2rem}.hero-subtitle{font-size:1.1rem}.hero-description{font-size:1rem}.homecta-buttons{align-items:center;flex-direction:column;gap:1rem}.homecta-button{font-size:1rem;max-width:320px;padding:.9rem 1.8rem;width:100%}.stats-container{gap:1.5rem;grid-template-columns:1fr;padding:0 1rem}.stat-card{padding:1.5rem}.stat-number{font-size:2.5rem}.trust-badges{flex-direction:row;flex-wrap:wrap;gap:1rem;justify-content:center}.trust-badge{font-size:.85rem}.features-grid{gap:1.5rem;grid-template-columns:1fr;padding:0 1rem}.homefeature-card{padding:1.8rem 1.3rem}.testimonials-grid{gap:1.5rem;grid-template-columns:1fr;padding:0 1rem}.testimonial-card{padding:1.8rem 1.3rem}.cta-section{padding:3rem 1rem}.cta-content h2{font-size:1.8rem}.cta-buttons-bottom{align-items:center;flex-direction:column;gap:1rem}.cta-button-large{max-width:320px;padding:.9rem 2rem;text-align:center;width:100%}.about-wyenfos-section{padding:2rem 1rem}.about-wyenfos-container{padding:0 .5rem}.about-wyenfos-title{font-size:1.4rem;margin-bottom:1.2rem}.about-wyenfos-description{font-size:.95rem;margin-bottom:1.2rem}.about-wyenfos-contact{gap:1rem;margin-top:1.5rem;padding:0 .5rem}.about-contact-item{font-size:.9rem;line-height:1.4;padding:.4rem 0}.section-header h2{font-size:1.8rem}.section-header p{font-size:1rem}}@media (max-width:480px){.homehero-section{padding:3rem .75rem 2rem}.hero-text h1{font-size:1.8rem;line-height:1.3}.hero-subtitle{font-size:.95rem}.hero-description{font-size:.9rem;margin-bottom:2rem}.homecta-buttons{gap:.8rem}.homecta-button{font-size:.95rem;max-width:100%;padding:.85rem 1.5rem}.trust-badges{flex-direction:column;gap:.6rem}.trust-badge{font-size:.8rem}.stats-container{gap:1rem;padding:0 .5rem}.stat-card{padding:1.2rem}.stat-icon{height:28px;width:28px}.stat-number{font-size:2rem}.stat-label{font-size:.95rem}.homefeatures-section,.testimonials-section{padding:3rem .75rem}.section-header h2{font-size:1.5rem}.section-header p{font-size:.9rem}.features-grid{gap:1.2rem;padding:0 .5rem}.homefeature-card{padding:1.5rem 1rem}.homefeature-card h3{font-size:1.1rem}.feature-description{font-size:.9rem}.feature-benefits li{font-size:.85rem}.testimonials-grid{gap:1.2rem;grid-template-columns:1fr;padding:0 .5rem}.testimonial-card{padding:1.5rem 1rem}.testimonial-content{font-size:.9rem}.cta-section{padding:2.5rem .75rem}.cta-content h2{font-size:1.4rem;margin-bottom:.8rem}.cta-content p{font-size:.95rem;margin-bottom:1.5rem}.cta-button-large{font-size:.95rem;max-width:100%;padding:.85rem 1.5rem}.about-wyenfos-section{padding:2rem .75rem}.about-wyenfos-title{font-size:1.2rem;margin-bottom:1rem}.about-wyenfos-description{font-size:.85rem;line-height:1.5;margin-bottom:1rem}.about-wyenfos-contact{gap:.8rem;margin-top:1.2rem;padding:0 .25rem}.about-contact-item{font-size:.8rem;line-height:1.4;padding:.5rem 0}}@media (max-width:375px){.hero-text h1{font-size:1.6rem}.hero-subtitle{font-size:.9rem}.hero-description{font-size:.85rem}.homecta-button{font-size:.9rem;padding:.75rem 1.2rem}.stat-number{font-size:1.8rem}.stat-label{font-size:.9rem}.section-header h2{font-size:1.3rem}.homefeature-card h3{font-size:1rem}.cta-content h2{font-size:1.3rem}.cta-button-large{font-size:.9rem;padding:.75rem 1.2rem}}.register-container{align-items:center;background:linear-gradient(135deg,#b39eb9,#764ba2);box-sizing:border-box;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;min-height:100vh;padding:8px}.register-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:8px;box-shadow:0 8px 20px #0000000f;box-sizing:border-box;max-width:380px;overflow:hidden;padding:1rem;position:relative;width:100%}.register-header{color:#2d3748;font-size:1.5rem;font-weight:700;margin-bottom:15px;padding-left:20px;position:relative;text-align:center}.logo{display:block;height:45px;margin:0 auto .5rem;object-fit:contain;width:45px}.register-form{display:flex;flex-direction:column}.form-group{margin-bottom:12px}.form-group label{color:#4a5568;transition:color .3s ease}.form-group input,.form-group select{background:#f8fafc;border:2px solid #e2e8f0;color:#2d3748;font-size:.8rem;padding:6px 10px}.form-group input:focus,.form-group select:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;transform:translateY(-2px)}.password-input{align-items:center;display:flex;position:relative}.password-input input{box-sizing:border-box;padding-right:50px}.password-toggle{align-items:center;border-radius:50%;display:flex;height:24px;justify-content:center;padding:5px;right:15px;top:50%;transition:color .3s ease;width:24px;z-index:10}.password-toggle:hover{background:#667eea1a}.register-btn{background:linear-gradient(135deg,#b39eb9,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;margin-top:6px;overflow:hidden;padding:8px;position:relative;transition:all .3s ease;width:100%}.register-btn.loading{cursor:not-allowed;opacity:.7}.google-btn{align-items:center;background:#fff;border:1px solid #ddd;border-radius:6px;color:#333;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:4px;justify-content:center;margin-top:6px;padding:8px;transition:all .3s ease;width:100%}.google-btn:disabled{cursor:not-allowed;opacity:.7}.divider{color:#aaa;margin:.8rem 0;position:relative;text-align:center}.divider span{background:#fff;padding:0 1rem;position:relative;z-index:1}.register-links{color:#718096;font-size:.8rem;margin-top:12px;text-align:center}.login-link{color:#667eea;font-weight:600;position:relative;text-decoration:none;transition:color .3s ease}.login-link:hover{color:#764ba2}.success-message{animation:slideIn .3s ease;border-radius:8px;padding:12px 16px}.error-message{animation:slideIn .3s ease;font-size:.9rem;margin:8px 0}@media (max-width:1024px){.register-container{min-height:100vh;padding:8px}.register-box{max-width:450px;padding:1.2rem}.register-header{font-size:1.6rem;padding-left:15px}.logo{height:50px;width:50px}.form-group{margin-bottom:14px}.form-group label{font-size:.85rem}.form-group input,.form-group select{font-size:.85rem;padding:7px 10px}}@media (max-width:768px){.register-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:6px}.register-box{margin:0 auto;max-width:400px;padding:.6rem;width:90%}.register-header{font-size:1.4rem;margin-bottom:12px;padding-left:10px}.logo{height:40px;width:40px}.form-group{margin-bottom:8px}.form-group label{font-size:.8rem;margin-bottom:3px}.form-group input,.form-group select{font-size:.8rem;padding:5px 8px}.google-btn,.register-btn{font-size:.8rem;padding:6px}.register-links{font-size:.8rem;margin-top:10px}}@media (max-width:480px){.register-container{min-height:100vh;padding:4px}.register-box{border-radius:8px;max-width:350px;padding:.4rem;width:85%}.register-header{font-size:1.3rem;margin-bottom:10px;padding-left:5px}.logo{height:35px;width:35px}.form-group{margin-bottom:8px}.form-group label{font-size:.75rem;margin-bottom:3px}.form-group input,.form-group select{border-radius:6px;font-size:.75rem;padding:4px 6px}.password-input input{padding-right:35px}.password-toggle{font-size:.8rem;height:18px;right:6px;width:18px}.google-btn,.register-btn{border-radius:6px;font-size:.75rem;padding:5px}.divider{margin:.6rem 0}.register-links{font-size:.75rem;margin-top:8px}.error-message,.success-message{font-size:.8rem;padding:8px 10px}}@media (max-width:360px){.register-container{min-height:100vh;padding:2px}.register-box{border-radius:6px;max-width:300px;padding:.3rem;width:80%}.register-header{font-size:1.1rem;margin-bottom:8px;padding-left:0}.logo{height:30px;width:30px}.form-group{margin-bottom:6px}.form-group label{font-size:.7rem;margin-bottom:2px}.form-group input,.form-group select{border-radius:4px;font-size:.7rem;padding:3px 5px}.password-input input{padding-right:30px}.password-toggle{font-size:.7rem;height:16px;right:5px;width:16px}.google-btn,.register-btn{border-radius:4px;font-size:.7rem;padding:4px}.divider{font-size:.8rem;margin:.4rem 0}.register-links{font-size:.7rem;margin-top:6px}.error-message,.success-message{font-size:.75rem;padding:6px 8px}}@media (max-width:320px){.register-container{padding:1px}.register-box{margin:0;max-width:270px;padding:.2rem;width:75%}.register-header{font-size:1rem;margin-bottom:6px}.logo{height:25px;width:25px}.form-group{margin-bottom:4px}.form-group label{margin-bottom:1px}.form-group input,.form-group select{font-size:.65rem;padding:2px 4px}.google-btn,.register-btn{font-size:.65rem;padding:3px}.divider{margin:.3rem 0}.register-links{margin-top:4px}}.forgot-password-container{align-items:center;background:linear-gradient(90deg,#b39eb9,silver);box-sizing:border-box;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;min-height:100vh;padding:8px}.forgot-password-wrapper{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-radius:12px;box-shadow:0 10px 25px #00000014;box-sizing:border-box;max-width:600px;overflow:hidden;position:relative;width:100%}.forgot-password-header{background:linear-gradient(135deg,#8b9be4,#8469a0);color:#fff;padding:18px;text-align:center}.logo-section{align-items:center;display:flex;gap:15px;justify-content:center;margin-bottom:15px}.forgot-password-logo{height:45px;object-fit:contain;width:45px}.header-text h1{font-size:1.6rem;font-weight:700;margin:0 0 6px;text-shadow:0 2px 4px #0000001a}.header-text p{font-size:.85rem;font-weight:300;margin:0;opacity:.9}.forgot-password-content{padding:18px}.request-type-section{margin-bottom:18px}.request-type-section h2{color:#2d3748;font-size:1.2rem;font-weight:600;margin-bottom:15px;text-align:center}.request-type-cards{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px}.request-card{align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;gap:15px;position:relative;transition:all .3s ease}.request-card:hover{border-color:#667eea;box-shadow:0 10px 25px #0000001a;transform:translateY(-4px)}.request-card.active{background:linear-gradient(135deg,#8b9be4,#8469a0);box-shadow:0 15px 35px #667eea4d;color:#fff;transform:translateY(-4px)}.card-icon{color:#667eea;flex-shrink:0;font-size:2rem}.request-card.active .card-icon{color:#fff}.card-content h3{margin:0 0 6px}.card-content p{font-size:.85rem;margin:0;opacity:.8}.card-check{align-items:center;background:#48bb78;border-radius:50%;color:#fff;display:flex;font-size:.9rem;font-weight:700;height:24px;justify-content:center;position:absolute;right:15px;top:15px;width:24px}.message{animation:slideIn .3s ease;border-radius:12px;gap:12px;margin-bottom:30px;padding:16px 20px}.message-icon{flex-shrink:0;font-size:1.2rem}.error-message{background:#fed7d7;border-left:4px solid #e53e3e;color:#c53030}.success-message{background:#c6f6d5;border-left:4px solid #38a169;color:#22543d}.form-section{background:#f8fafc;border-radius:10px;padding:15px}.form-content{max-width:100%}.form-header{margin-bottom:15px;text-align:center}.form-header h3{align-items:center;color:#2d3748;display:flex;font-size:1.1rem;gap:6px;justify-content:center;margin:0 0 6px}.form-header p{color:#718096;font-size:.8rem;margin:0}.form-grid{grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form-group label{color:#2d3748;font-size:.8rem;margin-bottom:4px}.form-group input,.form-group textarea{background:#fff;border:2px solid #e2e8f0;border-radius:6px;color:#2d3748;font-size:.8rem;outline:none;padding:6px 8px;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;transform:translateY(-1px)}.form-group input::placeholder,.form-group textarea::placeholder{color:#a0aec0}.form-group textarea{resize:vertical}.password-input-group{align-items:center;display:flex;position:relative}.password-input-group input{flex:1 1;padding-right:50px}.password-toggle{background:none;border:none;border-radius:6px;color:#718096;cursor:pointer;padding:8px;position:absolute;right:12px;top:30%;transform:translateY(-50%);transition:all .2s ease}.password-toggle:hover{background:#f7fafc;color:#667eea}.password-toggle:disabled{cursor:not-allowed;opacity:.5}.form-actions{flex-wrap:wrap;justify-content:center}.reset-button,.submit-button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:4px;justify-content:center;min-width:100px;padding:6px 18px;transition:all .3s ease}.submit-button{background:linear-gradient(135deg,#667eea,#764ba2)}.submit-button:hover:not(:disabled){box-shadow:0 10px 25px #667eea4d;transform:translateY(-2px)}.submit-button:disabled{opacity:.7;transform:none}.reset-button{background:#f7fafc;border:2px solid #e2e8f0;color:#4a5568}.reset-button:hover:not(:disabled){background:#edf2f7;border-color:#cbd5e0;transform:translateY(-2px)}.reset-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.forgot-password-footer{border-top:1px solid #e2e8f0;padding-top:20px;text-align:center}.back-link{align-items:center;background:#f7fafc;border:2px solid #0000;border-radius:10px;color:#667eea;display:inline-flex;font-weight:600;gap:8px;padding:12px 20px;text-decoration:none;transition:all .3s ease}.back-link:hover{background:#edf2f7;border-color:#667eea;box-shadow:0 5px 15px #667eea33;transform:translateY(-1px)}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.forgot-password-container{min-height:100vh;padding:8px}.forgot-password-wrapper{border-radius:12px;max-width:100%}.forgot-password-header{padding:20px 16px}.header-text h1{font-size:1.7rem}.header-text p{font-size:.9rem}.forgot-password-content{padding:20px 16px}.request-type-cards{gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.request-card{padding:18px}.form-grid{gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}@media (max-width:768px){.forgot-password-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:6px}.forgot-password-wrapper{border-radius:10px;margin:0 auto;max-width:500px;width:90%}.forgot-password-header{padding:18px 14px}.header-text h1{font-size:1.5rem}.header-text p{font-size:.85rem}.forgot-password-content{padding:18px 14px}.request-type-cards{gap:14px;grid-template-columns:1fr}.request-card{flex-direction:row;gap:15px;padding:16px;text-align:left}.form-grid{gap:12px;grid-template-columns:1fr}.form-actions{align-items:center;flex-direction:column;gap:12px}.reset-button,.submit-button{font-size:.85rem;max-width:350px;padding:8px 20px;width:100%}.logo-section{flex-direction:row;gap:15px}.forgot-password-logo{height:50px;width:50px}}@media (max-width:480px){.forgot-password-container{min-height:100vh;padding:4px}.forgot-password-wrapper{border-radius:8px;max-width:400px;width:85%}.forgot-password-header{padding:15px 10px}.header-text h1{font-size:1.3rem}.header-text p{font-size:.8rem}.forgot-password-content{padding:15px 10px}.request-type-section h2{font-size:1.1rem;margin-bottom:12px}.request-type-cards{gap:12px}.request-card{flex-direction:column;gap:12px;padding:14px;text-align:center}.card-icon{font-size:1.8rem}.card-content h3{font-size:1rem}.card-check,.card-content p{font-size:.8rem}.card-check{height:20px;margin:0 auto;position:static;width:20px}.form-section{padding:12px}.form-header h3{font-size:1rem}.form-group label,.form-header p{font-size:.75rem}.form-group input,.form-group textarea{font-size:.75rem;padding:5px 7px}.password-toggle{padding:6px;right:8px}.reset-button,.submit-button{font-size:.8rem;padding:6px 16px}.forgot-password-logo{height:45px;width:45px}.message{font-size:.8rem;padding:12px 16px}}@media (max-width:360px){.forgot-password-container{min-height:100vh;padding:2px}.forgot-password-wrapper{border-radius:6px;max-width:320px;width:80%}.forgot-password-header{padding:12px 8px}.header-text h1{font-size:1.1rem}.header-text p{font-size:.75rem}.forgot-password-content{padding:12px 8px}.request-type-section h2{font-size:1rem;margin-bottom:10px}.request-card{gap:10px;padding:10px}.card-icon{font-size:1.5rem}.card-content h3{font-size:.9rem}.card-content p{font-size:.75rem}.card-check{font-size:.7rem;height:18px;width:18px}.form-section{padding:10px}.form-header h3{font-size:.9rem}.form-group label,.form-header p{font-size:.7rem}.form-group input,.form-group textarea{font-size:.7rem;padding:4px 6px}.password-toggle{padding:4px;right:6px}.reset-button,.submit-button{font-size:.75rem;padding:5px 12px}.forgot-password-logo{height:40px;width:40px}.message{font-size:.75rem;padding:10px 12px}.back-link{font-size:.8rem;padding:10px 16px}}@media (max-width:320px){.forgot-password-container{padding:1px}.forgot-password-wrapper{border-radius:4px;max-width:280px;width:75%}.forgot-password-header{padding:10px 6px}.header-text h1{font-size:1rem}.forgot-password-content{padding:10px 6px}.form-section,.request-card{padding:8px}.form-group input,.form-group textarea{font-size:.65rem;padding:3px 5px}.reset-button,.submit-button{font-size:.7rem;padding:4px 10px}.forgot-password-logo{height:35px;width:35px}}.back-link:focus-visible,.reset-button:focus-visible,.submit-button:focus-visible{outline:2px solid #667eea;outline-offset:2px}.form-group input:focus-visible,.form-group textarea:focus-visible{outline:2px solid #667eea;outline-offset:2px}@media (prefers-color-scheme:dark){.forgot-password-wrapper{background:#1a202cf2;color:#e2e8f0}.form-section{background:#2d3748}.form-group input,.form-group textarea{background:#1a202c;border-color:#4a5568;color:#e2e8f0}.form-group input:focus,.form-group textarea:focus,.request-card{background:#2d3748}.request-card{border-color:#4a5568}.request-card:hover{background:#4a5568}.reset-button{background:#2d3748;border-color:#4a5568;color:#e2e8f0}.reset-button:hover{background:#4a5568}}:root{--dark-bg:#1a202c;--dark-card-bg:#2d3748}.dashboard-container{box-sizing:border-box;flex:1 1;flex-direction:column;gap:2rem;margin:0;max-width:none;min-height:calc(100vh - 200px);padding:1rem;transition:margin-left .3s ease;width:100%}@media (min-width:1024px){.dashboard-container{gap:2rem;grid-template-areas:"total-spent avg-response weekly-revenue product" "pie-chart nps-breakdown csat-score nps-gauge" "new-users staff-table upcoming-tasks recent-activity"!important;grid-template-columns:repeat(4,1fr)!important;max-width:100%;padding:1.5rem;width:100%}.grid-item{display:flex;flex-direction:column;max-width:100%;min-height:200px;min-width:0;overflow:hidden;width:100%}.grid-item.total-spent{grid-area:total-spent!important}.grid-item.avg-response{grid-area:avg-response!important}.grid-item.weekly-revenue{grid-area:weekly-revenue!important;min-width:0;overflow:visible}.grid-item.product{grid-area:product!important}.grid-item.pie-chart{grid-area:pie-chart!important}.grid-item.nps-breakdown{grid-area:nps-breakdown!important}.grid-item.csat-score{grid-area:csat-score!important}.grid-item.nps-gauge{grid-area:nps-gauge!important}.grid-item.new-users{grid-area:new-users!important}.grid-item.staff-table{grid-area:staff-table!important;min-width:0;width:100%}.grid-item.upcoming-tasks{grid-area:upcoming-tasks!important}.grid-item.recent-activity{grid-area:recent-activity!important}.grid-item.weekly-revenue .card{min-width:0;overflow:visible}.grid-item.weekly-revenue .card>*{overflow:visible}}@media (min-width:768px) and (max-width:1023px){.dashboard-container{gap:2rem;grid-template-areas:"total-spent avg-response weekly-revenue" "product pie-chart nps-breakdown" "csat-score nps-gauge csat-score" "new-users staff-table upcoming-tasks" "recent-activity recent-activity recent-activity";grid-template-columns:repeat(3,1fr);padding:1rem}.grid-item{display:flex;flex-direction:column;max-width:100%;min-height:200px;min-width:0;overflow:hidden}}.dark{--rose-gold-accent:var(--dark-card-bg);background-color:#1a202c;background-color:var(--dark-bg)}.dark .dashboard-container{background:#1a202c;background:var(--dark-bg);color:var(--text-primary)}.dashboard-container{background:#fff;display:flex;font-family:var(--font-primary);min-height:100vh;overflow-x:hidden;position:relative;transition:background-color .3s ease}.sidebar-offcanvas{background-color:#fff;block-size:100vh;inline-size:250px;inset-block-start:0;inset-inline-start:0;overflow-y:auto;position:fixed;transform:translateX(-100%);z-index:50}.sidebar-offcanvas.open{transform:translateX(0)}.dark .sidebar-offcanvas{-webkit-border-end:1px solid #000;background-color:#2d3748;background-color:var(--dark-card-bg);border-inline-end:1px solid #000}.main-cont{background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;flex:1 1;flex-direction:column;margin-left:0;max-width:none;min-width:0;padding:0;transition:margin-left .3s ease;width:100%}.dashboard-header{align-items:center;background:linear-gradient(135deg,#fff,#f1f5f9);border-bottom:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;padding:1rem 1rem .5rem}.dashboard-title h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:2rem;font-weight:700;margin:0 0 .5rem}.dashboard-title p{color:#64748b;font-size:1rem;margin:0}.dashboard-stats{align-items:center;display:flex;gap:2rem}.stat-item{align-items:flex-end;text-align:right}.stat-label{color:#64748b;font-size:.875rem;margin-bottom:.25rem}.stat-value{color:#1e293b;font-size:1rem;font-weight:600}@media (max-width:768px){.dashboard-header{align-items:flex-start;flex-direction:column;padding:1.5rem 1rem 1rem}.dashboard-title h1{font-size:1.5rem}.dashboard-stats{align-self:stretch;justify-content:space-between}.stat-item{align-items:flex-start;text-align:left}}.main-cont.sidebar-open{margin-left:250px}.main-cont.sidebar-closed{margin-left:0}@media (max-width:768px){.main-cont.sidebar-closed,.main-cont.sidebar-open{margin-left:0}.dashboard-container{gap:2rem;grid-template-areas:"total-spent" "avg-response" "weekly-revenue" "product" "pie-chart" "nps-breakdown" "csat-score" "nps-gauge" "new-users" "staff-table" "upcoming-tasks" "recent-activity";grid-template-columns:1fr;padding:.75rem}.grid-item{display:flex;flex-direction:column;max-width:100%;min-height:200px;min-width:0;overflow:hidden}.card{padding:1rem}}.main-cont.shifted{-webkit-margin-start:250px;margin-inline-start:250px}.dark .main-cont{background:#1a202c;background:var(--dark-bg)}.dark .dashboard-header{background:linear-gradient(135deg,#2d3748,#1a202c);background:linear-gradient(135deg,var(--dark-card-bg) 0,var(--dark-bg) 100%);border-bottom-color:var(--border-color)}.dark .dashboard-title h1{color:var(--text-primary)}.dark .dashboard-title p,.dark .stat-label{color:var(--text-secondary)}.dark .stat-value{color:var(--text-primary)}.dark .recent-activityhead{background:#997a8d;background:var(--rose-gold-accent);border:1px solid #000;color:#fff}.top-grid{grid-gap:2rem;-webkit-margin-after:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin-block-end:2rem}.second-grid{grid-template-columns:25% 50% 25%}.content-grid,.second-grid{grid-gap:2rem;-webkit-margin-before:2rem;display:grid;gap:2rem;margin-block-start:2rem}.content-grid{grid-template-columns:1fr}@media (min-width:1024px){.content-grid{grid-template-columns:1fr 2fr 320px}}@media (max-width:1024px){.content-grid{gap:2rem;grid-template-columns:1fr}}@media (max-width:768px){.content-grid{gap:2rem}}.center-column,.left-column,.right-column{display:flex;flex-direction:column;gap:2rem}.right-column{inline-size:320px;min-inline-size:320px}@media (max-width:1024px){.right-column{inline-size:100%;min-inline-size:auto;order:-1}}.today-orders-card{background:#fff;border-radius:10px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;gap:.5rem;justify-content:space-between;min-height:240px;min-width:200px;padding:.75rem;text-align:center}.dark .today-orders-card{background:#3a2f2f;border-left:5px solid #f99;color:#fff}.today-orders-card .card-header{margin-bottom:.5rem}.today-orders-card .main-number{font-size:2.5rem;font-weight:700;line-height:1;margin:.5rem 0}.today-orders-card .metrics-container{display:flex;flex-direction:column;gap:.25rem;margin-top:.75rem}.today-orders-card .metric-item{align-items:center;background:#ffffff1a;border-radius:6px;display:flex;font-size:.9rem;justify-content:space-between;padding:.25rem .5rem}.today-orders-card .metric-label{color:#374151;font-weight:500}.today-orders-card .metric-value{color:#1f2937;font-weight:600}.dark .today-orders-card .metric-label{color:#d1d5db}.dark .today-orders-card .metric-value{color:#f9fafb}.weekly-revenue-card{background:#fff;border-radius:10px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;min-height:220px;min-width:250px;padding:1.5rem;text-align:center}.dark .weekly-revenue-card{background:#2f3a2f;border-top:5px solid #80cbc4;color:#fff}.total-spent-card{background:#fff;border-radius:10px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;justify-content:center;min-height:200px;min-width:180px;padding:1rem;text-align:center}.dark .total-spent-card{background:#2f2f3a;border-right:5px solid #b39ddb;color:#fff}.new-users-card{background:#fff;border-radius:10px;box-shadow:0 4px 12px #0000001a;box-sizing:border-box;min-height:410px;padding:1.2rem;text-align:left;width:100%}.dark .new-users-card{background:#3a2f1f;border-bottom:5px solid #ffb74d;color:#fff}.newwuser-card{align-items:center;margin-left:auto;text-align:center}.staff-table-card{border-radius:10px;display:flex;flex-direction:column;max-width:none;min-height:200px;padding:1.5rem;text-align:center}.dark .staff-table-card{background:#2f3a1f;border:2px dashed #c0ca33;color:#fff}.mini-calendar-card{align-items:center;border-radius:10px;flex-direction:column;justify-content:center;min-height:100px;padding:1rem;text-align:center;width:50%}.dark .mini-calendar-card{background:#1f3a3a;border-bottom-right-radius:30px;border-top-left-radius:30px;color:#fff}.today-visitors-card{background:#fff;border-radius:10px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;justify-content:center;margin-left:auto;margin-top:10px;padding:1.2rem;text-align:right;width:85%}.dark .today-visitors-card{background:#3a2f2f;border-left:5px solid #ef9a9a;color:#fff}.pie-chart-card{box-shadow:0 4px 12px #0000001a;min-height:250px;padding:1.5rem;text-align:center}.dark .pie-chart-card{background:#2f3a3a;border:2px solid #b0bec5;color:#fff}.upcoming-tasks-card{background:#fff;border-radius:10px;box-shadow:0 4px 12px #0000001a;box-sizing:border-box;margin-left:20px;min-height:200px;padding:1.2rem;text-align:left;width:-webkit-fit-content;width:fit-content}.dark .upcoming-tasks-card{background:#3a3a1f;border-right:5px solid #ffca28;color:#fff}.recent-activity-card{background:#fff;border-radius:10px;box-shadow:0 4px 12px #0000001a;min-height:250px;overflow:auto;padding:1.5rem;text-align:center}.dark .recent-activity-card{background:#2f2f2f;border-bottom:5px solid #a0a0a0;color:#fff}.search-container{-webkit-margin-after:1.25rem;inline-size:100%;margin-block-end:1.25rem;max-inline-size:24rem;position:relative}.search-input{border:1px solid #ddd;border-radius:.375rem;inline-size:100%;outline:none;padding:.75rem 2.5rem .75rem 1rem;transition:border-color .3s ease,box-shadow .3s ease}.search-input:focus{border-color:#764ba2;border-color:var(--rose-gold-secondary);box-shadow:0 0 0 2px #b76e7933}.search-icon{color:#666;cursor:pointer;font-size:1rem;inset-block-start:50%;inset-inline-end:12px;position:absolute;transform:translateY(-50%);transition:color .3s ease}.search-icon:hover{color:#2c3e50}.dashboard-container *{transition:background-color .3s ease,color .3s ease}.company-banner{background-color:#997a8d;background-color:var(--rose-gold-accent);border-radius:6px;color:#fff;font-size:1.1rem;gap:.5rem;margin:0 2rem 1.5rem;padding:.75rem 1.5rem}.company-banner,.company-prompt{align-items:center;display:flex;justify-content:center}.company-prompt{height:60vh;text-align:center}.prompt-content{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;max-width:400px;padding:2rem}.prompt-content h3{color:#764ba2;color:var(--rose-gold-secondary);margin-bottom:1rem}.prompt-content p{color:#555;margin-bottom:3rem}.open-sidebar-button{background-color:#764ba2;background-color:var(--rose-gold-secondary);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .3s}.open-sidebar-button:hover{background-color:#997a8d;background-color:var(--rose-gold-accent)}.main-cont:not(.shifted){margin-left:0}.auth-error,.auth-loading{align-items:center;background:linear-gradient(90deg,#997a8d,silver);color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center;text-align:center}.auth-error h2,.auth-loading h2{font-size:2rem;font-weight:600;margin-bottom:1rem}.auth-error p{font-size:1.1rem;margin-bottom:.5rem}.loading-spinner{border:4px solid #ffffff4d;border-top-color:#fff;margin-top:2rem}.last-row-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem;width:100%}@media (max-width:768px){.last-row-grid{grid-template-columns:1fr}}.sidebar-toggle-btn{align-items:center;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 2px 8px #0000001a;color:#374151;display:flex;font-size:1rem;justify-content:center;left:1rem;min-height:36px;min-width:36px;padding:.5rem;top:1rem;transition:all .2s ease;width:-webkit-fit-content;width:fit-content;z-index:2000}.dark .sidebar-toggle-btn{background:#2d3748;background:var(--dark-card-bg);border-color:var(--border-color);box-shadow:0 2px 8px #0000004d;color:var(--text-primary)}.sidebar-toggle-btn:hover{background:#f9fafb;box-shadow:0 4px 12px #00000026;transform:scale(1.05)}@media (min-width:769px){.sidebar-toggle-btn{display:flex}}@media (max-width:768px){.sidebar-toggle-btn{display:flex;font-size:.9rem;left:.5rem;min-height:32px;min-width:32px;padding:.4rem;top:.5rem;width:-webkit-fit-content;width:fit-content}}.card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #fffc;border-radius:12px;box-shadow:0 4px 20px #00000014;box-sizing:border-box;height:auto;max-height:500px;max-width:100%;min-height:300px;overflow:visible;padding:2.5rem;position:relative;transition:all .3s ease;width:100%}.dark .card{background:linear-gradient(135deg,#2d3748 0,var(--bg-secondary) 100%);background:linear-gradient(135deg,var(--dark-card-bg) 0,var(--bg-secondary) 100%);border:1px solid var(--border-color);box-shadow:0 4px 20px #0000004d;color:var(--text-primary)}.card:before{background:linear-gradient(90deg,#b39eb5,#764ba2);background:linear-gradient(90deg,var(--rose-gold-primary),var(--rose-gold-secondary));border-radius:16px 16px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-4px)}.card h4{color:#1f2937;font-size:1.25rem;font-weight:700;margin-bottom:1rem;padding-bottom:.5rem;position:relative}.dark .card h4{color:var(--text-primary)}.card h4:after{background:linear-gradient(90deg,#b39eb5,#764ba2);background:linear-gradient(90deg,var(--rose-gold-primary),var(--rose-gold-secondary));border-radius:2px;bottom:0;content:"";height:3px;left:0;position:absolute;width:40px}.card.kpi-card,.card.metric-card{background:linear-gradient(135deg,#fff,#f0f9ff)}.card.kpi-card{border-left:4px solid #3b82f6}.card.activity-card{background:linear-gradient(135deg,#fff,#fef3f2);border-left:4px solid #ef4444}.card.product-card{background:linear-gradient(135deg,#fff,#f0fdf4);border-left:4px solid #10b981}.card.analytics-card{background:linear-gradient(135deg,#fff,#f3e8ff);border-left:4px solid #8b5cf6}.card.performance-card{background:linear-gradient(135deg,#fff,#fef7cd);border-left:4px solid #f59e0b}.card.satisfaction-card{background:linear-gradient(135deg,#fff,#fce7f3);border-left:4px solid #ec4899}.card.gauge-card{background:linear-gradient(135deg,#fff,#e0f2fe);border-left:4px solid #06b6d4}.card.management-card{background:linear-gradient(135deg,#fff,#f1f5f9);border-left:4px solid #64748b}.card.customer-card{background:linear-gradient(135deg,#fff,#f0f9ff);border-left:4px solid #0ea5e9}.card.tasks-card{background:linear-gradient(135deg,#fff,#f0fdf4);border-left:4px solid #22c55e}.gauge-placeholder{align-items:center;color:#6b7280;display:flex;font-style:italic;height:100%;justify-content:center}.dark .gauge-placeholder{color:var(--text-secondary)}.kpi-row{display:flex;flex-direction:row;gap:2rem;justify-content:space-between;margin-bottom:3rem;padding:0}.kpi-row,.kpi-row .grid-item{box-sizing:border-box;width:100%}.kpi-row .grid-item{flex:1 1;min-width:0;position:relative;z-index:1}.activity-row{box-sizing:border-box;display:flex;flex-direction:row;gap:2rem;justify-content:space-between;margin-bottom:3rem;padding:0;width:100%}.activity-row .grid-item{box-sizing:border-box;flex:1 1;min-width:0;position:relative;width:100%;z-index:1}.analytics-row{box-sizing:border-box;display:flex;flex-direction:row;gap:2rem;justify-content:space-between;margin-bottom:3rem;padding:0;width:100%}.analytics-row .grid-item{box-sizing:border-box;flex:1 1;min-width:0;position:relative;width:100%;z-index:1}.management-row{box-sizing:border-box;display:flex;flex-direction:row;gap:2rem;justify-content:space-between;margin-bottom:3rem;padding:0;width:100%}.management-row .grid-item{box-sizing:border-box;flex:1 1;min-width:0;position:relative;width:100%;z-index:1}.activity-row .card,.analytics-row .card,.charts-row .card,.content-row .card,.kpi-row .card,.management-row .card,.metrics-row .card{box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;height:auto;justify-content:space-between;min-height:150px;position:relative;width:100%;z-index:1}.content-row .grid-item.new-users .card{min-height:350px}.kpi-row .card h4{color:#917b7b;font-size:1rem;font-weight:600;margin-bottom:1rem}.activity-row .card h4,.analytics-row .card h4,.charts-row .card h4,.content-row .card h4,.management-row .card h4,.metrics-row .card h4{color:#333;font-size:1rem;font-weight:600;margin-bottom:1rem}@media (max-width:768px){.activity-row,.analytics-row,.kpi-row,.management-row,.metrics-row{flex-direction:column;gap:2rem;padding:0}.activity-row .grid-item,.analytics-row .grid-item,.kpi-row .grid-item,.management-row .grid-item,.metrics-row .grid-item{max-width:100%}}.third-row{box-sizing:border-box;display:flex;flex-direction:row;gap:2rem;margin-bottom:3rem;width:100%}.third-row .grid-item{box-sizing:border-box;flex:1 1;min-width:0}.charts-row{box-sizing:border-box;display:flex;flex-direction:row;gap:2rem;margin-bottom:3rem;width:100%}.charts-row .grid-item{box-sizing:border-box;flex:1 1;min-width:0}.scores-row{box-sizing:border-box;display:flex;flex-direction:row;gap:2rem;margin-bottom:3rem;width:100%}.scores-row .grid-item{box-sizing:border-box;flex:1 1;min-width:0}.content-row{box-sizing:border-box;display:flex;flex-direction:row;gap:2rem;margin-bottom:3rem;width:100%}.content-row .grid-item{box-sizing:border-box;min-width:0}.content-row .grid-item.new-users{flex:2 1}.content-row .grid-item.upcoming-tasks{flex:1 1}.staff-table-row{box-sizing:border-box;display:flex;flex-direction:row;gap:0;margin-bottom:3rem;width:100%}.staff-table-row .grid-item{box-sizing:border-box;flex:1 1;min-width:0}.tasks-row{box-sizing:border-box;display:flex;flex-direction:row;gap:0;margin-bottom:3rem;width:100%}.tasks-row .grid-item{box-sizing:border-box;flex:1 1;min-width:0}@media (min-width:1200px){.charts-row,.content-row,.metrics-row,.scores-row,.staff-table-row,.third-row{gap:2rem;padding:0}.charts-row .grid-item,.content-row .grid-item,.metrics-row .grid-item,.scores-row .grid-item,.staff-table-row .grid-item,.third-row .grid-item{flex:1 1}}@media (max-width:1024px){.charts-row,.content-row,.scores-row,.staff-table-row,.third-row,.weekly-revenue-row{flex-direction:column}.charts-row .grid-item,.content-row .grid-item,.scores-row .grid-item,.staff-table-row .grid-item,.third-row .grid-item,.weekly-revenue-row .grid-item{flex:1 1}}.card.metric-card:before{background:linear-gradient(90deg,#3b82f6,#1d4ed8)}.card.chart-card{background:linear-gradient(135deg,#fff,#fefce8);min-height:300px;overflow:visible}.card.chart-card:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.charts-row .card{min-height:350px;overflow:visible}.charts-row .grid-item{min-height:350px}.card.table-card{background:linear-gradient(135deg,#fff,#f0fdf4);min-height:250px;overflow:visible}.card.table-card:before{background:linear-gradient(90deg,#10b981,#059669)}.weekly-revenue-row .card{min-height:400px;overflow:visible}.weekly-revenue-row .grid-item{min-height:400px}.staff-table-row .card{min-height:400px;overflow:visible}.staff-table-row .grid-item{min-height:400px}.card.activity-card{background:linear-gradient(135deg,#fff,#fdf2f8)}.card.activity-card:before{background:linear-gradient(90deg,#ec4899,#be185d)}.card.tasks-card{background:linear-gradient(135deg,#fff,#f0f9ff)}.card.tasks-card:before{background:linear-gradient(90deg,#3b82f6,#1d4ed8)}.chart-placeholder{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:2px dashed #cbd5e1;border-radius:12px;display:flex;height:200px;justify-content:center;margin:1rem 0}.dark .chart-placeholder{background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%);border-color:var(--border-color)}.chart-placeholder p{color:#64748b;font-size:.9rem;font-style:italic;margin:0}.dark .chart-placeholder p{color:var(--text-secondary)}@media (max-width:1200px){.dashboard-container{gap:2rem;padding:1.5rem}.card{padding:1.25rem}}@media (max-width:768px){.dashboard-container{gap:2rem;padding:1rem}.card{padding:1rem}.card h4{font-size:1.1rem}}.grid-item{animation:fadeInUp .6s ease-out}.grid-item:first-child{animation-delay:.1s;height:auto}.grid-item:nth-child(2){animation-delay:.2s}.grid-item:nth-child(3){animation-delay:.3s}.grid-item:nth-child(4){animation-delay:.4s}.grid-item:nth-child(5){animation-delay:.5s}.grid-item:nth-child(6){animation-delay:.6s}.grid-item:nth-child(7){animation-delay:.7s}.grid-item:nth-child(8){animation-delay:.8s}.grid-item:nth-child(9){animation-delay:.9s}.grid-item:nth-child(10){animation-delay:1s}.grid-item:nth-child(11){animation-delay:1.1s}.grid-item:nth-child(12){animation-delay:1.2s}.grid-item:nth-child(13){animation-delay:1.3s}.grid-item:nth-child(14){animation-delay:1.4s}.grid-item:nth-child(15){animation-delay:1.5s}.product-info{background:#fff;border-radius:14px;box-shadow:0 4px 12px #0000000f;box-sizing:border-box;display:flex;flex-direction:column;gap:1.2rem;height:90%;margin:0;max-width:100%;padding:1.8rem;width:100%}.dark .product-info{background:#2d3748;background:var(--dark-card-bg);box-shadow:0 4px 12px #0000004d}.product-details{display:flex;flex-direction:column;gap:.8rem}.product-name{background:#f3f4f6;border-radius:8px;color:#374151;font-size:1.2rem;font-weight:600;margin:0;padding:.5rem;text-align:center}.messages-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr;margin-top:1.5rem}.messages-row .grid-item.messages{grid-column:1/-1}.messages-card{background:linear-gradient(90deg,#997a8d,silver);border:none;box-shadow:0 8px 32px #667eea4d;color:#fff}.messages-card h4{align-items:center;color:#fff;display:flex;font-size:1.3rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.messages-card .staff-messages-container{background:#0000;margin:0;min-height:auto;padding:0}.messages-card .messages-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;margin-bottom:1rem}.messages-card .messages-header h2{color:#fff}.messages-card .unread-count{background:#ff6b6b;color:#fff}.messages-card .mark-all-read-btn{background:#fff3;border:1px solid #ffffff4d;color:#fff}.messages-card .mark-all-read-btn:hover{background:#ffffff4d}.messages-card .message-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;color:#fff}.messages-card .message-item.unread{background:#ffd93d1a;border-left-color:#ffd93d}.messages-card .sender-info strong{color:#fff}.messages-card .message-time{color:#fffc}.messages-card .mark-read-btn{background:#4ecdc4;color:#fff}.messages-card .mark-read-btn:hover{background:#45b7aa}.messages-card .message-content{color:#fff}.messages-card .read-status{color:#4ecdc4}.messages-card .no-messages{background:#ffffff1a;color:#fffc}.messages-card .loading{color:#fffc}.dark .product-name{background:var(--bg-secondary);color:var(--text-primary)}.product-code{color:#6b7280;font-size:.9rem;margin:0;text-align:center}.dark .product-code{color:var(--text-secondary)}.product-price{background:#ecfdf5;border-radius:8px;color:#059669;font-size:1.1rem;font-weight:600;margin:0;padding:.5rem;text-align:center}.dark .product-price{background:#10b9811a;color:#10b981}.fixed-plugin{position:relative;transition:all .3s ease;z-index:99}.header-plugin-container .fixed-plugin{inset-block-start:auto;inset-inline-end:auto;position:relative}.fixed-plugin:hover{transform:scale(1.05)}.plugin-button,.plugin-inner{position:relative}.plugin-button{align-items:center;background:linear-gradient(90deg,#b39eb9,silver);block-size:50px;border-radius:9999px;cursor:pointer;display:flex;inline-size:50px;justify-content:center}.plugin-icon{color:#fff;font-size:1.5rem}.plugin-badge{align-items:center;block-size:20px;border-radius:9999px;color:#fff;display:flex;font-size:.75rem;inline-size:20px;inset-block-start:-6px;inset-inline-end:-6px;justify-content:center;position:absolute}.profile-panel{animation:slideDown .3s ease-out;background-color:#fff;border-radius:1rem;box-shadow:0 10px 25px #0000001a;inline-size:280px;inset-block-start:70px;inset-inline-end:0;padding:1.5rem;position:absolute}.profile-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem}.profile-avatar{border-radius:50%;flex-shrink:0;height:50px;overflow:hidden;width:50px}.profile-avatar img{height:100%;object-fit:cover;width:100%}.profile-placeholder{align-items:center;background:linear-gradient(90deg,#b39eb9,silver);color:#fff;display:flex;font-size:1.5rem;font-weight:600;height:100%;justify-content:center;width:100%}.profile-info h3{color:#374151;font-size:1.1rem;font-weight:600;margin:0}.profile-info p{color:#6b7280;font-size:.875rem;margin:.25rem 0 0;text-transform:capitalize}.profile-actions{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.profile-action-btn{align-items:center;background:#0000;border:none;border-radius:.5rem;color:#374151;cursor:pointer;display:flex;font-size:.875rem;gap:.75rem;padding:.75rem;transition:background-color .2s ease}.profile-action-btn:hover{background-color:#f3f4f6}.profile-action-btn.profile-logout-button{color:#ef4444}.profile-action-btn.profile-logout-button:hover{background-color:#fef2f2;color:#dc2626}.notification-panel{animation:slideDown .3s ease-out;background-color:#fff;border-radius:1rem;box-shadow:0 10px 25px #0000001a;inline-size:320px;inset-block-start:70px;inset-inline-end:0;padding:1rem;position:absolute}.notifications-wrapper{-webkit-margin-after:1rem;margin-block-end:1rem}.settings-panel{border-top:1px solid #e5e7eb;margin-top:1rem;padding-top:1rem}.settings-panel h4{color:#374151;font-size:1rem;font-weight:600;margin:0 0 1rem}.theme-toggle{align-items:center;background-color:#f3f4f6;border:none;border-radius:.5rem;color:#374151;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;inline-size:100%;justify-content:center;padding:.75rem;transition:all .2s ease}.theme-toggle:hover{background-color:#e5e7eb;transform:translateY(-1px)}.theme-icon{font-size:1.25rem}:root{--bg-primary:#fff;--bg-secondary:#f9fafb;--text-primary:#111827;--text-secondary:#6b7280;--border-color:#e5e7eb;--shadow:0 10px 25px #0000001a}.dark{--bg-primary:#1f2937;--bg-secondary:#374151;--text-primary:#f9fafb;--text-secondary:#d1d5db;--border-color:#4b5563;--shadow:0 10px 25px #0000004d}.dark .profile-panel{background-color:#fff;background-color:var(--bg-primary);box-shadow:0 10px 25px #0000001a;box-shadow:var(--shadow)}.dark .profile-info h3,.dark .profile-panel{color:#111827;color:var(--text-primary)}.dark .profile-info p{color:#6b7280;color:var(--text-secondary)}.dark .profile-action-btn{color:#111827;color:var(--text-primary)}.dark .profile-action-btn:hover{background-color:#f9fafb;background-color:var(--bg-secondary)}.dark .profile-action-btn.profile-logout-button{color:#fca5a5}.dark .profile-action-btn.profile-logout-button:hover{background-color:#7f1d1d;color:#fecaca}.dark .settings-panel{border-top-color:#e5e7eb;border-top-color:var(--border-color)}.dark .settings-panel h4,.dark .theme-toggle{color:#111827;color:var(--text-primary)}.dark .theme-toggle{background-color:#f9fafb;background-color:var(--bg-secondary)}.dark .theme-toggle:hover{background-color:#4b5563}.header-dashboard{background:#fff;box-sizing:border-box;flex-shrink:0;margin:0;padding:1.5rem 2rem;position:relative;width:100%;z-index:10}.header-top-section{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem;position:relative;width:100%}.header-title-container{display:flex;flex:1 1;justify-content:center}.header-title{color:#050505;font-size:2rem;font-weight:700;letter-spacing:1.5px;margin:0;text-align:center;text-transform:uppercase;z-index:10}.header-plugin-container{position:relative;z-index:100}.header-content-wrapper{-webkit-margin-after:1.5rem;align-items:center;flex-direction:column;margin-block-end:1.5rem;max-inline-size:100%}.header-metrics-grid{grid-gap:1.5rem;align-items:center;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr);justify-content:center;max-width:100%;padding:0}.header-metric-card,.header-metrics-grid{box-sizing:border-box;margin:0;width:100%}.header-metric-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;justify-content:space-between;min-height:120px;padding:1.5rem;transition:all .3s ease}.header-metric-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.dark .header-metric-card{background:var(--dark-card-bg);border:1px solid var(--dark-border)}.header-metric-title{-webkit-margin-after:.75rem;color:#666;font-size:1.125rem;font-weight:600;margin-block-end:.75rem}.dark .header-metric-title{color:#ccc}.header-metric-main{-webkit-margin-after:.5rem;align-items:baseline;display:flex;gap:1rem;margin-block-end:.5rem}.header-metric-value{color:#764ba2;color:var(--rose-gold-secondary);font-size:2.25rem;font-weight:700}.header-metric-percentage{color:#4caf50;font-size:.9rem;font-weight:600}.header-metric-comparison{color:#666;font-size:.875rem;line-height:1.4}.dark .header-metric-comparison{color:#ccc}.dark .header-dashboard{background:var(--bg-primary)}.dark .header-title{color:var(--text-primary)}@media (max-width:1024px){.header-metrics-grid{gap:1.5rem;grid-template-columns:repeat(2,1fr)}.header-metric-card{min-height:120px}.header-top-section{align-items:center;flex-direction:column;gap:1rem}.header-title-container{order:1}.header-plugin-container{order:2}}@media (max-width:768px){.header-dashboard{padding:1rem}.header-title{-webkit-margin-after:1rem;margin-block-end:1rem}.header-metric-value,.header-title{font-size:1.5rem}.header-metrics-grid{gap:1.5rem;grid-template-columns:1fr}.header-metric-card{min-height:100px}}@media (max-width:480px){.header-metric-card{padding:1rem}.header-metric-main{flex-direction:column;gap:.5rem}}.sidebar-container{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#b39eb5,#d4c4d1 50%,#f0f0f0);background:linear-gradient(135deg,var(--primary-color) 0,#d4c4d1 50%,#f0f0f0 100%);border-right:1px solid #e0e0e0;border-right:1px solid var(--border-color);box-shadow:8px 0 30px #00000040;box-shadow:8px 0 30px var(--shadow-heavy);color:#333;color:var(--text-primary);display:flex;flex-direction:column;height:100vh;left:0;min-width:300px;overflow:hidden;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease;transition:transform var(--transition-medium);width:300px;z-index:1050}.sidebar-menu{flex:1 1;min-width:300px;overflow-x:auto;overflow-y:auto;padding:20px}.sidebar-container.open{transform:translateX(0)}.sidebar-container:before{background:linear-gradient(135deg,#b39eb51a,#aa98a90d 50%,#997a8d1a);content:"";inset:0;overflow:hidden;pointer-events:none;position:absolute}.sidebar-overlay{animation:fadeIn .3s ease forwards;animation:fadeIn var(--transition-medium) forwards;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;inset:0;z-index:1040}.sidebar-menu::-webkit-scrollbar{height:8px;width:8px}.sidebar-menu::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.sidebar-menu::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px;-webkit-transition:background .2s ease;transition:background .2s ease;-webkit-transition:background var(--transition-fast);transition:background var(--transition-fast)}.sidebar-menu::-webkit-scrollbar-thumb:hover{background:#ffffff80}.sidebar-menu::-webkit-scrollbar-corner{background:#ffffff1a}.greeting{background:linear-gradient(135deg,#fff,#f1f3f4);background:linear-gradient(135deg,var(--background-secondary) 0,var(--background-tertiary) 100%);border-left:4px solid #997a8d;border-left:4px solid var(--button-bg);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 12px #00000014;box-shadow:0 4px 12px var(--shadow-light);color:#333;color:var(--text-primary);margin:20px 0 15px;overflow:hidden;padding:16px;position:relative;width:80%}.greeting,.greeting-text{align-items:center;display:flex;font-size:1.1rem;font-weight:600;gap:8px}.greeting-time{color:#666;color:var(--text-secondary);font-size:.9rem;font-weight:500;margin-top:4px}.greeting:before{background:linear-gradient(90deg,#0000,#997a8d1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;transition:left var(--transition-medium);width:100%}.greeting:hover:before{left:100%}.crown-icon{animation:crownGlow 2s ease-in-out infinite alternate;color:gold;filter:drop-shadow(0 2px 4px rgba(255,215,0,.3))}@keyframes crownGlow{0%{filter:drop-shadow(0 2px 4px rgba(255,215,0,.3))}to{filter:drop-shadow(0 2px 8px rgba(255,215,0,.6))}}.sidebar-company-selector{margin:15px 0;position:relative}.custom-company-dropdown,.dropdown-toggle{position:relative}.dropdown-toggle{align-items:center;background:linear-gradient(135deg,#fff,#f1f3f4);background:linear-gradient(135deg,var(--background-secondary) 0,var(--background-tertiary) 100%);border:2px solid #e0e0e0;border:2px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 12px #00000014;box-shadow:0 4px 12px var(--shadow-light);color:#333;color:var(--text-primary);cursor:pointer;display:flex;font-weight:500;overflow:hidden;padding:16px;transition:all .2s ease;transition:all var(--transition-fast);width:75%}.dropdown-toggle:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;transition:left var(--transition-medium);width:100%}.dropdown-toggle:hover:before{left:100%}.dropdown-toggle:hover{background:linear-gradient(135deg,#fff,#f1f3f4);background:linear-gradient(135deg,var(--input-focus-bg) 0,var(--background-tertiary) 100%);border-color:#997a8d;border-color:var(--button-bg);box-shadow:0 6px 20px #997a8d4d;transform:translateY(-2px)}.dropdown-logo{background:#fff;background:var(--background-secondary);border:3px solid #997a8d;border:3px solid var(--button-bg);border-radius:50%;box-shadow:0 4px 12px #00000026;box-shadow:0 4px 12px var(--shadow-medium);height:45px;margin-right:12px;object-fit:cover;transition:all .2s ease;transition:all var(--transition-fast);width:45px}.dropdown-toggle:hover .dropdown-logo{border-color:#9b778e;border-color:var(--button-hover-bg);box-shadow:0 6px 16px #00000026;box-shadow:0 6px 16px var(--shadow-medium);transform:scale(1.1) rotate(5deg)}.dropdown-arrow{border-left:6px solid #0000;border-right:6px solid #0000;border-top:6px solid #997a8d;border-top:6px solid var(--button-bg);filter:drop-shadow(0 2px 4px rgba(0,0,0,.08));filter:drop-shadow(0 2px 4px var(--shadow-light));margin-left:auto;transition:transform .2s ease;transition:transform var(--transition-fast)}.dropdown-arrow.open{transform:rotate(180deg)}.dropdown-options{animation:slideDown ease .3s ease;animation:slideDown var(--transition-medium) ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff,#f1f3f4);background:linear-gradient(135deg,var(--background-secondary) 0,var(--background-tertiary) 100%);border:2px solid #e0e0e0;border:2px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 12px 40px #00000040;box-shadow:0 12px 40px var(--shadow-heavy);gap:12px;left:0;max-height:320px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 8px);width:75%;z-index:1000}.dropdown-option{align-items:center;border-bottom:1px solid #3741514d;cursor:pointer;display:flex;padding:12px 16px;position:relative;transition:all .2s ease;transition:all var(--transition-fast)}.dropdown-option:last-child{border-bottom:none}.dropdown-option:hover{background:linear-gradient(135deg,#997a8d,#9b778e);background:linear-gradient(135deg,var(--button-bg) 0,var(--button-hover-bg) 100%);box-shadow:0 4px 12px #00000026;box-shadow:0 4px 12px var(--shadow-medium);color:#fff;color:var(--background-secondary);transform:translateX(6px)}.dropdown-option:before{background:linear-gradient(135deg,#b39eb5,#997a8d);background:linear-gradient(135deg,var(--primary-color),var(--button-bg));bottom:0;content:"";left:0;position:absolute;top:0;transition:width .2s ease;transition:width var(--transition-fast);width:0}.dropdown-option:hover:before{width:4px}.dropdown-option.empty,.dropdown-option.loading{background:#f1f3f4;background:var(--background-tertiary);border-radius:12px;border-radius:var(--border-radius);color:#666;color:var(--text-secondary);cursor:default;font-style:italic;margin:8px;padding:20px;text-align:center}.dropdown-option.loading{animation:pulse 1.5s ease-in-out infinite}.company-info{align-items:center;color:#333;color:var(--text-primary);font-size:.95rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease;transition:color var(--transition-fast);white-space:nowrap}.dropdown-option:hover .company-info{color:#fff;color:var(--background-secondary)}.company-display{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff,#f1f3f4);background:linear-gradient(135deg,var(--background-secondary) 0,var(--background-tertiary) 100%);border:2px solid #e0e0e0;border:2px solid var(--border-color);border-radius:16px;border-radius:var(--border-radius-lg);box-shadow:0 8px 24px #00000026;box-shadow:0 8px 24px var(--shadow-medium);display:flex;flex-direction:column;margin:24px 0;padding:28px;position:relative;width:70%}.company-display:before{animation:rotate 10s linear infinite;background:conic-gradient(from 0deg,#0000,#997a8d1a,#0000);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}.company-logo{background:#fff;background:var(--background-secondary);border:4px solid #997a8d;border:4px solid var(--button-bg);border-radius:50%;box-shadow:0 12px 32px #00000026;box-shadow:0 12px 32px var(--shadow-medium);height:110px;margin-bottom:20px;object-fit:cover;transition:all .3s ease;transition:all var(--transition-medium);width:110px}.company-logo:hover{border-color:#9b778e;border-color:var(--button-hover-bg);box-shadow:0 16px 40px #00000026;box-shadow:0 16px 40px var(--shadow-medium);transform:scale(1.1) rotate(5deg)}.company-name{color:#333;color:var(--text-primary);font-size:1.2rem;letter-spacing:.5px;text-align:center;text-shadow:0 2px 4px #00000014;text-shadow:0 2px 4px var(--shadow-light)}.options{display:flex;flex-direction:column;flex-grow:1;gap:12px;list-style:none;margin-top:24px;padding:0;width:85%}.options li{margin-bottom:10px}.sidebar-link{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(135deg,#fff,#f1f3f4);background:linear-gradient(135deg,var(--background-secondary) 0,var(--background-tertiary) 100%);border:2px solid #0000;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 12px #00000014;box-shadow:0 4px 12px var(--shadow-light);color:#333;color:var(--text-primary);display:flex;font-weight:600;gap:12px;padding:16px 20px;position:relative;text-decoration:none;width:100%}.sidebar-icon,.sidebar-link{transition:all .2s ease;transition:all var(--transition-fast)}.sidebar-icon{color:#997a8d;color:var(--button-bg);filter:drop-shadow(0 2px 4px rgba(0,0,0,.08));filter:drop-shadow(0 2px 4px var(--shadow-light));font-size:20px;min-width:24px}.sidebar-link span{flex:1 1;font-weight:500}.sidebar-link.disabled{background:#ffffff05;color:#666;cursor:not-allowed;opacity:.6}.sidebar-link.disabled:hover{border-color:#0000;box-shadow:none;transform:none}.sidebar-link.disabled .sidebar-icon{color:#666}.sidebar-link:before{background:linear-gradient(135deg,#997a8d,#9b778e);background:linear-gradient(135deg,var(--button-bg),var(--button-hover-bg));content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;transition:left var(--transition-medium);width:100%;z-index:-1}.sidebar-link:hover:before{left:0}.sidebar-link:hover{border-color:#997a8d;border-color:var(--button-bg);box-shadow:0 8px 24px #997a8d66;color:#fff;color:var(--background-secondary);transform:translateX(10px)}.sidebar-link:hover .sidebar-icon{color:#fff;color:var(--background-secondary);transform:scale(1.1)}.signout-btn{align-items:center;background:linear-gradient(135deg,#dc3545,#dc2626);background:linear-gradient(135deg,var(--error-color) 0,#dc2626 100%);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 6px 20px #00000026;box-shadow:0 6px 20px var(--shadow-medium);color:#fff;color:var(--background-secondary);cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;gap:12px;justify-content:center;letter-spacing:.5px;overflow:hidden;padding:16px;position:relative;text-transform:uppercase;transition:all .2s ease;transition:all var(--transition-fast);width:100%}.signout-btn:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;transition:all var(--transition-medium);width:0}.signout-btn:hover:before{height:300px;width:300px}.signout-btn:hover{border-color:#fff;border-color:var(--background-secondary);box-shadow:0 12px 30px #dc262680;transform:translateY(-3px)}.signout-btn:hover .sidebar-icon{transform:scale(1.1) rotate(5deg)}.signout-btn:active{transform:translateY(0)}.alert{border-radius:12px;border-radius:var(--border-radius);font-weight:500;margin:16px 24px;padding:12px 16px}.alert-danger{background:linear-gradient(135deg,#ef44441a,#dc26261a);border:1px solid #ef44444d;color:#fca5a5}@media (max-width:768px){.sidebar-container{min-width:320px;width:320px}.sidebar-menu{min-width:320px}.greeting{padding:12px}.greeting,.greeting-text{font-size:1rem}.greeting-time{font-size:.8rem}.company-logo{height:90px;width:90px}.sidebar-link{font-size:.95rem;padding:14px 16px}.dropdown-toggle{padding:14px}.dropdown-logo{height:40px;width:40px}}@media (max-width:480px){.sidebar-container{min-width:280px;width:280px}.sidebar-menu{min-width:280px;padding:16px}.company-display{padding:20px}.greeting{padding:10px}.greeting-text{font-size:.9rem}.greeting-time{font-size:.75rem}.company-logo{height:80px;width:80px}.sidebar-link{font-size:.9rem;padding:12px 14px}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.loading-skeleton{animation:loading 1.5s infinite;background:linear-gradient(90deg,#ffffff1a 25%,#fff3 50%,#ffffff1a 75%);background-size:200% 100%}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:768px){.sidebar-container{min-width:300px;width:300px}.sidebar-menu{min-width:300px}}.orders-card{background:linear-gradient(90deg,#b39eb9,silver);border-radius:10px;box-shadow:0 4px 6px #0000001a;color:#fff;display:flex;flex-direction:column;height:auto;min-height:180px;padding:12px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.orders-card:hover{box-shadow:0 8px 15px #0003;transform:translateY(-5px)}.orders-card h4{flex-shrink:0;font-size:16px;font-weight:600;margin:0 0 10px;opacity:.9}.orders-details{align-items:center;display:flex;flex-direction:column;gap:6px;height:auto;justify-content:center}.total-orders{font-size:28px;font-weight:700;margin:0;text-shadow:0 2px 4px #0000004d}.order-breakdown{display:flex;flex-direction:column;flex-shrink:0;font-size:11px;gap:3px;opacity:.9}.breakdown-item{background:#ffffff1a;border-radius:12px;font-weight:500;padding:2px 8px}.today-date{flex-shrink:0;margin-bottom:3px}.date-text{font-size:11px;font-weight:500;margin:0;opacity:.8}.product-names{flex-shrink:0;width:100%}.product-names-title{font-size:10px;font-weight:600;margin:0 0 3px;opacity:.9;text-align:center}.products-container{display:flex;flex-wrap:wrap;gap:4px;justify-content:center}.product-item{background:#ffffff26;border-radius:8px;font-size:10px;font-weight:500;opacity:.9;padding:2px 6px}.no-products-message{background:#ffffff1a;border-radius:6px;font-size:9px;font-style:italic;font-weight:500;margin:0 auto;opacity:.7;padding:2px 6px;text-align:center;width:-webkit-fit-content;width:fit-content}.orders-animated{animation:fadeInUp .6s ease-out}@media (max-width:1200px){.orders-card{min-height:160px;padding:10px}.total-orders{font-size:26px}.orders-card h4{font-size:15px}.date-text,.order-breakdown{font-size:10px}.product-names-title{font-size:9px}.product-item{font-size:9px;padding:2px 5px}.no-products-message{font-size:8px;padding:2px 5px}}@media (max-width:992px){.orders-card{min-height:140px;padding:8px}.total-orders{font-size:24px}.orders-card h4{font-size:14px}.order-breakdown{font-size:9px;gap:2px}.breakdown-item{padding:1px 6px}.date-text{font-size:9px}.product-names-title{font-size:8px}.product-item{font-size:8px;padding:1px 4px}.no-products-message{font-size:7px;padding:2px 4px}}@media (max-width:768px){.orders-card{min-height:120px;padding:8px}.total-orders{font-size:22px}.orders-card h4{font-size:13px;margin-bottom:8px}.order-breakdown{font-size:8px}.breakdown-item{padding:1px 5px}.date-text{font-size:8px}.product-names-title{font-size:8px;margin-bottom:2px}.product-item{font-size:7px;padding:1px 3px}.no-products-message{font-size:7px;padding:2px 3px}}@media (max-width:576px){.orders-card{border-radius:8px;min-height:100px;padding:6px}.total-orders{font-size:20px}.orders-card h4{font-size:12px;margin-bottom:6px}.orders-details{gap:4px}.order-breakdown{font-size:7px;gap:1px}.breakdown-item{border-radius:10px;padding:1px 4px}.date-text{font-size:7px}.product-names-title{font-size:7px;margin-bottom:2px}.product-item{border-radius:6px;font-size:6px;padding:1px 2px}.no-products-message{border-radius:4px;font-size:6px;padding:1px 3px}.products-container{gap:2px}}@media (max-width:360px){.orders-card{border-radius:6px;min-height:90px;padding:5px}.total-orders{font-size:18px}.orders-card h4{font-size:11px;margin-bottom:5px}.orders-details{gap:3px}.order-breakdown{font-size:6px}.breakdown-item{border-radius:8px;padding:1px 3px}.date-text{font-size:6px}.product-names-title{font-size:6px;margin-bottom:1px}.product-item{border-radius:5px;font-size:5px;padding:1px 2px}.no-products-message{border-radius:3px;font-size:5px;padding:1px 2px}.products-container{gap:1px}}.revenue-card{background:linear-gradient(90deg,#b39eb9,silver);border-radius:20px;box-shadow:0 0 30px #3b82f64d,0 0 60px #3b82f61a,inset 0 0 20px #ffffff0d;box-sizing:border-box;height:350px;margin:0 auto;max-width:700px;overflow:hidden;padding:1rem 1rem 4em;position:relative;transition:all .3s ease;width:100%}.revenue-card:before{animation:rotate 20s linear infinite;background:radial-gradient(circle at 30% 30%,#3b82f61a 0,#0000 50%),radial-gradient(circle at 70% 70%,#22c55e1a 0,#0000 50%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.revenue-card h4{color:#524e4e;font-size:1.6rem;font-weight:700;letter-spacing:1px;margin-bottom:0;text-align:center;text-shadow:0 0 10px #3b82f680}.revenue-subtitle{color:#fff;font-size:.95rem;margin-bottom:0;text-align:center;text-shadow:0 0 5px #94a3b84d}.chartt-container{align-items:center;display:flex;height:320px;justify-content:center;margin-top:-30px;width:100%}.loading-container,.no-data-container{align-items:center;color:#6b7280;display:flex;font-size:1rem;height:360px;justify-content:center}.recharts-legend-item-text{color:#374151!important;display:none!important;font-size:8px!important}.recharts-legend-item{display:none!important;margin:1px!important;padding:2px 4px!important}.recharts-legend-item,.recharts-legend-wrapper{background-color:initial!important;font-size:8px!important}.recharts-legend-wrapper{padding:4px!important;transform:translateY(-10px)!important}.recharts-default-legend{background-color:initial!important;display:none!important}ul.recharts-default-legend{display:none!important}.recharts-legend-item-marker{display:none!important;height:8px!important;margin-right:4px!important;width:8px!important}path.recharts-legend-icon{display:none!important}.recharts-surface{border:none!important;outline:none!important}.recharts-surface,.recharts-wrapper{height:250px!important;max-height:250px!important}.recharts-bar-rectangle{animation:pulse 2s ease-in-out infinite!important;filter:drop-shadow(0 0 10px rgba(0,247,255,.521)) drop-shadow(0 0 20px rgba(0,255,242,.356)) drop-shadow(2px 2px 4px rgba(41,41,41,.5))!important}.recharts-bar,.recharts-bar-rect{filter:drop-shadow(0 0 15px currentColor) drop-shadow(0 0 30px currentColor) drop-shadow(5px 5px 10px rgba(0,0,0,.5))!important}.recharts-bar-rect{opacity:.95!important}.recharts-label-list text{fill:#fff!important;background:none!important;font-weight:700!important;text-shadow:0 0 5px #fff,0 0 10px currentColor,0 0 20px currentColor!important}@media (max-width:992px){.revenue-card{max-width:100%;padding:1.2rem}.chartt-container{height:260px}.revenue-card h2{font-size:1.4rem}}@media (max-width:768px){.revenue-card{border-radius:15px;padding:1rem}.chartt-container{height:240px}.revenue-card h2{font-size:1.3rem}.revenue-subtitle{font-size:.9rem}}@media (max-width:480px){.revenue-card{padding:.8rem}.chartt-container{height:220px}.revenue-card h2{font-size:1.2rem}.revenue-subtitle{font-size:.85rem}.recharts-label-list text{font-size:8px!important}}.total-spent{background:linear-gradient(90deg,#b39eb9,silver);border-radius:14px;box-shadow:0 4px 12px #0000000f;box-sizing:border-box;display:flex;flex-direction:column;gap:.5rem;height:100%;margin:0;max-width:100%;width:100%}.total-spent-header{display:flex;gap:.5rem;justify-content:center;margin-bottom:.5rem}.total-spent-content{align-items:center;display:flex;flex-direction:column;gap:.25rem;min-height:auto;padding:.5rem 0}.month-button{align-items:center;background-color:#f3f4f6;border-radius:.5rem;color:#374151;display:flex;font-size:.95rem;gap:.5rem;padding:.5rem .75rem;transition:background-color .2s ease}.month-button:hover{background-color:#e5e7eb}.icon-button{background-color:#f3f4f6;border-radius:.5rem;color:#3b82f6;padding:.5rem;transition:background-color .2s ease}.icon-button:hover{background-color:#e5e7eb}.icon-bar{display:block;height:1.5rem;position:relative;width:1.5rem}.bar{background-color:#3b82f6;border-radius:2px;position:absolute;width:.25rem}.bar1{height:1rem;left:0;top:.25rem}.bar2{height:.5rem;left:.5rem;top:.75rem}.bar3{height:.75rem;left:1rem;top:.5rem}.text-3xl{color:#374151;font-size:1.5rem;font-weight:700;margin:0}.total-spent-content>p:nth-child(2){color:#374151;font-size:.9rem;margin:0}.change{align-items:center;display:flex;margin-top:.1rem}.text-green-500{color:#22c55e;font-size:.8rem;font-weight:600;margin-left:.25rem}.no-data{color:#374151;font-size:1rem}.export-buttons{display:flex;gap:.3rem;margin-top:.3rem}.export-buttons button{background-color:#3b82f6;border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-size:.75rem;padding:.25rem .5rem;transition:background-color .2s}.export-buttons button:hover{background-color:#2563eb}.animated-widget{transition:transform .3s ease,box-shadow .3s ease}.animated-widget:hover{box-shadow:0 6px 16px #0000001a;transform:translateY(-4px)}.profit-breakdown{background:#ffffff1a;border-radius:6px;margin:8px 0;padding:6px 8px}.breakdown-item{align-items:center;color:#333;display:flex;font-size:.8rem;justify-content:space-between;padding:2px 0}.breakdown-item span{font-weight:500}@media (max-width:600px){.total-spent{max-width:100%;padding:1.2rem;width:100%}.text-3xl{font-size:1.3rem}.total-spent-content>p:nth-child(2){font-size:.8rem}.text-green-500{font-size:.7rem}.total-spent-header{flex-direction:column;gap:.3rem}.export-buttons{flex-direction:column;gap:.2rem}.export-buttons button,.icon-button,.month-button{font-size:.7rem;padding:.2rem .4rem}}.newwuser-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;height:100%;padding:20px;width:100%}.newwuser-card h4{color:#333;font-size:1.5rem;font-weight:600;margin-bottom:20px}.recent-customers-list{margin-top:20px}.recent-customers-list h5{color:#333;font-size:1.1rem;font-weight:600;margin-bottom:15px}.customers-grid{display:flex;flex-direction:column;gap:10px;max-height:200px;overflow-y:auto}.customer-item{background:#f8f9fa;border-left:4px solid #007bff;border-radius:8px;padding:12px;transition:all .2s ease}.customer-item:hover{background:#e9ecef;transform:translateX(4px)}.customer-name{font-size:.95rem;font-weight:600;margin-bottom:5px}.customer-details{color:#666;font-size:.8rem;justify-content:space-between}.customer-details span{background:#007bff1a;border-radius:4px;color:#007bff;padding:2px 6px}.customer-email{color:#888;font-size:.75rem;font-style:italic;margin-top:4px}.customers-grid::-webkit-scrollbar{width:4px}.customers-grid::-webkit-scrollbar-track{background:#f1f1f1;border-radius:2px}.customers-grid::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:2px}.customers-grid::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.staff-table{height:100%;margin:0}.staff-table h3{color:#333;font-size:1.5rem;font-weight:600;margin-bottom:20px}.staff-table-card{background:#fff;border-collapse:collapse;border-radius:8px;max-height:400px;overflow:hidden;overflow-y:auto;table-layout:fixed;width:100%}.staff-table-card td,.staff-table-card th{word-wrap:break-word;border-bottom:1px solid #f0f0f0;color:#333;font-size:.9rem;overflow-wrap:break-word;padding:12px 8px}.staff-table-card td:first-child,.staff-table-card th:first-child{width:20%}.staff-table-card td:nth-child(2),.staff-table-card th:nth-child(2){width:25%}.staff-table-card td:nth-child(3),.staff-table-card th:nth-child(3){width:15%}.staff-table-card td:nth-child(4),.staff-table-card td:nth-child(5),.staff-table-card th:nth-child(4),.staff-table-card th:nth-child(5){width:20%}.staff-table-card th{background:#f8f9fa;border-bottom:2px solid #dee2e6;color:#333;font-size:.9rem;font-weight:600;padding:12px 8px;text-align:left}.staff-table-card td{color:#374151;font-weight:500}.staff-table-card tr:last-child td{border-bottom:none}.staff-table-card tr:hover{background-color:#f8f9fa}.status-badge{font-size:.8rem}.status-badge.active{background-color:#d4edda}.status-badge.inactive{background-color:#f8d7da;color:#721c24}.staff-table{transition:transform .3s ease,box-shadow .3s ease}.staff-table:hover{box-shadow:0 6px 16px #0000001a;transform:translateY(-4px)}.staff-table p,.staff-table-card td[colSpan="5"]{color:#374151;font-size:.875rem;font-weight:500;padding:1.5rem;text-align:center}@media (max-width:800px){.staff-table{max-width:100%;padding:1.2rem;width:100%}.staff-table h3{font-size:1.1rem}.staff-table-card{display:block;min-width:0;min-width:auto;width:100%}.staff-table-card thead{display:none}.staff-table-card tbody,.staff-table-card tr{display:block}.staff-table-card tr{background:#fff;border-bottom:2px solid #e5e7eb;border-radius:4px;box-shadow:0 2px 4px #0000001a;margin-bottom:1rem;padding:.75rem}.staff-table-card td{border-bottom:none;display:block;font-size:.8rem;padding:.5rem .75rem .5rem 50%;position:relative;text-align:right}.staff-table-card td:before{color:#374151;content:attr(data-label);font-weight:600;left:.75rem;position:absolute;text-transform:uppercase}.staff-table-card td:last-child{border-bottom:none}}@media (max-width:480px){.staff-table{padding:.8rem}.staff-table h3{font-size:1rem}.staff-table-card td{font-size:.75rem;padding-left:40%}.staff-table-card td:before{font-size:.7rem}}.dark .staff-table{background:#2d3748;box-shadow:0 4px 12px #0003}.dark .staff-table h3{color:#e2e8f0}.dark .staff-table-card{background:#1a202c}.dark .staff-table-card th{background-color:#1a202c;color:#e2e8f0}.dark .staff-table-card td{color:#e2e8f0}.dark .staff-table-card tr{border-bottom:1px solid #4a5568}.dark .staff-table p,.dark .staff-table-card td[colSpan="5"]{color:#e2e8f0}.table-wrapper::-webkit-scrollbar{height:6px;width:6px}.table-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.table-wrapper::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.table-wrapper::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.customers-page{box-sizing:border-box;margin:0 auto;max-width:100%;overflow-x:hidden;padding:15px;width:100%}.page-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff}.page-header h1{font-size:1.8rem;font-weight:600;margin:0 0 10px}.page-header p{font-size:.95rem;opacity:.9}.stats-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:30px;width:100%}.stat-card{border:1px solid #e0e0e0;border-left:4px solid #667eea;border-radius:12px;box-shadow:0 4px 6px #0000001a;box-sizing:border-box;width:100%}.stat-card h3{font-size:1rem;font-weight:600}.stat-number{color:#333;font-size:2.5rem;margin:0}.charts-section{grid-gap:30px;gap:30px;grid-template-columns:1fr 1fr;margin-bottom:30px}.chart-container{padding:25px}.chart-container h3{font-size:1.2rem}.filters-section{align-items:center;border-radius:12px;box-shadow:0 4px 6px #0000001a;gap:20px;margin-bottom:30px;padding:25px}.search-box{flex:1 1;min-width:300px}.search-input{border:2px solid #e1e5e9;border-radius:8px;font-size:1rem;padding:12px 16px;transition:border-color .3s ease;width:100%}.search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.filter-controls{display:flex;flex-wrap:wrap;gap:15px}.filter-select{background:#fff;border:2px solid #e1e5e9;border-radius:8px;cursor:pointer;font-size:1rem;padding:12px 16px;transition:border-color .3s ease}.filter-select:focus{border-color:#667eea;outline:none}.customers-section{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;min-height:600px;padding:25px}.customers-section h3{color:#333;font-size:1.5rem;font-weight:600;margin:0 0 25px}.customers-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));min-height:500px;width:100%}.customer-card{background:#f8f9fa;border-left:4px solid #007bff;border-radius:12px;box-shadow:0 2px 4px #0000000d;padding:20px;transition:all .3s ease}.customer-card:hover{background:#e9ecef;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.customer-header{align-items:center;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:10px}.customer-name{color:#333;font-size:1.1rem;font-weight:700;margin:0}.customer-id{background:#007bff1a;border-radius:6px;color:#007bff;font-size:.8rem;font-weight:600;padding:4px 8px}.customer-details{display:flex;flex-direction:column;gap:8px}.detail-item{align-items:center;display:flex;justify-content:space-between;padding:4px 0}.detail-item .label{color:#666;font-size:.9rem;font-weight:600}.detail-item .value{color:#333;font-size:.9rem;max-width:60%;text-align:right;word-break:break-word}.loading{font-size:1.1rem}.no-results{color:#666;padding:40px;text-align:center}.no-results p{font-size:1.1rem;margin:0}@media (max-width:768px){.charts-section{grid-template-columns:1fr}.filters-section{align-items:stretch;flex-direction:column}.search-box{min-width:auto}.filter-controls{justify-content:center}.customers-grid{grid-template-columns:1fr}.customer-header{gap:10px}.customer-header,.detail-item{align-items:flex-start;flex-direction:column}.detail-item{gap:4px}.detail-item .value{max-width:100%;text-align:left}}@media (max-width:1200px){.customers-page{padding:10px}.page-header{padding:12px}.page-header h1{font-size:1.5rem}}@media (max-width:768px){.customers-page{padding:8px}.stats-grid{gap:10px;grid-template-columns:1fr}.stat-card{padding:15px}.customers-grid{gap:10px;grid-template-columns:1fr}.chart-container{padding:15px}.page-header h1{font-size:1.3rem}.page-header p{font-size:.9rem}}@media (max-width:480px){.customers-page{padding:5px}.page-header{padding:10px}.page-header h1{font-size:1.2rem}.stat-card{padding:12px}.customer-card{padding:15px}}.new-customers-section{background:linear-gradient(135deg,#e8f5e8,#f0f8f0);border:2px solid #4caf50;border-radius:12px;margin-bottom:30px;min-height:400px;padding:20px}.new-customers-section h3{color:#2e7d32;font-size:1.3rem;font-weight:600;margin-bottom:15px}.new-customers-section .customer-card{background:#fff;border:2px solid #4caf50;box-shadow:0 4px 8px #4caf5033}.pie-chart-container{border-radius:10px;box-shadow:0 2px 12px #0000000d;padding:1rem;width:100%}.pie-chart-card{background:#fff;border-radius:10px;box-shadow:0 4px 12px #0000000f;box-sizing:border-box;display:flex;flex-direction:column;gap:1.2rem;height:100%;min-height:350px;padding:1.8rem;width:100%}.pie-chart-header{align-items:center;display:flex;justify-content:space-between}.pie-chart-header h4{color:#374151;font-size:1.3rem;margin:0}.pie-chart-header select{background-color:#f9fafb;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;padding:.5rem 1rem}.pie-chart-graph{height:180px;margin:-40px auto 0;position:relative;width:80%}.apexcharts-legend{grid-gap:2px 12px!important;display:grid!important;gap:2px 12px!important;grid-template-columns:1fr 1fr!important;margin-top:10px!important;max-width:100%;overflow:visible!important;padding:10px 0;padding-left:30px!important;padding-right:30px!important}.apexcharts-legend-series{align-items:center!important;display:flex!important;gap:8px!important;justify-content:flex-start!important;margin-bottom:4px!important;margin-top:0!important;min-width:120px!important;padding:6px 12px!important;transform:translateY(0)!important}.apexcharts-legend-series:first-child,.apexcharts-legend-series:nth-child(2){justify-content:flex-start!important;margin-right:auto!important;padding-left:10px!important}.apexcharts-legend-series:first-child{background:#ff63840d!important;border-radius:6px!important;padding:4px 10px!important}.apexcharts-legend-series:nth-child(2){background:#ffce560d!important;border-radius:6px!important;padding:4px 10px!important}.apexcharts-legend-series:nth-child(3),.apexcharts-legend-series:nth-child(4){justify-content:flex-start!important;margin-left:auto!important;padding-right:10px!important}.apexcharts-legend-marker{height:12px!important;margin-right:8px!important;width:12px!important}.apexcharts-legend-text{color:#374151!important;font-size:14px!important;line-height:1.4!important;margin-left:4px!important}@media (max-width:1024px){.pie-chart-card{padding:1.5rem}.pie-chart-graph{height:160px;margin:-15px auto 0;width:75%}.pie-chart-header h4{font-size:1.2rem}.apexcharts-legend-text{font-size:12px!important}}@media (max-width:768px){.pie-chart-container{padding:.8rem}.pie-chart-card{padding:1.2rem}.pie-chart-graph{height:150px;margin:-10px auto 0;width:70%}.pie-chart-header h4{font-size:1.1rem}.pie-chart-header select{font-size:.9rem;padding:.4rem .8rem}.apexcharts-legend-text{font-size:10px!important}}.activity-container{background:linear-gradient(90deg,#b39eb9,silver);border-radius:12px;box-shadow:0 4px 6px #0000001a;height:100%;overflow:hidden;padding:20px}.activity-container h2{color:#333;font-size:1.5rem;font-weight:600;margin-bottom:20px}.activity-container ul{list-style:none;margin:0;max-height:400px;overflow-y:auto;padding:0}.activity-item{align-items:flex-start;border-bottom:1px solid #f0f0f0;display:flex;padding:12px 0;transition:background-color .2s ease}.activity-item:hover{background-color:#f8f9fa;border-radius:8px;padding-left:8px;padding-right:8px}.activity-item:last-child{border-bottom:none}.activity-icon{flex-shrink:0;font-size:1.5rem;margin-right:12px;margin-top:2px}.activity-content{display:flex;flex:1 1;flex-direction:column;gap:4px}.activity-text{color:#333;font-size:.9rem;font-weight:500;line-height:1.4}.timestamp{color:#666;font-size:.8rem}.loading,.timestamp{font-style:italic}.activity-container ul::-webkit-scrollbar{width:6px}.activity-container ul::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.activity-container ul::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.activity-container ul::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.upcoming-tasks-container{background:#fff;border-radius:14px;box-shadow:0 4px 12px #0000000f;box-sizing:border-box;display:flex;flex-direction:column;gap:1.2rem;height:90%;margin:0;max-width:100%;overflow-y:auto;padding:1.8rem;width:100%}.tasks-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.tasks-header h4{color:#374151;flex:1 1;font-size:1.3rem;font-weight:600;margin:0;text-align:center}.add-task-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.add-task-btn:hover{box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.add-task-form{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-direction:column;gap:.8rem;margin-bottom:1rem;padding:1rem}.add-task-form input,.add-task-form select,.add-task-form textarea{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;padding:.75rem}.add-task-form textarea{min-height:80px;resize:vertical}.form-row{display:flex;gap:.8rem}.form-row input,.form-row select{flex:1 1}.submit-task-btn{background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem;transition:background-color .3s ease}.submit-task-btn:hover{background:#059669}.tasks-list{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:.8rem;overflow-y:auto}.task-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;max-width:500px;padding:1rem;text-align:center;transition:all .3s ease;width:100%}.task-item.completed{background:#f0fdf4;border-color:#bbf7d0;opacity:.8}.task-item.completed .task-title{color:#6b7280;text-decoration:line-through}.task-item:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.task-header{align-items:flex-start;display:flex;flex-direction:column;gap:.5rem;justify-content:space-between;margin-bottom:.5rem;text-align:center}.task-badges{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.task-title{color:#374151;flex:1 1;font-size:1rem;font-weight:600;margin:0 .5rem 0 0}.priority-badge{border-radius:12px;text-transform:uppercase}.priority-badge,.status-badge{color:#fff;font-size:.75rem;font-weight:500;padding:.25rem .5rem;white-space:nowrap}.status-badge.completed{background-color:#10b981}.task-description{color:#6b7280;font-size:.9rem;line-height:1.4;margin:0 0 .8rem}.task-footer{align-items:center;display:flex;flex-direction:column;gap:.5rem;justify-content:space-between;text-align:center}.task-actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.task-date{color:#9ca3af;font-size:.8rem;font-weight:500}.delete-task-btn{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;margin-top:.5rem;min-width:80px;padding:.5rem 1rem;transition:all .3s ease}.delete-task-btn:hover{background:#dc2626;box-shadow:0 2px 4px #0003;transform:translateY(-1px)}.complete-task-btn{background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;margin-top:.5rem;min-width:80px;padding:.5rem 1rem;transition:all .3s ease}.complete-task-btn:hover{background:#059669;box-shadow:0 2px 4px #0003;transform:translateY(-1px)}.no-tasks{color:#9ca3af;font-size:1.1rem;font-style:italic}.no-tasks,.tasks-list p{margin:2rem 0;text-align:center}.tasks-list p{color:#6b7280;font-size:1rem}@media (max-width:768px){.upcoming-tasks-container{padding:1rem}.tasks-header{align-items:flex-start;gap:.5rem}.form-row,.tasks-header{flex-direction:column}.task-footer,.task-header{flex-direction:column;gap:.5rem}.task-footer{align-items:flex-start}}.task-item{animation:fadeInUp .4s ease-out}.staff-messages-container{background:#f8f9fa;margin:0 auto;max-width:800px;min-height:100vh;padding:20px}.messages-header{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin-bottom:20px;padding:20px}.messages-header h2{color:#333;margin:0}.message-stats{align-items:center;display:flex;gap:15px}.unread-count{background:#dc3545;border-radius:20px;color:#fff;font-size:14px;font-weight:700;padding:5px 12px}.mark-all-read-btn{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .3s}.mark-all-read-btn:hover{background:#0056b3}.no-messages{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:40px;text-align:center}.no-messages p{color:#666;font-size:16px;margin:0}.messages-list{display:flex;flex-direction:column;gap:15px}.message-item{background:#fff;border-left:4px solid #e9ecef;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;transition:all .3s ease}.message-item.unread{background:#f8f9ff;border-left-color:#007bff}.message-item:hover{box-shadow:0 4px 8px #00000026}.message-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.sender-info{display:flex;flex-direction:column;gap:5px}.sender-info strong{color:#333;font-size:16px}.message-time{color:#666;font-size:12px}.mark-read-btn{background:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;transition:background-color .3s}.mark-read-btn:hover{background:#218838}.message-content{color:#333;line-height:1.6;margin-bottom:10px;white-space:pre-wrap}.read-status{align-items:center;color:#28a745;display:flex;font-size:12px;font-weight:700;gap:5px}.loading{font-size:16px;padding:40px}@media (max-width:768px){.staff-messages-container{padding:10px}.messages-header{gap:15px}.message-header,.messages-header{align-items:flex-start;flex-direction:column}.message-header{gap:10px}}:root{--background-primary:#f8f9fa;--background-secondary:#fff;--background-tertiary:#f1f3f4;--text-primary:#333;--text-secondary:#666;--accent-color:#997a8d;--success-color:#28a745;--warning-color:#ffc107;--error-color:#dc3545;--border-color:#e0e0e0;--shadow-light:#00000014;--shadow-medium:#00000026;--shadow-heavy:#00000040;--border-radius:12px;--border-radius-lg:16px;--transition-fast:0.2s ease;--transition-medium:0.3s ease;--transition-slow:0.5s ease}.object-fit-cover{object-fit:cover;object-position:center}.object-fit-contain{object-fit:contain;object-position:center}.object-fit-fill{object-fit:fill}.background-fit-cover{background-size:cover}.background-fit-contain,.background-fit-cover{background-position:50%;background-repeat:no-repeat}.background-fit-contain{background-size:contain}@keyframes bookFlip{0%{transform:rotateY(0deg)}to{transform:rotateY(180deg)}}@keyframes bookFlipReverse{0%{transform:rotateY(180deg)}to{transform:rotateY(0deg)}}@keyframes pageTurn{0%{transform:rotateY(0deg)}50%{transform:rotateY(90deg)}to{transform:rotateY(180deg)}}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes burst{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--x),var(--y)) scale(0)}}.container-shared{align-items:center;background:linear-gradient(135deg,#f8f9fa,#f1f3f4);background:linear-gradient(135deg,var(--background-primary) 0,var(--background-tertiary) 100%);background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;min-height:100vh;object-fit:cover;overflow:hidden;padding:2rem;position:relative}.container-shared:before{background:linear-gradient(45deg,#b39eb50d,#aa98a90d 50%,#997a8d0d);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.card-shared{animation:fadeInUp .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff,#f1f3f4);background:linear-gradient(135deg,var(--background-secondary) 0,var(--background-tertiary) 100%);background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:16px;border-radius:var(--border-radius-lg);box-shadow:0 20px 40px #00000040;box-shadow:0 20px 40px var(--shadow-heavy);max-width:1000px;object-fit:cover;padding:2.5rem;position:relative;width:100%}.card-shared:before{background:linear-gradient(90deg,#b39eb5,#997a8d);background:linear-gradient(90deg,var(--primary-color),var(--button-bg));border-radius:16px 16px 0 0;border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.title-shared{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#b39eb5,#997a8d);background:linear-gradient(135deg,var(--primary-color),var(--button-bg));-webkit-background-clip:text;background-clip:text;color:#333;color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:2rem;padding:1.5rem;position:relative;text-align:center}.title-shared:after{background:linear-gradient(90deg,#b39eb5,#997a8d);background:linear-gradient(90deg,var(--primary-color),var(--button-bg));border-radius:2px;bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.button-shared{background:linear-gradient(135deg,#997a8d,#9b778e);background:linear-gradient(135deg,var(--button-bg) 0,var(--button-hover-bg) 100%);border:none;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 12px #00000026;box-shadow:0 4px 12px var(--shadow-medium);color:#fff;color:var(--background-secondary);cursor:pointer;font-size:1rem;font-weight:600;overflow:hidden;padding:.875rem 1.75rem;position:relative;transition:all .2s ease;transition:all var(--transition-fast)}.button-shared:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;transition:left var(--transition-medium);width:100%}.button-shared:hover:before{left:100%}.button-shared:hover{box-shadow:0 8px 20px #00000040;box-shadow:0 8px 20px var(--shadow-heavy);transform:translateY(-2px)}.button-shared:active{transform:translateY(0)}.success-message{align-items:center;animation:slideInFromRight .5s ease-out;background:linear-gradient(135deg,#e6ffed,#d4edda);background:linear-gradient(135deg,var(--success-bg) 0,#d4edda 100%);border:1px solid #28a74533;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 12px #00000014;box-shadow:0 4px 12px var(--shadow-light);color:#28a745;color:var(--success-color);display:flex;font-weight:600;justify-content:center;margin-bottom:1.5rem;padding:1.25rem}.firecracker-overlay{border-radius:16px;border-radius:var(--border-radius-lg);height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.firecracker-particle{animation:burst 1.5s ease-out forwards;border-radius:50%;box-shadow:0 0 10px currentColor;height:12px;left:50%;position:absolute;top:50%;width:12px}.particle-1{--x:60px;--y:-60px;animation-delay:0s;background:#b39eb5;background:var(--primary-color)}.particle-2{--x:-60px;--y:-40px;animation-delay:.1s;background:#997a8d;background:var(--button-bg)}.particle-3{--x:50px;--y:50px;animation-delay:.2s;background:#997a8d;background:var(--accent-color)}.particle-4{--x:-40px;--y:60px;animation-delay:.3s;background:#aa98a9;background:var(--primary-hover)}.particle-5{--x:30px;--y:-50px;animation-delay:.4s;background:#9b778e;background:var(--button-hover-bg)}.book-page{padding:2.5rem}.book-page.flipping{animation:pageTurn .8s ease-in-out}.book-page.flipped{transform:rotateY(180deg)}.customer-form{animation:slideInFromLeft .6s ease-out;box-sizing:border-box;display:flex;flex-direction:column;gap:1.5rem;overflow-x:hidden}.customer-form .form-row{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;width:100%}.customer-form .form-row .form-group{margin-bottom:0}.customer-form .form-full-width{grid-column:1/-1}.form-group{margin-bottom:1.5rem;max-width:100%;overflow-x:hidden;position:relative;width:100%}.form-group label{color:#333;color:var(--text-primary);font-size:.95rem;margin-bottom:.5rem;position:relative}.form-group label:after{background:linear-gradient(90deg,#b39eb5,#997a8d);background:linear-gradient(90deg,var(--primary-color),var(--button-bg));bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .2s ease;transition:width var(--transition-fast);width:0}.form-group:focus-within label:after{width:100%}.form-control{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff;background:var(--background-secondary);border:2px solid #e0e0e0;border:2px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);box-sizing:border-box;color:#333;color:var(--text-primary);font-size:1rem;max-width:100%;padding:1rem 1.25rem;position:relative;transition:all .2s ease;transition:all var(--transition-fast);width:100%}.form-control:focus{background:#fff;background:var(--input-focus-bg);border-color:#997a8d;border-color:var(--button-bg);box-shadow:0 0 0 3px #997a8d1a;outline:none;transform:translateY(-1px)}.form-control::placeholder{color:#666;color:var(--text-secondary);opacity:.7}.customer-form-container textarea,.customer-form-container textarea.form-control,.customers-form textarea{-webkit-backdrop-filter:blur(5px)!important;backdrop-filter:blur(5px)!important;background:#fff!important;border:2px solid #d1d5db!important;border-radius:8px!important;box-sizing:border-box!important;color:#333!important;font-family:inherit!important;font-size:1rem!important;line-height:1.5!important;min-height:80px!important;padding:1rem 1.25rem!important;resize:vertical!important;transition:all .3s ease!important;width:100%!important}.customer-form-container textarea.form-control:focus,.customer-form-container textarea:focus,.customers-form textarea:focus{background:#fff!important;border-color:#997a8d!important;box-shadow:0 0 0 3px #997a8d1a!important;outline:none!important;transform:translateY(-1px)!important}.form-text{color:#666;color:var(--text-secondary);font-size:.85rem;font-style:italic;margin-top:.5rem}.submit-btn{background:linear-gradient(135deg,#997a8d,#9b778e);background:linear-gradient(135deg,var(--button-bg) 0,var(--button-hover-bg) 100%);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 6px 20px #00000026;box-shadow:0 6px 20px var(--shadow-medium);color:var(--background-secondary);font-size:1.1rem;font-weight:700;letter-spacing:.5px;margin-top:1rem;overflow:hidden;padding:1rem 2rem;position:relative;text-transform:uppercase;transition:all .2s ease;transition:all var(--transition-fast)}.submit-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;transition:left var(--transition-medium);width:100%}.submit-btn:hover:before{left:100%}.submit-btn:hover{box-shadow:0 12px 30px #00000040;box-shadow:0 12px 30px var(--shadow-heavy);transform:translateY(-3px)}.submit-btn:active{transform:translateY(-1px)}.customer-table{animation:slideInFromRight .6s ease-out;background:#fff;background:var(--background-secondary);border-collapse:initial;border-radius:16px;border-radius:var(--border-radius-lg);border-spacing:0;box-shadow:0 10px 30px #00000026;box-shadow:0 10px 30px var(--shadow-medium);overflow:visible;table-layout:fixed;width:100%}.customer-table th{word-wrap:break-word;background:linear-gradient(135deg,#997a8d,#9b778e);background:linear-gradient(135deg,var(--button-bg) 0,var(--button-hover-bg) 100%);color:#fff;color:var(--background-secondary);font-size:.9rem;font-weight:700;letter-spacing:.5px;padding:1rem .75rem;position:relative;text-align:left;text-transform:uppercase;white-space:nowrap}.customer-table th:after{background:linear-gradient(90deg,#b39eb5,#997a8d);background:linear-gradient(90deg,var(--primary-color),var(--accent-color));bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.customer-table td{word-wrap:break-word;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color);color:#333;color:var(--text-primary);-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;padding:.75rem;transition:background-color .2s ease;transition:background-color var(--transition-fast)}.customer-table tr:hover td{background:linear-gradient(135deg,#f1f3f4,#997a8d0d);background:linear-gradient(135deg,var(--background-tertiary) 0,#997a8d0d 100%)}.customer-table tr:last-child td{border-bottom:none}.customer-table td:first-child,.customer-table th:first-child{width:12%}.customer-table td:nth-child(2),.customer-table th:nth-child(2){width:15%}.customer-table td:nth-child(3),.customer-table th:nth-child(3){width:12%}.customer-table td:nth-child(4),.customer-table th:nth-child(4){width:18%}.customer-table td:nth-child(5),.customer-table th:nth-child(5){width:20%}.customer-table td:nth-child(6),.customer-table th:nth-child(6){width:12%}.customer-table td:nth-child(7),.customer-table th:nth-child(7){width:15%}.customer-table td:nth-child(8),.customer-table th:nth-child(8){width:10%}.customer-table td:nth-child(9),.customer-table th:nth-child(9){text-align:center;width:8%}.delete-btn,.edit-btn{border-radius:12px;border-radius:var(--border-radius);font-weight:600;letter-spacing:.5px;padding:.5rem 1rem;text-transform:uppercase;transition:all .2s ease;transition:all var(--transition-fast)}.edit-btn{background:linear-gradient(135deg,#ffc107,#e0a800);background:linear-gradient(135deg,var(--warning-color) 0,#e0a800 100%);color:var(--text-primary)}.edit-btn:hover{box-shadow:0 4px 12px #ffc1074d;transform:translateY(-2px)}.delete-btn{background:linear-gradient(135deg,#dc3545,#c82333);background:linear-gradient(135deg,var(--error-color) 0,#c82333 100%);color:var(--background-secondary)}.delete-btn:hover{box-shadow:0 4px 12px #dc35454d;transform:translateY(-2px)}.customer-select-container select{word-wrap:break-word;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff;background:var(--background-secondary);border:2px solid #e0e0e0;border:2px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);box-sizing:border-box;color:#333;color:var(--text-primary);cursor:pointer;font-size:1rem;max-width:100%;overflow-wrap:break-word;padding:1rem 1.25rem;transition:all .2s ease;transition:all var(--transition-fast);width:100%}.customer-select-container select:focus{background:#fff;background:var(--input-focus-bg);border-color:#997a8d;border-color:var(--button-bg);box-shadow:0 0 0 3px #997a8d1a;outline:none}@media (max-width:768px){.container-shared{padding:1rem}.book-page,.card-shared{margin:1rem;padding:1.5rem}.title-shared{font-size:1.5rem}.customer-table{font-size:.9rem}.customer-table td,.customer-table th{padding:.75rem .5rem}.form-control{padding:.875rem 1rem}.submit-btn{font-size:1rem;padding:.875rem 1.5rem}}@media (max-width:480px){.book-page,.card-shared{margin:.5rem;padding:1rem}.title-shared{font-size:1.25rem}.customer-table{font-size:.8rem}.delete-btn,.edit-btn{font-size:.8rem;padding:.375rem .75rem}}.manage-customers-container{align-items:center;background:linear-gradient(135deg,#f8f9fa,#f1f3f4);background:linear-gradient(135deg,var(--background-primary) 0,var(--background-tertiary) 100%);background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;min-height:100vh;object-fit:cover;overflow:hidden;padding:2rem;position:relative}@media (max-width:768px){.manage-customers-container{padding:70px 1rem 1rem}.book-page{margin-top:10px}}@media (max-width:480px){.manage-customers-container{padding:.5rem}}.manage-customers-container:before{background:linear-gradient(45deg,#b39eb50d,#aa98a90d 50%,#997a8d0d);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.manage-customers-header{align-items:center;animation:fadeInUp .8s ease-out;display:flex;justify-content:center;margin-bottom:2rem;max-width:1600px;position:relative;width:100%}.customer-back-btn{background:linear-gradient(135deg,#997a8d,#9b778e);background:linear-gradient(135deg,var(--button-bg) 0,var(--button-hover-bg) 100%);border:none;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 12px #00000026;box-shadow:0 4px 12px var(--shadow-medium);color:#fff;color:var(--background-secondary);cursor:pointer;font-size:.9rem;font-weight:600;left:2rem;letter-spacing:.3px;min-width:auto;overflow:hidden;padding:.5rem 1rem;position:fixed;text-transform:uppercase;top:2rem;transition:all .2s ease;transition:all var(--transition-fast);width:auto;z-index:100}@media (max-width:768px){.customer-back-btn{border-radius:6px;box-shadow:0 2px 8px #00000026;font-size:1rem;left:10px;min-width:32px;padding:6px 10px;position:fixed;top:10px;width:auto;z-index:1000}.customer-back-btn .button-text-full{display:none}.customer-back-btn .button-text-short{display:inline;font-size:1.1rem}.manage-customers-title{font-size:1.5rem;margin-left:0;margin-top:60px;text-align:center}.manage-customers-header{align-items:center;flex-direction:column;justify-content:flex-start;padding-top:20px;position:relative}}@media (min-width:769px){.customer-back-btn .button-text-full{display:inline}.customer-back-btn .button-text-short{display:none}}.customer-back-btn:before{background:#9b778e;content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;transition:left var(--transition-medium);width:100%}.customer-back-btn:hover:before{left:100%}.customer-back-btn:hover{box-shadow:0 8px 20px #00000040;box-shadow:0 8px 20px var(--shadow-heavy);transform:translateY(-2px)}.customer-back-btn:active{transform:translateY(0)}.manage-customers-title{-webkit-text-fill-color:#0000;animation:fadeInUp .8s ease-out;background:linear-gradient(135deg,#b39eb5,#997a8d);background:linear-gradient(135deg,var(--primary-color),var(--button-bg));-webkit-background-clip:text;background-clip:text;color:#333;color:var(--text-primary);font-size:2.5rem;font-weight:800;position:relative;text-align:center}.manage-customers-title:after{background:linear-gradient(90deg,#b39eb5,#997a8d);background:linear-gradient(90deg,var(--primary-color),var(--button-bg));border-radius:2px;bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:100px}@media (max-width:768px){.manage-customers-header{flex-direction:column;gap:1rem;margin-bottom:1.5rem}.back-button{font-size:.9rem;left:1rem;padding:.625rem 1.25rem;position:fixed;top:1rem}.manage-customers-title{font-size:2rem}}@media (max-width:480px){.manage-customers-header{margin-bottom:1rem}.back-button{font-size:.85rem;left:.5rem;padding:.5rem 1rem;position:fixed;top:.5rem}.manage-customers-title{font-size:1.5rem}}.flip-book-container{margin:0 auto;max-width:1600px;perspective:1000px;position:relative;width:100%}.flip-book-wrapper{align-items:center;display:flex;justify-content:center;min-height:600px;position:relative}.flip-book{box-shadow:0 20px 60px #00000040;box-shadow:0 20px 60px var(--shadow-heavy);overflow:hidden}.book-page,.flip-book{border-radius:16px;border-radius:var(--border-radius-lg)}.book-page{animation:fadeInUp .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff,#f1f3f4);background:linear-gradient(135deg,var(--background-secondary) 0,var(--background-tertiary) 100%);border:1px solid #e0e0e0;border:1px solid var(--border-color);box-shadow:0 20px 40px #00000040;box-shadow:0 20px 40px var(--shadow-heavy);display:flex;flex-direction:column;justify-content:flex-start;max-width:100%;min-height:700px;overflow-x:visible;padding:2rem;position:relative;transform-style:preserve-3d;transition:transform .3s ease;transition:transform var(--transition-medium)}@media (max-width:768px){.book-page{min-height:600px;padding:1.5rem}}@media (max-width:480px){.book-page{min-height:500px;padding:1rem}}.book-page:before{background:linear-gradient(90deg,#b39eb5,#997a8d);background:linear-gradient(90deg,var(--primary-color),var(--button-bg));border-radius:16px 16px 0 0;border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0;content:"";height:4px;top:0}.book-page:before,.nav-buttons{left:0;position:absolute;right:0}.nav-buttons{animation:fadeInUp 1s ease-out;display:flex;justify-content:space-between;padding:0 2rem;pointer-events:none;top:50%;transform:translateY(-50%);z-index:20}@media (max-width:768px){.nav-buttons{background:#fff;background:var(--background-secondary);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 12px #00000014;box-shadow:0 4px 12px var(--shadow-light);display:flex!important;flex-direction:row!important;gap:1rem;justify-content:center!important;margin-bottom:2rem;margin-top:2rem;padding:2rem 1rem 1rem;position:static!important;transform:none!important}.flip-book-container .nav-buttons{left:auto!important;position:relative!important;right:auto!important;top:auto!important}}.nav-button{background:linear-gradient(135deg,#997a8d,#9b778e);background:linear-gradient(135deg,var(--button-bg) 0,var(--button-hover-bg) 100%);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 6px 20px #00000026;box-shadow:0 6px 20px var(--shadow-medium);color:var(--background-secondary);font-weight:700;letter-spacing:.5px;min-width:-webkit-fit-content;min-width:fit-content;overflow:hidden;padding:1rem 2rem;pointer-events:auto;position:relative;text-transform:uppercase;transition:all .2s ease;transition:all var(--transition-fast)}.nav-button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;transition:left var(--transition-medium);width:100%}.nav-button:hover:before{left:100%}.nav-button:hover{box-shadow:0 12px 30px #00000040;box-shadow:0 12px 30px var(--shadow-heavy);transform:translateY(-3px)}.nav-button:active{transform:translateY(-1px)}.nav-button:disabled{cursor:not-allowed;opacity:.5}.nav-button:disabled,.nav-button:disabled:hover{box-shadow:0 2px 8px #00000014;box-shadow:0 2px 8px var(--shadow-light);transform:none}.page-indicator{animation:fadeInUp .6s ease-out;background:linear-gradient(135deg,#b39eb5,#997a8d);background:linear-gradient(135deg,var(--primary-color) 0,var(--button-bg) 100%);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 12px #00000026;box-shadow:0 4px 12px var(--shadow-medium);color:#fff;color:var(--background-secondary);font-size:.9rem;font-weight:600;min-width:120px;padding:.75rem 1.5rem;pointer-events:auto;text-align:center}.page-header{animation:fadeInUp .8s ease-out;border-bottom:2px solid #e0e0e0;border-bottom:2px solid var(--border-color);margin-bottom:2rem;padding-bottom:1rem;text-align:center}.page-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#b39eb5,#997a8d);background:linear-gradient(135deg,var(--primary-color),var(--button-bg));-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.page-header p{color:#666;color:var(--text-secondary);font-size:1rem;font-weight:500;margin:0}.page-number{animation:fadeInUp .8s ease-out;background:linear-gradient(135deg,#b39eb5,#997a8d);background:linear-gradient(135deg,var(--primary-color) 0,var(--button-bg) 100%);border-radius:12px;border-radius:var(--border-radius);bottom:1rem;box-shadow:0 4px 12px #00000026;box-shadow:0 4px 12px var(--shadow-medium);color:#fff;color:var(--background-secondary);font-size:.9rem;font-weight:600;padding:.5rem 1rem;position:absolute;right:2rem}.customer-form-container{animation:slideInFromLeft .6s ease-out}.customer-list-container{animation:slideInFromRight .6s ease-out;box-sizing:border-box;margin:0 auto 1rem;overflow-x:hidden;padding:0 1rem;width:100%}@media (max-width:768px){.customer-list-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:100%;padding:0 1rem;text-align:center;width:100%}.customer-list-container h3{margin:0 auto 1rem;text-align:center;width:100%}.table-responsive{align-items:center;display:flex;justify-content:center;margin:0 auto;max-width:100%;width:100%}.customer-table{margin:0 auto;max-width:90%;text-align:center;width:90%}.customer-table td,.customer-table th{padding:.75rem .5rem;text-align:center;vertical-align:middle}.customer-table td{margin-left:40%;padding-left:2rem;text-align:left}.customer-table th{font-weight:700;text-align:center}.book-page{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;margin:0 auto;max-width:100%;padding:1rem;width:100%}}.customer-form,.customer-list-container .table-responsive{margin:0;width:100%}.customer-form{max-width:100%;padding:0}.customer-form-container{box-sizing:border-box;overflow-x:hidden;width:100%}@media (max-width:768px){.customer-form{padding:0 .5rem}.customer-form-container{padding:0 1.5rem}.customer-form .form-row{gap:1rem;grid-template-columns:1fr}.form-group{margin-bottom:1rem}.form-control{padding:.75rem 1rem}.form-control,.form-group label{font-size:.9rem}.submit-btn{font-size:1rem;padding:.75rem 1.5rem}}@media (max-width:480px){.customer-form{padding:0 .25rem}.customer-form-container{padding:0 1rem}.form-control{padding:.5rem .75rem}.form-control,.form-group label{font-size:.85rem}.submit-btn{font-size:.9rem;padding:.5rem 1rem}}.customer-list-container h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#b39eb5,#997a8d);background:linear-gradient(135deg,var(--primary-color),var(--button-bg));-webkit-background-clip:text;background-clip:text;color:#333;color:var(--text-primary);font-size:1.75rem;font-weight:700;margin-bottom:2rem}.table-responsive{border-radius:16px;border-radius:var(--border-radius-lg);box-shadow:0 10px 30px #00000026;box-shadow:0 10px 30px var(--shadow-medium);overflow-x:auto;width:100%}@media (min-width:1200px){.table-responsive{overflow-x:visible}}@media (max-width:768px){.manage-customers-container{padding:1rem}.manage-customers-title{font-size:2rem}.book-page{min-height:500px;padding:1.5rem}.corner-flip{font-size:1rem;height:40px;width:40px}.nav-button{font-size:.9rem;min-width:100px;padding:.875rem 1.5rem}.customer-table{font-size:.85rem;margin:0 auto;max-width:100%;text-align:center;width:100%}.customer-table td,.customer-table th{padding:.75rem .5rem;text-align:center;vertical-align:middle}.manage-customers-container{flex-direction:column;justify-content:flex-start}.flip-book-container,.manage-customers-container{align-items:center;display:flex;max-width:100%;width:100%}.flip-book-container{justify-content:center}.customer-table td:first-child,.customer-table th:first-child{width:10%}.customer-table td:nth-child(2),.customer-table th:nth-child(2){width:12%}.customer-table td:nth-child(3),.customer-table th:nth-child(3){width:10%}.customer-table td:nth-child(4),.customer-table th:nth-child(4){width:15%}.customer-table td:nth-child(5),.customer-table th:nth-child(5){width:18%}.customer-table td:nth-child(6),.customer-table th:nth-child(6){width:10%}.customer-table td:nth-child(7),.customer-table th:nth-child(7){width:12%}.customer-table td:nth-child(8),.customer-table th:nth-child(8){width:8%}.customer-table td:nth-child(9),.customer-table th:nth-child(9){width:5%}}@media (max-width:480px){.manage-customers-title{font-size:1.5rem}.book-page{min-height:400px;padding:1rem}.corner-flip{font-size:.9rem;height:35px;width:35px}.nav-buttons{gap:.75rem;margin-top:1rem;padding:1.5rem .5rem 1rem}.nav-button{font-size:.8rem;min-width:80px;padding:.75rem 1rem}.customer-table{font-size:.75rem;margin:0 auto;text-align:center}.customer-table td,.customer-table th{padding:.25rem .1rem;text-align:center;vertical-align:middle}.customer-list-container{align-items:center;display:flex;flex-direction:column;padding:0 .5rem;width:100%}.table-responsive{display:flex;justify-content:center;max-width:100%;overflow-x:auto;width:100%}.delete-btn,.edit-btn{font-size:.7rem;margin-right:.25rem;padding:.25rem .5rem}}.manage-customers-container{composes:container-shared}.manage-customers-title{composes:title-shared}.flip-book-container{align-items:center;border-radius:.5rem;display:flex;justify-content:center;padding:1rem}.flip-book{background:#fff;margin:0 auto;pointer-events:none;z-index:1}.book-page{box-sizing:border-box;height:100%;overflow:auto;pointer-events:auto;width:100%;z-index:5}.corner-flip{background:#0000001a;bottom:0;cursor:pointer;height:50px;position:absolute;transition:background .3s ease;width:50px;z-index:20}.corner-flip:hover{background:#0000004d}.left-bottom{-webkit-clip-path:polygon(0 100%,100% 100%,0 0);clip-path:polygon(0 100%,100% 100%,0 0);left:0}.right-bottom{-webkit-clip-path:polygon(0 100%,100% 100%,100% 0);clip-path:polygon(0 100%,100% 100%,100% 0);right:0}.nav-buttons{padding:1.25rem;text-align:center}.nav-button{background-color:var(--nav-bg);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;margin:0 .625rem;padding:6px 12px;transition:background-color .3s ease}.nav-button:hover{background-color:var(--nav-hover)}.customer-form-container{composes:container-shared;margin:0 auto;max-width:1000px;padding:0 2rem}.customer-form-card{composes:card-shared;margin:0;max-width:100%;padding:10px 15px;z-index:10}.customers-form{display:flex;flex-direction:column;gap:1rem}.customers-form h3{color:#1f2937;font-size:18px;font-weight:600;margin-bottom:10px;text-align:center}.customers-form input{border:1px solid #d1d5db;border-radius:.5rem;font-size:13px;outline:none;padding:.75rem;transition:all .3s ease;width:100%;z-index:15}.customers-form input:focus{border-color:#93c5fd;box-shadow:0 0 0 2px #93c5fd80}.customers-form button{background-color:var(--save-bg);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:background-color .3s ease;z-index:15}.customers-form button:hover{background-color:var(--nav-hover)}.customer-list-container{composes:card-shared;margin:0;max-width:100%;padding:10px 15px;z-index:10}.customer-list-container h3{color:#1f2937;font-size:18px;font-weight:600;margin-bottom:10px;text-align:center}.customer-select-container{animation:slideInFromLeft .6s ease-out;box-sizing:border-box;margin:0 auto;max-width:1000px;overflow-x:hidden;padding:0 2rem;width:100%}.customer-select-container h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#b39eb5,#997a8d);background:linear-gradient(135deg,var(--primary-color),var(--button-bg));-webkit-background-clip:text;background-clip:text;color:#333;color:var(--text-primary);font-size:1.75rem;font-weight:700;margin-bottom:2rem;text-align:center}@media (max-width:768px){.customer-select-container{padding:0 .5rem}.customer-select-container h3{font-size:1.5rem;margin-bottom:1.5rem}.customer-select-container select{font-size:.9rem;padding:.75rem 1rem}}@media (max-width:480px){.customer-select-container{padding:0 .25rem}.customer-select-container h3{font-size:1.25rem;margin-bottom:1rem}.customer-select-container select{font-size:.85rem;padding:.5rem .75rem}}.edit-customer-section{animation:fadeInUp .5s ease;background:#fff;background:var(--background-secondary);border:2px solid #997a8d;border:2px solid var(--accent-color);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 6px #00000014;box-shadow:0 4px 6px var(--shadow-light);margin-top:2rem;padding:2rem}.edit-customer-section h3{border-bottom:2px solid #997a8d;border-bottom:2px solid var(--accent-color);color:#997a8d;color:var(--accent-color);font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:.5rem}.customer-details{background:#f1f3f4;background:var(--background-tertiary);border-left:4px solid #997a8d;border-left:4px solid var(--accent-color);border-radius:12px;border-radius:var(--border-radius);margin-bottom:2rem;padding:1.5rem}.customer-details p{color:#333;color:var(--text-primary);font-size:1rem;margin:.5rem 0}.customer-details strong{color:#997a8d;color:var(--accent-color);font-weight:600}.no-customer-selected{background:#f1f3f4;background:var(--background-tertiary);border:2px dashed #e0e0e0;border:2px dashed var(--border-color);border-radius:12px;border-radius:var(--border-radius);color:#666;color:var(--text-secondary);margin-top:2rem;padding:2rem;text-align:center}.no-customer-selected p{font-size:1.1rem;margin:0}.add-admin-form{background:linear-gradient(90deg,#997a8d,silver);border-radius:12px;box-shadow:0 4px 15px #00000014;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:15px auto;max-width:95%;overflow:hidden;padding:20px}.form-header{border-bottom:1px solid #ffffff4d;display:flex;flex-direction:column;gap:15px;margin-bottom:20px;padding-bottom:15px}.form-header-top{align-items:center;display:flex;justify-content:space-between;width:100%}.form-header-title{flex:1 1;text-align:center}.form-header .back-button{background:gray;border:none;border-radius:6px;color:#0a0a0a;cursor:pointer;font-size:14px;padding:8px 12px;transition:all .3s;white-space:nowrap}.form-header .back-button:hover{background-color:#6a6a6a;color:#fef8f8}.header-buttons{display:flex;gap:8px;justify-content:flex-end}.form-header .refresh-button{background:linear-gradient(90deg,#3498db,#2980b9);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 12px;transition:all .3s;white-space:nowrap}.form-header .refresh-button:hover:not(:disabled){background:linear-gradient(90deg,#2980b9,#1f5f8b);box-shadow:0 2px 8px #3498db4d;transform:translateY(-1px)}.form-header .refresh-button:disabled{background:#bdc3c7;box-shadow:none;cursor:not-allowed;transform:none}.add-admin-form h2{word-wrap:break-word;color:#2c3e50;font-size:22px;margin:0;text-align:center}.success-message{animation:fadeIn .3s ease-in;color:#155724;font-weight:500;text-align:center}.error-messages,.success-message{border-radius:6px;font-size:14px;margin-bottom:20px;padding:12px}.error-messages{background-color:#f8d7da;color:#721c24}.error-messages p{margin:5px 0}.form-container,.form-main-content{display:flex;flex-direction:column;gap:20px}.form-group{box-sizing:border-box;margin-bottom:18px;overflow:hidden}.form-group label{color:#34495e;font-size:14px;margin-bottom:8px}.form-group input,.form-group select{border:1px solid #dcdfe6;border-radius:8px;font-size:14px;padding:12px;transition:border-color .3s,box-shadow .3s}.form-group input:focus,.form-group select:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db33}.pass-group,.pass-input-container{position:relative}.pass-input-container input{padding-right:45px}.pass-toggle{background:none;border:none;color:#7f8c8d;cursor:pointer;font-size:16px;padding:6px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:color .2s;z-index:2}.pass-toggle:active,.pass-toggle:hover{color:#3498db}.pass-strength{display:flex;gap:4px;height:4px;margin-top:8px}.strength-bar{background:#ecf0f1;border-radius:2px;flex:1 1;transition:background .3s}.strength-bar.active{background:#2ecc71}.checkbox-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:15px}.sections-header{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.sections-header label{color:#2c3e50;font-size:15px;font-weight:600;margin-bottom:0}.section-controls{display:flex;gap:8px;justify-content:center}.select-all-btn,.select-none-btn{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:13px;font-weight:500;max-width:120px;padding:8px 16px;transition:all .3s}.select-all-btn{background:linear-gradient(90deg,#28a745,#20c997);color:#fff}.select-all-btn:hover{background:linear-gradient(90deg,#20c997,#17a2b8);box-shadow:0 2px 4px #28a7454d;transform:translateY(-1px)}.select-none-btn{background:linear-gradient(90deg,#6c757d,#5a6268);color:#fff}.select-none-btn:hover{background:linear-gradient(90deg,#5a6268,#495057);box-shadow:0 2px 4px #6c757d4d;transform:translateY(-1px)}.checkbox-group{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));max-height:400px;overflow-y:auto;padding:5px}.checkbox-label{word-wrap:break-word;align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:6px;color:#495057;cursor:pointer;display:flex;font-weight:500;gap:8px;min-width:0;overflow-wrap:break-word;padding:10px 12px;transition:all .3s ease}.checkbox-label:hover{background:#e3f2fd;border-color:#2196f3;box-shadow:0 2px 8px #2196f326;transform:translateY(-1px)}.checkbox-label input[type=checkbox]{accent-color:#2196f3;cursor:pointer;flex-shrink:0;height:16px;width:16px}.checkbox-label input[type=checkbox]:checked+span{color:#1976d2;font-weight:600}.checkbox-label span{word-wrap:break-word;flex:1 1;font-size:13px;line-height:1.3;min-width:0;overflow-wrap:break-word}.form-buttons{flex-direction:column;gap:12px;margin-top:15px}.submit-btn{align-items:center;background:linear-gradient(90deg,#997a8d,silver);border-radius:8px;display:flex;font-size:15px;gap:8px;justify-content:center;padding:14px;transition:all .3s}.submit-btn:active:not(:disabled),.submit-btn:hover:not(:disabled){background:linear-gradient(90deg,#f28279,#2573a7);box-shadow:0 4px 12px #2980b94d;transform:translateY(-2px)}.submit-btn:disabled{opacity:.8}.cancel-btn{background:linear-gradient(90deg,#e74c3c,#c0392b);border-radius:8px;display:flex;font-size:15px;font-weight:600;justify-content:center;padding:14px;transition:all .3s;width:100%}.cancel-btn:hover{background:linear-gradient(90deg,#c0392b,#a93226);box-shadow:0 4px 12px #e74c3c4d;transform:translateY(-2px)}.spinner{border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}.admin-list-section{border-top:1px solid #ffffff4d;margin-top:25px;padding-top:20px}.admin-list-section h3{color:#2c3e50;font-size:20px;margin-bottom:15px;text-align:center}.loading{color:#7f8c8d;font-size:14px}.no-admins{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;padding:25px;text-align:center}.no-admins p{color:#6c757d;font-size:14px;margin-bottom:15px}.retry-button{background:linear-gradient(90deg,#28a745,#20c997);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:10px 20px;transition:all .3s}.retry-button:hover{background:linear-gradient(90deg,#20c997,#17a2b8);box-shadow:0 2px 8px #28a7454d;transform:translateY(-1px)}.admin-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;margin-top:10px;overflow-x:auto}.admin-table{background:#fff;border-collapse:collapse;min-width:600px;width:100%}.admin-table td,.admin-table th{border-bottom:1px solid #ecf0f1;font-size:13px;padding:10px 12px;text-align:left}.admin-table th{color:#34495e;font-weight:600;position:-webkit-sticky;position:sticky;top:0}.admin-table th,.admin-table tr:hover{background:#f8f9fa}.section-list{list-style:disc;margin:0;max-height:80px;overflow-y:auto;padding-left:16px}.section-list li{color:#34495e;font-size:12px;margin:3px 0}.actions-cell{display:flex;gap:8px;justify-content:center}.action-btn{background:none;font-size:16px;padding:6px;transition:color .2s}.edit-btn{color:#3498db}.edit-btn:active,.edit-btn:hover{background:#3498db1a;color:#2573a7}.delete-btn{color:#e74c3c}.delete-btn:active,.delete-btn:hover{background:#e74c3c1a;color:#c0392b}@media (max-width:480px){.add-admin-form{border-radius:8px;margin:10px;max-width:100%;padding:15px}.form-header{gap:12px}.form-header-top{flex-direction:column;gap:10px}.form-header .back-button{align-self:flex-start;font-size:13px;padding:6px 10px}.header-buttons{justify-content:center;width:100%}.add-admin-form h2{font-size:18px}.form-group{margin-bottom:15px}.form-group label{font-size:13px}.form-group input,.form-group select{font-size:13px;padding:10px}.pass-toggle{font-size:14px;padding:4px;right:8px}.sections-header{gap:8px}.section-controls{width:100%}.select-all-btn,.select-none-btn{font-size:12px;max-width:none;padding:8px 12px}.checkbox-group{gap:6px;grid-template-columns:1fr;max-height:300px}.checkbox-label{font-size:12px;padding:8px 10px}.checkbox-label input[type=checkbox]{height:14px;width:14px}.form-buttons{gap:10px}.cancel-btn,.submit-btn{font-size:14px;padding:12px}.admin-list-section h3{font-size:18px}.admin-table td,.admin-table th{font-size:12px;padding:8px 10px}.actions-cell{gap:6px}.action-btn{font-size:14px;padding:5px}}@media (min-width:481px) and (max-width:768px){.add-admin-form{max-width:95%;padding:20px}.form-header{align-items:center}.form-header,.form-header-top{flex-direction:row}.header-buttons{justify-content:flex-end}.checkbox-group{gap:8px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.form-buttons{flex-direction:row}.submit-btn{flex:2 1}.cancel-btn{flex:1 1}.admin-table{min-width:500px}}@media (min-width:769px) and (max-width:1024px){.add-admin-form{max-width:90%;padding:25px}.form-header{align-items:center;flex-direction:row}.checkbox-group{gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.form-buttons{flex-direction:row;gap:15px}.admin-table-container{margin-top:15px}}@media (min-width:1025px){.add-admin-form{max-width:1200px;padding:30px}.form-header{align-items:center;flex-direction:row}.form-main-content{grid-gap:25px;display:grid;gap:25px;grid-template-columns:1fr 1fr}.checkbox-section,.form-buttons{grid-column:1/-1}.form-buttons{flex-direction:row;gap:20px}.checkbox-group{gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.admin-table-container{margin-top:20px}}@media (min-width:1440px){.add-admin-form{max-width:1400px}.form-main-content{gap:30px;grid-template-columns:1fr 1fr}.checkbox-group{gap:15px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}@media (max-height:500px) and (orientation:landscape){.add-admin-form{max-height:90vh;overflow-y:auto}.checkbox-group{max-height:200px}.admin-table-container{max-height:300px;overflow-y:auto}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.add-admin-form{border-width:.5px}}@media (prefers-reduced-motion:reduce){.action-btn,.cancel-btn,.checkbox-label,.submit-btn{transition:none}.spinner{animation:none}}@media (prefers-color-scheme:dark){.add-admin-form{background:linear-gradient(90deg,#2c3e50,#34495e)}.add-admin-form h2,.admin-list-section h3{color:#ecf0f1}.form-group label{color:#bdc3c7}.form-group input,.form-group select{color:#ecf0f1}.checkbox-section,.form-group input,.form-group select{background:#2c3e50;border-color:#34495e}.checkbox-label{background:#34495e;border-color:#4a6572;color:#bdc3c7}}@media print{.add-admin-form{background:#fff!important;box-shadow:none!important;color:#000!important}.actions-cell,.form-buttons,.form-header .back-button,.header-buttons{display:none!important}}:root{--primary-hover:#764ba2;--light-bg:#f9f5f8;--text-color:#3d2b3d;--border-color:#d3c3d8}.product-container{margin:0 auto;max-width:1200px;padding:20px}.product-header{border-bottom:1px solid #eee;margin-bottom:20px;padding-bottom:10px}.form-container{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px;padding:25px}.form-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.form-group label{color:#3d2b3d;color:var(--text-color);font-weight:600}.form-group input,.form-group select{border:1px solid #d3c3d8;font-size:16px}.form-group input:focus,.form-group select:focus{border-color:#b39eb5;box-shadow:0 0 0 2px #b39eb533}.error-message{margin-top:5px}.submit-btn{background:#b39eb5;background:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 20px;transition:background .3s;width:100%}.submit-btn:hover{background:#764ba2;background:var(--primary-hover)}.submit-btn:disabled{background:#bdc3c7;cursor:not-allowed}.product-table-container{background:#f9f5f8;background:var(--light-bg);border-radius:8px;overflow-x:auto;padding:1rem;width:100%}.product-input-table{background-color:#fff;border:1px solid #d3c3d8;border:1px solid var(--border-color);border-collapse:collapse;table-layout:fixed;width:100%}.product-input-table td,.product-input-table th{word-wrap:break-word;border:1px solid #d3c3d8;border:1px solid var(--border-color);overflow:hidden;padding:8px 10px;text-align:left;vertical-align:middle}.product-input-table td:first-child,.product-input-table th:first-child{width:12%}.product-input-table td:nth-child(2),.product-input-table th:nth-child(2){width:20%}.product-input-table td:nth-child(3),.product-input-table td:nth-child(4),.product-input-table th:nth-child(3),.product-input-table th:nth-child(4){width:10%}.product-input-table td:nth-child(5),.product-input-table th:nth-child(5){width:12%}.product-input-table td:nth-child(6),.product-input-table th:nth-child(6){width:10%}.product-input-table td:nth-child(7),.product-input-table th:nth-child(7){width:16%}.product-input-table th{background-color:#b39eb5;background-color:var(--primary-color);color:#fff;font-weight:700}.product-table-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.product-input-table .MuiInputBase-root,.product-input-table .MuiTextField-root{min-width:0;width:100%}.product-input-table .MuiInputBase-input{font-size:14px;min-width:0;padding:8px 12px;width:100%}.product-input-table .MuiFormControl-root,.product-input-table .MuiSelect-root{min-width:0;width:100%}.product-table{border-collapse:collapse;box-shadow:0 1px 3px #0000001a;margin-top:20px;width:100%}.product-table th{background-color:#b39eb5;background-color:var(--primary-color);border-bottom:2px solid #d3c3d8;border-bottom:2px solid var(--border-color);color:#fff;font-weight:600;padding:12px 16px;text-align:left}.product-table td{border-bottom:1px solid #d3c3d8;border-bottom:1px solid var(--border-color);padding:12px 16px}.product-table tr:hover{background-color:#f9f5f8;background-color:var(--light-bg)}.btn{font-family:Ethnocentric,sans-serif;font-size:.9rem;padding:10px 20px;transition:all .2s ease-in-out}.btn-primary{background:#b39eb5;background:var(--primary-color);box-shadow:0 2px 6px #b39eb566}.btn-primary:hover{background:#764ba2;background:var(--primary-hover);box-shadow:0 4px 8px #b39eb599}.btn-outlined{background-color:initial;border:2px solid #997a8d;border:2px solid var(--button-bg);color:#997a8d;color:var(--button-bg)}.btn-outlined:hover{background-color:#f9f5f8;background-color:var(--light-bg);color:#9b778e;color:var(--button-hover-bg)}.btn-add{background-color:#997a8d;background-color:var(--button-bg)}.btn-add:hover{background-color:#9b778e;background-color:var(--button-hover-bg)}.btn-group{display:flex;gap:10px}.edit-btn{background:#997a8d;background:var(--button-bg)}.edit-btn:hover{background:#9b778e;background:var(--button-hover-bg)}.product-delete-btn{background:#e74c3c;color:#fff}.product-delete-btn:hover{background:#c0392b}.alert{border-radius:4px;font-size:16px;margin-bottom:20px;padding:15px}.alert-error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.alert-success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.loading-container{align-items:center;display:flex;height:200px;justify-content:center}.loading-spinner{border:4px solid #0000001a;border-left:4px solid var(--primary-color)}.product-management-container{margin:0 auto;max-width:1200px;padding:20px}.form-row{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.form-row.single{grid-template-columns:1fr}.form-row.actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.page-header{border-bottom:1px solid #d3c3d8;border-bottom:1px solid var(--border-color);padding-bottom:15px}.page-title{font-size:24px;font-weight:600}.page-title,.product-list{color:#3d2b3d;color:var(--text-color)}.product-list{background:linear-gradient(90deg,#997a8d,silver);border:1px solid #764ba2;border:1px solid var(--primary-hover);border-radius:12px;box-shadow:0 0 15px #b39eb526;font-family:Ethnocentric,sans-serif;margin:40px auto;max-width:1200px;padding:30px}.product-list-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:20px}.header-controls{gap:10px}.sort-button{align-items:center;background-color:#997a8d;background-color:var(--button-bg);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:5px;padding:8px 16px;transition:all .3s ease}.sort-button:hover{background-color:#9b778e;background-color:var(--button-hover-bg);box-shadow:0 2px 4px #997a8d4d;transform:translateY(-1px)}.product-list-header h2{color:#000;font-size:22px;margin:0}.black-button{background-color:grey;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:6px 14px}.black-button:hover{background-color:#727171;box-shadow:0 4px 8px #0003;color:#000;transform:perspective(500px) translateZ(0)}.product-list-table{border-collapse:collapse;width:100%}.product-list-table thead{background-color:#b39eb5;background-color:var(--primary-color);color:#fff}.product-list-table td,.product-list-table th{border:1px solid #d3c3d8;border:1px solid var(--border-color);padding:10px;text-align:center}.product-list-table tbody tr:nth-child(2n){background-color:#f9f5f8;background-color:var(--light-bg)}.product-row input{border:1px solid #764ba2;border:1px solid var(--primary-hover);border-radius:4px;padding:6px;width:100%}.product-row button{border:none;border-radius:5px;cursor:pointer;font-size:13px;font-weight:500;margin:2px;padding:5px 10px;transition:background .3s ease}.product-row button:first-child{background-color:#997a8d;background-color:var(--button-bg);color:#fff}.product-row button:first-child:hover{background-color:#9b778e;background-color:var(--button-hover-bg)}.product-row button:last-child{background-color:#e6e1e7;color:#333}.product-row button:last-child:hover{background-color:#d3c6cf}.product-delete-btn{align-items:center;background-color:#e74c3c!important;border:none;border-radius:5px;color:#fff!important;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:4px;margin:2px;padding:5px 10px;transition:background .3s ease}.product-delete-btn:hover{background-color:#c0392b!important;box-shadow:0 2px 4px #e74c3c4d;transform:translateY(-1px)}.product-delete-btn:disabled{background-color:#bdc3c7!important;box-shadow:none;cursor:not-allowed;transform:none}.product-action-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.edit-btn{background-color:#997a8d!important;background-color:var(--button-bg)!important;border-radius:5px;color:#fff!important;font-size:13px;gap:4px;margin:2px;padding:5px 10px;transition:all .3s ease}.edit-btn:hover{background-color:#9b778e!important;background-color:var(--button-hover-bg)!important;box-shadow:0 2px 4px #997a8d4d}.edit-btn:disabled{background-color:#bdc3c7!important;box-shadow:none;cursor:not-allowed;transform:none}.product-table-container{background-color:#f9f5f8;background-color:var(--light-bg);border:1px solid #764ba2;border:1px solid var(--primary-hover);border-radius:12px;box-shadow:0 0 15px #b39eb526;color:#3d2b3d;color:var(--text-color);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:40px auto;max-width:1200px;padding:30px}.spf-wrapper{background:#f9f5f8;background:var(--light-bg);color:var(--text-color.3);font-family:Segoe UI,sans-serif;padding:2rem}.spf-filter-section,.spf-form-section,.spf-table-section{background:#fff;border-radius:12px;box-shadow:0 2px 10px #b49eb526;margin-bottom:2rem;padding:1.5rem}.spf-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.spf-field label{color:#997a8d;color:var(--button-bg);display:block;font-weight:600;margin-bottom:.3rem}.spf-field input{border:1px solid #d3c3d8;border:1px solid var(--border-color);border-radius:8px;outline:none;padding:.4rem;transition:border-color .3s;width:100%}.spf-field input:focus{border-color:#b39eb5;border-color:var(--primary-color)}.spf-form-buttons{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.spf-btn{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:.5rem 1rem;transition:background .3s}.spf-submit{background:#b39eb5;background:var(--primary-color);color:#fff}.spf-submit:hover{background:#764ba2;background:var(--primary-hover)}.spf-cancel{background:#0000;border:1px solid #764ba2;border:1px solid var(--primary-hover);color:#997a8d;color:var(--button-bg)}.spf-cancel:hover{background:#764ba2;background:var(--primary-hover);color:#fff}.spf-filter-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.spf-filter-group label{color:#997a8d;color:var(--button-bg);display:block;font-size:.9rem;margin-bottom:.2rem}.spf-filter-group input,.spf-filter-group select{border:1px solid #d3c3d8;border:1px solid var(--border-color);border-radius:6px;padding:.4rem;width:100%}.spf-table{border-collapse:collapse;margin-top:1rem;width:100%}.spf-table td,.spf-table th{border-bottom:1px solid #d3c3d8;border-bottom:1px solid var(--border-color);padding:.6rem;text-align:left}.spf-table th{background:#b39eb5;background:var(--primary-color);color:#fff}.spf-table tr:nth-child(2n){background:#f9f5f8;background:var(--light-bg)}.spf-edit-btn{background:#997a8d;background:var(--button-bg);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:.2rem .5rem}.spf-edit-btn:hover{background:#9b778e;background:var(--button-hover-bg)}.spf-error{color:red;font-weight:500;margin-top:1rem}.spf-empty{color:gray;font-style:italic;margin-top:1rem;text-align:center}.spf-loader{color:#997a8d;color:var(--button-bg);text-align:center}@media (max-width:768px){.form-grid{grid-template-columns:1fr}.product-input-table,.product-list-table,.product-table,.spf-table{display:block;font-size:12px;overflow-x:auto;white-space:nowrap}.action-buttons,.btn-group,.product-table-actions,.spf-actions{flex-direction:column;gap:4px}.form-actions{flex-direction:column}.btn{width:100%}.page-header{align-items:flex-start;flex-direction:column;gap:15px}.product-list{padding:15px}.product-list-header{align-items:flex-start;flex-direction:column;gap:10px}.header-controls{justify-content:flex-start;width:100%}.sort-button{font-size:12px;padding:6px 12px}.product-list-table td,.product-list-table th{font-size:12px;padding:6px}.product-row input{font-size:12px}.product-delete-btn,.product-row button{font-size:12px;padding:4px 8px}.product-delete-btn{margin:2px;min-height:32px;min-width:60px}.product-action-buttons{flex-direction:column;gap:4px}.edit-btn{font-size:12px;margin:2px;min-height:32px;min-width:60px;padding:4px 8px}.product-table-container{padding:15px}.product-input-table td,.product-input-table th{font-size:12px;padding:8px}.product-input-table .MuiInputBase-input{font-size:12px;padding:6px 8px}.product-input-table .MuiFormControl-root{min-width:0}.spf-table td,.spf-table th{font-size:12px;padding:8px 10px}.spf-actions{gap:4px}.filter-sort-controls,.spf-actions{flex-direction:column}.filter-group{width:100%}}.product-summary{margin:20px 0;padding:0 10px}.summary-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #d3c3d8;border:1px solid var(--border-color);margin-bottom:20px}.summary-card h3{color:#3d2b3d;color:var(--text-color);font-size:18px;font-weight:600;margin:0 0 15px;text-align:center}.summary-stats{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-around}.stat-item{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex:1 1;flex-direction:column;min-width:120px;padding:15px}.stat-label{color:#666;font-weight:500;margin-bottom:5px}.stat-value{color:#b39eb5;color:var(--primary-color);font-size:24px;font-weight:700}@media (max-width:768px){.summary-stats{flex-direction:column;gap:10px}.stat-item{flex-direction:row;justify-content:space-between;min-width:auto}.stat-label{margin-bottom:0}.stat-value{font-size:20px}}.sold-products-summary{margin:20px 0;padding:0 10px}.sold-products-summary .summary-card{background:linear-gradient(135deg,#e8f5e8,#f0f8f0);border:1px solid #4caf50;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin-bottom:20px;padding:20px}.sold-products-summary .summary-card h3{color:#2e7d32;font-size:18px;font-weight:600;margin:0 0 15px;text-align:center}.sold-products-summary .summary-stats{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-around;margin-bottom:20px}.sold-products-summary .stat-item{align-items:center;background:#fff;border-left:4px solid #4caf50;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex:1 1;flex-direction:column;min-width:120px;padding:15px}.sold-products-summary .stat-label{color:#666;font-size:14px;font-weight:500;margin-bottom:5px}.sold-products-summary .stat-value{color:#2e7d32;font-size:24px;font-weight:700}.source-breakdown{margin-top:20px}.source-breakdown h4{color:#2e7d32;font-size:16px;font-weight:600;margin:0 0 15px;text-align:center}.source-stats{display:flex;flex-direction:column;gap:10px}.source-item{background:#fff;border-left:4px solid #4caf50;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:15px}.source-header{margin-bottom:10px}.source-name{color:#2e7d32;font-size:16px;font-weight:700}.source-details{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.source-detail{align-items:center;display:flex;flex:1 1;flex-direction:column;min-width:80px}.source-detail span:first-child{color:#666;font-size:12px;margin-bottom:4px}.source-detail span:last-child{color:#2e7d32;font-size:14px;font-weight:700}@media (max-width:768px){.sold-products-summary .summary-stats{flex-direction:column;gap:10px}.sold-products-summary .stat-item{flex-direction:row;justify-content:space-between;min-width:auto}.sold-products-summary .stat-label{margin-bottom:0}.sold-products-summary .stat-value{font-size:20px}.source-details{flex-direction:column;gap:10px}.source-detail{align-items:center;flex-direction:row;justify-content:space-between}}.super-admin-panel{background:#fff;display:flex;flex-direction:row;font-family:Roboto,sans-serif;min-block-size:100vh;overflow:hidden;position:relative}.super-admin-panel:before{background:radial-gradient(circle at center,#fff3,#0000);transform:perspective(600px) translateZ(-50px);z-index:-1}.super-admin-panel:after,.super-admin-panel:before{bottom:0;content:"";left:0;position:absolute;right:0;top:0}.super-admin-panel:after{background:linear-gradient(45deg,#0288d11a,#ff52521a);transform:perspective(600px) translateZ(-100px);z-index:-2}.super-admin-panel h2{text-align:center}.super-admin-dashboard h2,p{color:#000;text-align:center}.user-info{gap:20px}.user-info span{font-size:16px;font-weight:400}.logout-btn{background-color:#ff5252;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .3s}.sidebar-toggle-button{background-color:#fff;border:1px solid #ccc;border-radius:4px;display:block;left:10px;position:fixed;top:10px;z-index:1000}.btn-toggle-icon{background:none;border:none;color:#333;cursor:pointer;font-size:1.5rem;padding:0}.offcanvas-column{background-color:#f8f9fa;box-shadow:2px 0 5px #0000001a;left:-250px;transition:left .3s ease;width:250px;z-index:999}.offcanvas-column.show{left:0}.logout-btn:hover{background-color:#d81b60}.offcanvas-toggle{background:none;border:none;color:#fff;cursor:pointer;font-size:24px;padding:8px;transition:transform .3s ease}.offcanvas-toggle:hover{transform:scale(1.1)}.panel-content{margin-right:0;padding:24px;position:relative;transition:margin-right .3s ease;z-index:5}.chart-container{margin:24px auto;max-width:500px;padding:16px}.chart-container,.users-table{box-shadow:0 2px 8px #0000001a}.users-table{background-color:#fff;border-collapse:collapse;border-radius:8px;margin-top:24px;overflow:hidden;width:100%}.users-table td,.users-table th{border-bottom:1px solid #e0e0e0;padding:12px 16px;text-align:left}.users-table th{background-color:#0288d1;color:#fff;font-weight:500}.users-table tr:hover{background-color:#f5f5f5}.feature-toggle{display:flex;flex-wrap:wrap;gap:12px}.feature-toggle label{align-items:center;color:#37474f;display:flex;font-size:14px;gap:6px}.action-buttons{flex-wrap:wrap;gap:12px;margin-bottom:24px}.btn{border-radius:6px;font-size:14px;padding:8px 16px;transition:background-color .3s,transform .2s}.btn:hover{transform:translateY(-1px)}.btn-primary{background-color:#0288d1}.btn-primary:hover{background-color:#01579b}.btn-secondary{background-color:#78909c}.btn-secondary:hover{background-color:#546e7a}.btn-success{background-color:#4caf50;color:#fff}.btn-success:hover{background-color:#388e3c}.btn-danger{background-color:#ff5252;color:#fff}.btn-danger:hover{background-color:#d81b60}.message{font-size:14px;margin-bottom:16px;padding:12px}.message.success{background-color:#c8e6c9}.message.error{background-color:#ffcdd2}.error-message{color:#ff5252;font-size:14px;margin:12px 0}.filter-select{border:1px solid #b0bec5;border-radius:6px;padding:8px 12px}.loading{color:#37474f;font-size:18px;margin-top:50px}.offcanvas{background-color:#f28279;color:#eceff1;transform:translateX(100%);transition:transform .3s ease-in-out;width:300px}.offcanvas.show{transform:translateX(0)}.offcanvas-header{background-color:#eceff1;color:#000;padding:18px;text-align:center}.offcanvas-header h5{font-size:20px;margin:0}.offcanvas-body{padding:16px}.sidebar-nav{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.sidebar-btn{padding:10px 16px;text-align:left;transition:background-color .3s,transform .2s;width:100%}.sidebar-btn:hover{background-color:#0288d1;transform:translateX(4px)}.sidebar-content{margin-top:24px}.sidebar-content h3{color:#eceff1;font-size:18px;margin-bottom:12px}.sidebar-content h4{color:#b0bec5;font-size:16px;margin-bottom:8px}.sidebar-content p{color:#cfd8dc;font-size:14px;margin:6px 0}.sidebar-content ul{list-style:none;margin:0 0 24px;padding:0}.sidebar-content li{color:#cfd8dc;font-size:14px;margin-bottom:10px}.ggreeting{color:#2e7d32;font-size:1.8rem;font-weight:600;margin-bottom:10px;text-align:center}.greeting-subtext{color:#555;font-size:1rem;margin-bottom:20px;text-align:center}.greeting-banner{animation:fadeInUp .8s ease-in-out;background-color:#f5e9ff;border-radius:8px;color:#4a0072;font-size:1.2rem;margin:16px 0;padding:16px;text-align:center}@keyframes fadeInUp{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.panel-header{flex-direction:column;gap:12px;padding:16px}.user-info{align-items:flex-start;flex-direction:column}.panel-content{padding:16px}.chart-container{max-width:100%}.offcanvas{width:80%}}.notification-container-right{position:fixed;right:20px;top:20px;z-index:1000}.notification-button-right{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;box-shadow:0 4px 15px #0003;cursor:pointer;display:flex;height:50px;justify-content:center;position:relative;transition:all .3s ease;width:50px}.notification-button-right:hover{box-shadow:0 6px 20px #0000004d;transform:scale(1.1)}.notification-button-right i{color:#fff;font-size:18px}.notification-badge{background:#f44;right:-5px}.notification-badge,.stock-alert-badge{animation:pulse 2s infinite;border-radius:50%;font-size:12px;height:20px;top:-5px;width:20px}.stock-alert-badge{align-items:center;background:#f80;color:#fff;display:flex;font-weight:700;justify-content:center;left:-5px;position:absolute}.notification-dropdown-right{animation:slideDown .3s ease-out;background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 10px 30px #0003;display:flex;flex-direction:column;max-height:600px;overflow:hidden;position:absolute;right:0;top:60px;width:380px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notification-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;flex-shrink:0;padding:15px 20px}.header-actions{align-items:center;gap:8px}.clear-all-btn,.close-notifications{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;padding:6px;transition:background-color .3s;width:28px}.clear-all-btn:hover,.close-notifications:hover{background:#fff3}.clear-all-btn{font-size:12px}.notification-content{flex:1 1;max-height:500px;overflow-y:auto}.notification-content::-webkit-scrollbar{width:6px}.notification-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.notification-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.notification-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.notification-section{border-bottom:1px solid #f0f0f0;padding:20px}.notification-section:last-child{border-bottom:none}.section-header{margin-bottom:15px}.section-header h5{color:#333;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.clear-section-btn{align-items:center;background:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:10px;gap:4px;padding:4px 6px;transition:background-color .3s}.clear-section-btn:hover{background:#da190b}.notification-list{max-height:200px;overflow-y:auto}.notification-list::-webkit-scrollbar{width:4px}.notification-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:2px}.notification-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:2px}.notification-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.no-notifications{color:#666;font-style:italic;margin:10px 0;text-align:center}.notification-item{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;margin-bottom:10px;padding:12px}.notification-text{color:#333;font-size:14px;line-height:1.4;margin:0 0 10px}.btn-approve,.btn-reject{align-items:center;border-radius:6px;display:flex;font-size:12px;gap:6px;justify-content:center;min-width:80px;padding:8px 12px;transition:all .3s}.btn-approve{background:#4caf50}.btn-approve:hover{background:#45a049;box-shadow:0 2px 8px #4caf504d}.btn-reject{background:#f44336}.btn-reject:hover{background:#da190b;box-shadow:0 2px 8px #f443364d}.stock-alerts-list{list-style:none;margin:0;padding:0}.stock-alert-item{align-items:center;background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;color:#856404;display:flex;font-size:14px;gap:8px;line-height:1.4;margin-bottom:8px;padding:12px}.stock-alert-item i{color:#f57c00;flex-shrink:0}@media (max-width:768px){.notification-container-right{right:15px;top:15px}.notification-dropdown-right{max-height:500px;right:-10px;width:320px}.notification-content{max-height:400px}.notification-button-right{height:45px;width:45px}.notification-button-right i{font-size:16px}.notification-section{padding:15px}.btn-approve,.btn-reject{font-size:11px;min-width:70px;padding:6px 10px}}@media (max-width:480px){.notification-dropdown-right{max-height:450px;right:-20px;width:300px}.notification-content{max-height:350px}.notification-section{padding:12px}}@media print{.action-buttons,.notification-container-right,.offcanvas,.offcanvas-toggle,.panel-header{display:none}.panel-content{padding:0}.dashboard-section{page-break-before:auto}}.offcanvas-column{background-color:#fff;color:#eceff1;height:100%;left:0;overflow-y:auto;padding:16px;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease-in-out;width:300px;z-index:1001}.offcanvas-column.show{background-color:#fff;transform:translateX(0)}.offcanvas-header{align-items:center;background-color:#b39eb9;border-radius:6px;color:#fff;display:flex;justify-content:space-between;padding:12px 16px}.offcanvas-body{margin-top:16px}.profile-section-left{align-items:center;background:linear-gradient(90deg,#b39eb9,silver);border-radius:8px;color:#686060;display:flex;gap:1rem;margin-bottom:1rem;padding:1rem;width:90%}.profile-avatarr:hover{box-shadow:0 0 10px #0003}.clickable-avatarr{border-radius:50%;height:100%;object-fit:cover;width:100%}.avatarr{border-radius:50%;color:#101010;display:flex;font-size:28px;font-weight:700;justify-content:center;text-transform:uppercase}#profilePicInput{display:none}.profile-info h4{color:#fff;font-size:16px;margin:0}.profile-info p{color:#cfd8dc;font-size:12px;margin:0}.sidebar-nav-column{display:flex;flex-direction:column;gap:8px;margin:16px 0}.sidebar-btn{align-items:center;background:linear-gradient(90deg,#cdb0d4,silver);border-radius:6px;color:#686060;color:#fff;display:flex;font-size:15px;gap:10px;padding:10px 3px;text-decoration:none}.sidebar-btn.active,.sidebar-btn:hover{background-color:#dbe6ec}.nav-icon{font-size:16px}.calendar{-webkit-margin-after:1rem;background-color:#37474f;border-radius:8px;font-size:14px;margin-block-end:1rem;padding:1rem}.btndanger{background-color:none}.calendar-header{color:#fff;display:flex;justify-content:space-between;margin-bottom:.5rem}.calendar-days{grid-gap:2px;color:#cfd8dc;display:grid;gap:2px;grid-template-columns:repeat(7,1fr);text-align:center}.calendar-days span{font-size:12px;padding:3px}.current-day{background-color:#ffeb3b;border-radius:3px;color:#000;font-weight:700}.mini-calculator{-webkit-margin-after:2rem;background-color:#37474f;margin-block-end:2rem;padding:1rem}.mini-calculator input{-webkit-margin-after:.5rem;border:1px solid #ccc;border-radius:4px;font-size:14px;inline-size:95%;margin-block-end:.5rem;padding:6px}.calc-result{background:#f0f0f0;color:#333;margin-bottom:.5rem;padding:6px;text-align:right}.calc-buttons{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(4,1fr)}.calc-buttons button{background-color:#020202;border:none;border-radius:4px;cursor:pointer;padding:6px}.forgot-passwrd{margin-top:1rem}.forgot-passwrd-btn{background-color:#fbc02d;color:#000;margin-bottom:1.5rem;margin-top:1rem;width:98%}.forgot-passwrd-btn,.logout-btn{border:none;border-radius:6px;font-weight:700;padding:10px}.logout-btn{align-items:center;background-color:#f44336;color:#fff;display:flex;gap:8px;justify-content:center;margin-top:1.5rem;width:100%}.togle-button{position:fixed;right:20px;top:20px;z-index:1002}.btn-togle-icon{background:#b39eb9;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:24px;padding:8px;transition:background-color .3s ease}.btn-togle-icon:hover{background:linear-gradient(90deg,#b39eb9,silver);color:#333}.offcanvas-header .btn-toggle-icon{background:none;color:#fff;font-size:20px;padding:4px}.offcanvas-header .btn-toggle-icon:hover{color:#cfd8dc}.offcanvas-header h5{color:#fff}.upload-message{align-items:center;border-radius:6px;display:flex;font-size:13px;font-weight:500;gap:8px;margin-top:10px;padding:10px 12px}.upload-message.info{background-color:#e3f2fd;border:1px solid #bbdefb;color:#1565c0}.upload-message.success{background-color:#e8f5e8;border:1px solid #c8e6c9;color:#2e7d32}.upload-message.error{background-color:#ffebee;border:1px solid #ffcdd2;color:#c62828}.upload-message i{flex-shrink:0;font-size:14px}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.btn:disabled:hover{box-shadow:none!important;transform:none!important}.fa-spinner{animation:spin 1s linear infinite}.dashboard-section{background:linear-gradient(90deg,#997a8d,silver);border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:0 auto;max-width:800px;padding:20px}.header-with-back{align-items:center;display:flex;gap:15px;margin-bottom:20px}.header-with-back h2{align-items:center;color:#2c3e50;margin:0}.bk-button{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:14px;gap:5px;padding:8px 15px;transition:background-color .3s}.bk-button:hover{background-color:#5a6268}.refresh-button{align-items:center;background-color:#17a2b8;border-radius:4px;display:flex;gap:5px;margin-left:auto;padding:8px 15px;transition:background-color .3s}.refresh-button:hover{background-color:#138496}.refresh-button:disabled{background-color:#6c757d}.remove-problematic-button{align-items:center;background-color:#fd7e14;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:5px;margin-left:10px;padding:8px 15px;transition:background-color .3s}.remove-problematic-button:hover{background-color:#e8690b}.remove-problematic-button:disabled{background-color:#6c757d;cursor:not-allowed}.btn-primary{background-color:#2ecc71}h2{color:#2c3e50;margin-right:20px;text-align:right}.permission-warning{background-color:#fff3cd;border-left:4px solid #ffc107;border-radius:4px;margin-bottom:20px;padding:15px}.permission-warning p{color:#856404;margin:5px 0}.form-section{background-color:#fff;box-shadow:0 1px 3px #0000001a;margin-bottom:30px}.form-section input{border:1px solid #ddd;border-radius:4px;font-size:16px;margin-bottom:15px;padding:10px;width:97%}input:disabled{background-color:#e9ecef}.form-buttons{display:flex;gap:10px;margin-top:10px}.btn{border:none;border-radius:4px;cursor:pointer;font-size:16px;padding:10px 15px;transition:background-color .3s}.btn-editt{background-color:#ffc107;color:#fff}.btn-editt :hover{background-color:#f3ca51;color:#0b0b0b}.btn-delette{background:#dc3545;color:#fff}.btn-delette:hover{background:#c9303f;color:#020202}.btn-primary:hover:not(:disabled){background-color:#2abb66;color:#000}.btn-primary:disabled{background-color:#6c757d;cursor:not-allowed}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#5a6268}.department-list{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:20px}.department-list h3{border-bottom:1px solid #eee;color:#2c3e50;margin-top:0;padding-bottom:10px}ul{list-style:none;padding:0}li{background-color:#f8f9fa;border:1px solid #eee;border-radius:4px;margin-bottom:10px;padding:15px}.department-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.department-actions{display:flex;gap:8px}.btn-edit{background-color:#ffc107;color:#000}.btn-edit:hover{background-color:#e0a800}.btn-delete{background-color:#dc3545;color:#fff}.btn-delete:hover{background-color:#c82333}.btn-delete:disabled{opacity:.65}.contents{border-top:1px dashed #ddd;color:#495057;margin-top:8px;padding-top:8px}.financial-page{background:linear-gradient(90deg,#997a8d,silver);color:#333;font-family:Arial,sans-serif;min-height:100vh;padding:20px}.financial-header{margin-bottom:30px}.loading-message{background:#ffffff1a;border-radius:12px;color:#fff;font-size:18px;margin:20px 0;padding:60px 20px}.error-message{background:#dc35451a;border:2px solid #dc3545;border-radius:12px;color:#fff;margin:20px 0;padding:40px 20px}.error-message h2{color:#dc3545;margin-bottom:15px}.error-message button{background:linear-gradient(90deg,#dc3545,#c82333);border-radius:8px;font-weight:600;margin-top:15px;padding:12px 24px;transition:all .3s}.error-message button:hover{background:linear-gradient(90deg,#c82333,#bd2130);transform:translateY(-2px)}.financial-page h2{color:#080808;font-size:28px;margin-bottom:10px}.financial-page p{color:#f0f0f0;font-size:14px;margin-bottom:20px}.bill-section{background:#fff;border-radius:8px;box-shadow:0 4px 10px #00000014;margin-bottom:30px;padding:20px}.bill-section h3{border-bottom:2px solid #ddd;color:#2c3e50;font-size:20px;margin-bottom:15px;padding-bottom:5px}.bill-table{margin-top:10px}.bill-table td,.bill-table th{border:1px solid #ccc;font-size:14px}.bill-table th{background-color:#ffc107;color:#000}.bill-table tr:nth-child(2n){background-color:#fefae0}.filters{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.filters input{border:1px solid #ccc;border-radius:4px;font-size:1rem;padding:8px}.filters button{border:none;border-radius:6px;cursor:pointer;font-weight:600;margin-right:10px;margin-top:5px;padding:10px 16px;transition:background-color .3s ease}.excel-btn{background-color:#2ecc71;color:#fff}.excel-btn:hover{background-color:#26b361;color:#000}.pdf-btn{background-color:#ffc107;color:#fff}.pdf-btn:hover{background-color:#e1ab09;color:#000}.profit-btn{background-color:#dc3545;background-color:#c12e3d;color:#fff;color:#000}.back-btn,.back-btn :hover{background-color:#6c757d}.back-btn :hover{color:#000}.filters button:hover{filter:brightness(.95)}@media print{.back-btn,.button-group,.excel-btn,.filters button,.pdf-btn,.profit-btn{display:none!important}}@media (max-width:768px){.bill-table,.bill-table tbody,.bill-table td,.bill-table th,.bill-table thead,.bill-table tr{display:block}.bill-table thead tr{display:none}.bill-table td{border:none;border-bottom:1px solid #ddd;padding-left:50%;position:relative}.bill-table td:before{color:#555;content:attr(data-label);font-weight:700;left:10px;padding-right:10px;position:absolute;white-space:nowrap;width:45%}}.stafflist-container{background:linear-gradient(90deg,#997a8d,silver);color:#333;font-family:Segoe UI,sans-serif;min-height:100vh;padding:20px}.stafflist-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:30px}.stafflist-title{color:#fff;font-size:28px;font-weight:600;margin:0;text-shadow:0 2px 4px #0000004d}.stafflist-back-button{background:linear-gradient(90deg,#6c757d,#5a6268);border:none;border-radius:8px;box-shadow:0 2px 8px #0003;color:#fff;cursor:pointer;font-weight:600;padding:12px 20px;transition:all .3s}.stafflist-back-button:hover{background:linear-gradient(90deg,#5a6268,#495057);box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.stafflist-refresh-button{background:linear-gradient(90deg,#28a745,#20c997);border:none;border-radius:8px;box-shadow:0 2px 8px #0003;color:#fff;cursor:pointer;font-weight:600;padding:12px 20px;transition:all .3s}.stafflist-refresh-button:hover{background:linear-gradient(90deg,#20c997,#17a2b8);box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.stafflist-empty,.stafflist-error,.stafflist-loading{background:#ffffffe6;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin:20px auto;max-width:500px;padding:40px;text-align:center}.stafflist-error button{background:linear-gradient(90deg,#dc3545,#c82333);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;margin-top:15px;padding:10px 20px}.stafflist-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-top:20px}.stafflist-card{background:#fffffff2;border:1px solid #fff3;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:20px;transition:all .3s ease}.stafflist-card:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-4px)}.stafflist-card-header{align-items:center;border-bottom:2px solid #f8f9fa;display:flex;gap:12px;margin-bottom:15px;padding-bottom:15px}.stafflist-icon{color:#997a8d;font-size:24px}.stafflist-card-header h3{color:#2c3e50;flex:1 1;font-size:18px;font-weight:600;margin:0}.stafflist-role{border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.stafflist-role.admin{background:linear-gradient(90deg,#007bff,#0056b3);color:#fff}.stafflist-role.staff{background:linear-gradient(90deg,#28a745,#1e7e34);color:#fff}.stafflist-role.super_admin{background:linear-gradient(90deg,#dc3545,#c82333);color:#fff}.stafflist-card-body{margin-bottom:15px}.stafflist-info{align-items:center;color:#495057;display:flex;font-size:14px;gap:8px;margin-bottom:8px}.stafflist-icon-small{color:#6c757d;font-size:14px;min-width:16px}.stafflist-address,.stafflist-department{color:#6c757d;font-size:13px;font-style:italic}.stafflist-card-actions{border-top:1px solid #f8f9fa;display:flex;gap:10px;justify-content:flex-end;padding-top:15px}.stafflist-delete-btn,.stafflist-edit-btn{background:none;border:none;border-radius:6px;cursor:pointer;font-size:16px;padding:8px;transition:all .3s}.stafflist-edit-btn{color:#007bff}.stafflist-edit-btn:hover{background:#007bff1a;transform:scale(1.1)}.stafflist-delete-btn{color:#dc3545}.stafflist-delete-btn:hover{background:#dc35451a;transform:scale(1.1)}@media (max-width:768px){.stafflist-header{align-items:stretch;flex-direction:column}.stafflist-title{font-size:24px;text-align:center}.stafflist-grid{gap:15px;grid-template-columns:1fr}.stafflist-card{padding:15px}.stafflist-card-header{align-items:flex-start;flex-direction:column;gap:8px}.stafflist-card-header h3{font-size:16px}.stafflist-role{align-self:flex-start}}@media (max-width:480px){.stafflist-container{padding:15px}.stafflist-title{font-size:20px}.stafflist-card{padding:12px}.stafflist-info{font-size:13px}}.mobile-cards-container{gap:12px;padding:10px}.mobile-card{border:1px solid #e0e0e0;border-radius:8px}.card-header{align-items:flex-start;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding-bottom:8px}.card-title{color:#2c3e50;flex:1 1;font-size:16px;font-weight:600;margin:0}.card-status{border-radius:12px;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.card-status.pending{background-color:#fff3cd;color:#856404}.card-status.confirmed{background-color:#d4edda;color:#155724}.card-status.cancelled{background-color:#f8d7da;color:#721c24}.card-status.active{background-color:#d1ecf1;color:#0c5460}.card-status.terminated{background-color:#f5c6cb;color:#721c24}.card-content{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.card-row{padding:4px 0}.card-label{color:#6c757d;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.card-value{color:#2c3e50;font-weight:500}.card-value.email{font-size:12px;word-break:break-all}.card-value.phone{font-family:monospace;font-weight:600}.card-actions{display:flex;gap:8px;justify-content:flex-end;padding-top:8px}.card-action-btn{font-size:12px;gap:4px;min-width:60px;padding:6px 12px;transition:all .2s ease}.card-action-btn.edit{background-color:#ffc107;color:#000}.card-action-btn.edit:hover{background-color:#e0a800;transform:translateY(-1px)}.card-action-btn.delete{background-color:#dc3545;color:#fff}.card-action-btn.delete:hover{background-color:#c82333;transform:translateY(-1px)}.card-action-btn.terminate{background-color:#fd7e14;color:#fff}.card-action-btn.terminate:hover{background-color:#e8650e;transform:translateY(-1px)}.card-role{border-radius:8px;font-size:10px;font-weight:600;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase}.card-role.staff{background-color:#e3f2fd;color:#1976d2}.card-role.admin{background-color:#fff3e0;color:#f57c00}.card-role.super-admin{background-color:#f3e5f5;color:#7b1fa2}.card-date{color:#495057;font-size:13px}.card-date,.card-time{background-color:#f8f9fa;border-radius:4px;font-family:monospace;padding:2px 6px}.card-time{font-size:12px}.card-time,.mobile-empty-state{color:#6c757d}.mobile-empty-state-icon{font-size:48px;margin-bottom:16px;opacity:.5}.mobile-empty-state-text{font-size:16px;margin-bottom:8px}.mobile-empty-state-subtext{font-size:14px;opacity:.7}.mobile-loading{align-items:center;display:flex;justify-content:center;padding:40px}.mobile-loading-spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;height:32px;width:32px}@media (max-width:768px){.mobile-cards-container{display:flex}.table-container{display:none}.mobile-card{padding:12px}.card-title{font-size:15px}.card-value{font-size:13px}.card-label{font-size:11px}}@media (max-width:480px){.mobile-cards-container{gap:10px;padding:8px}.mobile-card{padding:10px}.card-header{align-items:flex-start;flex-direction:column;gap:8px}.card-title{font-size:14px}.card-actions{flex-direction:column;gap:6px}.card-action-btn{font-size:13px;justify-content:center;padding:8px 12px;width:100%}.card-row{align-items:flex-start;flex-direction:column;gap:4px}.card-label{margin-bottom:2px;min-width:auto}.card-value{margin-left:0;text-align:left}}@media (max-width:360px){.mobile-cards-container{gap:8px;padding:5px}.mobile-card{padding:8px}.card-title{font-size:13px}.card-value{font-size:12px}.card-label{font-size:10px}.card-action-btn{font-size:12px;padding:6px 10px}}:root{--primary-color:#5a4371;--primary-hover:#7c5a8c;--secondary-color:#3b2a5e;--button-bg:#4a3c4e;--button-hover-bg:#6a5373;--success-bg:#c8e6c9;--success-color:#388e3c;--error-bg:#ffebee;--error-color:#c62828;--warning-bg:#fff3e0;--warning-color:#f57c00;--input-bg:#fff;--input-focus-bg:#f5f5f5;--border-color:#c4c4c4;--shadow:0 4px 8px #00000026;--text-color:#2d2d2d;--text-secondary:#5f5f5f;--light-bg:#fafafa;--background-gradient:linear-gradient(135deg,#b39eb9,#d3d3d3);--disabled-bg:#e0e0e0;--disabled-text:#8d8d8d;--border-radius:6px;--transition:all 0.3s ease}body{background:#fafafa;background:var(--light-bg);color:#2d2d2d;color:var(--text-color);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}.appointments-page{background:linear-gradient(135deg,#b39eb9,#d3d3d3);background:var(--background-gradient);border-radius:6px;border-radius:var(--border-radius);box-shadow:0 4px 8px #00000026;box-shadow:var(--shadow);margin:2rem auto;max-width:1280px;padding:1.5rem}.page-header{flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.appoimants-back-button{align-items:center;background:#b39eb5;border:none;border-radius:6px;border-radius:var(--border-radius);color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease;transition:var(--transition)}.appoimants-back-button:hover{background:#9b778e;transform:translateY(-1px)}.appointments-page h2{color:#2d2d2d;color:var(--text-color);font-size:1.75rem;font-weight:600;margin:0}.error-message{background:#ffebee;background:var(--error-bg);border-left:4px solid #c62828;border-left:4px solid var(--error-color);color:#c62828;font-size:.95rem;font-weight:500;margin-bottom:1.5rem}.appointment-form,.error-message{border-radius:6px;border-radius:var(--border-radius)}.appointment-form{grid-gap:1.25rem;background:#fff;background:var(--input-bg);box-shadow:0 4px 8px #00000026;box-shadow:var(--shadow);display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:2rem;padding:1.5rem}.form-group{gap:.5rem}.form-group input,.form-group select{background:#fff;background:var(--input-bg);border:1px solid #c4c4c4;border:1px solid var(--border-color);border-radius:6px;border-radius:var(--border-radius);color:#2d2d2d;color:var(--text-color);padding:.75rem;transition:all .3s ease;transition:var(--transition)}.form-group input:focus,.form-group select:focus{background:#f5f5f5;background:var(--input-focus-bg);border-color:#5a4371;border-color:var(--primary-color);box-shadow:0 0 0 3px #5a437133;outline:none}.form-group input::placeholder,.form-group select::placeholder{color:#5f5f5f;color:var(--text-secondary);opacity:.8}.submit-button{background:#5a4371;background:var(--primary-color);border:none;border-radius:6px;border-radius:var(--border-radius);color:#fff;cursor:pointer;font-size:1rem;font-weight:500;grid-column:1/-1;padding:.75rem;transition:all .3s ease;transition:var(--transition)}.submit-button:hover{background:#7c5a8c;background:var(--primary-hover);transform:translateY(-1px)}.submit-button:disabled{background:#e0e0e0;background:var(--disabled-bg);color:#8d8d8d;color:var(--disabled-text);cursor:not-allowed}.appoiment-table{border-collapse:collapse;font-size:.95rem;margin:left 20px;width:100%}.appointment-table thead{background-color:#f1f1f1}.appointment-table td,.appointment-table th{border:1px solid #ddd;color:#000;padding:.75rem 1rem;text-align:left;white-space:nowrap}.appointment-table tr:nth-child(2n){background-color:#fafafa}.no-data{color:#999;padding:1rem}.status-pending{color:orange;font-weight:600}.status-confirmed{color:green;font-weight:600}.status-cancelled{color:red;font-weight:600}.actions button{border:none;border-radius:4px;cursor:pointer;font-size:.9rem;margin-right:.4rem;padding:.4rem .6rem}.actions .edit{background-color:#ffc107;color:#fff}.actions .edit:hover{background-color:#e9b107;color:#000}.actions .delete{background-color:#dc3545;color:#fff}.actions .delete:hover{background-color:#cb3141;color:#000}.actions .save{background-color:#28a745;color:#fff}.actions .cancel{background-color:#6c757d;color:#fff}@media (max-width:1024px){.appointments-page{margin:1rem auto;max-width:95%;padding:1.25rem}.appointment-form{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.page-header{align-items:center;flex-direction:column;gap:1rem}.appointments-list table{font-size:.9rem;min-width:900px}.appointment-table td,.appointment-table th{padding:.7rem .6rem}}@media (max-width:768px){.appointments-page{margin:.5rem;padding:1rem}.appointments-list{-webkit-overflow-scrolling:touch;border-radius:6px;border-radius:var(--border-radius);box-shadow:0 4px 8px #00000026;box-shadow:var(--shadow);overflow-x:auto}.appointments-list table{font-size:.8rem;min-width:800px}.appointment-table td,.appointment-table th{min-width:80px;padding:.5rem .4rem;white-space:nowrap}.appointment-table th{font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.appointment-table td{font-size:.8rem}.actions{flex-direction:column;gap:4px;min-width:80px}.actions button{font-size:.75rem;margin:0;padding:.3rem .5rem}.appointment-form{grid-template-columns:1fr;padding:1rem}.page-header{align-items:flex-start;flex-direction:column;gap:.5rem}.appoimants-back-button{font-size:.9rem;justify-content:center;padding:.6rem 1rem;width:100%}.appointments-page h2{font-size:1.5rem}.appointment-table td:nth-child(3),.appointment-table td:nth-child(4),.appointment-table th:nth-child(3),.appointment-table th:nth-child(4){display:none}}@media (max-width:480px){.appointments-page{margin:.25rem;padding:.5rem}.appointments-page h2{font-size:1.25rem}.appoimants-back-button{font-size:.85rem;justify-content:center;padding:.5rem .75rem;width:100%}.appointment-form{gap:.75rem;grid-template-columns:1fr;padding:.75rem}.form-group input,.form-group select,.submit-button{font-size:.9rem;padding:.6rem}.appointments-list table{font-size:.75rem;min-width:600px}.appointment-table td,.appointment-table th{font-size:.75rem;padding:.4rem .3rem}.appointment-table th{font-size:.7rem;padding:.5rem .3rem}.actions{flex-direction:column;gap:2px;min-width:70px}.actions button{font-size:.7rem;padding:.25rem .4rem}.appointment-table td:nth-child(2),.appointment-table td:nth-child(6),.appointment-table th:nth-child(2),.appointment-table th:nth-child(6){display:none}}@media (max-width:360px){.appointments-page{margin:.1rem;padding:.25rem}.appointments-page h2{font-size:1.1rem}.appoimants-back-button{font-size:.8rem;padding:.4rem .6rem}.appointment-form{gap:.5rem;padding:.5rem}.form-group input,.form-group select,.submit-button{font-size:.85rem;padding:.5rem}.appointments-list table{font-size:.7rem;min-width:500px}.appointment-table td,.appointment-table th{font-size:.7rem;padding:.3rem .2rem}.appointment-table th{font-size:.65rem;padding:.4rem .2rem}.actions button{font-size:.65rem;padding:.2rem .3rem}.appointment-table td:nth-child(5),.appointment-table th:nth-child(5){display:none}}@media (max-width:1200px) and (min-width:769px){.appointments-page{margin:1rem auto;padding:1.25rem}.appointments-list table{min-width:900px}.appointment-table td,.appointment-table th{padding:.7rem .6rem}.actions button{font-size:.85rem;padding:.4rem .7rem}}@media (max-width:480px){.appointments-page{margin:.25rem;padding:.5rem}.appointments-list table{font-size:.75rem;min-width:600px}.appointment-table td,.appointment-table th{padding:.4rem .3rem}.appointment-table th{font-size:.7rem}.appointment-table td{font-size:.75rem}.actions button{font-size:.7rem;padding:.25rem .4rem}.appointment-table td:nth-child(2),.appointment-table td:nth-child(6),.appointment-table th:nth-child(2),.appointment-table th:nth-child(6){display:none}}.leave-permission-page{background:linear-gradient(90deg,#b39eb9,silver);color:#333;margin:0 auto;max-width:1000px;padding:20px}.leave-permission-page h2{margin-bottom:20px;text-align:center}.action-btn.approve,.action-btn.reject{align-items:center;border:none;border-radius:3px;cursor:pointer;display:inline-flex;gap:5px;margin:0 5px;padding:6px 12px}.action-btn.approve:hover,.action-btn.reject:hover,.add-btn:hover,.cancel-btn:hover,.delete-btn:hover,.edit-btn:hover,.save-btn:hover{opacity:.9}.leave-card{background:#fff;border-left:4px solid #007bff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:16px;transition:all .3s ease}.leave-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.card-action-btn{min-width:100px}.approve-btn{background-color:#28a745;color:#fff}.approve-btn:hover{background-color:#218838}.reject-btn{background-color:#dc3545;color:#fff}.reject-btn:hover{background-color:#c82333}@media (max-width:1024px){.leave-permission-page{padding:15px}.data-table{font-size:14px}.data-table td,.data-table th{padding:10px 8px}}@media (max-width:768px){.leave-permission-page{padding:10px}.table-container{display:none}.crud-form,.mobile-cards-container{display:flex}.crud-form{background:#fff;border-radius:8px;flex-direction:column;gap:15px;margin-bottom:20px;padding:15px}.crud-form input,.crud-form select{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:14px;padding:10px;width:100%}.crud-form button{font-size:14px;padding:12px;width:100%}.data-table{font-size:12px}.data-table td,.data-table th{padding:8px 6px}}@media (max-width:480px){.leave-permission-page{padding:5px}.leave-permission-page h2{font-size:18px;margin-bottom:15px}.crud-form{gap:10px;padding:10px}.crud-form input,.crud-form select{box-sizing:border-box;font-size:13px;max-width:100%;padding:8px;width:100%}.crud-form button{box-sizing:border-box;font-size:13px;padding:10px;width:100%}.mobile-cards-container{gap:12px;padding:10px}.leave-card{padding:12px}.card-title h4{font-size:15px}.card-status{font-size:13px;padding:3px 6px}.card-label{min-width:70px}.card-label,.card-value{font-size:13px}.card-action-btn{font-size:13px;min-width:90px;padding:6px 12px}}@media (max-width:360px){.leave-permission-page h2{font-size:16px}.mobile-cards-container{gap:8px;padding:8px}.leave-card{padding:10px}.card-title{align-items:flex-start;flex-direction:column;gap:6px}.card-title h4{font-size:14px}.card-status{font-size:12px;padding:2px 6px}.card-row{align-items:flex-start;flex-direction:column;gap:4px;padding:6px 0}.card-label{font-size:12px;font-weight:600;min-width:auto}.card-value{font-size:12px;margin-left:0;text-align:left}.card-actions{padding-top:8px}.card-action-btn{flex-direction:column;font-size:12px;gap:2px;min-width:80px;padding:6px 10px}}.badge-pending{background:#ffc107;color:#000}.badge-approved{background:#28a745;color:#fff}.badge-rejected{background:#dc3545;color:#fff}.view-toggle{display:flex;gap:10px;justify-content:center;margin-bottom:20px}.toggle-btn{background-color:#997a8d;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 15px}.toggle-btn.active{background-color:#4caf50}.badge-absent{background:#ff9800;border-radius:3px;color:#fff;font-size:.8em;padding:3px 8px}.absence-reason-input{border:1px solid #ddd;border-radius:4px;margin-right:10px;padding:8px 12px}.loading-indicator{color:#b39eb5;color:var(--primary-color);font-size:1.2rem;padding:20px;text-align:center}[disabled]{cursor:not-allowed;opacity:.7}.punching-time-page{background:linear-gradient(90deg,#b39eb9,silver);color:#333;margin:0 auto;max-width:1200px;padding:20px}.page-header{background:#ffffff1a;padding:15px}.page-header h2{color:#333}.refresh-btn{align-items:center;background:#007bff;border-radius:4px;display:flex;gap:5px;padding:8px 15px}.refresh-btn:hover{background:#0056b3}.refresh-btn:disabled{opacity:.6}.punching-time-page h2{margin-bottom:20px;text-align:center}.auto-tracking-notice{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#fff;margin-bottom:20px;padding:15px}.notice-content{align-items:flex-start;display:flex;gap:15px}.robot-icon{animation:pulse 2s infinite;color:gold;font-size:24px;margin-top:2px}.notice-text h4{color:gold;font-size:18px;margin:0 0 8px}.notice-text p{font-size:14px;line-height:1.6;margin:0}.notice-text strong{color:gold}.current-user-status{align-items:center;background:linear-gradient(135deg,#28a745,#20c997);border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#fff;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px}.user-info{align-items:center}.user-icon{color:gold;font-size:20px}.user-name{font-size:16px;font-weight:700}.user-role{font-size:14px;opacity:.9}.punch-status{font-size:16px;font-weight:700}.punch-status strong{color:gold}.crud-form{background:#ffffff1a;border-radius:8px;padding:15px}.crud-form h4{align-items:center;color:#333;display:flex;font-size:16px;gap:8px;margin:0 0 10px;width:100%}.add-btn{border-radius:4px;gap:5px;padding:8px 15px}.save-btn{border:none;color:#fff;cursor:pointer}.cancel-btn,.save-btn{align-items:center;border-radius:4px;display:inline-flex;gap:5px;padding:8px 15px}.edit-btn{border-radius:3px}.delete-btn,.edit-btn{align-items:center;display:inline-flex;gap:5px}.delete-btn{border:none;border-radius:3px;cursor:pointer}.add-btn:hover,.cancel-btn:hover,.delete-btn:hover,.edit-btn:hover,.save-btn:hover{opacity:.9}.table-container{margin-top:20px}.table-header{background:#ffffff1a;border-radius:4px;justify-content:space-between;margin-bottom:15px;padding:10px}.table-header,.table-header h3{align-items:center;display:flex}.table-header h3{color:#333;gap:8px}.record-count{color:#666;font-size:14px;font-weight:700}.loading-message{color:#666;font-style:italic;padding:20px}.data-table{border-radius:8px;overflow:hidden}.data-table th{border-bottom:2px solid #ddd;padding:15px 12px}.role-badge{font-weight:700}.role-badge.role-admin{background-color:#007bff;color:#fff}.role-badge.role-super_admin{background-color:#dc3545;color:#fff}.role-badge.role-staff{background-color:#28a745;color:#fff}.no-data{color:#666}@media (max-width:768px){.crud-form input,.crud-form select{min-width:100%}}.punch-status-container{background:linear-gradient(90deg,#b39eb9,silver);border-radius:4px;display:flex;flex-direction:column;gap:15px;margin-bottom:20px;padding:15px}.user-selector{align-items:center;display:flex;gap:10px}.user-selector label{color:#333;font-weight:700;min-width:100px}.user-selector select{background-color:#fff;border:1px solid #ddd;border-radius:4px;flex:1 1;font-size:14px;padding:8px 12px}.user-selector select:disabled{cursor:not-allowed;opacity:.6}.punch-buttons{align-items:center;display:flex;gap:10px}.punch-in-btn{background-color:#28a745}.punch-in-btn,.punch-out-btn{border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 15px}.punch-out-btn{background-color:#dc3545}.punch-in-btn.disabled,.punch-out-btn.disabled{cursor:not-allowed;opacity:.6}.action-btn.punch-out-btn{background-color:#ff6b35;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;margin:2px;padding:5px 8px;transition:background-color .2s}.action-btn.punch-out-btn:hover{background-color:#e55a2b}.status-indicator{font-size:16px;margin-left:15px}.status-indicator strong{color:#000}@media (max-width:1024px){.punching-time-page{max-width:95%;padding:15px}.page-header{align-items:center}.crud-form,.page-header{flex-direction:column;gap:15px}.crud-form input,.crud-form select{min-width:100%}.filter-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width:768px){.punching-time-page{max-width:100%;padding:10px}.page-header{text-align:center}.page-header,.punch-status-container{flex-direction:column;gap:10px}.user-selector{align-items:stretch;flex-direction:column}.user-selector label{min-width:auto;text-align:center}.punch-buttons{justify-content:space-between;width:100%}.status-indicator{margin-left:0;text-align:center}.table-header{flex-direction:column;gap:10px;text-align:center}.data-table{-webkit-overflow-scrolling:touch;font-size:12px;overflow-x:auto}.data-table td,.data-table th{min-width:80px;padding:8px 6px}.auto-tracking-notice{padding:10px}.notice-content{flex-direction:column;text-align:center}.robot-icon{align-self:center}.current-user-status{flex-direction:column;gap:10px;text-align:center}.user-info{justify-content:center}.punch-status{font-size:14px}.crud-form{flex-direction:column;gap:10px}.crud-form input,.crud-form select{min-width:100%;width:100%}.filter-grid{gap:10px;grid-template-columns:1fr}.filter-header{align-items:stretch;flex-direction:column;gap:10px}}@media (max-width:480px){.punching-time-page{padding:5px}.page-header{padding:10px}.punching-time-page h2{font-size:18px}.auto-tracking-notice{padding:8px}.notice-text h4{font-size:16px}.notice-text p{font-size:12px}.current-user-status{padding:10px}.user-name{font-size:14px}.punch-status,.user-role{font-size:12px}.data-table{font-size:10px;min-width:600px}.data-table td,.data-table th{font-size:10px;padding:6px 4px}.data-table th{font-size:9px;padding:8px 4px}.data-table td:nth-child(3),.data-table td:nth-child(5),.data-table th:nth-child(3),.data-table th:nth-child(5){display:none}.crud-form h4{font-size:14px}.filter-section{padding:10px}.filter-header h4{font-size:14px}.filter-group label{font-size:12px}.filter-group input,.filter-group select{font-size:12px;padding:4px}}@media (max-width:360px){.data-table td:nth-child(2),.data-table td:nth-child(4),.data-table td:nth-child(6),.data-table th:nth-child(2),.data-table th:nth-child(4),.data-table th:nth-child(6){display:none}.data-table td,.data-table th{font-size:9px;padding:4px 2px}.auto-tracking-notice{padding:6px}.current-user-status{padding:8px}}.filter-section{background:#f8f9fa;border:2px solid #007bff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:15px}.filter-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.filter-header h4{align-items:center;color:#333;display:flex;font-size:16px;gap:8px;margin:0}.clear-filters-btn{background-color:#6c757d;font-size:12px;padding:6px 12px;transition:background-color .2s}.clear-filters-btn:hover{background-color:#5a6268}.filter-grid{grid-gap:15px;align-items:end;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.filter-group{gap:5px}.filter-group label{font-size:14px}.filter-group input,.filter-group select{background-color:#fff;padding:6px;transition:border-color .2s,box-shadow .2s}.filter-group input:focus,.filter-group select:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}@media (max-width:768px){.filter-grid{gap:10px;grid-template-columns:1fr}.filter-header{align-items:stretch;flex-direction:column;gap:10px}.filter-group input,.filter-group select{width:100%}}@media print{.no-print{display:none!important}.punching-time-page{background:none!important;color:#000!important;margin:0!important;max-width:none!important;padding:0!important}.auto-tracking-notice,.current-user-status,.filter-section,.manual-punch-section,.manual-record-section,.page-header,.recent-activity{display:none!important}.data-table{border-collapse:collapse!important;font-size:12pt!important;margin:0!important;width:100%!important}.data-table td,.data-table th{border:1px solid #000!important;padding:8px!important;page-break-inside:avoid!important;text-align:left!important;vertical-align:top!important}.data-table th{background-color:#f0f0f0!important;font-weight:700!important}.data-table td,.data-table th{color:#000!important}.data-table td:nth-child(9),.data-table th:nth-child(9){display:none!important}.actions,.btn,.button,.clickable,.controls,.dropdown,.form-control,.form-select,.header-actions,.input-group,.interactive,.nav,.navbar,.no-print,[onchange],[onclick],[oninput],[onkeydown],[onmousedown],[onmouseup],button,input,select,textarea{display:none!important;visibility:hidden!important}.data-table tbody tr{page-break-inside:avoid!important}}:root{--success-bg:#4caf50;--error-bg:#dc3545;--warning-bg:#ffc107;--info-bg:#17a2b8}.terminated-staff-container{background-color:#f9f9f9;border-radius:8px;box-shadow:0 0 20px #0000001a;margin:20px auto;max-width:1200px;padding:20px}.terminated-staff-header{background:linear-gradient(90deg,#b39eb9,silver);border-radius:8px;color:#333;margin-bottom:20px;padding:20px;text-align:center}.terminated-staff-header h1{font-size:24px;margin:0}.terminated-staff-content{display:flex;flex-direction:column;gap:30px}.staff-form-section,.staff-list-section{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;padding:25px}.staff-form-section h2,.staff-list-section h2{border-bottom:1px solid #eee;color:#444;font-size:20px;margin-bottom:20px;margin-top:0;padding-bottom:10px}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-bottom:20px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:10px;width:100%}.form-group textarea{min-height:80px}.form-group.full-width{grid-column:1/-1}.checkbox-group{display:flex;gap:20px}.checkbox-group label{align-items:center;cursor:pointer;display:flex;gap:8px}button{align-items:center;display:inline-flex;font-weight:500;gap:8px;justify-content:center;min-width:-webkit-fit-content;min-width:fit-content;padding:10px 15px;text-align:center;transition:all .3s;white-space:nowrap;width:auto}button:disabled{cursor:not-allowed;opacity:.6}.add-btn:hover:not(:disabled){background-color:#9b778e;background-color:var(--button-hover-bg)}.hr-save-btn{background:#4caf50;background:var(--success-bg);color:#fff}.edit-btn{background-color:var(--warning-bg);color:#333}.delete-btn{background-color:var(--error-bg)}.hr-cancel-btn{background-color:#997a8d;background-color:var(--button-bg);color:#fff}.print-btn{background-color:#17a2b8;background-color:var(--info-bg)}.print-btn:hover:not(:disabled){background-color:#138496}.download-btn{background-color:#ffc107;background-color:var(--warning-bg);color:#333}.download-btn:hover:not(:disabled){background-color:#e0a800}.error-message{background-color:#ffe6e6;border-left:4px solid #dc3545;border-left:4px solid var(--error-bg);color:#dc3545;color:var(--error-bg);margin-top:10px}.records-table{overflow-x:auto}.records-table-container{-webkit-overflow-scrolling:touch;border:1px solid #eee;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow-x:auto}table td,table th{padding:12px 15px}table th{background-color:#b39eb5;background-color:var(--primary-color);color:#fff}table tr:hover{background-color:#f5f5f5}.actions{display:flex;gap:5px}.loading{color:#666}.no-records{background-color:#f8f9fa;color:#666;font-style:italic;padding:40px 20px;text-align:center}.info-message{background:#e3f2fd;border:1px solid #2196f3;border-radius:4px;color:#1976d2;font-size:14px;margin-bottom:16px;padding:12px 16px}.header-actions{flex-wrap:wrap;justify-content:center;margin-top:15px}.header-actions button{flex:none;min-width:auto;width:auto}.role-badge{display:inline-block;font-size:11px;font-weight:600;padding:2px 8px}.role-admin{background-color:#dc3545;color:#fff}.role-staff{background-color:#28a745;color:#fff}.role-hr{background-color:#17a2b8;color:#fff}.role-manager{background-color:#ffc107;color:#000}.status-present{color:#28a745}.status-absent{color:#dc3545;font-weight:600}.records-table tbody tr:hover{background-color:#f8f9fa;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.form-group input:invalid,.form-group select:invalid{border-color:#dc3545}.form-group input:valid,.form-group select:valid{border-color:#28a745}button:focus,input:focus,select:focus,textarea:focus{outline:2px solid #007bff;outline-offset:2px}.loading:after{animation:spin 1s linear infinite;border:2px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;content:"";display:inline-block;height:20px;margin-left:10px;width:20px}@media (max-width:1024px){.terminated-staff-container{margin:10px;padding:15px}.form-grid{gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.records-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}table{min-width:800px}}@media (max-width:768px){.terminated-staff-container{margin:5px;padding:10px}.terminated-staff-header{padding:15px}.terminated-staff-header h2{font-size:20px}.staff-form-section,.staff-list-section{padding:20px}.form-grid{gap:15px;grid-template-columns:1fr}.form-group{margin-bottom:12px}.form-actions{flex-direction:column;gap:10px}button{justify-content:center;padding:12px 15px;width:auto}.checkbox-group{flex-direction:column;gap:10px}.records-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}table{font-size:14px;min-width:700px}table td,table th{padding:8px 10px}.actions{flex-direction:column;gap:3px}.actions button{font-size:12px;padding:8px 10px;width:auto}}.staff-card{background:#fff;border:1px solid #e0e0e0;box-shadow:0 2px 4px #0000001a;margin-bottom:16px;padding:16px;transition:all .3s ease}.staff-card:hover{box-shadow:0 4px 8px #00000026}.staff-card-header{align-items:flex-start;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:8px}.staff-card-name{color:#333;font-size:18px;font-weight:600;margin:0}.staff-card-role{border-radius:12px;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.staff-card-details{grid-gap:8px 16px;display:grid;gap:8px 16px;grid-template-columns:1fr 1fr;margin-bottom:12px}.staff-card-detail{display:flex;flex-direction:column}.staff-card-label{color:#666;font-size:12px;font-weight:500;letter-spacing:.5px;margin-bottom:2px;text-transform:uppercase}.staff-card-value{color:#333;font-size:14px;font-weight:500}.staff-card-status{display:flex;gap:16px;margin-bottom:12px}.staff-card-status-item{align-items:center;display:flex;font-size:14px;font-weight:500;gap:4px}.staff-card-actions{border-top:1px solid #f0f0f0;display:flex;gap:8px;justify-content:flex-end;padding-top:8px}.staff-card-actions button{font-size:12px;min-width:auto;padding:8px 12px}@media (max-width:768px){.records-table,.records-table-container{display:none}.mobile-cards-container{display:block!important}.staff-card{margin-bottom:12px;padding:12px}.staff-card-header{align-items:flex-start;flex-direction:column;gap:8px}.staff-card-details{gap:8px;grid-template-columns:1fr}.staff-card-status{flex-direction:column;gap:8px}.staff-card-actions{gap:12px;justify-content:center}.staff-card-actions button{flex:1 1;max-width:120px}}@media (max-width:480px){.staff-card{border-radius:6px;margin-bottom:10px;padding:10px}.staff-card-name{font-size:16px}.staff-card-details{gap:6px}.staff-card-label{font-size:11px}.staff-card-status-item,.staff-card-value{font-size:13px}.staff-card-actions{gap:8px}.staff-card-actions button{font-size:11px;padding:8px 10px}.terminated-staff-container{border-radius:0;margin:0;padding:5px}.terminated-staff-header{border-radius:0;padding:10px}.terminated-staff-header h2{font-size:18px;margin-bottom:10px}.staff-form-section,.staff-list-section{margin-bottom:15px;padding:15px}.staff-form-section h3,.staff-list-section h3{font-size:16px;margin-bottom:15px}.form-grid{gap:10px;grid-template-columns:1fr}.form-group{margin-bottom:10px}.form-group label{font-size:14px;margin-bottom:3px}.form-group input,.form-group select,.form-group textarea{font-size:14px;padding:8px}.form-group textarea{min-height:60px}.form-actions{flex-direction:column;gap:8px}button{font-size:14px;padding:10px 12px}.checkbox-group{flex-direction:column;gap:8px}.checkbox-group label{font-size:14px}.records-table-container{-webkit-overflow-scrolling:touch;border:1px solid #ddd;border-radius:4px;overflow-x:auto}table{font-size:12px;min-width:600px}table td,table th{padding:6px 8px;white-space:nowrap}table th{font-size:11px;padding:8px 6px}.actions{flex-direction:row;gap:5px;justify-content:center}.actions button{font-size:11px;height:32px;min-width:32px;padding:6px 8px;width:auto}.records-table tbody tr{border-bottom:1px solid #eee}.records-table tbody td{vertical-align:middle}.terminated-staff-container>div:first-child>div:last-child{flex-direction:column;gap:5px}.terminated-staff-container>div:first-child>div:last-child button{font-size:12px;padding:6px 10px}}@media (max-width:360px){.terminated-staff-header h2{font-size:16px}.staff-form-section h3,.staff-list-section h3{font-size:14px}table{font-size:11px;min-width:500px}table td,table th{padding:4px 6px}.actions button{font-size:10px;height:28px;min-width:28px;padding:4px 6px}}@media (max-width:768px) and (orientation:landscape){.terminated-staff-container{margin:5px}.form-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.form-group.full-width{grid-column:1/-1}}@media print{.terminated-staff-container{background:#fff;box-shadow:none;margin:0;padding:0}.terminated-staff-header{background:#fff!important;border-bottom:2px solid #000;color:#000!important}.staff-form-section{display:none}.records-table-container{overflow:visible}table{font-size:10px;width:100%}table td,table th{border:1px solid #000;padding:4px}.actions{display:none}button{display:none!important}}.profit-analysis-page{background:linear-gradient(90deg,#997a8d,silver);color:#333;font-family:Ethinocentric,sans-serif;min-height:100vh;padding:20px;text-align:center}.profit-analysis-page h2{color:#0f0e0e;margin-bottom:2rem;text-align:center}.chart-container{box-shadow:0 2px 10px #0000001a;margin:20px auto;max-width:600px;padding:1rem}.chart-title{color:#555;font-size:1.2rem;margin-bottom:1rem;text-align:center}.totals-summary{color:#fff;font-size:16px;margin-top:20px}.data-summary{background:#ffffff1a;border-radius:8px;color:#fff;font-size:14px;margin-top:15px;padding:10px}.button-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px}.export-button{background-color:#2ecc71;background-color:#27ac5f;color:#fff;color:#040404}.export-button.pdf{background-color:#ffc107;color:#000}.export-button.refresh{background-color:#17a2b8;color:#fff}.export-button.delete{background-color:#dc3545;color:#fff}.export-button.delete:hover{background-color:#cd3242;color:#111010}.bk-button{background-color:#6c757d;background-color:#5c656c;color:#fff;color:#0b0b0b}.export-button{border:none;border-radius:6px;cursor:pointer;font-size:1rem;padding:10px 15px;transition:background-color .3s ease}.back-button:hover{color:#080808}.export-button:hover{filter:brightness(.95)}.export-button:disabled{background-color:#a5d6a7;cursor:not-allowed}.no-data-message{background:#ffffffe6;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin:2rem auto;max-width:500px;padding:2rem;text-align:center}.no-data-message p{color:#666;font-size:1.1rem;margin-bottom:1rem}.no-data-message .back-btn{background-color:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background-color .3s ease}.no-data-message .back-btn:hover{background-color:#5a6268}.error-message{border-radius:8px;margin:1rem 0}.error-message button{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-left:1rem;padding:.5rem 1rem}.error-message button:hover{background-color:#c82333}.spinner{animation:spin 1s linear infinite;margin-right:5px}.charts-flex{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.left-chart,.right-chart{flex:1 1 48%;min-width:300px}.chart-wrapper{display:flex;gap:20px;justify-content:space-between}.back-btn:hover{background-color:#5a6268}.chart-container,.trend-chart-container{background-color:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;flex:1 1;margin:20px auto;max-width:600px;padding:1rem}@media (max-width:768px){.charts-flex{flex-direction:column}}body{background:#fff;padding:0}.add-company-container{background:linear-gradient(90deg,#b39eb9,silver);border-left:6px solid #b39eb5;border-left:6px solid var(--primary-color);border-radius:12px;box-shadow:0 4px 12px #00000014;color:#333;margin:2rem auto;max-width:900px;padding:2rem}h2,h3{color:#413b3e;text-align:center}.message,h2,h3{margin-bottom:1rem}.message{border-radius:8px;padding:1rem}.message.success{color:#2e7d32}.message.error{color:#c62828}.company-form .form-group{margin-bottom:1rem}.company-form label{color:#b39eb5;color:var(--primary-color);display:block;font-weight:600;margin-bottom:.5rem}.company-form input[type=email],.company-form input[type=file],.company-form input[type=text],.company-form textarea{border:1px solid #ccc;border-radius:6px;font-size:1rem;padding:10px;transition:border-color .3s,background .3s;width:100%}.company-form input:focus,.company-form textarea:focus{background:#fff;background:var(--input-focus-bg);border-color:#b39eb5;border-color:var(--primary-color);outline:none}.logo-preview img{border:1px solid #ddd;border-radius:8px;height:80px;margin-top:.5rem}.formm-action{align-items:center;display:flex;gap:10px;justify-content:center;margin-top:20px}.back-btn,.remove-btn,.save-btn{cursor:pointer;font-size:14px;padding:10px 20px}.back-btn i{margin-right:5px}.save-btn{background-color:#997a8d;background-color:var(--button-bg);color:#0e0e0e}.save-btn:hover{background-color:#9b778e;background-color:var(--button-hover-bg);color:#fff}.companies-list{margin-top:2rem}table{font-size:1rem;margin-top:1.5rem}table td,table th{border-bottom:1px solid #ddd;padding:.75rem}.remove-btn{background:#dc3545;color:#333}.remove-btn:hover{background:#e42a3d;color:#f8f0f0}.delete-btn,.edit-btn{padding:.4rem .8rem}.edit-btn{background-color:#b39eb5;background-color:var(--primary-color)}.edit-btn:hover{background-color:#aa98a9;background-color:var(--primary-hover)}.backbtn{background-color:#997a8d;border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:10px 20px}.backbtn:hover{background-color:#996585}.company-logo-small{border-radius:4px;margin-right:10px;max-height:50px;max-width:50px;object-fit:contain}.dual-header{border-bottom:2px solid #ccc;justify-content:space-between;padding:10px 20px}.dual-header,.primary-details{align-items:center;display:flex}.company-details{margin-left:12px}.company-name{font-size:22px}.company-logo-img{border-radius:4px;display:inline-block;height:40px;margin-top:6px;width:auto}.preview-logo{height:60px;width:60px}@media (max-width:768px){.add-company-container{margin:1rem;padding:1rem}.formm-action{flex-direction:column;gap:.5rem}table,tbody,td,th,thead,tr{display:block;width:100%}thead{display:none}tr{background:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:1rem;padding:1rem}td{border:none;display:flex;justify-content:space-between;padding:.5rem 0}td:before{color:#b39eb5;color:var(--primary-color);content:attr(data-label);font-weight:700}.company-logo-small{height:30px}.delete-btn,.edit-btn{font-size:.9rem;margin-right:.3rem;padding:.5rem 1rem}}.change-requests-container{margin:0 auto;max-width:1200px;padding:20px}.header{align-items:center;border-bottom:2px solid #764ba2;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:15px}.header h2{color:#333;margin:0}.refresh-btn{background:#764ba2;border:none;border-radius:5px;cursor:pointer;font-size:14px;padding:10px 20px}.refresh-btn:hover{background:#5a3d7a}.error,.loading,.no-requests{color:#666;font-size:18px;padding:40px;text-align:center}.error{color:#dc3545}.requests-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.request-card{background:#fff;border:1px solid #ddd;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:20px;transition:transform .2s}.request-card:hover{box-shadow:0 4px 15px #00000026;transform:translateY(-2px)}.request-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:10px}.request-header h3{color:#333;font-size:18px;margin:0}.badge{border-radius:20px;font-weight:700;padding:5px 12px;text-transform:uppercase}.badge-pending{background:#fff3cd;color:#856404}.badge-approved{background:#d4edda;color:#155724}.badge-rejected{background:#f8d7da;color:#721c24}.request-details{margin-bottom:20px}.request-details p{color:#555;font-size:14px;margin:8px 0}.request-details strong{color:#333;font-weight:600}.request-actions{display:flex;gap:10px;justify-content:center}.btn-approve,.btn-reject{border:none;border-radius:5px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.btn-approve{background:#28a745;color:#fff}.btn-approve:hover{background:#218838;transform:translateY(-1px)}.btn-reject{background:#dc3545;color:#fff}.btn-reject:hover{background:#c82333;transform:translateY(-1px)}@media (max-width:768px){.requests-grid{grid-template-columns:1fr}.header{gap:15px}.header,.request-header{flex-direction:column;text-align:center}.request-header{gap:10px}.request-actions{flex-direction:column}}.voucher-management-container{background:linear-gradient(90deg,#b39eb9,silver);color:#333;font-family:Inter,sans-serif;margin:0 auto;max-width:1200px;padding:1.5rem}.voucher-management-container h2{color:#1f2937;font-size:1.875rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.create-voucher-btn{align-items:center;background-color:#997a8d;border-radius:.375rem;color:#fff;display:inline-flex;font-size:1rem;font-weight:500;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1.5rem;transition:background-color .2s ease,transform .1s ease}.create-voucher-btn:hover{background-color:#2563eb;transform:translateY(-1px)}.create-voucher-btn:focus{box-shadow:0 0 0 3px #3b82f64d;outline:none}.voucher-table{border-radius:.375rem;box-shadow:0 2px 4px #0000001a}.voucher-table td,.voucher-table th{color:#374151;font-size:.875rem;padding:.75rem 1rem}.voucher-table th{color:#1f2937;letter-spacing:.05em;text-transform:uppercase}.voucher-table tr:nth-child(2n){background-color:#f9fafb}.voucher-table tr:hover{background-color:#f1f5f9}.voucher-table td{border-bottom:1px solid #e5e7eb}.action-btn{border-radius:.25rem;font-size:.875rem;padding:.25rem .75rem;transition:background-color .2s ease}.action-btn.edit{color:#3b82f6}.action-btn.edit:hover{background-color:#3b82f61a}.action-btn.delete{color:#ef4444}.action-btn.delete:hover{background-color:#ef44441a}.modal-overlay{background-color:#4b556380;z-index:50}.modal-content{animation:fadeIn .3s ease;border-radius:.5rem;box-shadow:0 4px 12px #00000026;max-width:28rem;padding:1.5rem;width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.modal-content h3{color:#1f2937;font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.voucher-form .form-group{margin-bottom:1rem}.voucher-form label{color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:.25rem}.voucher-form input,.voucher-form select{background-color:#fff;border-radius:.375rem;color:#374151;font-size:.875rem;padding:.5rem .75rem;transition:border-color .2s ease,box-shadow .2s ease}.voucher-form input:focus,.voucher-form select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.voucher-form input:disabled{background-color:#f3f4f6;color:#6b7280;cursor:not-allowed}.form-actions{gap:.5rem;justify-content:flex-end;margin-top:1.5rem}.form-actions button{border-radius:.375rem;font-size:.875rem;font-weight:500;padding:.5rem 1.25rem;transition:background-color .2s ease,transform .1s ease}.form-actions .cancel-btn{background-color:#d1d5db;color:#374151}.form-actions .cancel-btn:hover{background-color:#9ca3af;transform:translateY(-1px)}.form-actions .submit-btn{background-color:#3b82f6;color:#fff}.form-actions .submit-btn:hover{background-color:#2563eb;transform:translateY(-1px)}.loading-message{color:#374151;font-size:1rem;padding:1rem}.error-message{background-color:#fef2f2;border-radius:.375rem;color:#ef4444;font-size:1rem;margin-bottom:1rem;padding:1rem}@media (max-width:768px){.voucher-table td,.voucher-table th{font-size:.75rem;padding:.5rem}.modal-content{padding:1rem;width:90%}.create-voucher-btn{text-align:center;width:100%}}@media (max-width:480px){.voucher-management-container{padding:1rem}.voucher-table{font-size:.75rem}.action-btn{display:block;margin-bottom:.5rem}}.bank-details-container{background:linear-gradient(90deg,#997a8d,silver);border-radius:12px;box-shadow:0 0 12px #00000014;display:flex;flex-direction:column;gap:2rem;margin:auto;max-width:900px;padding:2rem}.bank-details-container h2,.saved-details h3{border-bottom:2px solid #b39eb5;border-bottom:2px solid var(--primary-color);color:#000;font-size:1.5rem;padding-bottom:6px;text-align:center;text-transform:uppercase}.message{border-radius:6px;font-weight:500;margin:1rem 0;padding:.75rem 1rem}.message.success{background-color:#e6ffed;background-color:var(--success-bg);color:#007a3d}.message.error{background-color:#ffe6e6;background-color:var(--error-bg);color:#c0392b}.bank-details-form{gap:1rem}.bank-details-form,.form-group{display:flex;flex-direction:column}.form-group label{color:#555;margin-bottom:.4rem}.form-group input{background-color:#fff;border:1px solid #ccc;border-radius:6px;padding:.5rem .75rem;transition:border-color .3s ease}.form-group input:focus{background-color:#fff;background-color:var(--input-focus-bg);border-color:#b39eb5;border-color:var(--primary-color);outline:none}.qr-code-upload label{color:#444;font-weight:500}.qr-code-preview{margin-top:.5rem}.qr-code-preview img{border:1px solid #ddd;border-radius:8px;height:auto;max-width:150px}.input-row{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.qr-actions{display:flex;gap:.5rem;margin-top:.5rem}.generate-qr-btn{align-items:center;background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.8rem;gap:.3rem;padding:.3rem .6rem;transition:all .3s ease}.generate-qr-btn:hover{background:linear-gradient(135deg,#45a049,#4caf50);box-shadow:0 2px 4px #0003;transform:translateY(-1px)}.generate-qr-btn:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.input-row .form-group{flex:1 1;min-width:200px}.qr-code-upload{display:flex;flex-direction:column}.qr-image{display:block;margin-bottom:10px;max-height:150px;max-width:150px;object-fit:contain}.saved-details{background-color:#fdfdfd;border-radius:12px;border-top:1px solid #ccc;box-shadow:0 0 10px #0000000d;margin:3rem 2rem 2rem;max-width:1000px;padding:1.5rem;width:100%}.qr-preview-container{display:inline-block;position:relative}.qr-preview-container img{border:1px solid #ccc;border-radius:4px;height:auto;max-width:150px}.remove-qr-btn{align-items:center;background-color:#ff4d4d;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:24px;justify-content:center;position:absolute;right:-8px;top:-8px;width:24px}.saved-details h3{border-bottom:2px solid #b39eb5;border-bottom:2px solid var(--primary-color)}.saved-details table{border-collapse:collapse;margin-top:1rem;width:100%}.saved-details td,.saved-details th{border-bottom:1px solid #ddd;padding:.75rem 1rem;text-align:left}.saved-details .add-btn{align-items:center;background-color:#997a8d;background-color:var(--button-bg);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-weight:700;gap:6px;margin-bottom:1rem;padding:8px 14px}.saved-details .add-btn:hover{background-color:#9b778e;background-color:var(--button-hover-bg)}.delete-btn,.edit-btn{border-radius:6px;color:#fff;font-weight:500;margin-right:8px;padding:6px 10px}.edit-btn{background-color:#5e81ac}.edit-btn:hover{background-color:#4c6e91}.delete-btn{background-color:#d9534f}.bank-details-form{background-color:#fff;border-radius:12px;margin:auto;max-width:1000px;padding:2rem}.delete-btn:hover{background-color:#c9302c}@media (max-width:768px){.input-row{flex-direction:column}}.upload-btn{background-color:#997a8d;background-color:var(--button-bg);border-radius:6px;color:#fff;cursor:pointer;display:inline-block;margin-top:.5rem;padding:.5rem .8rem;transition:background-color .3s ease}.upload-btn:hover{background-color:#9b778e;background-color:var(--button-hover-bg)}.form-actionss{display:flex;justify-content:center;margin-top:1rem}.subbmit-btn{background-color:#2ecc71;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;padding:.6rem 1.2rem;transition:background-color .3s ease}.subbmit-btn:hover{background-color:#28b764;color:#000}.bank-details-container{padding-top:40px;position:relative}.back-button-wrapper{left:10px;position:absolute;top:10px}.back-btn{align-items:left;border:1px solid #ccc;font-size:14px;padding:6px 12px}.back-btn:hover{background-color:grey;color:#000}.saved-details{margin-top:3rem}.saved-details h3{border-bottom:1px solid #ccc;color:#b39eb5;color:var(--primary-color);font-size:1.4rem;margin-bottom:1rem;padding-bottom:6px;text-align:center;text-transform:uppercase}.add-btn{align-items:center;background-color:#997a8d;background-color:var(--button-bg);border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;gap:6px;margin-bottom:1rem;padding:.4rem .8rem;transition:background-color .3s ease}.add-btn:hover{background-color:#9b778e;background-color:var(--button-hover-bg)}table{background-color:#fff;box-shadow:0 2px 5px #0000000d}table td,table th{border-bottom:1px solid #eee;padding:.75rem 1rem;text-align:left}.delete-btn,.edit-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-size:.85rem;gap:4px;margin-right:.5rem;padding:.3rem .6rem;transition:background-color .3s ease}.edit-btn:hover{background-color:#e0a800}.delete-btn:hover{background-color:#c82333}@media (max-width:768px){.bank-details-container{padding:1rem}table thead{display:none}table tbody tr{border:1px solid #ddd;border-radius:6px;display:block;margin-bottom:1rem;padding:.5rem}table tbody td{display:flex;justify-content:space-between;padding:.4rem 0}.qr-code-preview img{max-width:100px}}.purchasing-admin-panel{box-sizing:border-box;font-family:Ethnocentric,"sans-serif";min-height:100vh;transition:background-color .3s}.dark{background-color:#1a1a1a;color:#fff}.btn-4d{background:#dc3545;color:#fff}.btn-4d:hover{background:#c52f3e;color:#000}.panel-header{background:linear-gradient(90deg,#997a8d,silver);border-radius:5px;flex-wrap:wrap;gap:10px;padding:10px}.panel-header h1{color:#000}.header-content{align-items:center;display:flex;justify-content:space-between;width:100%}.mobile-menu-toggle{background:none;border:none;cursor:pointer;display:none;flex-direction:column;padding:8px;z-index:1001}.hamburger-line{background-color:#000;border-radius:2px;height:3px;margin:3px 0;transition:.3s;width:25px}.mobile-menu-toggle.active .hamburger-line:first-child{transform:rotate(-45deg) translate(-5px,6px)}.mobile-menu-toggle.active .hamburger-line:nth-child(2){opacity:0}.mobile-menu-toggle.active .hamburger-line:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}.user-info{display:flex;gap:10px}.panel-nav ul{background:#f8f9fa;border-radius:5px;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:20px;padding:10px;transition:all .3s ease}.panel-nav.mobile-open ul{background:#f8f9fa;border-radius:0 0 5px 5px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;left:0;margin:0;position:absolute;right:0;top:100%;z-index:1000}.panel-nav a{color:#aa98a9;font-weight:700;text-decoration:none}.panel-nav a.active{border-bottom:2px solid#6a5361;color:#775c6d}.dropdown{display:inline-block;max-width:200px;width:100%}.dropdown-menu{background:#b39eb5;border:1px solid #000;border-radius:5px;box-shadow:0 2px 5px #0003;max-width:200px;min-width:120px;white-space:nowrap;width:auto}.dark .dropdown-menu{background:#333;border-color:#555}.dropdown-menu button{color:#000;overflow:hidden;padding:8px 16px;text-overflow:ellipsis;white-space:nowrap}.dark .dropdown-menu button{color:#fff}.dropdown-menu button:hover{background:#f0f0f0}.dark .dropdown-menu button:hover{background:#444}.controls-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:20px}.btn-3d{background:#997a8d;border-radius:5px;box-shadow:0 4px 8px #0003;font-size:14px;min-height:44px;min-width:44px;transform:perspective(500px) translateZ(0);transition:transform .2s,box-shadow .2s;white-space:nowrap}.btn-3d:hover{box-shadow:0 6px 12px #0000004d;transform:perspective(500px) translateZ(10px)}.btn-3d:active{box-shadow:0 2px 4px #0003;transform:perspective(500px) translateZ(5px)}.btn-export,.dark .btn-3d,.dark .btn-export{background:#997a8d}.card-3d{background:#fff;padding:20px;transform:perspective(1000px) rotateX(0) rotateY(0);transition:transform .3s;width:100%}.card-3d:hover{transform:perspective(1000px) rotateX(2deg) rotateY(2deg)}.dark .card-3d{background:#333}.table-container{-webkit-overflow-scrolling:touch;margin:0 -20px;padding:0 20px}table{margin-top:10px;min-width:600px}td,th{word-wrap:break-word;max-width:200px}th{background:#f4f4f4;cursor:pointer}.dark th{background:775c6d}.dark td{border-color:775c6d}.pagination-controls{display:flex;justify-content:center;margin-top:20px}.pagination{align-items:center;display:flex;gap:10px}.message{margin-bottom:10px}.loading{padding:20px}.product-table-form{background:#fff;border:1px solid #ccc;border-radius:10px;padding:1rem}.product-table-header,.product-table-row{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:repeat(5,1fr);margin-bottom:8px}.product-table-header{background-color:#f0f0f0;border-radius:5px;font-weight:700;padding:5px}.product-table-row input{border:1px solid #ccc;border-radius:5px;padding:6px}.actions{text-align:center}.edit-btn{background-color:(145deg,#997a8d,#b39eb5)}.btn-add,.btn-cancel,.btn-primary{border:none;border-radius:6px;cursor:pointer;margin-right:10px;padding:8px 16px}.btn-add,.btn-primary{background-color:(145deg,#997a8d,#b39eb5);color:#fff}.btn-cancel{background-color:#aa98a9;color:#fff}.purchase-list{background-color:#fff;border-radius:8px;box-shadow:0 2px 12px #0000001a;margin:0 auto;max-width:1200px;overflow-x:auto;padding:20px}.purchase-list h2{color:#222;font-size:1.8rem;margin-bottom:20px;text-align:center}.purchase-list .btn-3d{border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-block;font-weight:700;margin:8px 8px 16px 0;padding:10px 18px;transition:background .3s ease-in-out}.purchase-list .btn-3d,.purchase-list .btn-3d:hover{background-color:#b39eb5}.purchase-list table{border-collapse:collapse;margin-top:10px;table-layout:fixed;width:100%}.purchase-list td,.purchase-list th{border:1px solid #ccc;font-size:.95rem;padding:8px;text-align:center;vertical-align:middle}.purchase-list th{background-color:#997a8d;color:#fff}.purchase-list td input{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:.95rem;padding:6px;width:100%}.total-summary{background-color:#f2f2f2;border-radius:8px;margin-top:20px;padding:16px;text-align:right}.total-summary h3,.total-summary p{color:#333;font-size:1rem;margin:6px 0}.inventory-panel{background:linear-gradient(90deg,#997a8d,silver);border-radius:8px;box-shadow:0 4px 8px #0000001a;box-shadow:var(--shadow);margin:20px auto;max-width:1200px;padding:20px}.bck-button{align-items:center;background-color:grey;border:none;border-radius:4px;box-shadow:0 3px 6px #0000001a;color:#fff;cursor:pointer;display:inline-flex;font-weight:500;padding:8px 16px;transition:all .3s ease}.bck-button:hover{background-color:#737272;box-shadow:0 5px 10px #0003;color:#000;transform:translateY(-2px)}.bck-button:active{box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.inventory-panel h2{color:#333;color:var(--text-color);font-size:24px;margin-bottom:20px;text-align:center}.inventory-panel h3{color:#333;color:var(--text-color);font-size:18px;margin-bottom:15px}.restock-form{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:15px;margin:0 auto 20px;max-width:600px;padding:20px}.inventory-panel input,.purchasing-admin-panel input,.restock-form input{max-width:100%;width:auto!important}.restock-form input{border:1px solid #ccc;border:1px solid var(--border-color);border-radius:4px;color:#333;color:var(--text-color);font-size:16px;padding:10px;transition:border-color .3s ease}.restock-form input:focus{border-color:#997a8d;border-color:var(--rose-gold-accent);box-shadow:0 0 5px #997a8d4d;outline:none}.restock-form button{background-color:#997a8d;background-color:var(--rose-gold-accent);border:none;border-radius:4px;box-shadow:0 3px 6px #0000001a;color:#fff;cursor:pointer;font-weight:500;padding:10px;transition:all .3s ease}.restock-form button:hover{background-color:#775c6d;background-color:var(--button-hover-bg);box-shadow:0 5px 10px #0003;transform:translateY(-2px)}.restock-form button:active{box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.inventory-panel table{background-color:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 4px 8px #0000001a;box-shadow:var(--shadow);margin-top:20px;overflow:hidden;width:100%}.inventory-panel td,.inventory-panel th{border-bottom:1px solid #ccc;border-bottom:1px solid var(--border-color);padding:12px;text-align:left}.inventory-panel th{background-color:#b39eb5;background-color:var(--rose-gold-primary);color:#fff;font-weight:600}.inventory-panel tbody tr:hover{background-color:#aa98a9;background-color:var(--rose-gold-secondary)}.inventory-panel td[style*="color: red"]{font-weight:700}.inventory-panel p{color:#333;color:var(--text-color);font-size:16px;margin-top:20px;text-align:center}.inventory-panel{transition:transform .3s ease}.inventory-panel:hover{transform:translateY(-5px)}@media (max-width:768px){.inventory-panel,.restock-form{padding:15px}.restock-form button,.restock-form input{font-size:14px;padding:8px}.inventory-panel table{font-size:14px}.inventory-panel td,.inventory-panel th{padding:8px}.back-button{font-size:14px;padding:6px 12px}.inventory-panel h2{font-size:20px}.inventory-panel h3{font-size:16px}}.price-list-container{background-color:#f8f5f8;border:1px solid #aa98a9;border:1px solid var(--rose-gold-secondary);border-radius:12px;box-shadow:0 0 15px #b39eb54d;color:#4a3f4d;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:40px auto;max-width:1100px;padding:30px}.price-list-container h2{color:#000;margin-bottom:20px;text-align:center}.price-list-container label{color:#997a8d;color:var(--rose-gold-accent);display:block;font-weight:600;margin-bottom:20px}.price-list-container input[type=date]{background:#fff;border:1px solid #aa98a9;border:1px solid var(--rose-gold-secondary);border-radius:6px;color:#4a3f4d;padding:8px 12px}table{margin-bottom:20px}tbody tr:nth-child(2n){background-color:#f1ebf2}tbody input{background-color:#fff;border:1px solid #aa98a9;border:1px solid var(--rose-gold-secondary);border-radius:4px;padding:6px;width:100%}.price-list-container button{background-color:#997a8d;background-color:var(--rose-gold-accent);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;inline-size:110px;margin:10px 10px 0 0;padding:6px 14px;transition:background .3s ease}.price-list-container button:hover{background-color:#775c6d;background-color:var(--button-hover-bg)}@media screen and (max-width:768px){.price-list-container{padding:15px}table,tbody,td,th,thead,tr{font-size:13px}button{margin-bottom:10px;width:100%}}.price-list-view{background-color:#fdfbfc;border:1px solid #aa98a9;border:1px solid var(--rose-gold-secondary);border-radius:12px;box-shadow:0 0 15px #b39eb533;color:#4a3f4d;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:40px auto;max-width:1100px;padding:30px}.price-list-view h2{color:#000;margin-bottom:25px;text-align:center}.price-list-view .error{color:red;font-weight:700;margin-bottom:15px;text-align:center}.price-list-block{background-color:#f8f5f8;border-left:5px solid #997a8d;border-left:5px solid var(--rose-gold-accent);border-radius:10px;padding:20px}.price-list-block h4{color:#997a8d;color:var(--rose-gold-accent);font-weight:600;margin-bottom:15px}table{margin-bottom:10px}thead{background-color:#b39eb5;background-color:var(--rose-gold-primary);color:#fff}td,th{border:1px solid #ddd;padding:10px;text-align:center}tbody tr:nth-child(2n){background-color:#f3eff3}.button-group{display:flex;gap:10px;margin-top:10px}button{background-color:#b39eb5;background-color:var(--rose-gold-primary);padding:10px 20px;transition:background-color .3s}button:hover{background-color:#775c6d;background-color:var(--button-hover-bg)}.back-button{background-color:#aa98a9;background-color:var(--rose-gold-secondary)}.edit-button{background-color:#4caf50}.save-button{background-color:#2196f3}.delete-button{background-color:#f44336}.cancel-button{background-color:#aa98a9;background-color:var(--rose-gold-secondary)}.error{color:#f44336;text-align:center}.price-list-block{border:1px solid #aa98a9;border:1px solid var(--rose-gold-secondary);border-radius:4px;margin-bottom:30px;padding:15px}@media screen and (max-width:768px){.price-list-view{padding:15px}table,tbody,td,th,thead,tr{font-size:13px}}@media (max-width:768px){.responsive-table{display:block;width:100%}.responsive-table thead{display:none}.responsive-table tbody,.responsive-table td,.responsive-table tr{display:block;width:100%}.responsive-table tr{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:10px;padding:10px}.responsive-table td{border:none;padding:8px 0 8px 50%;position:relative;text-align:left}.responsive-table td:before{color:#666;content:attr(data-label);font-weight:700;left:0;padding-right:10px;position:absolute;white-space:nowrap;width:45%}.responsive-table td:last-child{padding-left:0;text-align:right}.responsive-table td:last-child:before{display:none}.panel-header,.panel-nav ul{flex-direction:column;gap:10px}.controls-row{flex-direction:column}.btn-3d{width:100%}.table-container{font-size:14px}td,th{padding:8px}.purchase-list{padding:10px}.purchase-list h2{font-size:1.4rem}.purchase-list .btn-3d{font-size:1rem;margin:6px 0;padding:10px;width:100%}.purchase-list table{display:block;overflow-x:auto;white-space:nowrap}.total-summary{font-size:.9rem;text-align:left}.inventory-panel form{flex-direction:column}.inventory-panel form button,.inventory-panel form input{width:100%}.inventory-panel table,.inventory-panel tbody,.inventory-panel td,.inventory-panel th,.inventory-panel thead,.inventory-panel tr{display:block}.inventory-panel thead{display:none}.inventory-panel tr{border:1px solid #ccc;border-radius:8px;margin-bottom:1rem;padding:.5rem}.inventory-panel td{padding-left:50%;position:relative;text-align:left}.inventory-panel td:before{content:attr(data-label);font-weight:700;left:10px;position:absolute;top:10px;white-space:nowrap}}@media (max-width:480px){.panel-header h1{font-size:1.5rem}.dropdown-menu{min-width:120px}.btn-3d{padding:8px 16px}}.purchasing-admin-panel{padding:20px}.dropdown-menu{background-color:#927788;box-shadow:0 4px 8px #0003}.dropdown-menu button{color:#fff}.dropdown-menu button:hover{background-color:#a597a0}.purchase-receipt-form,.purchase-receipt-list{border-radius:8px;padding:20px}.card-3d{box-shadow:0 4px 8px #0003;transition:transform .2s}.card-3d:hover{transform:translateY(-2px)}.btn-3d{padding:10px 20px;transition:background-color .3s}.btn-delete,.btn-edit{margin-right:10px}.receipt-table td,.receipt-table th{border:1px solid #aa98a9;border:1px solid var(--rose-gold-secondary);padding:10px}.form-section{margin-bottom:15px}.form-section label{color:#b39eb5;color:var(--rose-gold-primary);display:block;margin-bottom:5px}.form-section input,.form-section textarea{border:1px solid #aa98a9;border:1px solid var(--rose-gold-secondary);border-radius:4px;padding:8px;width:98%}.collapse-header{margin-bottom:15px}.collapse-btn{font-size:14px}:root{--rose-gold-primary:#b39eb5;--rose-gold-secondary:#aa98a9;--rose-gold-accent:#997a8d;--button-hover-bg:#775c6d;--text-color:#333;--error-color:#d32f2f;--border-color:#ccc;--shadow:0 4px 8px #0000001a}.panel-header{background-color:#b39eb5;background-color:var(--rose-gold-primary);border-radius:8px 8px 0 0;color:#fff;padding:10px 20px}.panel-header h1{font-size:24px;margin:0}.panel-nav ul{display:flex;gap:10px;list-style:none;margin:20px 0;padding:0}.dropdown,.panel-nav li{position:relative}.dropdown-menu{background-color:(145deg,#997a8d,#b39eb5);border:1px solid #ccc;border:1px solid var(--border-color);border-radius:4px;box-shadow:0 4px 8px #0000001a;box-shadow:var(--shadow);left:0;min-width:150px;position:absolute;top:100%;z-index:1000}.dropdown-menu button{background:none;border:none;color:#333;color:var(--text-color);cursor:pointer;display:block;padding:10px;text-align:left;width:100%}.dropdown-menu button:hover{background-color:#997a8d;background-color:var(--rose-gold-accent)}.purchase-receipt-list{border-radius:8px;box-shadow:0 4px 8px #0000001a;box-shadow:var(--shadow);padding:20px}.collapse-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.collapse-header h2{color:#333;color:var(--text-color);font-size:20px;margin:0}.btn-3d{border:none;border-radius:4px;box-shadow:0 3px 6px #0000001a;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .3s ease}.btn-3d:hover{background-color:#775c6d;background-color:var(--button-hover-bg);box-shadow:0 5px 10px #0003;transform:translateY(-2px)}.btn-3d:active{box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.btn-edit{background-color:#997a8d;background-color:var(--rose-gold-accent);margin-right:8px}.btn-delete{background-color:#b39eb5;background-color:var(--rose-gold-primary)}.btn-delete:disabled{background-color:#ccc;cursor:not-allowed}.collapse-btn{background-color:#997a8d;background-color:var(--rose-gold-accent)}.receipt-table{background-color:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 4px 8px #0000001a;box-shadow:var(--shadow);margin-top:20px;overflow:hidden;width:100%}.receipt-table td,.receipt-table th{border-bottom:1px solid #ccc;border-bottom:1px solid var(--border-color);padding:12px;text-align:left}.receipt-table th{background-color:#b39eb5;background-color:var(--rose-gold-primary);color:#fff;font-weight:600}.receipt-table tbody tr:hover{background-color:#aa98a9;background-color:var(--rose-gold-secondary)}.error-message{background-color:#ffebee;border:1px solid #d32f2f;border:1px solid var(--error-color);color:#d32f2f;color:var(--error-color)}.form-actions{text-align:right}.card-3d{border-radius:8px;box-shadow:0 4px 8px #0000001a;box-shadow:var(--shadow);transition:transform .3s ease}.card-3d:hover{transform:translateY(-5px)}@media (max-width:768px){.panel-nav ul{flex-direction:column;gap:5px}.receipt-table{font-size:14px}.receipt-table td,.receipt-table th{padding:8px}.btn-3d{font-size:14px;padding:6px 12px}}.page-heading{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-left:5px solid #997a8d;border-radius:10px;box-shadow:0 4px 8px #775c6d1a;color:#775c6d;font-family:Ethnocentric,"sans-serif";font-size:2rem;font-weight:700;margin:20px 0 30px;padding:15px;text-align:center;text-shadow:1px 1px 2px #0000001a}.dark .page-heading{background:linear-gradient(135deg,#2d3748,#4a5568);border-left-color:#997a8d;color:#fff;text-shadow:1px 1px 2px #0000004d}.page-heading:hover{box-shadow:0 6px 12px #775c6d26;transform:translateY(-2px);transition:all .3s ease}@media (max-width:768px){.page-heading{font-size:1.5rem;margin:15px 0 20px;padding:10px}}@media (max-width:1024px){.purchasing-admin-panel{padding:15px}.panel-header{flex-direction:column;gap:15px;text-align:center}.panel-header h1{font-size:1.8rem}.panel-nav ul{align-items:center;flex-direction:column;gap:10px}.dropdown{max-width:100%;width:100%}.btn-3d{margin:5px 0;max-width:300px;width:100%}.table-container{margin:0 -15px;padding:0 15px}.card-3d{margin:10px 0}}@media (max-width:768px){.purchasing-admin-panel{padding:10px}.panel-header{padding:15px 10px;position:relative}.panel-header h1{font-size:1.5rem}.mobile-menu-toggle{display:flex}.panel-nav{position:relative}.panel-nav ul{display:none;gap:8px;padding:15px 10px}.panel-nav.mobile-open ul{display:flex}.dropdown{max-width:none;width:100%}.btn-3d{font-size:16px;min-height:48px;padding:12px 16px}.dropdown-menu{border:1px solid #ddd;box-shadow:none;margin-top:5px;position:static;width:100%}.dropdown-menu button{font-size:16px;min-height:48px;padding:12px 16px}.controls-row{flex-direction:column;gap:8px}.btn-3d{margin:5px 0;width:100%}.table-container{margin:0 -10px;padding:0 10px}table{min-width:500px}table,td,th{font-size:14px}td,th{padding:8px}.card-3d{margin:10px 0;padding:15px}.form-section input,.form-section textarea{border:2px solid #ddd;border-radius:8px;font-size:16px;padding:12px;transition:border-color .3s ease;width:100%}.form-section input:focus,.form-section textarea:focus{border-color:#997a8d;box-shadow:0 0 0 3px #997a8d1a;outline:none}.form-actions{flex-direction:column;gap:10px}.form-actions button{font-size:16px;padding:12px;width:100%}.pagination{flex-direction:column;gap:10px}.pagination button{padding:10px;width:100%}}@media (max-width:480px){.purchasing-admin-panel{padding:5px}.panel-header{padding:10px 5px}.panel-header h1{font-size:1.3rem}.panel-nav ul{gap:5px;padding:10px 5px}.btn-3d,.dropdown-menu button{min-height:44px;padding:10px 12px}.dropdown-menu button{font-size:14px}table{min-width:400px}table,td,th{font-size:12px}td,th{padding:6px}.card-3d{padding:10px}.btn-3d,.form-section input,.form-section textarea{font-size:14px;padding:10px}}@media (hover:none) and (pointer:coarse){.btn-3d{min-width:48px}.btn-3d,.dropdown-menu button{min-height:48px;touch-action:manipulation}.btn-3d:hover{box-shadow:0 4px 8px #0003}.btn-3d:hover,.card-3d:hover{transform:none}.form-section input,.form-section textarea{font-size:16px}.table-container{-webkit-overflow-scrolling:touch}}@media (max-height:500px) and (orientation:landscape){.panel-header{padding:10px}.panel-header h1{font-size:1.2rem}.panel-nav ul{padding:8px}.btn-3d{min-height:40px;padding:8px 12px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.btn-3d,.card-3d{border:.5px solid #0000001a}}@media print{.purchasing-admin-panel{padding:0}.btn-3d,.dropdown-menu,.panel-header,.panel-nav{display:none}.card-3d{border:1px solid #000;box-shadow:none}table{min-width:auto}td,th{border:1px solid #000}}.bill-summary-container{margin:0 auto;max-width:1200px;padding:20px}.bill-summary-header{align-items:center;background:#f8f9fa;border-left:4px solid #007bff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.bill-summary-header h1{color:#2c3e50;font-size:2rem;font-weight:600;margin:0}.date-filter-section{align-items:center;display:flex;gap:15px}.date-filter-section label{align-items:center;color:#2c3e50;display:flex;font-weight:600;gap:8px}.date-filter-section input[type=date]{background:#fff;border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px;transition:border-color .2s ease}.date-filter-section input[type=date]:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}@media (max-width:768px){.bill-summary-header{align-items:flex-start;flex-direction:column;gap:20px}.date-filter-section,.header-left{gap:10px}.date-filter-section,.date-filter-section label,.header-left{align-items:flex-start;flex-direction:column}}.bill-table-wrapper{margin-bottom:40px}.bill-table-wrapper h2{font-size:1.5em;margin-bottom:10px}.bill-table{background-color:#fff;border-collapse:collapse;box-shadow:0 1px 3px #0003;width:100%}.bill-table td,.bill-table th{border-bottom:1px solid #ddd;padding:12px;text-align:left}.bill-table th{background-color:#f4f4f4;font-weight:700}.bill-table tbody tr:hover{background-color:#f9f9f9}.loader{color:#666;font-size:1.2em;margin:20px 0;text-align:center}.error{background-color:#ffebee;border-radius:4px;color:#d32f2f;margin-bottom:10px;padding:10px}.empty{color:#666;font-size:1.2em;margin:20px 0;text-align:center}.accounts-admin-panel{background:linear-gradient(90deg,#997a8d,silver);color:#333;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}.profit-chart-container{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;display:flex;justify-content:center;margin:20px 0;min-height:400px;padding:20px}.profit-chart-container canvas{height:auto;max-width:100%}.bill-distribution-chart-container{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;display:flex;justify-content:center;margin:20px 0;min-height:400px;padding:20px}.bill-distribution-chart-container canvas{height:auto;max-width:100%}.main-content{flex:1 1;overflow-y:auto;padding:20px;transition:margin-left .3s ease-in-out}.accounts-header{flex:1 1;text-align:center}.accounts-header h2{margin:0;text-align:center}.main-content.with-sidebar{margin-left:280px}.main-content.without-sidebar{margin-left:0}.sidebar-toggle-btn{background:#fff;border:none;border-radius:5px;box-shadow:0 2px 5px #0003;cursor:pointer;font-size:16px;left:10px;padding:6px 10px;position:fixed;top:10px;z-index:1100}.back-button{margin-top:30px}.billing-header{align-items:center;background:#f8f9fa;border-left:4px solid #007bff;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px}.billing-header h3{color:#2c3e50;font-size:1.5rem;margin:0}.billing-date-filter{align-items:center;display:flex;gap:15px}.billing-date-filter label{align-items:center;color:#2c3e50;display:flex;font-weight:600;gap:8px}.billing-date-filter input[type=date]{background:#fff;border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px;transition:border-color .2s ease}.billing-date-filter input[type=date]:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.today-button{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .2s ease}.today-button:hover{background-color:#218838}.billing-filters{display:flex;flex:1 1;flex-direction:column;gap:15px}.billing-type-filter{align-items:center;display:flex;gap:15px}.billing-type-filter label{align-items:center;color:#2c3e50;display:flex;font-weight:600;gap:8px}.billing-type-filter select{background:#fff;border:1px solid #ddd;border-radius:4px;font-size:14px;min-width:150px;padding:8px 12px;transition:border-color .2s ease}.billing-type-filter select:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.clear-filters-button{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .2s ease}.clear-filters-button:hover{background-color:#c82333}@media (min-width:768px){.billing-filters{align-items:center;flex-direction:row}.billing-date-filter,.billing-type-filter{margin-bottom:0}}.today-button:active{transform:translateY(1px)}@media (max-width:768px){.billing-header{gap:15px}.billing-date-filter,.billing-header{align-items:flex-start;flex-direction:column}.billing-date-filter{gap:10px}.billing-date-filter label{align-items:flex-start;flex-direction:column}}.tab-list{display:flex;gap:10px;margin-bottom:10px}.active-tab,.tab{background-color:#ddd;border:none;border-radius:5px;cursor:pointer;padding:8px 16px}.active-tab{background-color:#ffc107;font-weight:700}button{border:none;border-radius:4px;color:#fff;margin:5px;padding:6px 12px}button.edit-btn{background-color:#ffc107}button.delete-btn{background:#dc3545}button.save-btn{background-color:#2ecc71}button.back-btn{background-color:#6c757d}.notification-container{display:inline-block;position:relative}.notification-button{background:#0000;border:none;border-radius:4px;cursor:pointer;font-size:18px;padding:8px;position:relative;transition:background-color .2s ease}.notification-button:hover{background-color:#f8f9fa}.notification-badge{align-items:center;background:#dc3545;border-radius:10px;color:#fff;display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;line-height:1;min-width:18px;padding:2px 6px;position:absolute;right:2px;top:2px}.notification-dropdown{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 4px 12px #00000026;color:#333;max-width:90vw;overflow:hidden;padding:0;position:absolute;right:0;top:100%;width:350px;z-index:1000}.notification-dropdown h4{background:#f8f9fa;border-bottom:1px solid #e9ecef;color:#2c3e50;font-size:16px;font-weight:600;margin:0;padding:15px 20px}.notification-item{border-bottom:1px solid #f1f3f4;padding:15px 20px;transition:background-color .2s ease}.notification-item:hover{background-color:#f8f9fa}.notification-item:last-child{border-bottom:none}.notification-content{margin-bottom:12px}.notification-title{color:#2c3e50;font-size:14px;font-weight:500;line-height:1.4;margin:0 0 8px}.notification-reason{color:#6c757d;font-size:12px;font-style:italic;line-height:1.3;margin:0 0 6px}.notification-time{color:#adb5bd;font-size:11px;margin:0}.notification-actions{display:flex;gap:8px}.notification-actions button{border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease}.notification-actions button:first-child{background-color:#28a745;color:#fff}.notification-actions button:first-child:hover{background-color:#218838}.notification-actions button:last-child{background-color:#dc3545;color:#fff}.notification-actions button:last-child:hover{background-color:#c82333}.approve-btn{background-color:#28a745!important;color:#fff!important}.approve-btn:hover{background-color:#218838!important;transform:translateY(-1px)}.reject-btn{background-color:#dc3545!important;color:#fff!important}.reject-btn:hover{background-color:#c82333!important;transform:translateY(-1px)}.notification-dropdown p{color:#6c757d;font-style:italic;margin:0;padding:20px;text-align:center}@media (max-width:768px){.notification-dropdown{max-width:95vw;right:-10px;width:300px}.notification-item{padding:12px 15px}.notification-actions{flex-direction:column;gap:6px}.notification-actions button{padding:8px 12px;width:100%}}@media (max-width:480px){.notification-dropdown{right:-20px;width:280px}.notification-dropdown h4{font-size:14px;padding:12px 15px}}.message.success{background-color:#2ecc71}.message.error,.message.success{color:#fff;margin-top:10px;padding:10px}.message.error{background-color:#dc3545}.loading-overlay{background:#fffc;z-index:999}.data-table,.distribution-details,.staff-list,.summary-cards{margin-top:15px;width:100%}.data-table td,.data-table th{border:1px solid #ccc;padding:8px}.chart-container{margin-top:15px;width:100%}.modal-overlay{background:#00000080;height:100vh;width:100vw;z-index:9999}.modal-content{border-radius:6px;max-width:800px;padding:20px}.staff-profile-pic{align-items:center;background-color:#eee;background-position:50%;background-size:cover;border-radius:50%;display:flex;height:100px;justify-content:center;margin-bottom:10px;width:100px}.message-notification{animation:slideInRight .3s ease-out;background:linear-gradient(135deg,#4caf50,#45a049);border-radius:12px;box-shadow:0 8px 32px #4caf504d;color:#fff;max-width:400px;padding:20px;position:fixed;right:20px;top:20px;z-index:10000}.message-notification.error{background:linear-gradient(135deg,#f44336,#d32f2f);box-shadow:0 8px 32px #f443364d}.notification-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.notification-header h4{font-size:16px;font-weight:600;margin:0}.close-notification{background:#fff3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:18px;padding:4px 8px;transition:background-color .2s ease}.close-notification:hover{background:#ffffff4d}.notification-content{font-size:14px;line-height:1.5}.notification-content p{margin:8px 0}.notification-note{background:#ffffff1a;border-radius:6px;font-size:13px;margin-top:10px;padding:10px}.accounts-sidebar-wrapper{background-color:#fff;block-size:100%;color:#000;inline-size:280px;overflow:hidden;position:fixed;transition:inline-size .3s ease-in-out,visibility .3s ease-in-out,opacity .3s ease-in-out;z-index:1000}.accounts-sidebar-wrapper.closed{inline-size:0;opacity:0;pointer-events:none;visibility:hidden}.accounts-sidebar-wrapper.open{inline-size:280px;opacity:1;pointer-events:auto;visibility:visible}.accounts-profile-section{-webkit-margin-after:10px;margin-block-end:10px;text-align:center}.accounts-profile-pic{background-color:#ccc;margin:auto}.accounts-profile-name{font-weight:700;margin-top:10px}.accounts-profile-summary{color:#555;font-size:13px;margin-bottom:20px;text-align:center}.accounts-profile-summary p{margin:4px 0}.accounts-menu-label{background:linear-gradient(90deg,#997a8d,silver);border-radius:12px;color:#666;font-size:14px;font-weight:700;margin:10px 0;text-align:center;text-transform:uppercase;width:auto}.accounts-sidebar ul{list-style:none;margin:0;padding:0}.accounts-sidebar li{align-items:center;border-radius:4px;border-radius:8px;cursor:pointer;display:flex;padding:10px 15px;text-align:center;transition:background-color .3s;width:70%}.accounts-sidebar{block-size:100%;display:flex;flex-direction:column;inline-size:280px;max-height:100vh;overflow-y:auto;padding:20px}.scroll-buttons{display:flex;justify-content:space-between;margin-bottom:10px}.scroll-btn{background:#f0f0f0;border:none;border-radius:3px;cursor:pointer;font-size:16px;padding:5px 10px;transition:background .2s}.scroll-btn:hover{background:#e0e0e0}.scroll-btn:active{background:#d0d0d0}.accounts-profile-pic{align-items:center;background-color:#e0e0e0;background-position:50%;background-size:cover;block-size:80px;border-radius:50%;cursor:pointer;display:flex;inline-size:80px;justify-content:center;margin:0 auto 10px;transition:opacity .2s}.accounts-profile-pic:hover{opacity:.9}.accounts-profile-pic span{color:#666;font-size:14px;text-align:center}.remove-photo-btn{align-items:center;background:#dc3545;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;position:absolute;right:-5px;top:-5px;transition:background-color .2s ease;width:24px;z-index:10}.remove-photo-btn:hover{background:#b12b38}.accounts-profile-section{position:relative}.logoutbtn{background:#dc3545;border-radius:8px;color:#fff;font-weight:500;padding:10px 15px;text-align:center;transition:background-color .2s ease;width:auto}.logoutbtn:hover{background:#b12b38}.calcculate-buttons:hover{background-color:#fff;background-color:#5a6268}@media (max-width:768px){.accounts-sidebar,.accounts-sidebar-wrapper.open{inline-size:250px}}.accounts-sidebar li.active{background-color:#b39eb5;color:#fff}@media (max-width:768px){.accounts-sidebar-wrapper{inline-size:250px}.accounts-sidebar{inline-size:250px;padding:15px}}.mini-calculator{background:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:15px}.calc-input{border:1px solid #ddd;border-radius:4px;font-size:14px;margin-bottom:10px;padding:8px;width:100%}.calcculate-buttons{grid-gap:5px;color:#000;display:grid;gap:5px;grid-template-columns:repeat(4,1fr)}.calcculate-buttons button{border:1px solid #ddd;border-radius:4px;color:#000;cursor:pointer;font-size:12px;padding:8px;transition:background .2s}.calcculate-buttons button:hover{background:#e9ecef}.calcculate-buttons .clear-btn{background:#dc3545;color:#fff}.calcculate-buttons .clear-btn:hover{background:#c82333}.calc-result{background:#d4edda;border-radius:4px;color:#155724;font-weight:700;margin-top:10px;padding:8px;text-align:center}.message-box-modal{max-width:500px;width:90%}.message-box-section{margin-bottom:20px}.message-box-section label{color:#333;display:block;font-weight:700;margin-bottom:8px}.staff-selection{background:#f8f9fa;border:1px solid #ddd;border-radius:4px;max-height:150px;overflow-y:auto;padding:10px}.staff-checkbox{align-items:center;cursor:pointer;display:flex;font-size:14px;margin-bottom:8px}.staff-checkbox input[type=checkbox]{margin-right:8px}.message-textarea{border:1px solid #ddd;border-radius:4px;font-family:inherit;padding:10px;resize:vertical;width:100%}.message-box-actions{display:flex;gap:10px;justify-content:flex-end}.send-message-btn{background:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px}.send-message-btn:hover:not(:disabled){background:#218838}.send-message-btn:disabled{background:#6c757d;cursor:not-allowed}.cancel-message-btn{background:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px}.cancel-message-btn:hover{background:#5a6268}.loading-staff{color:#666;font-style:italic;padding:20px}.billing-details{margin:0 auto;max-width:1200px;padding:20px}.billing-details h2{color:#333;font-size:24px;margin-bottom:20px}.bills-table h3,.chart-container h3{color:#333;font-size:18px;margin-bottom:10px}.data-table{background:#fff;box-shadow:0 2px 4px #0000001a}.data-table th{background:#f4f4f4}.data-table tr:hover{background:#f9f9f9}.loading-overlay{background:#00000080;color:#fff;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.loading-overlay,.message{align-items:center;display:flex}.message{justify-content:space-between;margin:10px 0}.message.error{background:#f8d7da}.message.success{background:#d4edda}.message button{background:none;border:none;color:inherit;cursor:pointer;font-weight:700}.add-staff-form,.send-message-form{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.add-staff-form input,.add-staff-form select,.send-message-form textarea{border:1px solid #ddd;border-radius:4px;flex:1 1;min-width:150px;padding:8px}.send-message-form textarea{flex-basis:100%}.add-staff-form button,.send-message-form button{background:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px}.add-staff-form button:hover,.send-message-form button:hover{background:#2980b9}@media (max-width:768px){.data-table td,.data-table th{font-size:14px;padding:8px}.add-staff-form input,.add-staff-form select{min-width:100%}}.filters-section{background:#f8f9fa;display:flex;flex-wrap:wrap;gap:15px;padding:15px}.filter-group{display:flex;flex-direction:column;min-width:150px}.filter-group label{color:#333;font-weight:700;margin-bottom:5px}.filter-group input,.filter-group select{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px}.summary-stats{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.stat-card{text-align:center}.stat-card h3{color:#666;font-size:14px;margin:0 0 10px}.stat-card p{color:#333;font-size:24px;font-weight:700;margin:0}.payment-history-table{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.payment-history-table h3{color:#333;margin:0 0 15px}.bill-type-badge{border-radius:12px;color:#fff;padding:4px 8px;text-transform:uppercase}.bill-type-badge,.status-badge{font-size:12px;font-weight:700}.status-badge.completed{background:#28a745;color:#fff}.status-badge.pending{background:#ffc107;color:#212529}.status-badge.failed{background:#dc3545;color:#fff}.amount-cell{color:#28a745;font-weight:700}.error-message{background:#f8d7da;padding:10px}@media (max-width:768px){.filters-section{flex-direction:column}.filter-group{min-width:100%}.summary-stats{grid-template-columns:1fr}}.latest-bills-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:20px 0;padding:20px}.bills-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:15px}.bill-type{background:#f8f9fa;border-left:4px solid #3498db;border-radius:6px;padding:15px}.bill-type h4{color:#2c3e50;font-size:14px;font-weight:600;margin:0 0 10px}.bill-list{max-height:200px;overflow-y:auto}.bill-item{align-items:center;border-bottom:1px solid #e9ecef;display:flex;font-size:12px;justify-content:space-between;padding:8px 0}.bill-item:last-child{border-bottom:none}.bill-item span:first-child{color:#27ae60;font-weight:600}.bill-item span:last-child{color:#6c757d}.charts-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin:20px 0}.chart-container{height:400px}.chart-container,.pie-chart-container{border-radius:8px;box-shadow:0 2px 4px #0000001a}.pie-chart-container{background:#fff;height:320px;max-width:380px;padding:15px}.chart-container h3{font-size:16px;font-weight:600;margin:0 0 15px}.pie-chart-container h3{color:#2c3e50;font-size:14px;font-weight:600;margin:0 0 10px}.distribution-summary{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:20px 0;padding:20px}.summary-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:15px}.summary-item{align-items:center;background:#f8f9fa;border-left:4px solid #3498db;border-radius:6px;display:flex;justify-content:space-between;padding:12px}.summary-item .label{color:#2c3e50;font-weight:600}.summary-item .value{color:#27ae60;font-size:16px;font-weight:700}.staff-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:20px 0;padding:20px}.staff-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:15px}.staff-card{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;padding:15px;transition:transform .2s,box-shadow .2s}.staff-card:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.staff-avatar{margin-right:15px}.staff-avatar img{object-fit:cover}.avatar-placeholder,.staff-avatar img{border-radius:50%;height:50px;width:50px}.avatar-placeholder{align-items:center;background:#3498db;color:#fff;display:flex;font-size:20px;font-weight:600;justify-content:center}.staff-info h4{font-size:14px}.staff-info p{font-size:12px}.all-bills-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:20px 0;padding:20px}.bills-tabs{border-bottom:2px solid #e9ecef;display:flex;gap:10px;margin-bottom:20px}.bills-tabs button{background:none;border:none;border-bottom:2px solid #0000;color:#6c757d;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .3s}.bills-tabs button:hover{color:#3498db}.bills-tabs button.active{border-bottom-color:#3498db;color:#3498db}.bills-table{max-height:400px;overflow-y:auto}.data-table{font-size:14px}.data-table td,.data-table th{border-bottom:1px solid #e9ecef}.data-table th{color:#2c3e50;font-weight:600;position:-webkit-sticky;position:sticky;top:0;z-index:10}.data-table th,.data-table tr:hover{background:#f8f9fa}@media (max-width:768px){.bills-grid,.charts-section,.staff-grid,.summary-grid{grid-template-columns:1fr}.bills-tabs{flex-direction:column}.bills-tabs button{text-align:left}}.daily-logins-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:20px 0;padding:20px}.date-selector{gap:10px}.date-selector input[type=date]{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px}.login-summary{background:#f8f9fa;border-radius:6px;display:flex;flex-wrap:wrap;gap:30px;margin-bottom:20px;padding:15px}.login-summary p{color:#2c3e50;font-size:14px;margin:0}.login-details-table{overflow-x:auto}.login-details-table .data-table{border-collapse:collapse;margin-top:10px;width:100%}.login-details-table .data-table td,.login-details-table .data-table th{border-bottom:1px solid #eee;padding:12px 8px;text-align:left}.login-details-table .data-table th{background:#f8f9fa;color:#2c3e50;font-size:13px;font-weight:600}.login-details-table .data-table td{color:#555;font-size:13px}.status-badge{border-radius:12px;font-size:11px;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.status-badge.active{background:#d4edda;color:#155724}.status-badge.logged-out{background:#f8d7da;color:#721c24}@media (max-width:768px){.login-summary{flex-direction:column;gap:10px}.date-selector{align-items:flex-start;flex-direction:column}.login-details-table{font-size:12px}.login-details-table .data-table td,.login-details-table .data-table th{padding:8px 4px}}.summary-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:20px 0}.summary-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;display:flex;gap:15px;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.summary-card:hover{box-shadow:0 8px 15px #00000026;transform:translateY(-2px)}.summary-card.cash-bills{border-left:4px solid #3498db}.summary-card.credit-bills{border-left:4px solid #9b59b6}.summary-card.credit-notes{border-left:4px solid #e74c3c}.summary-card.debit-notes{border-left:4px solid #f1c40f}.card-icon{font-size:2.5rem;opacity:.8}.card-content h3{color:#2c3e50;font-size:1.1rem;font-weight:600;margin:0 0 8px}.card-content .amount{color:#27ae60;font-size:1.5rem;font-weight:700;margin:0}.total-summary{background:linear-gradient(90deg,#997a8d,silver);border-radius:12px;box-shadow:0 4px 15px #0000001a;color:#fff;margin:20px 0;padding:20px;text-align:center}.total-summary h3{font-size:1.8rem;font-weight:600;margin:0}.chart-container{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin:20px 0;padding:20px}.chart-container h3{color:#2c3e50;font-size:1.3rem;margin:0 0 20px;text-align:center}.distribution-table{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin:20px 0;padding:20px}.distribution-table h3{color:#2c3e50;font-size:1.3rem;margin:0 0 20px}.distribution-table .data-table{border-collapse:collapse;margin-top:10px;width:100%}.distribution-table .data-table td,.distribution-table .data-table th{border-bottom:1px solid #eee;padding:12px;text-align:left}.distribution-table .data-table th{background:#f8f9fa;color:#2c3e50;font-weight:600}.distribution-table .data-table tr:hover{background:#f8f9fa}.bill-distribution-header{align-items:center;background:#f8f9fa;border-left:4px solid #007bff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.header-left{align-items:center;display:flex;gap:15px}.bill-distribution-header h2{color:#2c3e50;font-size:1.8rem;font-weight:600;margin:0}.back-button{align-items:center;background-color:#6c757d;border:none;border-radius:4px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:background-color .2s ease}.back-button:hover{background-color:#5a6268;box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.back-button:active{box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.month-filter-section{align-items:center;display:flex;gap:10px}.month-filter-section label{align-items:center;color:#2c3e50;display:flex;font-weight:600;gap:8px}.month-filter-section input[type=month]{background:#fff;border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px;transition:border-color .2s ease}.month-filter-section input[type=month]:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.payment-history-header{align-items:center;background:#f8f9fa;border-left:4px solid #007bff;display:flex;justify-content:space-between;margin-bottom:30px}.filters-section,.payment-history-header{border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.filters-section{background:#fff;border-left:4px solid #28a745;margin-bottom:20px}.filters-section .filter-group{display:flex;flex-direction:column;margin-bottom:15px}.filters-section .filter-group label{color:#2c3e50;font-size:14px;font-weight:600;margin-bottom:5px}.filters-section .filter-group input,.filters-section .filter-group select{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px;transition:border-color .2s ease}.filters-section .filter-group input:focus,.filters-section .filter-group select:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.filter-actions{display:flex;justify-content:flex-end;margin-top:15px}.clear-filters-btn{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .2s ease}.clear-filters-btn:hover{background-color:#c82333}.clear-filters-btn:active{transform:translateY(1px)}.chart-loading{align-items:center;color:#666;display:flex;flex-direction:column;height:300px;justify-content:center}.loading-spinner{border-top-color:#007bff;margin-bottom:10px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.chart-loading p{color:#666;font-size:14px;margin:0}@media (min-width:768px){.filters-section{grid-gap:20px;align-items:end;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.filters-section .filter-group{margin-bottom:0}.filter-actions{grid-column:1/-1;justify-content:flex-end;margin-top:0}}.payment-history-header .header-left{align-items:center;display:flex;gap:15px}.payment-history-header h2{color:#2c3e50;font-size:1.8rem;font-weight:600;margin:0}@media (max-width:768px){.bill-distribution-header{gap:15px}.bill-distribution-header,.header-left{align-items:flex-start;flex-direction:column}.header-left{gap:10px}.month-filter-section{gap:8px}.month-filter-section,.month-filter-section label{align-items:flex-start;flex-direction:column}.summary-cards{grid-template-columns:1fr}.pie-chart-container{height:300px;width:300px}.summary-card{padding:15px}.card-icon{font-size:2rem}.card-content .amount{font-size:1.3rem}}.active-staff-section{background:#f8f9fa;border-left:4px solid #28a745;border-radius:8px;margin:20px 0;padding:20px}.active-staff-section h3{color:#2c3e50;font-size:1.3rem;font-weight:600;margin:0 0 20px}.active-staff-card{align-items:center;border-left:4px solid #28a745;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;gap:15px;transition:transform .2s ease,box-shadow .2s ease}.active-staff-card:hover{box-shadow:0 4px 12px #00000026}.staff-avatar{background:linear-gradient(135deg,#28a745,#20c997);flex-shrink:0;font-size:20px;height:50px;width:50px}.staff-info{flex:1 1}.staff-info h4{color:#2c3e50;font-size:16px;font-weight:600;margin:0 0 5px}.staff-info p{color:#6c757d;font-size:13px;margin:2px 0}.staff-role{color:#007bff!important}.active-duration{color:#28a745!important;font-weight:600}.login-time{color:#6c757d!important;font-size:12px}.status-indicator{flex-direction:column;gap:5px}.pulse-dot{background:#28a745;height:12px;width:12px}.status-indicator span{color:#28a745;font-size:12px;font-weight:600;text-transform:uppercase}.login-summary .summary-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.login-summary .summary-card{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;gap:15px;padding:20px;transition:transform .2s ease}.login-summary .summary-card:hover{transform:translateY(-2px)}.login-summary .summary-card.total-logins{border-left:4px solid #007bff}.login-summary .summary-card.active-staff{border-left:4px solid #28a745}.login-summary .summary-card.logged-out{border-left:4px solid #dc3545}.login-summary .card-icon{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;font-size:24px;height:40px;justify-content:center;width:40px}.login-summary .card-content h3{color:#6c757d;font-size:14px;font-weight:500;margin:0 0 5px}.login-summary .card-content .amount{color:#2c3e50;font-size:24px;font-weight:700;margin:0}@media (max-width:768px){.active-staff-grid{grid-template-columns:1fr}.active-staff-card{flex-direction:column;text-align:center}.status-indicator{margin-top:10px}.login-summary .summary-cards{grid-template-columns:1fr}}.currently-logged-in-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;margin:30px 0;padding:20px}.section-header{align-items:center;border-bottom:2px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.section-header h3{color:#2c3e50;font-size:20px;font-weight:600;margin:0}.staff-count-badge{background:linear-gradient(135deg,#4caf50,#45a049);box-shadow:0 2px 8px #4caf504d;font-weight:700}.staff-count-badge .loading-text{font-size:12px;opacity:.8}.loading-staff{color:#6c757d;padding:40px 20px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#4caf50;height:40px;margin:0 auto 15px;width:40px}.active-staff-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:20px}.active-staff-card{background:#fff;border-left:4px solid #4caf50;border-radius:12px;box-shadow:0 4px 12px #0000001a;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.active-staff-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.active-staff-card:before{background:linear-gradient(90deg,#4caf50,#45a049);content:"";height:3px;left:0;position:absolute;right:0;top:0}.staff-avatar{align-items:center;background:linear-gradient(135deg,#4caf50,#45a049);border-radius:50%;color:#fff;display:flex;font-size:24px;font-weight:700;height:60px;justify-content:center;margin-bottom:15px;position:relative;width:60px}.avatar-image{border-radius:50%;height:100%;object-fit:cover;width:100%}.avatar-initial{font-size:24px;font-weight:700}.staff-info{margin-bottom:15px}.staff-name{color:#2c3e50;font-size:18px;font-weight:600;margin:0 0 8px}.staff-email{color:#6c757d}.staff-email,.staff-role{font-size:14px;margin:0 0 5px}.staff-role{color:#495057;font-weight:500}.staff-department{color:#6c757d;font-size:13px;font-style:italic;margin:0 0 8px}.attendance-status,.login-time,.session-duration{color:#495057;font-size:13px;margin:0 0 5px}.status-present{background:#4caf50;border-radius:12px;color:#fff;font-size:11px;font-weight:600;padding:2px 8px;text-transform:uppercase}.status-indicator{align-items:center;display:flex;gap:8px;position:absolute;right:15px;top:15px}.pulse-dot{animation:pulse 2s infinite;background:#4caf50;border-radius:50%;height:10px;width:10px}.status-text{color:#4caf50;font-size:12px;font-weight:600;text-transform:uppercase}.no-active-staff{color:#6c757d;padding:60px 20px;text-align:center}.no-staff-icon{font-size:48px;margin-bottom:20px;opacity:.5}.no-active-staff h4{color:#495057;font-size:18px;margin:0 0 10px}.no-active-staff p{font-size:14px;margin:0;opacity:.8}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.active-staff-grid{gap:15px;grid-template-columns:1fr}.active-staff-card{padding:15px}.staff-avatar{font-size:20px;height:50px;width:50px}.section-header{align-items:flex-start;flex-direction:column;gap:10px}.staff-count-badge{align-self:flex-end}}.refresh-button{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-left:10px;padding:8px 16px;transition:all .2s ease}.refresh-button:hover:not(:disabled){background:#0056b3;transform:translateY(-1px)}.refresh-button:disabled{background:#6c757d;cursor:not-allowed;transform:none}.staff-list-container{background:#f8f9fa;min-height:100vh;padding:20px}.staff-list-header{align-items:center;border-bottom:2px solid #e9ecef;display:flex;gap:15px;margin-bottom:30px;padding-bottom:20px}.staff-list-header .back-button{align-items:center;background:#997a8d;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:5px;padding:10px 20px;transition:all .2s ease}.staff-list-header .back-button:hover{background:#c4a5b8;transform:translateY(-1px)}.staff-list-header h2{color:#2c3e50;font-size:28px;font-weight:600;margin:0}.staff-list-content{display:flex;flex-direction:column;gap:30px}.logged-in-staff-section{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:25px}.logged-in-staff-section .section-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:25px}.logged-in-staff-section .section-header h3{color:#2c3e50;font-size:22px;font-weight:600;margin:0}.header-controls{align-items:center;display:flex;gap:15px}.staff-count-badge{background:linear-gradient(135deg,#28a745,#20c997);border-radius:20px;box-shadow:0 2px 4px #28a7454d;color:#fff;font-size:14px;font-weight:600;padding:8px 16px}.staff-count-badge .count{font-size:16px;font-weight:700}.staff-management-section{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:25px}.management-forms,.tab-content{display:flex;flex-direction:column;gap:25px}.form-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:20px}.form-section h3{color:#2c3e50;font-size:18px;font-weight:600;margin:0 0 15px}.form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr;margin-bottom:15px}.form-row input,.form-row select{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:12px;transition:border-color .2s ease}.form-row input:focus,.form-row select:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.form-actions{margin-top:15px}.save-btn,.send-btn,.submit-btn{background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s ease}.save-btn:hover,.send-btn:hover,.submit-btn:hover{background:#218838;transform:translateY(-1px)}.cancel-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s ease}.cancel-btn:hover{background:#5a6268;transform:translateY(-1px)}.send-message-form textarea{border:1px solid #ddd;border-radius:6px;font-size:14px;margin-bottom:15px;min-height:100px;padding:12px;resize:vertical;width:100%}.send-message-form textarea:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.staff-table-section{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin-top:20px;padding:25px}.staff-table-section h3{color:#2c3e50;font-size:18px;font-weight:600;margin:0 0 20px}.staff-table{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.staff-table th{background:#007bff;color:#fff;font-size:14px;padding:15px 12px;text-align:left}.staff-table td{border-bottom:1px solid #e9ecef;font-size:14px;padding:12px}.staff-table tr:hover{background:#f8f9fa}.staff-table tr:last-child td{border-bottom:none}.edit-btn{background:#17a2b8;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s ease}.edit-btn:hover{background:#138496;transform:translateY(-1px)}.no-data{padding:20px}.notification-message{animation:slideInRight .3s ease-out;background:#28a745;border-radius:8px;box-shadow:0 4px 12px #00000026;color:#fff;max-width:400px;padding:15px 20px;position:fixed;right:20px;top:20px;z-index:1000}.notification-message.error{background:#dc3545}.notification-message.info{background:#afe9f1}.notification-message p{font-size:14px;font-weight:500;margin:0}.notification-message button{background:#fff3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;margin-left:10px;padding:4px 8px;transition:background-color .2s ease}.notification-message button:hover{background:#ffffff4d}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.staff-list-container{padding:15px}.staff-list-header{align-items:flex-start;flex-direction:column;gap:10px}.management-forms{gap:20px}.form-row{gap:10px;grid-template-columns:1fr}.staff-table{font-size:12px}.staff-table td,.staff-table th{padding:8px 6px}.header-controls{align-items:flex-start;flex-direction:column;gap:10px}}.hr-admin-panel{background:linear-gradient(90deg,#b39eb9,silver);color:#333;margin:0 auto}.panel-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.panel-header h2{color:#333;flex:1 1;margin:0;text-align:center}.mobile-logout-btn{align-items:center;background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;display:none;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .3s ease;white-space:nowrap}.mobile-logout-btn:hover{background-color:#c82333;transform:translateY(-1px)}.tabs{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:20px}.tab{background-color:#f0f0f0;border:none;border-radius:5px;cursor:pointer;font-size:14px;padding:10px 15px;transition:background-color .2s}.tab:hover{background-color:#e0e0e0}.active-tab{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:10px 15px}.tab:hover{background:linear-gradient(90deg,#b39eb9,silver);color:#333;color:#000}.tab-content{background-color:#fff;border-radius:5px;box-shadow:0 2px 5px #0000001a;padding:20px}.appointments-section h3,.leave-permission-section h3,.punching-time-section h3,.staff-details-section h3,.terminated-staff-section h3{color:#333;margin-bottom:15px}.data-table{border-collapse:collapse;margin-top:10px;width:100%}.data-table td,.data-table th{border-bottom:1px solid #ddd;padding:12px;text-align:left}.data-table th{background-color:#f4f4f4;font-weight:700}.data-table tr:nth-child(2n){background-color:#f9f9f9}.action-btn{align-items:center;border-radius:3px;display:inline-flex;gap:5px;margin:0 5px;padding:6px 12px}.action-btn.approve{background-color:#28a745;color:#fff}.action-btn.reject{background-color:#dc3545;color:#fff}.action-btn.terminate-btn{background-color:#ff4d4f;color:#fff}.hr-sidebar-menu button{background:#0000;width:100%}.avatar{background:#007bff}.sidebar-footer-bottom{display:flex;flex-direction:column;gap:12px;margin-top:auto}.dark-mode .hr-sidebar-menu .active,.dark-mode .hr-sidebar-menu button:hover{color:#80deea}.profile-summary{background-color:silver}@media (max-width:1024px){.hr-admin-panel{margin-left:220px;padding:15px}.hr-sidebar{left:-220px;width:220px}.tabs{flex-wrap:wrap;gap:6px;justify-content:center}.active-tab,.tab{font-size:12px;min-width:-webkit-fit-content;min-width:fit-content;padding:8px 10px}.tab-content{padding:15px}.data-table{font-size:13px}.data-table td,.data-table th{padding:10px 8px}}@media (max-width:768px){.hr-admin-panel{margin-left:0;padding:10px}.panel-header{margin-bottom:15px}.mobile-logout-btn{display:flex}.hr-sidebar{left:-200px;transform:translateX(-100%);width:200px}.hr-sidebar.open{left:0;transform:translateX(0)}.sidebar-toggle{width:12px}.tabs{flex-wrap:wrap;gap:4px;justify-content:center}.active-tab,.tab{flex:1 1;font-size:12px;min-width:calc(50% - 2px);overflow:hidden;padding:8px 6px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.tab-content{padding:10px}.data-table{-webkit-overflow-scrolling:touch;font-size:12px;overflow-x:auto}.data-table td,.data-table th{min-width:80px;padding:8px 6px}.crud-form{flex-direction:column;gap:10px}.crud-form input,.crud-form select{margin-bottom:8px;min-width:100%;width:100%}.add-btn,.cancel-btn,.delete-btn,.edit-btn,.save-btn{justify-content:center;margin:2px 0;padding:10px;width:100%}}@media (max-width:480px){.hr-admin-panel{padding:5px}.panel-header{margin-bottom:10px}.panel-header h2{font-size:18px}.mobile-logout-btn{font-size:12px;padding:6px 12px}.hr-sidebar{left:-180px;width:180px}.active-tab,.tab{font-size:11px;min-width:calc(33.333% - 3px);padding:6px 4px}.tab-content{padding:8px}.data-table{font-size:10px;min-width:600px}.data-table td,.data-table th{font-size:10px;padding:6px 4px}.data-table th{font-size:9px;padding:8px 4px}.data-table td:nth-child(3),.data-table td:nth-child(5),.data-table th:nth-child(3),.data-table th:nth-child(5){display:none}.action-btn{font-size:10px;margin:1px;padding:4px 8px}.crud-form{gap:8px}.add-btn,.cancel-btn,.delete-btn,.edit-btn,.save-btn{font-size:12px;padding:8px}}@media (max-width:360px){.panel-header h2{font-size:16px}.mobile-logout-btn{font-size:11px;padding:5px 10px}.data-table td:nth-child(2),.data-table td:nth-child(4),.data-table td:nth-child(6),.data-table th:nth-child(2),.data-table th:nth-child(4),.data-table th:nth-child(6){display:none}.data-table td,.data-table th{font-size:9px;padding:4px 2px}.active-tab,.tab{font-size:10px;min-width:calc(50% - 1px);padding:4px 2px}}.hr-sidebar{background:linear-gradient(90deg,#b39eb9,silver);box-shadow:2px 0 10px #0003;color:#333;height:100vh;left:-250px;position:fixed;top:0;transition:left .3s ease-in-out;width:250px;z-index:1001}.hr-sidebar.open{left:0}.sidebar-overlay{background-color:#0000004d;height:100vh;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s ease;visibility:hidden;width:100vw;z-index:1000}.sidebar-overlay.active{opacity:1;visibility:visible}.sidebar-toggle{font-size:16px;left:15px;top:15px;z-index:1100}.hr-sidebar-menu button{align-items:center;background:#9b778e;border:none;color:#000;cursor:pointer;display:flex;font-size:.9rem;gap:10px;padding:.6rem 0;text-align:left;transition:.2s;width:95%}.hr-sidebar-menu button:hover{background:#967489;color:#fff}.sign-out-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#ff5252;cursor:pointer;display:flex;gap:10px;margin:5px;padding:8px 12px;transition:background-color .3s ease}.sign-out-btn:hover{background-color:#ff52521a}.badge{border-radius:5px;font-size:12px;padding:3px 8px;text-transform:capitalize}.badge.pending{background:#ffc107;color:#000}.badge.approved{background:#28a745;color:#fff}.badge.rejected{background:#dc3545;color:#fff}.badge.confirmed{background:#007bff;color:#fff}.badge.cancelled{background:#6c757d;color:#fff}.missing-punch{background:#fff3cd}.avatar,.avatar-img{align-items:center;border:2px solid #fff;border-radius:50%;height:80px;object-fit:cover;width:80px}.avatar{align-items:center;background:#b39eb5;color:#fff;display:flex;font-size:18px;justify-content:center}.dark-mode{background-color:#121212;color:#e0e0e0}.dark-mode .hr-sidebar{background:#000000b3}.dark-mode .hr-sidebar-menu button:hover{color:#000}.dark-mode .hr-sidebar-menu .active{color:#9b778e}.hr-admin-container{display:flex;min-height:100vh;position:relative}.hr-admin-panel{flex:1 1;margin-left:240px;padding:20px;transition:margin-left .3s ease}.hr-admin-panel.shifted{margin-left:0}.sidebar-toggle{align-items:center;background-color:#0000001a;cursor:pointer;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;transition:background-color .3s ease;width:16px;z-index:99}.sidebar-toggle:hover{background-color:#0003}.profile-summary{align-items:center;background-color:#b39eb5;display:flex;flex-direction:column;gap:10px;padding:10px 0}.add-btn,.cancel-btn,.save-btn{align-items:center;background:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;gap:5px;padding:8px 15px}.edit-btn{background:#ffc107}.delete-btn{background:#dc3545;color:#fff}.cancel-btn{background:#6c757d;color:#fff}.add-btn:hover,.cancel-btn:hover,.save-btn:hover{opacity:.9}.notifications-container{margin:20px 10px}.notification{align-items:center;border-radius:4px;display:flex;font-size:14px;justify-content:space-between;margin-bottom:10px;padding:10px}.notification.inventory{background-color:#fff3cd;color:#856404}.notification.payment{background-color:#f8d7da;color:#721c24}.notification.message{background-color:#d4edda;color:#155724}.map-toggle{align-items:center;background-color:#2d3e50;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;justify-content:center;left:15px;min-height:32px;min-width:40px;padding:6px 12px;position:fixed;top:15px;transition:all .3s ease;z-index:1001}.map-toggle:hover{background-color:#34495e;box-shadow:0 4px 12px #0000004d;transform:scale(1.05)}.map-toggle:active{transform:scale(.95)}@media (max-width:1024px){.hr-sidebar{left:-220px;width:220px}.hr-admin-panel{margin-left:220px}.sidebar-toggle{width:14px}}@media (max-width:768px){.hr-sidebar{left:-200px;width:200px;z-index:1002}.hr-sidebar.open{left:0}.hr-admin-panel{margin-left:0;padding:15px}.sidebar-toggle{left:0;width:12px}.hr-sidebar-menu button{font-size:.85rem;padding:.5rem 0}.profile-summary{padding:8px 0}.avatar,.avatar-img{height:60px;width:60px}.avatar{font-size:14px}.notifications-container{margin:15px 8px}.notification{font-size:13px;padding:8px}.map-toggle{background-color:#2d3e50;border:2px solid #fff;box-shadow:0 2px 8px #0000004d;color:#fff;font-size:14px;left:10px;min-height:28px;min-width:36px;padding:6px 10px;top:10px;z-index:1003}}@media (max-width:480px){.hr-sidebar{left:-180px;width:180px}.hr-admin-panel{padding:10px}.sidebar-toggle{width:10px}.map-toggle{align-items:center!important;background-color:#2d3e50!important;border:2px solid #fff!important;box-shadow:0 2px 8px #0006!important;color:#fff!important;display:flex!important;font-size:16px!important;font-weight:700!important;justify-content:center!important;left:8px!important;min-height:32px!important;min-width:32px!important;position:fixed!important;top:8px!important;z-index:1004!important}.sidebar-footer-bottom{margin-bottom:20px;padding-bottom:60px}.sign-out-btn{font-size:14px;margin:8px 12px;padding:10px 12px}.hr-sidebar-menu button{font-size:.8rem;padding:.4rem 0}.profile-summary{padding:6px 0}.avatar,.avatar-img{height:50px;width:50px}.avatar{font-size:12px}.notifications-container{margin:10px 5px}.notification{font-size:12px;padding:6px}.map-toggle{background-color:#2d3e50;border:2px solid #fff;box-shadow:0 2px 8px #0006;color:#fff;font-size:16px;font-weight:700;left:8px;min-height:32px;min-width:32px;padding:6px 8px;top:8px;z-index:1004}.crud-form{flex-direction:column;gap:8px}.crud-form input,.crud-form select{margin-bottom:8px;min-width:100%}.add-btn,.cancel-btn,.delete-btn,.edit-btn,.save-btn{justify-content:center;margin:2px 0;padding:8px;width:100%}}@media (max-width:360px){.hr-sidebar{left:-160px;width:160px}.map-toggle{align-items:center!important;background-color:#2d3e50!important;border:2px solid #fff!important;box-shadow:0 2px 8px #00000080!important;color:#fff!important;display:flex!important;font-size:14px!important;font-weight:700!important;justify-content:center!important;left:5px!important;min-height:28px!important;min-width:28px!important;position:fixed!important;top:5px!important;z-index:1005!important}.sidebar-footer-bottom{margin-bottom:15px;padding-bottom:50px}.hr-sidebar-menu button{font-size:.75rem;padding:.35rem 0}.avatar,.avatar-img{height:40px;width:40px}.avatar{font-size:10px}.notification{font-size:11px;padding:4px}.map-toggle{background-color:#2d3e50;border:2px solid #fff;box-shadow:0 2px 8px #00000080;color:#fff;font-size:14px;font-weight:700;left:5px;min-height:28px;min-width:28px;padding:4px 6px;top:5px;z-index:1005}}:root{--primary-color:#b39eb5;--primary-hover:#aa98a9;--button-bg:#997a8d;--button-hover-bg:#9b778e;--success-bg:#e6ffed;--error-bg:#ffe6e6;--input-focus-bg:#fff}.staff-details-page{background:linear-gradient(90deg,#b39eb9,silver);color:#333;margin:0 auto;max-width:1000px;padding:20px}.staff-details-page h2{margin-bottom:20px;text-align:center}.error-message{margin-bottom:15px;text-align:center}.action-buttons{display:flex;gap:10px;margin-bottom:20px}.filter-select{background-color:#fff;background-color:var(--input-focus-bg);border:1px solid #ddd;border-radius:4px;font-size:14px;padding:6px}.crud-form{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.crud-form input,.crud-form select{background-color:#fff;background-color:var(--input-focus-bg);border:1px solid #ddd;border-radius:4px;flex:1 1;min-width:150px;padding:8px 12px}.add-btn,.cancel-btn,.delete-btn,.download-btn,.edit-btn,.print-btn,.save-btn{align-items:center;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;gap:5px;padding:8px 15px}.add-btn{background:#4caf50}.terminate-btn{align-items:center;background-color:#dc3545;border:none;border-radius:3px;color:#fff;cursor:pointer;display:inline-flex;gap:5px;margin:0 5px;padding:6px 12px}.save-btn{background:#4caf50}.cancel-btn{background-color:#997a8d}.edit-btn{background-color:#ffc107;color:#000}.delete-btn,.edit-btn{margin:0 5px;padding:6px 12px}.delete-btn{background-color:#dc3545}.btn-print{background-color:#2196f3}.btn-print:hover{background-color:#1f8ee9;color:#000}.btn-download{background-color:#9c27b0}.btn-download:hover{background-color:#8a239c;color:#000}.add-btn:hover,.cancel-btn:hover,.delete-btn:hover,.download-btn:hover,.edit-btn:hover,.print-btn:hover,.save-btn:hover{opacity:.9}.staff-tablee{border-collapse:collapse;width:100%}.staff-tablee td,.staff-tablee th{padding:12px;text-align:center}.staff-tablee th{background-color:#b39eb5;font-weight:700}.staff-tablee td:first-child,.staff-tablee th:first-child{width:15%}.staff-tablee td:nth-child(2),.staff-tablee th:nth-child(2){width:20%}.staff-tablee td:nth-child(3),.staff-tablee th:nth-child(3){width:14%}.staff-tablee td:nth-child(4),.staff-tablee th:nth-child(4){width:15%}.staff-tablee td:nth-child(5),.staff-tablee td:nth-child(6),.staff-tablee th:nth-child(5),.staff-tablee th:nth-child(6){width:12%}.staff-tablee th:nth-child(7){text-align:center;width:12%}.staff-tablee td:nth-child(7){text-align:center}@media (max-width:1024px){.staff-details-page{max-width:95%;padding:15px}.page-header{align-items:stretch;flex-direction:column;gap:15px}.action-buttons{flex-wrap:wrap;justify-content:center}.crud-form{align-items:stretch;flex-direction:column}.crud-form input,.crud-form select{margin-bottom:10px;min-width:100%}}@media (max-width:768px){.staff-details-page{max-width:100%;padding:10px}.page-header{text-align:center}.action-buttons,.page-header{flex-direction:column;gap:10px}.crud-form{flex-direction:column;gap:15px}.crud-form input,.crud-form select{margin-bottom:10px;min-width:100%;width:100%}.staff-tablee{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto;white-space:nowrap}.staff-tablee td,.staff-tablee th{font-size:12px;min-width:80px;padding:8px 6px}.staff-tablee th{font-size:11px}.staff-tablee td:nth-child(7),.staff-tablee th{text-align:center}.add-btn,.cancel-btn,.delete-btn,.download-btn,.edit-btn,.print-btn,.save-btn{justify-content:center;margin:2px 0;padding:10px;width:100%}}@media (max-width:480px){.staff-details-page{padding:5px}.page-header{padding:10px}.staff-details-page h2{font-size:18px}.action-buttons{gap:8px}.crud-form{gap:10px}.staff-tablee{font-size:10px}.staff-tablee td,.staff-tablee th{font-size:10px;padding:6px 4px}.staff-tablee th{font-size:9px;padding:8px 4px}.staff-tablee td:nth-child(3),.staff-tablee td:nth-child(6),.staff-tablee th:nth-child(3),.staff-tablee th:nth-child(6){display:none}.add-btn,.cancel-btn,.delete-btn,.download-btn,.edit-btn,.print-btn,.save-btn{font-size:12px;padding:8px}.back-btn{justify-content:center;padding:10px;width:100%}}@media (max-width:360px){.staff-tablee td:nth-child(2),.staff-tablee td:nth-child(4),.staff-tablee th:nth-child(2),.staff-tablee th:nth-child(4){display:none}.staff-tablee td,.staff-tablee th{font-size:9px;padding:4px 2px}}.print-timestamp{color:#000;font-size:10pt;margin-top:10px;text-align:right}.page-header{gap:15px;margin-bottom:20px}.back-btn{align-items:center;background:#997a8d;border:none;border-radius:4px;cursor:pointer;display:inline-flex;gap:5px;padding:8px 15px}.staff-page-back-btn:hover{background:#85697a;color:#000;opacity:.9}.staff-actions{display:flex;gap:10px;margin-bottom:15px}.download-btn:hover,.print-btn:hover{opacity:.9}.print-header,.print-timestamp{display:none}@media print{.no-print{display:none!important}.print-timestamp{color:#666;display:block;font-size:12px;margin-top:20px;text-align:right}}@media (max-width:768px){.crud-form input,.crud-form select{min-width:90%}}@media print{.no-print{display:none!important}.staff-details-page{background:none!important;color:#000!important;margin:0!important;max-width:none!important;padding:0!important}.crud-form,.page-header,.staff-actions,.staff-form-container{display:none!important}.staff-tablee{border-collapse:collapse!important;font-size:12pt!important;margin:0!important;width:100%!important}.staff-tablee td,.staff-tablee th{border:1px solid #000!important;padding:8px!important;page-break-inside:avoid!important;text-align:left!important;vertical-align:top!important}.staff-tablee th{background-color:#f0f0f0!important;font-weight:700!important}.staff-tablee td,.staff-tablee th{color:#000!important}.staff-tablee td:nth-child(7),.staff-tablee th:nth-child(7){display:none!important}.print-header{display:block!important;margin-bottom:20px!important;page-break-after:avoid!important;text-align:center!important}.print-header h2{color:#000!important;font-size:18pt!important;margin:0 0 10px!important}.print-header p{color:#666!important;font-size:12pt!important;margin:0!important}.print-timestamp{color:#666!important;display:block!important;font-size:10pt!important;margin-top:20px!important;text-align:right!important}.btn,.button,.clickable,.controls,.dropdown,.form-control,.form-select,.header-actions,.input-group,.interactive,.nav,.navbar,.no-print,.staff-actions,[onchange],[onclick],[oninput],[onkeydown],[onmousedown],[onmouseup],button,input,select,textarea{display:none!important;visibility:hidden!important}.staff-tablee tbody tr{page-break-inside:avoid!important}}.password-input-container input{padding-right:40px}.password-toggle-btn{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:16px;height:24px;justify-content:center;padding:4px;position:absolute;right:8px;top:40%;transform:translateY(-50%);transition:all .2s ease;width:24px}.password-toggle-btn:hover{background-color:#f0f0f0;color:#333}.password-toggle-btn:focus{outline:2px solid #b39eb5;outline:2px solid var(--primary-color);outline-offset:2px}.password-toggle-btn:active{background-color:#e0e0e0}.daily-attendance-page{background-color:#f8f9fa;margin:0 auto;max-width:1400px;min-height:100vh;padding:20px}.page-header{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;justify-content:space-between;margin-bottom:30px;padding:20px}.page-header,.page-header h2{align-items:center;display:flex}.page-header h2{color:#2c3e50;gap:10px;margin:0}.header-actions{display:flex;gap:10px}.download-btn,.print-btn,.refresh-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:14px;gap:5px;padding:8px 16px;transition:all .3s ease}.refresh-btn{background-color:#17a2b8;color:#fff}.refresh-btn:hover{background-color:#138496}.refresh-btn:disabled{background-color:#6c757d;cursor:not-allowed}.print-btn{background-color:#28a745}.print-btn:hover{background-color:#218838}.download-btn{background-color:#6f42c1;color:#fff}.download-btn:hover{background-color:#5a32a3}.date-selector{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;gap:15px;margin-bottom:20px;padding:20px}.date-selector label{align-items:center;color:#2c3e50;display:flex;font-weight:600;gap:8px}.date-selector input{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px}.attendance-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.stat-card{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;gap:15px;padding:20px;transition:transform .3s ease}.stat-card:hover{transform:translateY(-2px)}.stat-icon{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:20px;height:50px;justify-content:center;width:50px}.stat-card.total .stat-icon{background-color:#6c757d}.stat-card.present .stat-icon{background-color:#28a745}.stat-card.absent .stat-icon{background-color:#dc3545}.stat-card.percentage .stat-icon{background-color:#17a2b8}.stat-content{flex:1 1}.stat-number{color:#2c3e50;font-size:24px;font-weight:700;margin-bottom:5px}.stat-label{color:#6c757d;font-size:14px;letter-spacing:.5px;text-transform:uppercase}.attendance-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:30px;overflow:hidden}.table-container{overflow-x:auto}.mobile-cards-container{display:none;flex-direction:column;gap:16px;padding:16px}.mobile-card{background:#fff;border-left:4px solid #ddd;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:16px;transition:all .3s ease}.mobile-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.present-card{border-left-color:#28a745}.absent-card{border-left-color:#dc3545}.card-header{margin-bottom:12px}.card-title{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.card-title h4{color:#333;font-size:16px;font-weight:600;margin:0}.card-status{align-items:center;border-radius:20px;display:flex;font-size:14px;font-weight:500;gap:6px;padding:4px 8px;white-space:nowrap}.status-present{background-color:#d4edda;color:#155724}.status-absent{background-color:#f8d7da;color:#721c24}.card-content{margin-bottom:16px}.card-row{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:8px 0}.card-row:last-child{border-bottom:none}.card-label{color:#666;font-size:14px;font-weight:500;min-width:80px}.card-value{color:#333;flex:1 1;font-size:14px;margin-left:12px;text-align:right}.card-actions{border-top:1px solid #f0f0f0;padding-top:12px}.card-action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;justify-content:center;min-width:120px;padding:8px 16px;transition:all .3s ease}.present-btn{background-color:#28a745;color:#fff}.present-btn:hover{background-color:#218838;transform:translateY(-1px)}.absent-btn{background-color:#dc3545;color:#fff}.absent-btn:hover{background-color:#c82333;transform:translateY(-1px)}.mobile-empty-state{color:#666;padding:40px 20px;text-align:center}.empty-icon{color:#ccc;font-size:48px;margin-bottom:16px}.mobile-empty-state h3{color:#333;font-size:18px;margin:0 0 12px}.mobile-empty-state p{font-size:14px;line-height:1.5;margin:0}.table-header{background-color:#f8f9fa;border-bottom:1px solid #dee2e6;padding:20px}.table-header h3{color:#2c3e50;margin:0}.attendance-table{border-collapse:collapse;width:100%}.attendance-table th{background-color:#f8f9fa;border-bottom:2px solid #dee2e6;color:#2c3e50;font-size:14px;font-weight:600;padding:15px 12px;text-align:left}.attendance-table td{border-bottom:1px solid #dee2e6;font-size:14px;padding:12px}.present-row{background-color:#f8fff9}.absent-row{background-color:#fff8f8}.present-row:hover{background-color:#e8f5e8}.absent-row:hover{background-color:#ffe8e8}.role-badge{border-radius:12px;font-size:12px;font-weight:500;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.role-badge.role-staff{background-color:#e3f2fd;color:#1976d2}.role-badge.role-admin{background-color:#fff3e0;color:#f57c00}.role-badge.role-super-admin{background-color:#f3e5f5;color:#7b1fa2}.status-badge{align-items:center;display:flex;font-size:14px;font-weight:600;gap:5px}.attendance-summary{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.attendance-summary h4{color:#2c3e50;margin:0 0 15px}.attendance-summary p{color:#495057;line-height:1.6;margin:0 0 10px}.absent-note{color:#dc3545;font-weight:500}.loading-message{font-size:16px}.loading-message,.no-data{color:#6c757d;padding:40px;text-align:center}.no-data{font-style:italic}@media print{.no-data{color:#000!important;font-style:normal!important;font-weight:700!important}}.error-message{border:1px solid #f5c6cb;color:#721c24;margin-bottom:20px;padding:12px 16px}@media print{.attendance-stats,.attendance-summary,.crud-form,.date-selector,.error-message,.form-actions,.form-group,.header-actions,.loading-message,.page-header,.punch-buttons,.punch-status-container,.recent-activity,.user-selector,button,input,select{display:none!important}.daily-attendance-page{background:#fff;margin:0;padding:0}.attendance-table-container{border:none;box-shadow:none;margin:0;padding:0}.table-header{display:none!important}.attendance-table{border-collapse:collapse;margin:0;width:100%}.attendance-table td,.attendance-table th{border:1px solid #000;font-size:12px;padding:8px}.attendance-table th{background-color:#f0f0f0!important;font-weight:700;text-align:center}.present-row{background-color:#f0f8f0!important}.absent-row{background-color:#fff0f0!important}.actions,.no-print,[onchange],[onclick],[oninput],[onkeydown],[onkeyup]{display:none!important}.daily-attendance-page:before{border-bottom:2px solid #000;content:"Leave Requests - Daily Attendance Report";display:block;font-size:18px;font-weight:700;margin-bottom:20px;padding:10px;text-align:center}}@media (max-width:1024px){.daily-attendance-page{max-width:95%;padding:15px}.page-header{align-items:center;flex-direction:column;gap:15px}.attendance-stats{gap:15px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.date-selector{align-items:stretch;flex-direction:column;gap:10px}.date-selector label{text-align:center}}@media (max-width:768px){.daily-attendance-page{max-width:100%;padding:10px}.page-header{align-items:stretch;flex-direction:column;gap:15px}.header-actions{flex-wrap:wrap;gap:10px;justify-content:center}.download-btn,.print-btn,.refresh-btn{flex:1 1;justify-content:center;min-width:120px}.table-container{display:none}.mobile-cards-container{display:flex}.attendance-table-container{padding:0}.attendance-stats{gap:15px;grid-template-columns:repeat(2,1fr)}.stat-card{flex-direction:column;gap:10px;padding:15px;text-align:center}.stat-icon{font-size:16px;height:40px;width:40px}.stat-number{font-size:20px}.stat-label{font-size:12px}.attendance-table{-webkit-overflow-scrolling:touch;font-size:12px;overflow-x:auto}.attendance-table td,.attendance-table th{min-width:80px;padding:8px 6px}.date-selector{align-items:stretch;flex-direction:column;gap:10px}.date-selector label{justify-content:center;text-align:center}.date-selector input{width:100%}.attendance-summary,.table-header{padding:15px}}@media (max-width:480px){.daily-attendance-page{padding:5px}.page-header{padding:10px}.page-header h2{font-size:18px}.header-actions{flex-direction:column;gap:8px}.download-btn,.print-btn,.refresh-btn{justify-content:center;padding:10px;width:100%}.attendance-stats{gap:10px;grid-template-columns:1fr}.stat-card{flex-direction:row;gap:12px;padding:12px;text-align:left}.stat-icon{font-size:14px;height:35px;width:35px}.stat-number{font-size:18px}.stat-label{font-size:11px}.attendance-table{font-size:10px;min-width:600px}.attendance-table td,.attendance-table th{font-size:10px;padding:6px 4px}.mobile-cards-container{gap:12px;padding:12px}.mobile-card{padding:12px}.card-title h4{font-size:15px}.card-status{font-size:13px;padding:3px 6px}.card-label{min-width:70px}.card-label,.card-value{font-size:13px}.card-action-btn{font-size:13px;min-width:100px;padding:6px 12px}.attendance-table th{font-size:9px;padding:8px 4px}.attendance-table td:nth-child(3),.attendance-table td:nth-child(5),.attendance-table th:nth-child(3),.attendance-table th:nth-child(5){display:none}.date-selector{padding:15px}.date-selector label{font-size:14px}.date-selector input{font-size:13px;padding:6px 10px}.table-header{padding:10px}.table-header h3{font-size:16px}.attendance-summary{padding:10px}.attendance-summary h4{font-size:16px}.attendance-summary p{font-size:13px}}@media (max-width:360px){.attendance-table td:nth-child(2),.attendance-table td:nth-child(4),.attendance-table td:nth-child(6),.attendance-table th:nth-child(2),.attendance-table th:nth-child(4),.attendance-table th:nth-child(6){display:none}.attendance-table td,.attendance-table th{font-size:9px;padding:4px 2px}.mobile-cards-container,.stat-card{gap:8px;padding:8px}.mobile-card{padding:10px}.card-title{align-items:flex-start;flex-direction:column;gap:6px}.card-title h4{font-size:14px}.card-status{font-size:12px;padding:2px 6px}.card-row{align-items:flex-start;flex-direction:column;gap:4px;padding:6px 0}.card-label{font-size:12px;font-weight:600;min-width:auto}.card-value{font-size:12px;margin-left:0;text-align:left}.card-actions{padding-top:8px}.card-action-btn{flex-direction:column;font-size:12px;gap:2px;min-width:90px;padding:6px 10px}.card-action-btn svg{font-size:14px}.stat-icon{font-size:12px;height:30px;width:30px}.stat-number{font-size:16px}.stat-label{font-size:10px}}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74d3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-container-width:fit-content;--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset),env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset),env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset),env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset),env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-padding:14px;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-toast-shadow:0px 4px 12px #0000001a;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:0.2}.Toastify__toast-container{box-sizing:border-box;color:#fff;display:flex;flex-direction:column;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:-webkit-fit-content;width:fit-content;width:var(--toastify-container-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--top-center{align-items:center;left:50%;top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top);transform:translateX(-50%)}.Toastify__toast-container--top-right{align-items:end;right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--bottom-left{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{align-items:center;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{align-items:end;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right)}.Toastify__toast{--y:0;align-items:center;border-radius:6px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;box-shadow:var(--toastify-toast-shadow);box-sizing:border-box;display:flex;flex:1 1 auto;font-family:sans-serif;font-family:var(--toastify-font-family);margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);padding:14px;padding:var(--toastify-toast-padding);position:relative;touch-action:none;width:320px;width:var(--toastify-toast-width);word-break:break-word;z-index:0}@media only screen and (max-width:480px){.Toastify__toast-container{left:env(safe-area-inset-left);margin:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:env(safe-area-inset-right)}.Toastify__toast{--toastify-toast-width:100%;border-radius:0;margin-bottom:0}}.Toastify__toast-container[data-stacked=true]{width:320px;width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s;width:100%}.Toastify__toast--stacked[data-collapsed] .Toastify__close-button,.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{bottom:100%;content:"";height:calc(var(--g)*1px);left:0;position:absolute;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{bottom:0;content:"";height:100%;left:0;position:absolute;right:0;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{-webkit-margin-end:10px;display:flex;flex-shrink:0;margin-inline-end:10px;width:22px}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74d3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74d3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;position:absolute;right:6px;top:6px;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:auto}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:100%;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:1}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{border-bottom-left-radius:0;left:auto;right:0;transform-origin:right}.Toastify__progress-bar--wrp{border-bottom-left-radius:6px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:6px;border-bottom-right-radius:var(--toastify-toast-bd-radius);bottom:0;height:5px;left:0;overflow:hidden;position:absolute;width:100%}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{height:100%;opacity:.2;opacity:var(--toastify-color-progress-bgo);width:100%}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{opacity:1;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg)}to{opacity:0;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(-110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-duration:.3s;animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-duration:.3s;animation-name:Toastify__slideOutRight;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-duration:.3s;animation-name:Toastify__slideOutUp;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-duration:.3s;animation-name:Toastify__slideOutDown;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.map-sidebar{background:linear-gradient(135deg,#b39eb9,silver);box-shadow:2px 0 10px #0000001a;color:#2d3e50;min-height:100vh;overflow:hidden;padding:0;position:relative;transform:translateX(0);transition:all .3s cubic-bezier(.4,0,.2,1);width:250px}.map-sidebar.collapsed{overflow:hidden;padding:0;transform:translateX(-280px);width:0}.map-sidebar:before{background:linear-gradient(135deg,#b39eb91a,#c0c0c01a);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.map-profile-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-bottom:1px solid #fff3;padding:30px 20px;position:relative;text-align:center;z-index:1}.map-profile-photo-label{cursor:pointer;display:inline-block;position:relative;transition:transform .2s ease}.map-profile-photo-label:hover{transform:scale(1.05)}.map-profile-photo{border:3px solid #ffffff4d;border-radius:50%;box-shadow:0 4px 15px #0000001a;height:90px;margin-bottom:15px;object-fit:cover;transition:all .3s ease;width:90px}.map-profile-photo:hover{border-color:#fff9;box-shadow:0 6px 20px #00000026}.map-profile-placeholder{align-items:center;background:linear-gradient(135deg,#e0e0e0,#f5f5f5);border:3px solid #ffffff4d;border-radius:50%;box-shadow:0 4px 15px #0000001a;color:#666;display:flex;font-size:.85rem;height:90px;justify-content:center;margin:0 auto 15px;transition:all .3s ease;width:90px}.map-profile-placeholder:hover{background:linear-gradient(135deg,#d0d0d0,#e8e8e8);border-color:#fff9}.map-editable{background:#ffffff1a;border:1px solid #0000;border-radius:8px;cursor:pointer;font-weight:500;margin:8px 0;padding:8px 12px;transition:all .2s ease}.map-editable:hover{background:#fff3;border-color:#ffffff4d;transform:translateY(-1px)}.map-edit-field{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:8px 0}.map-input{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffffe6;border:1px solid #ffffff4d;border-radius:6px;color:#2d3e50;font-size:.9rem;min-width:120px;padding:8px 12px;transition:all .2s ease}.map-input:focus{background:#fff;border-color:#fff9;box-shadow:0 0 0 2px #fff3;outline:none}.map-save-btn{background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:6px;box-shadow:0 2px 8px #007bff4d;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;padding:8px 16px;transition:all .2s ease}.map-save-btn:hover{background:linear-gradient(135deg,#0056b3,#004085);box-shadow:0 4px 12px #007bff66;transform:translateY(-1px)}.map-role{font-size:.9rem;font-style:italic;opacity:.8}.map-sidebar-menu{padding:20px 0;position:relative;z-index:1}.map-sidebar-menu button{background:#0000;border:none;border-left:3px solid #0000;color:#2d3e50;cursor:pointer;display:block;font-size:1rem;font-weight:500;padding:15px 25px;position:relative;text-align:left;transition:all .2s ease;width:100%}.map-sidebar-menu button:hover{background:#ffffff26;border-left-color:#fff9;transform:translateX(5px)}.map-sidebar-menu button:active{transform:translateX(2px)}.map-sidebar-menu button:before{background:linear-gradient(135deg,#007bff,#0056b3);bottom:0;content:"";left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .2s ease;width:3px}.map-sidebar-menu button:hover:before{transform:scaleY(1)}.map-toggle-btn{border:none;border-radius:0 8px 8px 0;color:#fff;cursor:pointer;font-size:14px;font-weight:700;left:280px;padding:12px 8px;position:absolute;top:5%;transform:translateY(-50%);transition:all .3s ease;z-index:1001}.map-toggle-btn:hover{background:linear-gradient(135deg,#1a252f,#0f1419);box-shadow:4px 0 12px #00000026;transform:translateY(-50%) scale(1.05)}.map-sidebar.collapsed+.map-toggle-btn{border-radius:0 8px 8px 0;left:0}@media (max-width:768px){.map-sidebar{position:fixed;width:100%;z-index:1000}.map-sidebar.collapsed{transform:translateX(-100%)}.map-toggle-btn{border-radius:8px;left:20px;top:20px}.map-sidebar.collapsed+.map-toggle-btn{left:20px}}.map-sidebar *{transition:all .2s ease}.map-sidebar::-webkit-scrollbar{width:6px}.map-sidebar::-webkit-scrollbar-track{background:#ffffff1a}.map-sidebar::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.map-sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff80}:root{--rose-gold-secondary:#764ba2;--dark-bg:#1a1a1a;--dark-card-bg:#2d2d2d;--dark-border:#3d3d3d;background-color:b39eb5}.map-container{display:flex;font-family:Ethnocentric,sans-serif;min-height:100vh;position:relative}.map-animated-bg{height:100%;left:0;position:fixed;top:0;width:100%;z-index:-1}.map-animated-bg,.map-main-panel{background:linear-gradient(90deg,#b39eb9,silver)}.map-main-panel{flex:1 1;padding:20px;transition:margin-left .3s ease}.map-sidebar.collapsed~.map-main-panel{margin-left:0}.map-main-panel h2{color:#2d3e50;font-size:1.8rem;margin-bottom:20px;text-align:center}.map-error-message{color:#dc3545;font-weight:700;margin-bottom:15px}.map-loading-message{background-color:#e3f2fd;border-left:4px solid #2196f3;border-radius:5px;color:#007bff;font-weight:700;margin-bottom:15px;padding:10px;text-align:center}.map-section{margin-bottom:40px}.map-section h3{color:#2d3e50;font-size:1.4rem;margin-bottom:15px}.map-section h4{color:#2d3e50;font-size:1.2rem;margin-bottom:10px}.map-data-table{background-color:#fff;border-collapse:collapse;box-shadow:0 2px 5px #0000001a;margin-top:10px;width:100%}.map-data-table td,.map-data-table th{border:1px solid #ccc;padding:10px;text-align:left}.map-data-table th{background-color:#e9ecef;color:#2d3e50;font-weight:700}.map-data-table td input{border:1px solid #ccc;border-radius:4px;padding:5px;width:100%}.map-data-table td input[type=checkbox]{cursor:pointer;width:auto}.action-btn{border:none;border-radius:4px;cursor:pointer;font-weight:700;margin-right:5px;padding:8px 12px;transition:opacity .2s}.action-btn.edit{background-color:#ffc107;color:#fff}.action-btn.delete{background-color:#dc3545;color:#fff}.action-btn.add{background-color:#28a745;color:#fff}.action-btn.save{background-color:#007bff;color:#fff}.action-btn:hover{opacity:.9}.map-table-buttons{display:flex;gap:10px;margin-top:15px}.map-section input,.map-section textarea{border:1px solid #ccc;border-radius:4px;font-size:1rem;margin-bottom:12px;padding:10px;width:98%}.map-section textarea{resize:vertical}.map-section .add-form{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;margin-top:20px;padding:20px}.map-section .add-form h4{border-bottom:2px solid #007bff;color:#495057;margin-bottom:15px;padding-bottom:8px}.map-section .add-form input{margin-bottom:15px}.map-section .add-form button{margin-top:10px}.staff-selection-container{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;margin-bottom:20px;padding:15px}.staff-selection-container h4{color:#495057;margin-bottom:15px}.staff-list{background-color:#fff;border:1px solid #ddd;border-radius:5px;max-height:200px;overflow-y:auto;padding:10px}.staff-item{align-items:center;border-radius:4px;display:flex;margin-bottom:10px;padding:8px;transition:background-color .2s}.staff-item:hover{background-color:#f8f9fa}.staff-item input[type=checkbox]{margin-bottom:0;margin-right:10px;width:auto}.staff-item label{cursor:pointer;flex:1 1;margin-bottom:0}.selected-staff-summary{background-color:#e3f2fd;border-left:4px solid #2196f3;border-radius:5px;margin-top:10px;padding:10px}.selected-staff-summary strong{color:#1976d2}.selected-staff-summary ul{margin:5px 0;padding-left:20px}.selected-staff-summary li{color:#424242;margin-bottom:2px}.message-section{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:20px}.message-section h3{border-bottom:2px solid #007bff;color:#495057;margin-bottom:20px;padding-bottom:8px}.message-input-container{margin-bottom:20px}.message-input-container h4{color:#495057;margin-bottom:10px}.message-actions{align-items:center;display:flex;gap:10px}.message-actions button:disabled{cursor:not-allowed;opacity:.6}.map-profile-edit-panel{background-color:#fff;border-left:1px solid #ccc;box-shadow:-3px 0 10px #0000001a;height:100%;padding:20px;position:fixed;right:0;top:0;width:300px;z-index:1000}.map-profile-edit-panel h3{color:#2d3e50;font-size:1.2rem;margin-bottom:15px}.map-profile-edit-panel input{border:1px solid #ccc;border-radius:4px;margin-bottom:12px;padding:10px;width:100%}.map-profile-edit-panel button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;margin-right:10px;padding:10px 15px}.map-profile-edit-panel button:hover{opacity:.9}.Toastify__toast{border-radius:4px;font-family:Arial,sans-serif}.Toastify__toast--success{background-color:#28a745!important}.Toastify__toast--error{background-color:#dc3545!important}.modal-content{background-color:#fff;box-shadow:0 4px 20px #0000004d;max-height:90vh}.modal-header{align-items:center;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;padding:20px}.modal-header h3{color:#2d3e50;font-size:1.2rem;margin:0}.modal-close{align-items:center;background:none;border:none;color:#6c757d;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;width:30px}.modal-close:hover{color:#dc3545}.modal-body{padding:20px}.modal-body input{border:1px solid #ced4da;border-radius:4px;font-size:14px;margin-bottom:15px;padding:12px;width:100%}.modal-body input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.modal-footer{border-top:1px solid #dee2e6;display:flex;gap:10px;justify-content:flex-end;padding:20px}.modal-footer button{border:none;border-radius:4px;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .2s ease}.modal-footer .action-btn.add{background-color:#28a745;color:#fff}.modal-footer .action-btn.add:hover{background-color:#218838}.modal-footer .action-btn.delete{background-color:#6c757d;color:#fff}.modal-footer .action-btn.delete:hover{background-color:#5a6268}.map-section-header{align-items:center;border-bottom:2px solid #fff3;display:flex;justify-content:space-between;margin-bottom:15px;padding:10px 0}.map-section-header h3{color:#2d3e50;font-size:1.4rem;font-weight:600;margin:0}.print-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.print-btn:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.print-btn:active{box-shadow:0 2px 10px #667eea4d;transform:translateY(0)}@media (max-width:768px){.map-section-header{align-items:flex-start;flex-direction:column;gap:10px}.print-btn{justify-content:center;width:100%}}.digital-marketing-admin-panel{background-color:#f9fafb;border-radius:8px;box-shadow:0 2px 10px #0000001a;font-family:Arial,sans-serif;margin:0 auto;max-width:1400px;padding:20px}.error-message{background-color:#f8d7da;color:red}.error-message,.success-message{border-radius:4px;margin-bottom:16px;padding:8px}.success-message{background-color:#d4edda;color:green}.toggle-button{background-color:#e5e7eb;border:1px solid #d1d5db;border-radius:10px;box-shadow:0 2px 4px #0000001a;color:#374151;font-size:14px;font-weight:500;padding:8px 16px;transition:all .3s ease}.toggle-button.active{background-color:#b39eb5;border-color:#aa98a9;box-shadow:0 4px 8px #f282794d}.toggle-button:hover{box-shadow:0 4px 8px #00000026;transform:scale(1.05)}.toggle-button:focus{box-shadow:0 0 0 3px #f282794d;outline:none}.toggle-button.active{background:linear-gradient(90deg,#806676,silver);background:linear-gradient(90deg,#65535e,silver);color:#fff;color:#000}.action-button{background:linear-gradient(90deg,#997a8d,silver);border:none;border-radius:10px;box-shadow:0 2px 6px #f2827966;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px;transition:all .3s ease}.action-button:hover{background:linear-gradient(90deg,#806676,silver);box-shadow:0 4px 10px #f2827999;color:#000;transform:scale(1.05)}.action-button:focus{box-shadow:0 0 0 3px #f282794d;outline:none}.action-button.edit-button,.action-button.edit-button:hover{background-color:#ffc107}.action-button.delete-button{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 6px #ef444466}.action-button.delete-button:hover{background:linear-gradient(135deg,#dc2626,#ef4444);box-shadow:0 4px 10px #ef444499}.tear-button{border:none;border-radius:12px;box-shadow:0 3px 8px #f2827966;color:#fff;display:block;font-size:16px;font-weight:600;margin:20px auto 0;overflow:hidden;padding:10px 24px;position:relative;transition:all .3s ease}.tear-button,.tear-button:hover{background:linear-gradient(90deg,#997a8d,silver)}.tear-button:hover{box-shadow:0 6px 12px #f2827999;transform:scale(1.1)}.tear-button:focus{box-shadow:0 0 0 3px #f282794d;outline:none}.tear-button:after{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2"><path d="M3 3h18M3 9l9 6 9-6"/></svg>') no-repeat 50%;background-size:16px;content:"";height:20px;opacity:.6;position:absolute;right:0;top:0;width:20px}.voucher-entry-box{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:20px;overflow:visible;padding:20px;position:relative}.voucher-form{grid-gap:16px;display:grid;gap:16px}.voucher-form input,.voucher-form select{border:1px solid #d1d5db;border-radius:4px;font-size:14px;padding:8px 12px;transition:border-color .3s ease;width:100%}.voucher-form input:focus,.voucher-form select:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb33;outline:none}.voucher-form input{width:97%}.voucher-form.edit-voucher-form{background-color:#f1f5f9;border:2px dashed #94a3b8;border-radius:6px;padding:16px}.voucher-table{background-color:#fff;border:1px solid #e5e7eb;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 8px #0000000d;overflow:hidden;table-layout:fixed;width:100%}.voucher-table td,.voucher-table th{border-bottom:1px solid #e5e7eb;font-size:14px;overflow:hidden;padding:12px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.voucher-table th{background-color:#f3f4f6;color:#374151;font-weight:600}.voucher-table tr:last-child td{border-bottom:none}.voucher-table tr:hover{background-color:#f9fafb}.voucher-table td:first-child,.voucher-table td:nth-child(2),.voucher-table th:first-child,.voucher-table th:nth-child(2){width:10%}.voucher-table td:nth-child(3),.voucher-table th:nth-child(3){min-width:100px;padding-right:15px;text-align:right;width:15%}.voucher-table td:nth-child(4),.voucher-table th:nth-child(4){min-width:120px;padding-left:15px;width:15%}.voucher-table td:nth-child(5),.voucher-table td:nth-child(6),.voucher-table td:nth-child(7),.voucher-table th:nth-child(5),.voucher-table th:nth-child(6),.voucher-table th:nth-child(7){width:12%}.voucher-table td:nth-child(8),.voucher-table td:nth-child(9),.voucher-table th:nth-child(8),.voucher-table th:nth-child(9){width:10%}.voucher-table td:nth-child(10),.voucher-table th:nth-child(10){width:15%}.voucher-table td:nth-child(11),.voucher-table th:nth-child(11){width:12%}.back-btn{background-color:gray;color:#fff}.flex.gap-4.mb-4 input{font-size:14px}.tear-top{left:0;position:absolute;top:-10px;width:100%;z-index:1}.tear-top svg{display:block}.print-table{border-collapse:collapse;margin-bottom:16px;width:100%}.print-table td,.print-table th{border:1px solid #ccc;font-size:14px;padding:8px;text-align:left}.print-table th{background-color:#daba8b;font-weight:600}.text-2xl,.text-lg{text-align:center}.text-2xl{font-weight:700;margin-bottom:16px}@media print{.page-break-after{page-break-after:always}}.book--petty-vouchers .petty-vouchers-section{display:block}.book--petty-cash-vouchers .petty-vouchers-section,.book--petty-vouchers .petty-cash-vouchers-section{display:none}.book--petty-cash-vouchers .petty-cash-vouchers-section{display:block}.flex.gap-4.mt-4 button{font-size:14px}@media (max-width:600px){.digital-marketing-admin-panel{padding:16px}.voucher-form{grid-template-columns:1fr}.flex.gap-4.mb-4,.flex.gap-4.mt-4{flex-direction:column;gap:8px}.voucher-table{display:block;overflow-x:auto}.voucher-table td,.voucher-table th{min-width:120px}.print-table{display:block;overflow-x:auto}.print-table td,.print-table th{min-width:120px}.tear-button{font-size:14px;padding:8px 20px}}@media print{.print-container{font-family:Arial,sans-serif;margin:0 20px 0 0;padding:20px;width:100%}.print-title{color:#333;font-size:24px;font-weight:700;letter-spacing:1px;margin-bottom:20px;text-align:center;text-transform:uppercase}.print-table{border-collapse:collapse;border-spacing:0;font-size:12px;margin-right:20px;margin-top:10px;table-layout:fixed;width:100%}.print-table td,.print-table th{border:1px solid #333;border-spacing:0;margin:0;padding:8px;text-align:left;vertical-align:top}.table-header{background-color:#7a7666!important;color:#fff!important}.print-table th{background-color:#4a5568;color:#fff;font-weight:700;text-align:center}.print-table tr:nth-child(2n){background-color:#f8f9fa}.print-table tr:hover{background-color:#e9ecef}.print-table td{background-color:#fff;color:#333}.no-print{display:none!important}}.company-header-container{font-family:Ethnocentric,sans-serif;max-width:100%;overflow-x:hidden;position:relative;width:100%}.company-header-modern{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;box-sizing:border-box;max-width:100%;overflow:hidden;padding:1rem 1rem 1rem 0;position:relative;width:100%}.header-content-wrapper{align-items:flex-start;display:flex;flex-direction:row;gap:1rem;justify-content:flex-start;width:100%}.logo-company-info-row{align-items:center;display:flex;flex-wrap:nowrap;gap:.5rem}.logo-and-info{align-items:flex-start;display:flex;flex:0 0 auto;flex-direction:column;gap:.5rem;justify-content:flex-start;margin-top:0;text-align:left}.company-info,.company-information{display:flex;flex-direction:column;gap:.3rem}.company-information{align-items:flex-start;flex:1 1;justify-content:flex-start;margin-left:0;min-width:0;padding-top:.5rem;text-align:left}.company-contact-grid{display:flex;flex-direction:column;gap:.3rem}.contact-item{color:#555;color:var(--text-secondary,#555);font-size:.9rem;line-height:1.2;margin:0;padding:.1rem 0;text-align:left;width:100%}.company-details-section{flex:1 1;flex-direction:column}.company-details-section,.contact-details{align-items:flex-start;display:flex;gap:.2rem}.contact-details{flex-direction:column;margin-top:.3rem;width:100%}.bill-details-section{align-items:flex-end;align-self:flex-start;display:flex;flex-direction:column;flex-shrink:0;gap:.3rem;justify-content:flex-start;margin-left:auto;min-width:200px;position:absolute;right:0;text-align:right;top:0}.company-name{color:#2c3e50;color:var(--text-primary,#2c3e50);font-size:1.5rem;font-weight:700;line-height:1.2;margin:0;text-align:left;text-transform:uppercase}.address-bill-container{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;margin-top:.3rem}.company-address{color:#555;color:var(--text-secondary,#555);font-size:1rem;font-weight:500;line-height:1.4;margin:0;text-align:left}.inline-bill-details{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem}.bill-title{font-size:1.8rem;font-weight:700;letter-spacing:1px;text-align:right;text-transform:uppercase}.bill-date,.bill-number,.bill-title{color:#2c3e50;color:var(--text-primary,#2c3e50)}.bill-date,.bill-number{font-size:1rem;font-weight:600}.bill-reference{font-weight:500;text-align:right}.bill-reference,.company-contact-info{color:#555;color:var(--text-secondary,#555);font-size:.9rem}.company-contact-info p{margin-bottom:.3rem}.cashbill-header-info{align-items:flex-end;align-self:flex-start;display:flex;flex-direction:column;gap:.2rem;margin-left:auto;margin-top:0;min-width:200px;text-align:right}.cashbill-header-info h2{color:#2c3e50;font-size:1.8rem;font-weight:700;margin:0}.bill-number{font-size:1.1rem;font-weight:600;margin:0}.date{font-size:1rem;font-weight:500;margin:0}.reference{font-size:.9rem;margin:0}.modern-logo{align-self:flex-start;background-color:#fff;border:3px solid #b39eb5;border-radius:50%;flex-shrink:0;height:120px;margin-left:0;margin-right:.5rem;object-fit:contain;width:120px}.secondary-logo-center{left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:0}.secondary-logo-img{max-height:150px;max-width:150px;object-fit:contain;opacity:.8}.qr-code-section{display:flex;justify-content:flex-end;margin-top:1rem}.qr-code-container{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;padding:.5rem}.qr-code-label{font-size:.8rem;font-weight:700;margin-top:.5rem}.qr-code-placeholder{background-color:#f8f9fa;border:2px dashed #ccc;border-radius:8px;height:100px;width:100px}.qr-code-placeholder,.qr-placeholder-box{align-items:center;display:flex;justify-content:center}.qr-placeholder-box{background-color:#e9ecef;border-radius:6px;color:#6c757d;font-size:24px;font-weight:700;height:80px;width:80px}@media print{.company-header-container{margin-bottom:20px;page-break-inside:avoid}.company-header-modern{border:1px solid #000;box-shadow:none;padding:10px}.header-content-wrapper{align-items:flex-start;display:flex;flex-direction:row!important;gap:20px;justify-content:flex-start}.logo-company-info-row{align-items:flex-start!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:8px!important;justify-content:flex-start!important}.modern-logo{border:2px solid #000!important;flex-shrink:0!important;height:100px!important;padding:4px!important;width:100px!important}.company-information{align-items:flex-start!important;display:flex!important;flex:1 1!important;flex-direction:column!important;gap:3px!important;gap:1rem!important;margin-left:5px!important;min-width:0!important;text-align:left!important}.company-details-section{gap:.3rem!important}.company-name{color:#000!important;font-size:18px!important;font-weight:700!important;margin:0!important;text-align:left!important}.bill-details-section{align-items:flex-end!important;margin-left:auto!important;min-width:auto!important;position:static!important;text-align:right!important}.bill-date,.bill-number,.bill-reference,.bill-title{color:#000!important;text-align:right!important}.company-address{color:#000!important;font-size:12px!important;margin:0!important;min-width:auto!important;text-align:left!important}.inline-bill-details{align-items:flex-start!important;flex-direction:column!important;gap:4px!important}.bill-title{color:#000!important;font-size:16px!important}.bill-date,.bill-number,.bill-reference{color:#000!important;font-size:11px!important}.contact-item{color:#000!important;font-size:10px!important;margin:0!important;text-align:left!important}.cashbill-header-info{margin-left:auto!important;min-width:200px!important;text-align:right!important}.cashbill-header-info h2{color:#000!important;font-size:16px!important;margin:0 0 5px!important}.bill-info-row{font-size:12px!important;margin:0!important}.bill-number,.date{color:#000!important;margin:0!important}.bank-details-section,.secondary-logo-center{display:none!important}}@media (max-width:1024px){.company-header-modern{padding:.75rem}.header-content-wrapper{gap:.75rem}.modern-logo{height:100px;width:100px}.company-name{font-size:1.3rem}.bill-title{font-size:1.5rem}}@media (max-width:768px){.company-header-modern{padding:.5rem}.header-content-wrapper{align-items:flex-start;flex-direction:column;gap:.5rem}.logo-and-info{margin-right:0;max-width:100%}.bill-details-section{min-width:auto;position:static}.bill-details-section,.cashbill-header-info{align-items:flex-start;margin-left:0;text-align:left;width:100%}.cashbill-header-info{gap:.3rem;order:1}.logo-company-info-row{flex-direction:row;gap:1rem;justify-content:flex-start;order:2;text-align:left;width:100%}.company-information{align-items:flex-start;flex:1 1;text-align:left}.company-name{font-size:1.3rem;text-align:left}.company-address{font-size:.9rem;text-align:left}.contact-item{font-size:.8rem;text-align:left}.modern-logo{flex-shrink:0;height:100px;width:100px}.company-contact-grid{gap:.2rem}.bill-title{font-size:1.4rem;text-align:left}.bill-date,.bill-number{font-size:.9rem;text-align:left}.qr-code-section{justify-content:center}.bank-details-section{display:none!important}.qr-code-container{width:100%}.secondary-logo-center{display:none}}@media (max-width:480px){.company-header-modern{padding:.25rem}.header-content-wrapper{gap:.25rem}.logo-company-info-row{align-items:center;flex-direction:column;gap:.5rem;text-align:center}.modern-logo{height:80px;width:80px}.company-name{font-size:1.1rem;text-align:center}.company-address{font-size:.8rem;text-align:center}.contact-item{font-size:.75rem;text-align:center}.bill-title{font-size:1.2rem;text-align:center}.bill-date,.bill-number{font-size:.8rem;text-align:center}.company-information{align-items:center;text-align:center}.company-details-section,.contact-details{align-items:center}.bill-details-section,.cashbill-header-info{align-items:center;text-align:center}}@media (max-width:360px){.company-header-modern{padding:.15rem}.modern-logo{height:60px;width:60px}.company-name{font-size:1rem}.company-address,.contact-item{font-size:.7rem}.bill-title{font-size:1.1rem}.bill-date,.bill-number{font-size:.75rem}}body{font-family:Ethnocentric,sans-serif;margin:0}.quotation-container{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;margin:0 auto;max-width:64rem;padding:2rem;position:relative}.quotation-cancelled-watermark{inset-block-start:50%;inset-inline-start:50%;opacity:.5;pointer-events:none;position:fixed;transform:translate(-50%,-50%) rotate(0deg);z-index:10}.quotation-cancelled-watermark img{block-size:400px;inline-size:400px}.h2{text-align:center}.quotation-header{margin-bottom:2rem}form{display:flex;flex-direction:column;gap:1.5rem}.grid{grid-gap:1rem;display:grid;gap:1rem}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}input,textarea{border:1px solid #d1d5db;border-radius:.25rem;font-size:.875rem;padding:.5rem;width:100%}input:focus,textarea:focus{background-color:#b39eb5;border-color:#997a8d;box-shadow:0 0 0 2px #3b82f680;outline:none}table{border-collapse:collapse;width:100%}table,td,th{border:1px solid #e5e7eb}td,th{font-size:.875rem;padding:.5rem 1rem;text-align:left}thead{background-color:#997a8d}th{color:#997a8d;font-weight:500}.notes-section{display:flex;flex-direction:column;gap:.5rem}.notes-section p{color:#374151;font-size:.875rem}button{border-radius:.25rem;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:background-color .2s ease-in-out}button.bg-blue-500{background-color:#b39eb5;color:#fff}button.bg-blue-500:hover{background-color:#775c6d}button.bg-green-500{background-color:#b39eb5;color:#fff}button.bg-green-500:hover{background-color:#775c6d}button.bg-red-500{background-color:#b39eb5;color:#fff}button.bg-red-500:hover{background-color:#775c6d}button.bg-gray-500{background-color:#6b7280;color:#fff}button.bg-gray-500:hover{background-color:#775c6d}button.bg-yellow-500{background-color:#b39eb5;color:#fff}button.bg-yellow-500:hover{background-color:#775c6d}.custom-button{background-color:#997a8d;border-radius:.25rem;color:#fff;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:background-color .2s ease-in-out}.custom-button:hover{background-color:#775c6d}@media (max-width:768px){.grid-cols-2{grid-template-columns:1fr}table{display:block;overflow-x:auto}td,th{min-width:120px}}.reset-password-page{background:linear-gradient(90deg,#997a8d,silver);box-sizing:border-box;margin:0 auto;max-width:1200px;overflow-x:hidden;padding:20px}.form-group{margin-bottom:15px}.form-group label{display:block;font-size:1rem;font-weight:500;margin-bottom:5px}.form-group input,.form-group select{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:1rem;padding:10px;width:100%}.password-input-container{align-items:center;display:flex;position:relative;width:100%}.password-input-container input{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:1rem;padding:10px 40px 10px 10px;width:100%}.password-toggle-icon{color:#555;cursor:pointer;font-size:1.2rem;position:absolute;right:10px;transition:color .2s}.password-toggle-icon:hover{color:#000}.reset-btn{background-color:#b39eb9;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background-color .3s ease,color .3s ease}.reset-btn:hover{background:linear-gradient(90deg,#b39eb9,silver);color:#333}.reset-btn:disabled{background-color:#6c757d;cursor:not-allowed}.message{border-radius:4px;margin-bottom:15px;padding:10px;text-align:center}.message.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.message.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.message.info{background-color:#d1ecf1;border:1px solid #bee5eb;color:#0c5460}.access-denied{background:#ffffffe6;border-radius:8px;margin:20px 0;padding:40px 20px;text-align:center}.access-denied h2{color:#721c24;margin-bottom:15px}.access-denied p{color:#666;font-size:1.1rem}.loading{background:#ffffffe6;border-radius:8px;margin:20px 0;padding:40px 20px;text-align:center}.loading h2{color:#007bff;margin-bottom:15px}.loading p{color:#666;font-size:1.1rem}.staff-table{background-color:#fff;border-collapse:collapse;margin-top:20px;width:100%}.staff-table td,.staff-table th{border:1px solid #ddd;font-size:1rem;padding:12px;text-align:left}.staff-table th{background-color:#f2f2f2;font-weight:600}.staff-table tr:hover{background-color:#f5f5f5}.editbtn{background:#ffc107;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background-color .3s ease,color .3s ease}.editbtn:hover{background:#e4ad06;color:#040404}.deletebtn{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background-color .3s ease,color .3s ease}.deletebtn:hover{background:#c22e3c;color:#000}h2{font-size:1.5rem;margin-bottom:20px}h3{font-size:1.2rem;margin-bottom:10px;margin-top:20px}body{font-family:Arial,sans-serif;line-height:1.6}.leaverequests-back-button{background-color:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;margin-bottom:20px;padding:10px 18px;transition:background-color .3s}.leaverequests-back-button:hover{background-color:#5a6268;color:#000}@media (max-width:768px){.reset-password-page{padding:15px}.form-group input,.form-group label,.form-group select{font-size:.9rem}.password-input-container input{font-size:.9rem;padding:8px 35px 8px 8px}.password-toggle-icon{font-size:1.1rem;right:8px}.deletebtn,.editbtn,.reset-btn{font-size:.9rem;padding:8px 16px;width:100%}.staff-table td,.staff-table th{font-size:.85rem;padding:10px}h2{font-size:1.3rem}h3{font-size:1.1rem}}@media (max-width:480px){.reset-password-page{padding:10px}.form-group input,.form-group label,.form-group select{font-size:.85rem;padding:6px}.password-input-container input{font-size:.85rem;padding:6px 30px 6px 6px}.password-toggle-icon{font-size:1rem;right:6px}.deletebtn,.editbtn,.reset-btn{font-size:.85rem;padding:6px 12px}.staff-table{display:block;overflow-x:auto}.staff-table thead{display:none}.staff-table tr{border:1px solid #ddd;border-radius:4px;display:block;margin-bottom:15px}.staff-table td{border:none;display:block;padding:10px;position:relative;text-align:right}.staff-table td:before{content:attr(data-label);float:left;font-weight:600;padding-right:10px;text-align:left}.staff-table td:first-child:before{content:"Name"}.staff-table td:nth-child(2):before{content:"Email"}.staff-table td:nth-child(3):before{content:"Role"}.staff-table td:nth-child(4):before{content:"Department"}.staff-table td:nth-child(5):before{content:"Actions"}h2{font-size:1.2rem}h3{font-size:1rem}}.create-user-btn{align-items:center;background-color:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:1rem;gap:8px;margin-bottom:20px;padding:10px 20px;transition:background-color .3s}.create-user-btn:hover{background-color:#218838}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:8px;max-height:80vh;max-width:500px;overflow-y:auto;padding:30px;width:90%}.modal-content h3{color:#333;margin-bottom:20px;margin-top:0}.form-actions{display:flex;gap:10px;margin-top:20px}.form-actions button{border:none;border-radius:4px;cursor:pointer;flex:1 1;font-size:1rem;padding:10px 20px}.form-actions button[type=submit]{background-color:#007bff;color:#fff}.form-actions button[type=submit]:hover{background-color:#0056b3}.form-actions button[type=button]{background-color:#6c757d;color:#fff}.form-actions button[type=button]:hover{background-color:#545b62}.quick-reset-section{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;margin:20px 0;padding:20px}.resetbtn{background:#17a2b8;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;margin:0 5px;padding:8px 12px;transition:background-color .3s}.resetbtn:hover{background:#138496}.status{border-radius:12px;font-size:.8rem;font-weight:500;padding:4px 8px}.status.active{background-color:#d4edda;color:#155724}.status.inactive{background-color:#f8d7da;color:#721c24}.inactive-user{background-color:#f8f9fa;opacity:.6}.message.warning{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404}@media (max-width:768px){.modal-content{padding:20px;width:95%}.form-actions{flex-direction:column}.quick-reset-section{padding:15px}}@media (max-width:480px){.modal-content{padding:15px;width:98%}.create-user-btn{justify-content:center;width:100%}.quick-reset-section{padding:10px}}.pwa-install-prompt{animation:slideUp .3s ease-out;background:linear-gradient(135deg,#b39eb5,#764ba2);border-radius:12px;bottom:20px;box-shadow:0 8px 32px #0003;left:20px;position:fixed;right:20px;z-index:10000}.pwa-install-content{align-items:center;display:flex;gap:12px;padding:16px}.pwa-install-icon{flex-shrink:0;font-size:24px}.pwa-install-text{color:#fff;flex:1 1}.pwa-install-text h3{font-size:16px;font-weight:600;margin:0 0 4px}.pwa-install-text p{font-size:14px;margin:0;opacity:.9}.pwa-install-buttons{display:flex;flex-shrink:0;gap:8px}.pwa-install-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s ease}.pwa-install-btn.install{background:#fff;color:#764ba2}.pwa-install-btn.install:hover{background:#f8f9fa;transform:translateY(-1px)}.pwa-install-btn.dismiss{background:#0000;border:1px solid #ffffff4d;color:#fff}.pwa-install-btn.dismiss:hover{background:#ffffff1a}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.pwa-install-prompt{bottom:10px;left:10px;right:10px}.pwa-install-content{gap:8px;padding:12px}.pwa-install-text h3{font-size:14px}.pwa-install-text p{font-size:12px}.pwa-install-btn{font-size:12px;padding:6px 12px}}
/*# sourceMappingURL=main.98b30562.css.map*/