/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss?ngGlobalStyle ***! \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css2?family=Lexend:wght@300;400;500;600;700&display=swap); /*!******************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@fortawesome/fontawesome-free/css/all.min.css?ngGlobalStyle ***! \******************************************************************************************************************************************************************************************************************************************************************/ /*! * Font Awesome Free 7.0.0 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) * Copyright 2025 Fonticons, Inc. */ .fa,.fa-brands,.fa-classic,.fa-regular,.fa-solid,.fab,.far,.fas{--_fa-family:var(--fa-family,var(--fa-style-family,"Font Awesome 7 Free"));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:var(--fa-display,inline-block);font-family:var(--_fa-family);font-feature-settings:normal;font-style:normal;font-synthesis:none;font-variant:normal;font-weight:var(--fa-style,900);line-height:1;text-align:center;text-rendering:auto;width:var(--fa-width,1.25em)}:is(.fas,.far,.fab,.fa-solid,.fa-regular,.fa-brands,.fa-classic,.fa):before{content:var(--fa);content:var(--fa)/""}.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-width-auto{--fa-width:auto}.fa-fw,.fa-width-fixed{--fa-width:1.25em}.fa-ul{list-style-type:none;margin-inline-start:var(--fa-li-margin,2.5em);padding-inline-start:0}.fa-ul>li{position:relative}.fa-li{inset-inline-start:calc(var(--fa-li-width, 2em)*-1);position:absolute;text-align:center;width:var(--fa-li-width,2em);line-height:inherit}.fa-border{border-radius:var(--fa-border-radius,.1em);border:var(--fa-border-width,.0625em) var(--fa-border-style,solid) var(--fa-border-color,#eee);box-sizing:var(--fa-border-box-sizing,content-box);padding:var(--fa-border-padding,.1875em .25em)}.fa-pull-left,.fa-pull-start{float:inline-start;margin-inline-end:var(--fa-pull-margin,.3em)}.fa-pull-end,.fa-pull-right{float:inline-end;margin-inline-start:var(--fa-pull-margin,.3em)}.fa-beat{animation-name:fa-beat;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-bounce{animation-name:fa-bounce;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1))}.fa-fade{animation-name:fa-fade;animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-beat-fade,.fa-fade{animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s)}.fa-beat-fade{animation-name:fa-beat-fade;animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-flip{animation-name:fa-flip;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-shake{animation-name:fa-shake;animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,linear)}.fa-shake,.fa-spin{animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal)}.fa-spin{animation-name:fa-spin;animation-duration:var(--fa-animation-duration,2s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,linear)}.fa-spin-reverse{--fa-animation-direction:reverse}.fa-pulse,.fa-spin-pulse{animation-name:fa-spin;animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);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:none!important;transition:none!important}}@keyframes fa-beat{0%,90%{transform:scale(1)}45%{transform:scale(var(--fa-beat-scale,1.25))}}@keyframes fa-bounce{0%{transform:scale(1) translateY(0)}10%{transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{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(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{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:var(--fa-fade-opacity,.4)}}@keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity,.4);transform:scale(1)}50%{opacity:1;transform:scale(var(--fa-beat-fade-scale,1.125))}}@keyframes fa-flip{50%{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)}8%,24%{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(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:var(--fa-stack-z-index,auto)}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:var(--fa-inverse,#fff)} .fa-0{--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-exclamation{--fa:"\!"}.fa-hashtag{--fa:"\#"}.fa-dollar,.fa-dollar-sign,.fa-usd{--fa:"\$"}.fa-percent,.fa-percentage{--fa:"\%"}.fa-asterisk{--fa:"\*"}.fa-add,.fa-plus{--fa:"\+"}.fa-less-than{--fa:"\<"}.fa-equals{--fa:"\="}.fa-greater-than{--fa:"\>"}.fa-question{--fa:"\?"}.fa-at{--fa:"\@"}.fa-a{--fa:"A"}.fa-b{--fa:"B"}.fa-c{--fa:"C"}.fa-d{--fa:"D"}.fa-e{--fa:"E"}.fa-f{--fa:"F"}.fa-g{--fa:"G"}.fa-h{--fa:"H"}.fa-i{--fa:"I"}.fa-j{--fa:"J"}.fa-k{--fa:"K"}.fa-l{--fa:"L"}.fa-m{--fa:"M"}.fa-n{--fa:"N"}.fa-o{--fa:"O"}.fa-p{--fa:"P"}.fa-q{--fa:"Q"}.fa-r{--fa:"R"}.fa-s{--fa:"S"}.fa-t{--fa:"T"}.fa-u{--fa:"U"}.fa-v{--fa:"V"}.fa-w{--fa:"W"}.fa-x{--fa:"X"}.fa-y{--fa:"Y"}.fa-z{--fa:"Z"}.fa-faucet{--fa:"\e005"}.fa-faucet-drip{--fa:"\e006"}.fa-house-chimney-window{--fa:"\e00d"}.fa-house-signal{--fa:"\e012"}.fa-temperature-arrow-down,.fa-temperature-down{--fa:"\e03f"}.fa-temperature-arrow-up,.fa-temperature-up{--fa:"\e040"}.fa-trailer{--fa:"\e041"}.fa-bacteria{--fa:"\e059"}.fa-bacterium{--fa:"\e05a"}.fa-box-tissue{--fa:"\e05b"}.fa-hand-holding-medical{--fa:"\e05c"}.fa-hand-sparkles{--fa:"\e05d"}.fa-hands-bubbles,.fa-hands-wash{--fa:"\e05e"}.fa-handshake-alt-slash,.fa-handshake-simple-slash,.fa-handshake-slash{--fa:"\e060"}.fa-head-side-cough{--fa:"\e061"}.fa-head-side-cough-slash{--fa:"\e062"}.fa-head-side-mask{--fa:"\e063"}.fa-head-side-virus{--fa:"\e064"}.fa-house-chimney-user{--fa:"\e065"}.fa-house-laptop,.fa-laptop-house{--fa:"\e066"}.fa-lungs-virus{--fa:"\e067"}.fa-people-arrows,.fa-people-arrows-left-right{--fa:"\e068"}.fa-plane-slash{--fa:"\e069"}.fa-pump-medical{--fa:"\e06a"}.fa-pump-soap{--fa:"\e06b"}.fa-shield-virus{--fa:"\e06c"}.fa-sink{--fa:"\e06d"}.fa-soap{--fa:"\e06e"}.fa-stopwatch-20{--fa:"\e06f"}.fa-shop-slash,.fa-store-alt-slash{--fa:"\e070"}.fa-store-slash{--fa:"\e071"}.fa-toilet-paper-slash{--fa:"\e072"}.fa-users-slash{--fa:"\e073"}.fa-virus{--fa:"\e074"}.fa-virus-slash{--fa:"\e075"}.fa-viruses{--fa:"\e076"}.fa-vest{--fa:"\e085"}.fa-vest-patches{--fa:"\e086"}.fa-arrow-trend-down{--fa:"\e097"}.fa-arrow-trend-up{--fa:"\e098"}.fa-arrow-up-from-bracket{--fa:"\e09a"}.fa-austral-sign{--fa:"\e0a9"}.fa-baht-sign{--fa:"\e0ac"}.fa-bitcoin-sign{--fa:"\e0b4"}.fa-bolt-lightning{--fa:"\e0b7"}.fa-book-bookmark{--fa:"\e0bb"}.fa-camera-rotate{--fa:"\e0d8"}.fa-cedi-sign{--fa:"\e0df"}.fa-chart-column{--fa:"\e0e3"}.fa-chart-gantt{--fa:"\e0e4"}.fa-clapperboard{--fa:"\e131"}.fa-clover{--fa:"\e139"}.fa-code-compare{--fa:"\e13a"}.fa-code-fork{--fa:"\e13b"}.fa-code-pull-request{--fa:"\e13c"}.fa-colon-sign{--fa:"\e140"}.fa-cruzeiro-sign{--fa:"\e152"}.fa-display{--fa:"\e163"}.fa-dong-sign{--fa:"\e169"}.fa-elevator{--fa:"\e16d"}.fa-filter-circle-xmark{--fa:"\e17b"}.fa-florin-sign{--fa:"\e184"}.fa-folder-closed{--fa:"\e185"}.fa-franc-sign{--fa:"\e18f"}.fa-guarani-sign{--fa:"\e19a"}.fa-gun{--fa:"\e19b"}.fa-hands-clapping{--fa:"\e1a8"}.fa-home-user,.fa-house-user{--fa:"\e1b0"}.fa-indian-rupee,.fa-indian-rupee-sign,.fa-inr{--fa:"\e1bc"}.fa-kip-sign{--fa:"\e1c4"}.fa-lari-sign{--fa:"\e1c8"}.fa-litecoin-sign{--fa:"\e1d3"}.fa-manat-sign{--fa:"\e1d5"}.fa-mask-face{--fa:"\e1d7"}.fa-mill-sign{--fa:"\e1ed"}.fa-money-bills{--fa:"\e1f3"}.fa-naira-sign{--fa:"\e1f6"}.fa-notdef{--fa:"\e1fe"}.fa-panorama{--fa:"\e209"}.fa-peseta-sign{--fa:"\e221"}.fa-peso-sign{--fa:"\e222"}.fa-plane-up{--fa:"\e22d"}.fa-rupiah-sign{--fa:"\e23d"}.fa-stairs{--fa:"\e289"}.fa-timeline{--fa:"\e29c"}.fa-truck-front{--fa:"\e2b7"}.fa-try,.fa-turkish-lira,.fa-turkish-lira-sign{--fa:"\e2bb"}.fa-vault{--fa:"\e2c5"}.fa-magic-wand-sparkles,.fa-wand-magic-sparkles{--fa:"\e2ca"}.fa-wheat-alt,.fa-wheat-awn{--fa:"\e2cd"}.fa-wheelchair-alt,.fa-wheelchair-move{--fa:"\e2ce"}.fa-bangladeshi-taka-sign{--fa:"\e2e6"}.fa-bowl-rice{--fa:"\e2eb"}.fa-person-pregnant{--fa:"\e31e"}.fa-home-lg,.fa-house-chimney{--fa:"\e3af"}.fa-house-crack{--fa:"\e3b1"}.fa-house-medical{--fa:"\e3b2"}.fa-cent-sign{--fa:"\e3f5"}.fa-plus-minus{--fa:"\e43c"}.fa-sailboat{--fa:"\e445"}.fa-section{--fa:"\e447"}.fa-shrimp{--fa:"\e448"}.fa-brazilian-real-sign{--fa:"\e46c"}.fa-chart-simple{--fa:"\e473"}.fa-diagram-next{--fa:"\e476"}.fa-diagram-predecessor{--fa:"\e477"}.fa-diagram-successor{--fa:"\e47a"}.fa-earth-oceania,.fa-globe-oceania{--fa:"\e47b"}.fa-bug-slash{--fa:"\e490"}.fa-file-circle-plus{--fa:"\e494"}.fa-shop-lock{--fa:"\e4a5"}.fa-virus-covid{--fa:"\e4a8"}.fa-virus-covid-slash{--fa:"\e4a9"}.fa-anchor-circle-check{--fa:"\e4aa"}.fa-anchor-circle-exclamation{--fa:"\e4ab"}.fa-anchor-circle-xmark{--fa:"\e4ac"}.fa-anchor-lock{--fa:"\e4ad"}.fa-arrow-down-up-across-line{--fa:"\e4af"}.fa-arrow-down-up-lock{--fa:"\e4b0"}.fa-arrow-right-to-city{--fa:"\e4b3"}.fa-arrow-up-from-ground-water{--fa:"\e4b5"}.fa-arrow-up-from-water-pump{--fa:"\e4b6"}.fa-arrow-up-right-dots{--fa:"\e4b7"}.fa-arrows-down-to-line{--fa:"\e4b8"}.fa-arrows-down-to-people{--fa:"\e4b9"}.fa-arrows-left-right-to-line{--fa:"\e4ba"}.fa-arrows-spin{--fa:"\e4bb"}.fa-arrows-split-up-and-left{--fa:"\e4bc"}.fa-arrows-to-circle{--fa:"\e4bd"}.fa-arrows-to-dot{--fa:"\e4be"}.fa-arrows-to-eye{--fa:"\e4bf"}.fa-arrows-turn-right{--fa:"\e4c0"}.fa-arrows-turn-to-dots{--fa:"\e4c1"}.fa-arrows-up-to-line{--fa:"\e4c2"}.fa-bore-hole{--fa:"\e4c3"}.fa-bottle-droplet{--fa:"\e4c4"}.fa-bottle-water{--fa:"\e4c5"}.fa-bowl-food{--fa:"\e4c6"}.fa-boxes-packing{--fa:"\e4c7"}.fa-bridge{--fa:"\e4c8"}.fa-bridge-circle-check{--fa:"\e4c9"}.fa-bridge-circle-exclamation{--fa:"\e4ca"}.fa-bridge-circle-xmark{--fa:"\e4cb"}.fa-bridge-lock{--fa:"\e4cc"}.fa-bridge-water{--fa:"\e4ce"}.fa-bucket{--fa:"\e4cf"}.fa-bugs{--fa:"\e4d0"}.fa-building-circle-arrow-right{--fa:"\e4d1"}.fa-building-circle-check{--fa:"\e4d2"}.fa-building-circle-exclamation{--fa:"\e4d3"}.fa-building-circle-xmark{--fa:"\e4d4"}.fa-building-flag{--fa:"\e4d5"}.fa-building-lock{--fa:"\e4d6"}.fa-building-ngo{--fa:"\e4d7"}.fa-building-shield{--fa:"\e4d8"}.fa-building-un{--fa:"\e4d9"}.fa-building-user{--fa:"\e4da"}.fa-building-wheat{--fa:"\e4db"}.fa-burst{--fa:"\e4dc"}.fa-car-on{--fa:"\e4dd"}.fa-car-tunnel{--fa:"\e4de"}.fa-child-combatant,.fa-child-rifle{--fa:"\e4e0"}.fa-children{--fa:"\e4e1"}.fa-circle-nodes{--fa:"\e4e2"}.fa-clipboard-question{--fa:"\e4e3"}.fa-cloud-showers-water{--fa:"\e4e4"}.fa-computer{--fa:"\e4e5"}.fa-cubes-stacked{--fa:"\e4e6"}.fa-envelope-circle-check{--fa:"\e4e8"}.fa-explosion{--fa:"\e4e9"}.fa-ferry{--fa:"\e4ea"}.fa-file-circle-exclamation{--fa:"\e4eb"}.fa-file-circle-minus{--fa:"\e4ed"}.fa-file-circle-question{--fa:"\e4ef"}.fa-file-shield{--fa:"\e4f0"}.fa-fire-burner{--fa:"\e4f1"}.fa-fish-fins{--fa:"\e4f2"}.fa-flask-vial{--fa:"\e4f3"}.fa-glass-water{--fa:"\e4f4"}.fa-glass-water-droplet{--fa:"\e4f5"}.fa-group-arrows-rotate{--fa:"\e4f6"}.fa-hand-holding-hand{--fa:"\e4f7"}.fa-handcuffs{--fa:"\e4f8"}.fa-hands-bound{--fa:"\e4f9"}.fa-hands-holding-child{--fa:"\e4fa"}.fa-hands-holding-circle{--fa:"\e4fb"}.fa-heart-circle-bolt{--fa:"\e4fc"}.fa-heart-circle-check{--fa:"\e4fd"}.fa-heart-circle-exclamation{--fa:"\e4fe"}.fa-heart-circle-minus{--fa:"\e4ff"}.fa-heart-circle-plus{--fa:"\e500"}.fa-heart-circle-xmark{--fa:"\e501"}.fa-helicopter-symbol{--fa:"\e502"}.fa-helmet-un{--fa:"\e503"}.fa-hill-avalanche{--fa:"\e507"}.fa-hill-rockslide{--fa:"\e508"}.fa-house-circle-check{--fa:"\e509"}.fa-house-circle-exclamation{--fa:"\e50a"}.fa-house-circle-xmark{--fa:"\e50b"}.fa-house-fire{--fa:"\e50c"}.fa-house-flag{--fa:"\e50d"}.fa-house-flood-water{--fa:"\e50e"}.fa-house-flood-water-circle-arrow-right{--fa:"\e50f"}.fa-house-lock{--fa:"\e510"}.fa-house-medical-circle-check{--fa:"\e511"}.fa-house-medical-circle-exclamation{--fa:"\e512"}.fa-house-medical-circle-xmark{--fa:"\e513"}.fa-house-medical-flag{--fa:"\e514"}.fa-house-tsunami{--fa:"\e515"}.fa-jar{--fa:"\e516"}.fa-jar-wheat{--fa:"\e517"}.fa-jet-fighter-up{--fa:"\e518"}.fa-jug-detergent{--fa:"\e519"}.fa-kitchen-set{--fa:"\e51a"}.fa-land-mine-on{--fa:"\e51b"}.fa-landmark-flag{--fa:"\e51c"}.fa-laptop-file{--fa:"\e51d"}.fa-lines-leaning{--fa:"\e51e"}.fa-location-pin-lock{--fa:"\e51f"}.fa-locust{--fa:"\e520"}.fa-magnifying-glass-arrow-right{--fa:"\e521"}.fa-magnifying-glass-chart{--fa:"\e522"}.fa-mars-and-venus-burst{--fa:"\e523"}.fa-mask-ventilator{--fa:"\e524"}.fa-mattress-pillow{--fa:"\e525"}.fa-mobile-retro{--fa:"\e527"}.fa-money-bill-transfer{--fa:"\e528"}.fa-money-bill-trend-up{--fa:"\e529"}.fa-money-bill-wheat{--fa:"\e52a"}.fa-mosquito{--fa:"\e52b"}.fa-mosquito-net{--fa:"\e52c"}.fa-mound{--fa:"\e52d"}.fa-mountain-city{--fa:"\e52e"}.fa-mountain-sun{--fa:"\e52f"}.fa-oil-well{--fa:"\e532"}.fa-people-group{--fa:"\e533"}.fa-people-line{--fa:"\e534"}.fa-people-pulling{--fa:"\e535"}.fa-people-robbery{--fa:"\e536"}.fa-people-roof{--fa:"\e537"}.fa-person-arrow-down-to-line{--fa:"\e538"}.fa-person-arrow-up-from-line{--fa:"\e539"}.fa-person-breastfeeding{--fa:"\e53a"}.fa-person-burst{--fa:"\e53b"}.fa-person-cane{--fa:"\e53c"}.fa-person-chalkboard{--fa:"\e53d"}.fa-person-circle-check{--fa:"\e53e"}.fa-person-circle-exclamation{--fa:"\e53f"}.fa-person-circle-minus{--fa:"\e540"}.fa-person-circle-plus{--fa:"\e541"}.fa-person-circle-question{--fa:"\e542"}.fa-person-circle-xmark{--fa:"\e543"}.fa-person-dress-burst{--fa:"\e544"}.fa-person-drowning{--fa:"\e545"}.fa-person-falling{--fa:"\e546"}.fa-person-falling-burst{--fa:"\e547"}.fa-person-half-dress{--fa:"\e548"}.fa-person-harassing{--fa:"\e549"}.fa-person-military-pointing{--fa:"\e54a"}.fa-person-military-rifle{--fa:"\e54b"}.fa-person-military-to-person{--fa:"\e54c"}.fa-person-rays{--fa:"\e54d"}.fa-person-rifle{--fa:"\e54e"}.fa-person-shelter{--fa:"\e54f"}.fa-person-walking-arrow-loop-left{--fa:"\e551"}.fa-person-walking-arrow-right{--fa:"\e552"}.fa-person-walking-dashed-line-arrow-right{--fa:"\e553"}.fa-person-walking-luggage{--fa:"\e554"}.fa-plane-circle-check{--fa:"\e555"}.fa-plane-circle-exclamation{--fa:"\e556"}.fa-plane-circle-xmark{--fa:"\e557"}.fa-plane-lock{--fa:"\e558"}.fa-plate-wheat{--fa:"\e55a"}.fa-plug-circle-bolt{--fa:"\e55b"}.fa-plug-circle-check{--fa:"\e55c"}.fa-plug-circle-exclamation{--fa:"\e55d"}.fa-plug-circle-minus{--fa:"\e55e"}.fa-plug-circle-plus{--fa:"\e55f"}.fa-plug-circle-xmark{--fa:"\e560"}.fa-ranking-star{--fa:"\e561"}.fa-road-barrier{--fa:"\e562"}.fa-road-bridge{--fa:"\e563"}.fa-road-circle-check{--fa:"\e564"}.fa-road-circle-exclamation{--fa:"\e565"}.fa-road-circle-xmark{--fa:"\e566"}.fa-road-lock{--fa:"\e567"}.fa-road-spikes{--fa:"\e568"}.fa-rug{--fa:"\e569"}.fa-sack-xmark{--fa:"\e56a"}.fa-school-circle-check{--fa:"\e56b"}.fa-school-circle-exclamation{--fa:"\e56c"}.fa-school-circle-xmark{--fa:"\e56d"}.fa-school-flag{--fa:"\e56e"}.fa-school-lock{--fa:"\e56f"}.fa-sheet-plastic{--fa:"\e571"}.fa-shield-cat{--fa:"\e572"}.fa-shield-dog{--fa:"\e573"}.fa-shield-heart{--fa:"\e574"}.fa-square-nfi{--fa:"\e576"}.fa-square-person-confined{--fa:"\e577"}.fa-square-virus{--fa:"\e578"}.fa-rod-asclepius,.fa-rod-snake,.fa-staff-aesculapius,.fa-staff-snake{--fa:"\e579"}.fa-sun-plant-wilt{--fa:"\e57a"}.fa-tarp{--fa:"\e57b"}.fa-tarp-droplet{--fa:"\e57c"}.fa-tent{--fa:"\e57d"}.fa-tent-arrow-down-to-line{--fa:"\e57e"}.fa-tent-arrow-left-right{--fa:"\e57f"}.fa-tent-arrow-turn-left{--fa:"\e580"}.fa-tent-arrows-down{--fa:"\e581"}.fa-tents{--fa:"\e582"}.fa-toilet-portable{--fa:"\e583"}.fa-toilets-portable{--fa:"\e584"}.fa-tower-cell{--fa:"\e585"}.fa-tower-observation{--fa:"\e586"}.fa-tree-city{--fa:"\e587"}.fa-trowel{--fa:"\e589"}.fa-trowel-bricks{--fa:"\e58a"}.fa-truck-arrow-right{--fa:"\e58b"}.fa-truck-droplet{--fa:"\e58c"}.fa-truck-field{--fa:"\e58d"}.fa-truck-field-un{--fa:"\e58e"}.fa-truck-plane{--fa:"\e58f"}.fa-users-between-lines{--fa:"\e591"}.fa-users-line{--fa:"\e592"}.fa-users-rays{--fa:"\e593"}.fa-users-rectangle{--fa:"\e594"}.fa-users-viewfinder{--fa:"\e595"}.fa-vial-circle-check{--fa:"\e596"}.fa-vial-virus{--fa:"\e597"}.fa-wheat-awn-circle-exclamation{--fa:"\e598"}.fa-worm{--fa:"\e599"}.fa-xmarks-lines{--fa:"\e59a"}.fa-child-dress{--fa:"\e59c"}.fa-child-reaching{--fa:"\e59d"}.fa-file-circle-check{--fa:"\e5a0"}.fa-file-circle-xmark{--fa:"\e5a1"}.fa-person-through-window{--fa:"\e5a9"}.fa-plant-wilt{--fa:"\e5aa"}.fa-stapler{--fa:"\e5af"}.fa-train-tram{--fa:"\e5b4"}.fa-table-cells-column-lock{--fa:"\e678"}.fa-table-cells-row-lock{--fa:"\e67a"}.fa-thumb-tack-slash,.fa-thumbtack-slash{--fa:"\e68f"}.fa-table-cells-row-unlock{--fa:"\e691"}.fa-chart-diagram{--fa:"\e695"}.fa-comment-nodes{--fa:"\e696"}.fa-file-fragment{--fa:"\e697"}.fa-file-half-dashed{--fa:"\e698"}.fa-hexagon-nodes{--fa:"\e699"}.fa-hexagon-nodes-bolt{--fa:"\e69a"}.fa-square-binary{--fa:"\e69b"}.fa-pentagon{--fa:"\e790"}.fa-non-binary{--fa:"\e807"}.fa-spiral{--fa:"\e80a"}.fa-mobile-vibrate{--fa:"\e816"}.fa-single-quote-left{--fa:"\e81b"}.fa-single-quote-right{--fa:"\e81c"}.fa-bus-side{--fa:"\e81d"}.fa-heptagon,.fa-septagon{--fa:"\e820"}.fa-glass-martini,.fa-martini-glass-empty{--fa:"\f000"}.fa-music{--fa:"\f001"}.fa-magnifying-glass,.fa-search{--fa:"\f002"}.fa-heart{--fa:"\f004"}.fa-star{--fa:"\f005"}.fa-user,.fa-user-alt,.fa-user-large{--fa:"\f007"}.fa-film,.fa-film-alt,.fa-film-simple{--fa:"\f008"}.fa-table-cells-large,.fa-th-large{--fa:"\f009"}.fa-table-cells,.fa-th{--fa:"\f00a"}.fa-table-list,.fa-th-list{--fa:"\f00b"}.fa-check{--fa:"\f00c"}.fa-close,.fa-multiply,.fa-remove,.fa-times,.fa-xmark{--fa:"\f00d"}.fa-magnifying-glass-plus,.fa-search-plus{--fa:"\f00e"}.fa-magnifying-glass-minus,.fa-search-minus{--fa:"\f010"}.fa-power-off{--fa:"\f011"}.fa-signal,.fa-signal-5,.fa-signal-perfect{--fa:"\f012"}.fa-cog,.fa-gear{--fa:"\f013"}.fa-home,.fa-home-alt,.fa-home-lg-alt,.fa-house{--fa:"\f015"}.fa-clock,.fa-clock-four{--fa:"\f017"}.fa-road{--fa:"\f018"}.fa-download{--fa:"\f019"}.fa-inbox{--fa:"\f01c"}.fa-arrow-right-rotate,.fa-arrow-rotate-forward,.fa-arrow-rotate-right,.fa-redo{--fa:"\f01e"}.fa-arrows-rotate,.fa-refresh,.fa-sync{--fa:"\f021"}.fa-list-alt,.fa-rectangle-list{--fa:"\f022"}.fa-lock{--fa:"\f023"}.fa-flag{--fa:"\f024"}.fa-headphones,.fa-headphones-alt,.fa-headphones-simple{--fa:"\f025"}.fa-volume-off{--fa:"\f026"}.fa-volume-down,.fa-volume-low{--fa:"\f027"}.fa-volume-high,.fa-volume-up{--fa:"\f028"}.fa-qrcode{--fa:"\f029"}.fa-barcode{--fa:"\f02a"}.fa-tag{--fa:"\f02b"}.fa-tags{--fa:"\f02c"}.fa-book{--fa:"\f02d"}.fa-bookmark{--fa:"\f02e"}.fa-print{--fa:"\f02f"}.fa-camera,.fa-camera-alt{--fa:"\f030"}.fa-font{--fa:"\f031"}.fa-bold{--fa:"\f032"}.fa-italic{--fa:"\f033"}.fa-text-height{--fa:"\f034"}.fa-text-width{--fa:"\f035"}.fa-align-left{--fa:"\f036"}.fa-align-center{--fa:"\f037"}.fa-align-right{--fa:"\f038"}.fa-align-justify{--fa:"\f039"}.fa-list,.fa-list-squares{--fa:"\f03a"}.fa-dedent,.fa-outdent{--fa:"\f03b"}.fa-indent{--fa:"\f03c"}.fa-video,.fa-video-camera{--fa:"\f03d"}.fa-image{--fa:"\f03e"}.fa-location-pin,.fa-map-marker{--fa:"\f041"}.fa-adjust,.fa-circle-half-stroke{--fa:"\f042"}.fa-droplet,.fa-tint{--fa:"\f043"}.fa-edit,.fa-pen-to-square{--fa:"\f044"}.fa-arrows,.fa-arrows-up-down-left-right{--fa:"\f047"}.fa-backward-step,.fa-step-backward{--fa:"\f048"}.fa-backward-fast,.fa-fast-backward{--fa:"\f049"}.fa-backward{--fa:"\f04a"}.fa-play{--fa:"\f04b"}.fa-pause{--fa:"\f04c"}.fa-stop{--fa:"\f04d"}.fa-forward{--fa:"\f04e"}.fa-fast-forward,.fa-forward-fast{--fa:"\f050"}.fa-forward-step,.fa-step-forward{--fa:"\f051"}.fa-eject{--fa:"\f052"}.fa-chevron-left{--fa:"\f053"}.fa-chevron-right{--fa:"\f054"}.fa-circle-plus,.fa-plus-circle{--fa:"\f055"}.fa-circle-minus,.fa-minus-circle{--fa:"\f056"}.fa-circle-xmark,.fa-times-circle,.fa-xmark-circle{--fa:"\f057"}.fa-check-circle,.fa-circle-check{--fa:"\f058"}.fa-circle-question,.fa-question-circle{--fa:"\f059"}.fa-circle-info,.fa-info-circle{--fa:"\f05a"}.fa-crosshairs{--fa:"\f05b"}.fa-ban,.fa-cancel{--fa:"\f05e"}.fa-arrow-left{--fa:"\f060"}.fa-arrow-right{--fa:"\f061"}.fa-arrow-up{--fa:"\f062"}.fa-arrow-down{--fa:"\f063"}.fa-mail-forward,.fa-share{--fa:"\f064"}.fa-expand{--fa:"\f065"}.fa-compress{--fa:"\f066"}.fa-minus,.fa-subtract{--fa:"\f068"}.fa-circle-exclamation,.fa-exclamation-circle{--fa:"\f06a"}.fa-gift{--fa:"\f06b"}.fa-leaf{--fa:"\f06c"}.fa-fire{--fa:"\f06d"}.fa-eye{--fa:"\f06e"}.fa-eye-slash{--fa:"\f070"}.fa-exclamation-triangle,.fa-triangle-exclamation,.fa-warning{--fa:"\f071"}.fa-plane{--fa:"\f072"}.fa-calendar-alt,.fa-calendar-days{--fa:"\f073"}.fa-random,.fa-shuffle{--fa:"\f074"}.fa-comment{--fa:"\f075"}.fa-magnet{--fa:"\f076"}.fa-chevron-up{--fa:"\f077"}.fa-chevron-down{--fa:"\f078"}.fa-retweet{--fa:"\f079"}.fa-cart-shopping,.fa-shopping-cart{--fa:"\f07a"}.fa-folder,.fa-folder-blank{--fa:"\f07b"}.fa-folder-open{--fa:"\f07c"}.fa-arrows-up-down,.fa-arrows-v{--fa:"\f07d"}.fa-arrows-h,.fa-arrows-left-right{--fa:"\f07e"}.fa-bar-chart,.fa-chart-bar{--fa:"\f080"}.fa-camera-retro{--fa:"\f083"}.fa-key{--fa:"\f084"}.fa-cogs,.fa-gears{--fa:"\f085"}.fa-comments{--fa:"\f086"}.fa-star-half{--fa:"\f089"}.fa-arrow-right-from-bracket,.fa-sign-out{--fa:"\f08b"}.fa-thumb-tack,.fa-thumbtack{--fa:"\f08d"}.fa-arrow-up-right-from-square,.fa-external-link{--fa:"\f08e"}.fa-arrow-right-to-bracket,.fa-sign-in{--fa:"\f090"}.fa-trophy{--fa:"\f091"}.fa-upload{--fa:"\f093"}.fa-lemon{--fa:"\f094"}.fa-phone{--fa:"\f095"}.fa-phone-square,.fa-square-phone{--fa:"\f098"}.fa-unlock{--fa:"\f09c"}.fa-credit-card,.fa-credit-card-alt{--fa:"\f09d"}.fa-feed,.fa-rss{--fa:"\f09e"}.fa-hard-drive,.fa-hdd{--fa:"\f0a0"}.fa-bullhorn{--fa:"\f0a1"}.fa-certificate{--fa:"\f0a3"}.fa-hand-point-right{--fa:"\f0a4"}.fa-hand-point-left{--fa:"\f0a5"}.fa-hand-point-up{--fa:"\f0a6"}.fa-hand-point-down{--fa:"\f0a7"}.fa-arrow-circle-left,.fa-circle-arrow-left{--fa:"\f0a8"}.fa-arrow-circle-right,.fa-circle-arrow-right{--fa:"\f0a9"}.fa-arrow-circle-up,.fa-circle-arrow-up{--fa:"\f0aa"}.fa-arrow-circle-down,.fa-circle-arrow-down{--fa:"\f0ab"}.fa-globe{--fa:"\f0ac"}.fa-wrench{--fa:"\f0ad"}.fa-list-check,.fa-tasks{--fa:"\f0ae"}.fa-filter{--fa:"\f0b0"}.fa-briefcase{--fa:"\f0b1"}.fa-arrows-alt,.fa-up-down-left-right{--fa:"\f0b2"}.fa-users{--fa:"\f0c0"}.fa-chain,.fa-link{--fa:"\f0c1"}.fa-cloud{--fa:"\f0c2"}.fa-flask{--fa:"\f0c3"}.fa-cut,.fa-scissors{--fa:"\f0c4"}.fa-copy{--fa:"\f0c5"}.fa-paperclip{--fa:"\f0c6"}.fa-floppy-disk,.fa-save{--fa:"\f0c7"}.fa-square{--fa:"\f0c8"}.fa-bars,.fa-navicon{--fa:"\f0c9"}.fa-list-dots,.fa-list-ul{--fa:"\f0ca"}.fa-list-1-2,.fa-list-numeric,.fa-list-ol{--fa:"\f0cb"}.fa-strikethrough{--fa:"\f0cc"}.fa-underline{--fa:"\f0cd"}.fa-table{--fa:"\f0ce"}.fa-magic,.fa-wand-magic{--fa:"\f0d0"}.fa-truck{--fa:"\f0d1"}.fa-money-bill{--fa:"\f0d6"}.fa-caret-down{--fa:"\f0d7"}.fa-caret-up{--fa:"\f0d8"}.fa-caret-left{--fa:"\f0d9"}.fa-caret-right{--fa:"\f0da"}.fa-columns,.fa-table-columns{--fa:"\f0db"}.fa-sort,.fa-unsorted{--fa:"\f0dc"}.fa-sort-desc,.fa-sort-down{--fa:"\f0dd"}.fa-sort-asc,.fa-sort-up{--fa:"\f0de"}.fa-envelope{--fa:"\f0e0"}.fa-arrow-left-rotate,.fa-arrow-rotate-back,.fa-arrow-rotate-backward,.fa-arrow-rotate-left,.fa-undo{--fa:"\f0e2"}.fa-gavel,.fa-legal{--fa:"\f0e3"}.fa-bolt,.fa-zap{--fa:"\f0e7"}.fa-sitemap{--fa:"\f0e8"}.fa-umbrella{--fa:"\f0e9"}.fa-file-clipboard,.fa-paste{--fa:"\f0ea"}.fa-lightbulb{--fa:"\f0eb"}.fa-arrow-right-arrow-left,.fa-exchange{--fa:"\f0ec"}.fa-cloud-arrow-down,.fa-cloud-download,.fa-cloud-download-alt{--fa:"\f0ed"}.fa-cloud-arrow-up,.fa-cloud-upload,.fa-cloud-upload-alt{--fa:"\f0ee"}.fa-user-doctor,.fa-user-md{--fa:"\f0f0"}.fa-stethoscope{--fa:"\f0f1"}.fa-suitcase{--fa:"\f0f2"}.fa-bell{--fa:"\f0f3"}.fa-coffee,.fa-mug-saucer{--fa:"\f0f4"}.fa-hospital,.fa-hospital-alt,.fa-hospital-wide{--fa:"\f0f8"}.fa-ambulance,.fa-truck-medical{--fa:"\f0f9"}.fa-medkit,.fa-suitcase-medical{--fa:"\f0fa"}.fa-fighter-jet,.fa-jet-fighter{--fa:"\f0fb"}.fa-beer,.fa-beer-mug-empty{--fa:"\f0fc"}.fa-h-square,.fa-square-h{--fa:"\f0fd"}.fa-plus-square,.fa-square-plus{--fa:"\f0fe"}.fa-angle-double-left,.fa-angles-left{--fa:"\f100"}.fa-angle-double-right,.fa-angles-right{--fa:"\f101"}.fa-angle-double-up,.fa-angles-up{--fa:"\f102"}.fa-angle-double-down,.fa-angles-down{--fa:"\f103"}.fa-angle-left{--fa:"\f104"}.fa-angle-right{--fa:"\f105"}.fa-angle-up{--fa:"\f106"}.fa-angle-down{--fa:"\f107"}.fa-laptop{--fa:"\f109"}.fa-tablet-button{--fa:"\f10a"}.fa-mobile-button{--fa:"\f10b"}.fa-quote-left,.fa-quote-left-alt{--fa:"\f10d"}.fa-quote-right,.fa-quote-right-alt{--fa:"\f10e"}.fa-spinner{--fa:"\f110"}.fa-circle{--fa:"\f111"}.fa-face-smile,.fa-smile{--fa:"\f118"}.fa-face-frown,.fa-frown{--fa:"\f119"}.fa-face-meh,.fa-meh{--fa:"\f11a"}.fa-gamepad{--fa:"\f11b"}.fa-keyboard{--fa:"\f11c"}.fa-flag-checkered{--fa:"\f11e"}.fa-terminal{--fa:"\f120"}.fa-code{--fa:"\f121"}.fa-mail-reply-all,.fa-reply-all{--fa:"\f122"}.fa-location-arrow{--fa:"\f124"}.fa-crop{--fa:"\f125"}.fa-code-branch{--fa:"\f126"}.fa-chain-broken,.fa-chain-slash,.fa-link-slash,.fa-unlink{--fa:"\f127"}.fa-info{--fa:"\f129"}.fa-superscript{--fa:"\f12b"}.fa-subscript{--fa:"\f12c"}.fa-eraser{--fa:"\f12d"}.fa-puzzle-piece{--fa:"\f12e"}.fa-microphone{--fa:"\f130"}.fa-microphone-slash{--fa:"\f131"}.fa-shield,.fa-shield-blank{--fa:"\f132"}.fa-calendar{--fa:"\f133"}.fa-fire-extinguisher{--fa:"\f134"}.fa-rocket{--fa:"\f135"}.fa-chevron-circle-left,.fa-circle-chevron-left{--fa:"\f137"}.fa-chevron-circle-right,.fa-circle-chevron-right{--fa:"\f138"}.fa-chevron-circle-up,.fa-circle-chevron-up{--fa:"\f139"}.fa-chevron-circle-down,.fa-circle-chevron-down{--fa:"\f13a"}.fa-anchor{--fa:"\f13d"}.fa-unlock-alt,.fa-unlock-keyhole{--fa:"\f13e"}.fa-bullseye{--fa:"\f140"}.fa-ellipsis,.fa-ellipsis-h{--fa:"\f141"}.fa-ellipsis-v,.fa-ellipsis-vertical{--fa:"\f142"}.fa-rss-square,.fa-square-rss{--fa:"\f143"}.fa-circle-play,.fa-play-circle{--fa:"\f144"}.fa-ticket{--fa:"\f145"}.fa-minus-square,.fa-square-minus{--fa:"\f146"}.fa-arrow-turn-up,.fa-level-up{--fa:"\f148"}.fa-arrow-turn-down,.fa-level-down{--fa:"\f149"}.fa-check-square,.fa-square-check{--fa:"\f14a"}.fa-pen-square,.fa-pencil-square,.fa-square-pen{--fa:"\f14b"}.fa-external-link-square,.fa-square-arrow-up-right{--fa:"\f14c"}.fa-share-from-square,.fa-share-square{--fa:"\f14d"}.fa-compass{--fa:"\f14e"}.fa-caret-square-down,.fa-square-caret-down{--fa:"\f150"}.fa-caret-square-up,.fa-square-caret-up{--fa:"\f151"}.fa-caret-square-right,.fa-square-caret-right{--fa:"\f152"}.fa-eur,.fa-euro,.fa-euro-sign{--fa:"\f153"}.fa-gbp,.fa-pound-sign,.fa-sterling-sign{--fa:"\f154"}.fa-rupee,.fa-rupee-sign{--fa:"\f156"}.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-krw,.fa-won,.fa-won-sign{--fa:"\f159"}.fa-file{--fa:"\f15b"}.fa-file-alt,.fa-file-lines,.fa-file-text{--fa:"\f15c"}.fa-arrow-down-a-z,.fa-sort-alpha-asc,.fa-sort-alpha-down{--fa:"\f15d"}.fa-arrow-up-a-z,.fa-sort-alpha-up{--fa:"\f15e"}.fa-arrow-down-wide-short,.fa-sort-amount-asc,.fa-sort-amount-down{--fa:"\f160"}.fa-arrow-up-wide-short,.fa-sort-amount-up{--fa:"\f161"}.fa-arrow-down-1-9,.fa-sort-numeric-asc,.fa-sort-numeric-down{--fa:"\f162"}.fa-arrow-up-1-9,.fa-sort-numeric-up{--fa:"\f163"}.fa-thumbs-up{--fa:"\f164"}.fa-thumbs-down{--fa:"\f165"}.fa-arrow-down-long,.fa-long-arrow-down{--fa:"\f175"}.fa-arrow-up-long,.fa-long-arrow-up{--fa:"\f176"}.fa-arrow-left-long,.fa-long-arrow-left{--fa:"\f177"}.fa-arrow-right-long,.fa-long-arrow-right{--fa:"\f178"}.fa-female,.fa-person-dress{--fa:"\f182"}.fa-male,.fa-person{--fa:"\f183"}.fa-sun{--fa:"\f185"}.fa-moon{--fa:"\f186"}.fa-archive,.fa-box-archive{--fa:"\f187"}.fa-bug{--fa:"\f188"}.fa-caret-square-left,.fa-square-caret-left{--fa:"\f191"}.fa-circle-dot,.fa-dot-circle{--fa:"\f192"}.fa-wheelchair{--fa:"\f193"}.fa-lira-sign{--fa:"\f195"}.fa-shuttle-space,.fa-space-shuttle{--fa:"\f197"}.fa-envelope-square,.fa-square-envelope{--fa:"\f199"}.fa-bank,.fa-building-columns,.fa-institution,.fa-museum,.fa-university{--fa:"\f19c"}.fa-graduation-cap,.fa-mortar-board{--fa:"\f19d"}.fa-language{--fa:"\f1ab"}.fa-fax{--fa:"\f1ac"}.fa-building{--fa:"\f1ad"}.fa-child{--fa:"\f1ae"}.fa-paw{--fa:"\f1b0"}.fa-cube{--fa:"\f1b2"}.fa-cubes{--fa:"\f1b3"}.fa-recycle{--fa:"\f1b8"}.fa-automobile,.fa-car{--fa:"\f1b9"}.fa-cab,.fa-taxi{--fa:"\f1ba"}.fa-tree{--fa:"\f1bb"}.fa-database{--fa:"\f1c0"}.fa-file-pdf{--fa:"\f1c1"}.fa-file-word{--fa:"\f1c2"}.fa-file-excel{--fa:"\f1c3"}.fa-file-powerpoint{--fa:"\f1c4"}.fa-file-image{--fa:"\f1c5"}.fa-file-archive,.fa-file-zipper{--fa:"\f1c6"}.fa-file-audio{--fa:"\f1c7"}.fa-file-video{--fa:"\f1c8"}.fa-file-code{--fa:"\f1c9"}.fa-life-ring{--fa:"\f1cd"}.fa-circle-notch{--fa:"\f1ce"}.fa-paper-plane{--fa:"\f1d8"}.fa-clock-rotate-left,.fa-history{--fa:"\f1da"}.fa-header,.fa-heading{--fa:"\f1dc"}.fa-paragraph{--fa:"\f1dd"}.fa-sliders,.fa-sliders-h{--fa:"\f1de"}.fa-share-alt,.fa-share-nodes{--fa:"\f1e0"}.fa-share-alt-square,.fa-square-share-nodes{--fa:"\f1e1"}.fa-bomb{--fa:"\f1e2"}.fa-futbol,.fa-futbol-ball,.fa-soccer-ball{--fa:"\f1e3"}.fa-teletype,.fa-tty{--fa:"\f1e4"}.fa-binoculars{--fa:"\f1e5"}.fa-plug{--fa:"\f1e6"}.fa-newspaper{--fa:"\f1ea"}.fa-wifi,.fa-wifi-3,.fa-wifi-strong{--fa:"\f1eb"}.fa-calculator{--fa:"\f1ec"}.fa-bell-slash{--fa:"\f1f6"}.fa-trash{--fa:"\f1f8"}.fa-copyright{--fa:"\f1f9"}.fa-eye-dropper,.fa-eye-dropper-empty,.fa-eyedropper{--fa:"\f1fb"}.fa-paint-brush,.fa-paintbrush{--fa:"\f1fc"}.fa-birthday-cake,.fa-cake,.fa-cake-candles{--fa:"\f1fd"}.fa-area-chart,.fa-chart-area{--fa:"\f1fe"}.fa-chart-pie,.fa-pie-chart{--fa:"\f200"}.fa-chart-line,.fa-line-chart{--fa:"\f201"}.fa-toggle-off{--fa:"\f204"}.fa-toggle-on{--fa:"\f205"}.fa-bicycle{--fa:"\f206"}.fa-bus{--fa:"\f207"}.fa-closed-captioning{--fa:"\f20a"}.fa-ils,.fa-shekel,.fa-shekel-sign,.fa-sheqel,.fa-sheqel-sign{--fa:"\f20b"}.fa-cart-plus{--fa:"\f217"}.fa-cart-arrow-down{--fa:"\f218"}.fa-diamond{--fa:"\f219"}.fa-ship{--fa:"\f21a"}.fa-user-secret{--fa:"\f21b"}.fa-motorcycle{--fa:"\f21c"}.fa-street-view{--fa:"\f21d"}.fa-heart-pulse,.fa-heartbeat{--fa:"\f21e"}.fa-venus{--fa:"\f221"}.fa-mars{--fa:"\f222"}.fa-mercury{--fa:"\f223"}.fa-mars-and-venus{--fa:"\f224"}.fa-transgender,.fa-transgender-alt{--fa:"\f225"}.fa-venus-double{--fa:"\f226"}.fa-mars-double{--fa:"\f227"}.fa-venus-mars{--fa:"\f228"}.fa-mars-stroke{--fa:"\f229"}.fa-mars-stroke-up,.fa-mars-stroke-v{--fa:"\f22a"}.fa-mars-stroke-h,.fa-mars-stroke-right{--fa:"\f22b"}.fa-neuter{--fa:"\f22c"}.fa-genderless{--fa:"\f22d"}.fa-server{--fa:"\f233"}.fa-user-plus{--fa:"\f234"}.fa-user-times,.fa-user-xmark{--fa:"\f235"}.fa-bed{--fa:"\f236"}.fa-train{--fa:"\f238"}.fa-subway,.fa-train-subway{--fa:"\f239"}.fa-battery,.fa-battery-5,.fa-battery-full{--fa:"\f240"}.fa-battery-4,.fa-battery-three-quarters{--fa:"\f241"}.fa-battery-3,.fa-battery-half{--fa:"\f242"}.fa-battery-2,.fa-battery-quarter{--fa:"\f243"}.fa-battery-0,.fa-battery-empty{--fa:"\f244"}.fa-arrow-pointer,.fa-mouse-pointer{--fa:"\f245"}.fa-i-cursor{--fa:"\f246"}.fa-object-group{--fa:"\f247"}.fa-object-ungroup{--fa:"\f248"}.fa-note-sticky,.fa-sticky-note{--fa:"\f249"}.fa-clone{--fa:"\f24d"}.fa-balance-scale,.fa-scale-balanced{--fa:"\f24e"}.fa-hourglass-1,.fa-hourglass-start{--fa:"\f251"}.fa-hourglass-2,.fa-hourglass-half{--fa:"\f252"}.fa-hourglass-3,.fa-hourglass-end{--fa:"\f253"}.fa-hourglass,.fa-hourglass-empty{--fa:"\f254"}.fa-hand-back-fist,.fa-hand-rock{--fa:"\f255"}.fa-hand,.fa-hand-paper{--fa:"\f256"}.fa-hand-scissors{--fa:"\f257"}.fa-hand-lizard{--fa:"\f258"}.fa-hand-spock{--fa:"\f259"}.fa-hand-pointer{--fa:"\f25a"}.fa-hand-peace{--fa:"\f25b"}.fa-trademark{--fa:"\f25c"}.fa-registered{--fa:"\f25d"}.fa-television,.fa-tv,.fa-tv-alt{--fa:"\f26c"}.fa-calendar-plus{--fa:"\f271"}.fa-calendar-minus{--fa:"\f272"}.fa-calendar-times,.fa-calendar-xmark{--fa:"\f273"}.fa-calendar-check{--fa:"\f274"}.fa-industry{--fa:"\f275"}.fa-map-pin{--fa:"\f276"}.fa-map-signs,.fa-signs-post{--fa:"\f277"}.fa-map{--fa:"\f279"}.fa-comment-alt,.fa-message{--fa:"\f27a"}.fa-circle-pause,.fa-pause-circle{--fa:"\f28b"}.fa-circle-stop,.fa-stop-circle{--fa:"\f28d"}.fa-bag-shopping,.fa-shopping-bag{--fa:"\f290"}.fa-basket-shopping,.fa-shopping-basket{--fa:"\f291"}.fa-universal-access{--fa:"\f29a"}.fa-blind,.fa-person-walking-with-cane{--fa:"\f29d"}.fa-audio-description{--fa:"\f29e"}.fa-phone-volume,.fa-volume-control-phone{--fa:"\f2a0"}.fa-braille{--fa:"\f2a1"}.fa-assistive-listening-systems,.fa-ear-listen{--fa:"\f2a2"}.fa-american-sign-language-interpreting,.fa-asl-interpreting,.fa-hands-american-sign-language-interpreting,.fa-hands-asl-interpreting{--fa:"\f2a3"}.fa-deaf,.fa-deafness,.fa-ear-deaf,.fa-hard-of-hearing{--fa:"\f2a4"}.fa-hands,.fa-sign-language,.fa-signing{--fa:"\f2a7"}.fa-eye-low-vision,.fa-low-vision{--fa:"\f2a8"}.fa-handshake,.fa-handshake-alt,.fa-handshake-simple{--fa:"\f2b5"}.fa-envelope-open{--fa:"\f2b6"}.fa-address-book,.fa-contact-book{--fa:"\f2b9"}.fa-address-card,.fa-contact-card,.fa-vcard{--fa:"\f2bb"}.fa-circle-user,.fa-user-circle{--fa:"\f2bd"}.fa-id-badge{--fa:"\f2c1"}.fa-drivers-license,.fa-id-card{--fa:"\f2c2"}.fa-temperature-4,.fa-temperature-full,.fa-thermometer-4,.fa-thermometer-full{--fa:"\f2c7"}.fa-temperature-3,.fa-temperature-three-quarters,.fa-thermometer-3,.fa-thermometer-three-quarters{--fa:"\f2c8"}.fa-temperature-2,.fa-temperature-half,.fa-thermometer-2,.fa-thermometer-half{--fa:"\f2c9"}.fa-temperature-1,.fa-temperature-quarter,.fa-thermometer-1,.fa-thermometer-quarter{--fa:"\f2ca"}.fa-temperature-0,.fa-temperature-empty,.fa-thermometer-0,.fa-thermometer-empty{--fa:"\f2cb"}.fa-shower{--fa:"\f2cc"}.fa-bath,.fa-bathtub{--fa:"\f2cd"}.fa-podcast{--fa:"\f2ce"}.fa-window-maximize{--fa:"\f2d0"}.fa-window-minimize{--fa:"\f2d1"}.fa-window-restore{--fa:"\f2d2"}.fa-square-xmark,.fa-times-square,.fa-xmark-square{--fa:"\f2d3"}.fa-microchip{--fa:"\f2db"}.fa-snowflake{--fa:"\f2dc"}.fa-spoon,.fa-utensil-spoon{--fa:"\f2e5"}.fa-cutlery,.fa-utensils{--fa:"\f2e7"}.fa-rotate-back,.fa-rotate-backward,.fa-rotate-left,.fa-undo-alt{--fa:"\f2ea"}.fa-trash-alt,.fa-trash-can{--fa:"\f2ed"}.fa-rotate,.fa-sync-alt{--fa:"\f2f1"}.fa-stopwatch{--fa:"\f2f2"}.fa-right-from-bracket,.fa-sign-out-alt{--fa:"\f2f5"}.fa-right-to-bracket,.fa-sign-in-alt{--fa:"\f2f6"}.fa-redo-alt,.fa-rotate-forward,.fa-rotate-right{--fa:"\f2f9"}.fa-poo{--fa:"\f2fe"}.fa-images{--fa:"\f302"}.fa-pencil,.fa-pencil-alt{--fa:"\f303"}.fa-pen{--fa:"\f304"}.fa-pen-alt,.fa-pen-clip{--fa:"\f305"}.fa-octagon{--fa:"\f306"}.fa-down-long,.fa-long-arrow-alt-down{--fa:"\f309"}.fa-left-long,.fa-long-arrow-alt-left{--fa:"\f30a"}.fa-long-arrow-alt-right,.fa-right-long{--fa:"\f30b"}.fa-long-arrow-alt-up,.fa-up-long{--fa:"\f30c"}.fa-hexagon{--fa:"\f312"}.fa-file-edit,.fa-file-pen{--fa:"\f31c"}.fa-expand-arrows-alt,.fa-maximize{--fa:"\f31e"}.fa-clipboard{--fa:"\f328"}.fa-arrows-alt-h,.fa-left-right{--fa:"\f337"}.fa-arrows-alt-v,.fa-up-down{--fa:"\f338"}.fa-alarm-clock{--fa:"\f34e"}.fa-arrow-alt-circle-down,.fa-circle-down{--fa:"\f358"}.fa-arrow-alt-circle-left,.fa-circle-left{--fa:"\f359"}.fa-arrow-alt-circle-right,.fa-circle-right{--fa:"\f35a"}.fa-arrow-alt-circle-up,.fa-circle-up{--fa:"\f35b"}.fa-external-link-alt,.fa-up-right-from-square{--fa:"\f35d"}.fa-external-link-square-alt,.fa-square-up-right{--fa:"\f360"}.fa-exchange-alt,.fa-right-left{--fa:"\f362"}.fa-repeat{--fa:"\f363"}.fa-code-commit{--fa:"\f386"}.fa-code-merge{--fa:"\f387"}.fa-desktop,.fa-desktop-alt{--fa:"\f390"}.fa-gem{--fa:"\f3a5"}.fa-level-down-alt,.fa-turn-down{--fa:"\f3be"}.fa-level-up-alt,.fa-turn-up{--fa:"\f3bf"}.fa-lock-open{--fa:"\f3c1"}.fa-location-dot,.fa-map-marker-alt{--fa:"\f3c5"}.fa-microphone-alt,.fa-microphone-lines{--fa:"\f3c9"}.fa-mobile-alt,.fa-mobile-screen-button{--fa:"\f3cd"}.fa-mobile,.fa-mobile-android,.fa-mobile-phone{--fa:"\f3ce"}.fa-mobile-android-alt,.fa-mobile-screen{--fa:"\f3cf"}.fa-money-bill-1,.fa-money-bill-alt{--fa:"\f3d1"}.fa-phone-slash{--fa:"\f3dd"}.fa-image-portrait,.fa-portrait{--fa:"\f3e0"}.fa-mail-reply,.fa-reply{--fa:"\f3e5"}.fa-shield-alt,.fa-shield-halved{--fa:"\f3ed"}.fa-tablet-alt,.fa-tablet-screen-button{--fa:"\f3fa"}.fa-tablet,.fa-tablet-android{--fa:"\f3fb"}.fa-ticket-alt,.fa-ticket-simple{--fa:"\f3ff"}.fa-rectangle-times,.fa-rectangle-xmark,.fa-times-rectangle,.fa-window-close{--fa:"\f410"}.fa-compress-alt,.fa-down-left-and-up-right-to-center{--fa:"\f422"}.fa-expand-alt,.fa-up-right-and-down-left-from-center{--fa:"\f424"}.fa-baseball-bat-ball{--fa:"\f432"}.fa-baseball,.fa-baseball-ball{--fa:"\f433"}.fa-basketball,.fa-basketball-ball{--fa:"\f434"}.fa-bowling-ball{--fa:"\f436"}.fa-chess{--fa:"\f439"}.fa-chess-bishop{--fa:"\f43a"}.fa-chess-board{--fa:"\f43c"}.fa-chess-king{--fa:"\f43f"}.fa-chess-knight{--fa:"\f441"}.fa-chess-pawn{--fa:"\f443"}.fa-chess-queen{--fa:"\f445"}.fa-chess-rook{--fa:"\f447"}.fa-dumbbell{--fa:"\f44b"}.fa-football,.fa-football-ball{--fa:"\f44e"}.fa-golf-ball,.fa-golf-ball-tee{--fa:"\f450"}.fa-hockey-puck{--fa:"\f453"}.fa-broom-ball,.fa-quidditch,.fa-quidditch-broom-ball{--fa:"\f458"}.fa-square-full{--fa:"\f45c"}.fa-ping-pong-paddle-ball,.fa-table-tennis,.fa-table-tennis-paddle-ball{--fa:"\f45d"}.fa-volleyball,.fa-volleyball-ball{--fa:"\f45f"}.fa-allergies,.fa-hand-dots{--fa:"\f461"}.fa-band-aid,.fa-bandage{--fa:"\f462"}.fa-box{--fa:"\f466"}.fa-boxes,.fa-boxes-alt,.fa-boxes-stacked{--fa:"\f468"}.fa-briefcase-medical{--fa:"\f469"}.fa-burn,.fa-fire-flame-simple{--fa:"\f46a"}.fa-capsules{--fa:"\f46b"}.fa-clipboard-check{--fa:"\f46c"}.fa-clipboard-list{--fa:"\f46d"}.fa-diagnoses,.fa-person-dots-from-line{--fa:"\f470"}.fa-dna{--fa:"\f471"}.fa-dolly,.fa-dolly-box{--fa:"\f472"}.fa-cart-flatbed,.fa-dolly-flatbed{--fa:"\f474"}.fa-file-medical{--fa:"\f477"}.fa-file-medical-alt,.fa-file-waveform{--fa:"\f478"}.fa-first-aid,.fa-kit-medical{--fa:"\f479"}.fa-circle-h,.fa-hospital-symbol{--fa:"\f47e"}.fa-id-card-alt,.fa-id-card-clip{--fa:"\f47f"}.fa-notes-medical{--fa:"\f481"}.fa-pallet{--fa:"\f482"}.fa-pills{--fa:"\f484"}.fa-prescription-bottle{--fa:"\f485"}.fa-prescription-bottle-alt,.fa-prescription-bottle-medical{--fa:"\f486"}.fa-bed-pulse,.fa-procedures{--fa:"\f487"}.fa-shipping-fast,.fa-truck-fast{--fa:"\f48b"}.fa-smoking{--fa:"\f48d"}.fa-syringe{--fa:"\f48e"}.fa-tablets{--fa:"\f490"}.fa-thermometer{--fa:"\f491"}.fa-vial{--fa:"\f492"}.fa-vials{--fa:"\f493"}.fa-warehouse{--fa:"\f494"}.fa-weight,.fa-weight-scale{--fa:"\f496"}.fa-x-ray{--fa:"\f497"}.fa-box-open{--fa:"\f49e"}.fa-comment-dots,.fa-commenting{--fa:"\f4ad"}.fa-comment-slash{--fa:"\f4b3"}.fa-couch{--fa:"\f4b8"}.fa-circle-dollar-to-slot,.fa-donate{--fa:"\f4b9"}.fa-dove{--fa:"\f4ba"}.fa-hand-holding{--fa:"\f4bd"}.fa-hand-holding-heart{--fa:"\f4be"}.fa-hand-holding-dollar,.fa-hand-holding-usd{--fa:"\f4c0"}.fa-hand-holding-droplet,.fa-hand-holding-water{--fa:"\f4c1"}.fa-hands-holding{--fa:"\f4c2"}.fa-hands-helping,.fa-handshake-angle{--fa:"\f4c4"}.fa-parachute-box{--fa:"\f4cd"}.fa-people-carry,.fa-people-carry-box{--fa:"\f4ce"}.fa-piggy-bank{--fa:"\f4d3"}.fa-ribbon{--fa:"\f4d6"}.fa-route{--fa:"\f4d7"}.fa-seedling,.fa-sprout{--fa:"\f4d8"}.fa-sign,.fa-sign-hanging{--fa:"\f4d9"}.fa-face-smile-wink,.fa-smile-wink{--fa:"\f4da"}.fa-tape{--fa:"\f4db"}.fa-truck-loading,.fa-truck-ramp-box{--fa:"\f4de"}.fa-truck-moving{--fa:"\f4df"}.fa-video-slash{--fa:"\f4e2"}.fa-wine-glass{--fa:"\f4e3"}.fa-user-astronaut{--fa:"\f4fb"}.fa-user-check{--fa:"\f4fc"}.fa-user-clock{--fa:"\f4fd"}.fa-user-cog,.fa-user-gear{--fa:"\f4fe"}.fa-user-edit,.fa-user-pen{--fa:"\f4ff"}.fa-user-friends,.fa-user-group{--fa:"\f500"}.fa-user-graduate{--fa:"\f501"}.fa-user-lock{--fa:"\f502"}.fa-user-minus{--fa:"\f503"}.fa-user-ninja{--fa:"\f504"}.fa-user-shield{--fa:"\f505"}.fa-user-alt-slash,.fa-user-large-slash,.fa-user-slash{--fa:"\f506"}.fa-user-tag{--fa:"\f507"}.fa-user-tie{--fa:"\f508"}.fa-users-cog,.fa-users-gear{--fa:"\f509"}.fa-balance-scale-left,.fa-scale-unbalanced{--fa:"\f515"}.fa-balance-scale-right,.fa-scale-unbalanced-flip{--fa:"\f516"}.fa-blender{--fa:"\f517"}.fa-book-open{--fa:"\f518"}.fa-broadcast-tower,.fa-tower-broadcast{--fa:"\f519"}.fa-broom{--fa:"\f51a"}.fa-blackboard,.fa-chalkboard{--fa:"\f51b"}.fa-chalkboard-teacher,.fa-chalkboard-user{--fa:"\f51c"}.fa-church{--fa:"\f51d"}.fa-coins{--fa:"\f51e"}.fa-compact-disc{--fa:"\f51f"}.fa-crow{--fa:"\f520"}.fa-crown{--fa:"\f521"}.fa-dice{--fa:"\f522"}.fa-dice-five{--fa:"\f523"}.fa-dice-four{--fa:"\f524"}.fa-dice-one{--fa:"\f525"}.fa-dice-six{--fa:"\f526"}.fa-dice-three{--fa:"\f527"}.fa-dice-two{--fa:"\f528"}.fa-divide{--fa:"\f529"}.fa-door-closed{--fa:"\f52a"}.fa-door-open{--fa:"\f52b"}.fa-feather{--fa:"\f52d"}.fa-frog{--fa:"\f52e"}.fa-gas-pump{--fa:"\f52f"}.fa-glasses{--fa:"\f530"}.fa-greater-than-equal{--fa:"\f532"}.fa-helicopter{--fa:"\f533"}.fa-infinity{--fa:"\f534"}.fa-kiwi-bird{--fa:"\f535"}.fa-less-than-equal{--fa:"\f537"}.fa-memory{--fa:"\f538"}.fa-microphone-alt-slash,.fa-microphone-lines-slash{--fa:"\f539"}.fa-money-bill-wave{--fa:"\f53a"}.fa-money-bill-1-wave,.fa-money-bill-wave-alt{--fa:"\f53b"}.fa-money-check{--fa:"\f53c"}.fa-money-check-alt,.fa-money-check-dollar{--fa:"\f53d"}.fa-not-equal{--fa:"\f53e"}.fa-palette{--fa:"\f53f"}.fa-parking,.fa-square-parking{--fa:"\f540"}.fa-diagram-project,.fa-project-diagram{--fa:"\f542"}.fa-receipt{--fa:"\f543"}.fa-robot{--fa:"\f544"}.fa-ruler{--fa:"\f545"}.fa-ruler-combined{--fa:"\f546"}.fa-ruler-horizontal{--fa:"\f547"}.fa-ruler-vertical{--fa:"\f548"}.fa-school{--fa:"\f549"}.fa-screwdriver{--fa:"\f54a"}.fa-shoe-prints{--fa:"\f54b"}.fa-skull{--fa:"\f54c"}.fa-ban-smoking,.fa-smoking-ban{--fa:"\f54d"}.fa-store{--fa:"\f54e"}.fa-shop,.fa-store-alt{--fa:"\f54f"}.fa-bars-staggered,.fa-reorder,.fa-stream{--fa:"\f550"}.fa-stroopwafel{--fa:"\f551"}.fa-toolbox{--fa:"\f552"}.fa-shirt,.fa-t-shirt,.fa-tshirt{--fa:"\f553"}.fa-person-walking,.fa-walking{--fa:"\f554"}.fa-wallet{--fa:"\f555"}.fa-angry,.fa-face-angry{--fa:"\f556"}.fa-archway{--fa:"\f557"}.fa-atlas,.fa-book-atlas{--fa:"\f558"}.fa-award{--fa:"\f559"}.fa-backspace,.fa-delete-left{--fa:"\f55a"}.fa-bezier-curve{--fa:"\f55b"}.fa-bong{--fa:"\f55c"}.fa-brush{--fa:"\f55d"}.fa-bus-alt,.fa-bus-simple{--fa:"\f55e"}.fa-cannabis{--fa:"\f55f"}.fa-check-double{--fa:"\f560"}.fa-cocktail,.fa-martini-glass-citrus{--fa:"\f561"}.fa-bell-concierge,.fa-concierge-bell{--fa:"\f562"}.fa-cookie{--fa:"\f563"}.fa-cookie-bite{--fa:"\f564"}.fa-crop-alt,.fa-crop-simple{--fa:"\f565"}.fa-digital-tachograph,.fa-tachograph-digital{--fa:"\f566"}.fa-dizzy,.fa-face-dizzy{--fa:"\f567"}.fa-compass-drafting,.fa-drafting-compass{--fa:"\f568"}.fa-drum{--fa:"\f569"}.fa-drum-steelpan{--fa:"\f56a"}.fa-feather-alt,.fa-feather-pointed{--fa:"\f56b"}.fa-file-contract{--fa:"\f56c"}.fa-file-arrow-down,.fa-file-download{--fa:"\f56d"}.fa-arrow-right-from-file,.fa-file-export{--fa:"\f56e"}.fa-arrow-right-to-file,.fa-file-import{--fa:"\f56f"}.fa-file-invoice{--fa:"\f570"}.fa-file-invoice-dollar{--fa:"\f571"}.fa-file-prescription{--fa:"\f572"}.fa-file-signature{--fa:"\f573"}.fa-file-arrow-up,.fa-file-upload{--fa:"\f574"}.fa-fill{--fa:"\f575"}.fa-fill-drip{--fa:"\f576"}.fa-fingerprint{--fa:"\f577"}.fa-fish{--fa:"\f578"}.fa-face-flushed,.fa-flushed{--fa:"\f579"}.fa-face-frown-open,.fa-frown-open{--fa:"\f57a"}.fa-glass-martini-alt,.fa-martini-glass{--fa:"\f57b"}.fa-earth-africa,.fa-globe-africa{--fa:"\f57c"}.fa-earth,.fa-earth-america,.fa-earth-americas,.fa-globe-americas{--fa:"\f57d"}.fa-earth-asia,.fa-globe-asia{--fa:"\f57e"}.fa-face-grimace,.fa-grimace{--fa:"\f57f"}.fa-face-grin,.fa-grin{--fa:"\f580"}.fa-face-grin-wide,.fa-grin-alt{--fa:"\f581"}.fa-face-grin-beam,.fa-grin-beam{--fa:"\f582"}.fa-face-grin-beam-sweat,.fa-grin-beam-sweat{--fa:"\f583"}.fa-face-grin-hearts,.fa-grin-hearts{--fa:"\f584"}.fa-face-grin-squint,.fa-grin-squint{--fa:"\f585"}.fa-face-grin-squint-tears,.fa-grin-squint-tears{--fa:"\f586"}.fa-face-grin-stars,.fa-grin-stars{--fa:"\f587"}.fa-face-grin-tears,.fa-grin-tears{--fa:"\f588"}.fa-face-grin-tongue,.fa-grin-tongue{--fa:"\f589"}.fa-face-grin-tongue-squint,.fa-grin-tongue-squint{--fa:"\f58a"}.fa-face-grin-tongue-wink,.fa-grin-tongue-wink{--fa:"\f58b"}.fa-face-grin-wink,.fa-grin-wink{--fa:"\f58c"}.fa-grid-horizontal,.fa-grip,.fa-grip-horizontal{--fa:"\f58d"}.fa-grid-vertical,.fa-grip-vertical{--fa:"\f58e"}.fa-headset{--fa:"\f590"}.fa-highlighter{--fa:"\f591"}.fa-hot-tub,.fa-hot-tub-person{--fa:"\f593"}.fa-hotel{--fa:"\f594"}.fa-joint{--fa:"\f595"}.fa-face-kiss,.fa-kiss{--fa:"\f596"}.fa-face-kiss-beam,.fa-kiss-beam{--fa:"\f597"}.fa-face-kiss-wink-heart,.fa-kiss-wink-heart{--fa:"\f598"}.fa-face-laugh,.fa-laugh{--fa:"\f599"}.fa-face-laugh-beam,.fa-laugh-beam{--fa:"\f59a"}.fa-face-laugh-squint,.fa-laugh-squint{--fa:"\f59b"}.fa-face-laugh-wink,.fa-laugh-wink{--fa:"\f59c"}.fa-cart-flatbed-suitcase,.fa-luggage-cart{--fa:"\f59d"}.fa-map-location,.fa-map-marked{--fa:"\f59f"}.fa-map-location-dot,.fa-map-marked-alt{--fa:"\f5a0"}.fa-marker{--fa:"\f5a1"}.fa-medal{--fa:"\f5a2"}.fa-face-meh-blank,.fa-meh-blank{--fa:"\f5a4"}.fa-face-rolling-eyes,.fa-meh-rolling-eyes{--fa:"\f5a5"}.fa-monument{--fa:"\f5a6"}.fa-mortar-pestle{--fa:"\f5a7"}.fa-paint-roller{--fa:"\f5aa"}.fa-passport{--fa:"\f5ab"}.fa-pen-fancy{--fa:"\f5ac"}.fa-pen-nib{--fa:"\f5ad"}.fa-pen-ruler,.fa-pencil-ruler{--fa:"\f5ae"}.fa-plane-arrival{--fa:"\f5af"}.fa-plane-departure{--fa:"\f5b0"}.fa-prescription{--fa:"\f5b1"}.fa-face-sad-cry,.fa-sad-cry{--fa:"\f5b3"}.fa-face-sad-tear,.fa-sad-tear{--fa:"\f5b4"}.fa-shuttle-van,.fa-van-shuttle{--fa:"\f5b6"}.fa-signature{--fa:"\f5b7"}.fa-face-smile-beam,.fa-smile-beam{--fa:"\f5b8"}.fa-solar-panel{--fa:"\f5ba"}.fa-spa{--fa:"\f5bb"}.fa-splotch{--fa:"\f5bc"}.fa-spray-can{--fa:"\f5bd"}.fa-stamp{--fa:"\f5bf"}.fa-star-half-alt,.fa-star-half-stroke{--fa:"\f5c0"}.fa-suitcase-rolling{--fa:"\f5c1"}.fa-face-surprise,.fa-surprise{--fa:"\f5c2"}.fa-swatchbook{--fa:"\f5c3"}.fa-person-swimming,.fa-swimmer{--fa:"\f5c4"}.fa-ladder-water,.fa-swimming-pool,.fa-water-ladder{--fa:"\f5c5"}.fa-droplet-slash,.fa-tint-slash{--fa:"\f5c7"}.fa-face-tired,.fa-tired{--fa:"\f5c8"}.fa-tooth{--fa:"\f5c9"}.fa-umbrella-beach{--fa:"\f5ca"}.fa-weight-hanging{--fa:"\f5cd"}.fa-wine-glass-alt,.fa-wine-glass-empty{--fa:"\f5ce"}.fa-air-freshener,.fa-spray-can-sparkles{--fa:"\f5d0"}.fa-apple-alt,.fa-apple-whole{--fa:"\f5d1"}.fa-atom{--fa:"\f5d2"}.fa-bone{--fa:"\f5d7"}.fa-book-open-reader,.fa-book-reader{--fa:"\f5da"}.fa-brain{--fa:"\f5dc"}.fa-car-alt,.fa-car-rear{--fa:"\f5de"}.fa-battery-car,.fa-car-battery{--fa:"\f5df"}.fa-car-burst,.fa-car-crash{--fa:"\f5e1"}.fa-car-side{--fa:"\f5e4"}.fa-charging-station{--fa:"\f5e7"}.fa-diamond-turn-right,.fa-directions{--fa:"\f5eb"}.fa-draw-polygon,.fa-vector-polygon{--fa:"\f5ee"}.fa-laptop-code{--fa:"\f5fc"}.fa-layer-group{--fa:"\f5fd"}.fa-location,.fa-location-crosshairs{--fa:"\f601"}.fa-lungs{--fa:"\f604"}.fa-microscope{--fa:"\f610"}.fa-oil-can{--fa:"\f613"}.fa-poop{--fa:"\f619"}.fa-shapes,.fa-triangle-circle-square{--fa:"\f61f"}.fa-star-of-life{--fa:"\f621"}.fa-dashboard,.fa-gauge,.fa-gauge-med,.fa-tachometer-alt-average{--fa:"\f624"}.fa-gauge-high,.fa-tachometer-alt,.fa-tachometer-alt-fast{--fa:"\f625"}.fa-gauge-simple,.fa-gauge-simple-med,.fa-tachometer-average{--fa:"\f629"}.fa-gauge-simple-high,.fa-tachometer,.fa-tachometer-fast{--fa:"\f62a"}.fa-teeth{--fa:"\f62e"}.fa-teeth-open{--fa:"\f62f"}.fa-masks-theater,.fa-theater-masks{--fa:"\f630"}.fa-traffic-light{--fa:"\f637"}.fa-truck-monster{--fa:"\f63b"}.fa-truck-pickup{--fa:"\f63c"}.fa-ad,.fa-rectangle-ad{--fa:"\f641"}.fa-ankh{--fa:"\f644"}.fa-bible,.fa-book-bible{--fa:"\f647"}.fa-briefcase-clock,.fa-business-time{--fa:"\f64a"}.fa-city{--fa:"\f64f"}.fa-comment-dollar{--fa:"\f651"}.fa-comments-dollar{--fa:"\f653"}.fa-cross{--fa:"\f654"}.fa-dharmachakra{--fa:"\f655"}.fa-envelope-open-text{--fa:"\f658"}.fa-folder-minus{--fa:"\f65d"}.fa-folder-plus{--fa:"\f65e"}.fa-filter-circle-dollar,.fa-funnel-dollar{--fa:"\f662"}.fa-gopuram{--fa:"\f664"}.fa-hamsa{--fa:"\f665"}.fa-bahai,.fa-haykal{--fa:"\f666"}.fa-jedi{--fa:"\f669"}.fa-book-journal-whills,.fa-journal-whills{--fa:"\f66a"}.fa-kaaba{--fa:"\f66b"}.fa-khanda{--fa:"\f66d"}.fa-landmark{--fa:"\f66f"}.fa-envelopes-bulk,.fa-mail-bulk{--fa:"\f674"}.fa-menorah{--fa:"\f676"}.fa-mosque{--fa:"\f678"}.fa-om{--fa:"\f679"}.fa-pastafarianism,.fa-spaghetti-monster-flying{--fa:"\f67b"}.fa-peace{--fa:"\f67c"}.fa-place-of-worship{--fa:"\f67f"}.fa-poll,.fa-square-poll-vertical{--fa:"\f681"}.fa-poll-h,.fa-square-poll-horizontal{--fa:"\f682"}.fa-person-praying,.fa-pray{--fa:"\f683"}.fa-hands-praying,.fa-praying-hands{--fa:"\f684"}.fa-book-quran,.fa-quran{--fa:"\f687"}.fa-magnifying-glass-dollar,.fa-search-dollar{--fa:"\f688"}.fa-magnifying-glass-location,.fa-search-location{--fa:"\f689"}.fa-socks{--fa:"\f696"}.fa-square-root-alt,.fa-square-root-variable{--fa:"\f698"}.fa-star-and-crescent{--fa:"\f699"}.fa-star-of-david{--fa:"\f69a"}.fa-synagogue{--fa:"\f69b"}.fa-scroll-torah,.fa-torah{--fa:"\f6a0"}.fa-torii-gate{--fa:"\f6a1"}.fa-vihara{--fa:"\f6a7"}.fa-volume-mute,.fa-volume-times,.fa-volume-xmark{--fa:"\f6a9"}.fa-yin-yang{--fa:"\f6ad"}.fa-blender-phone{--fa:"\f6b6"}.fa-book-dead,.fa-book-skull{--fa:"\f6b7"}.fa-campground{--fa:"\f6bb"}.fa-cat{--fa:"\f6be"}.fa-chair{--fa:"\f6c0"}.fa-cloud-moon{--fa:"\f6c3"}.fa-cloud-sun{--fa:"\f6c4"}.fa-cow{--fa:"\f6c8"}.fa-dice-d20{--fa:"\f6cf"}.fa-dice-d6{--fa:"\f6d1"}.fa-dog{--fa:"\f6d3"}.fa-dragon{--fa:"\f6d5"}.fa-drumstick-bite{--fa:"\f6d7"}.fa-dungeon{--fa:"\f6d9"}.fa-file-csv{--fa:"\f6dd"}.fa-fist-raised,.fa-hand-fist{--fa:"\f6de"}.fa-ghost{--fa:"\f6e2"}.fa-hammer{--fa:"\f6e3"}.fa-hanukiah{--fa:"\f6e6"}.fa-hat-wizard{--fa:"\f6e8"}.fa-hiking,.fa-person-hiking{--fa:"\f6ec"}.fa-hippo{--fa:"\f6ed"}.fa-horse{--fa:"\f6f0"}.fa-house-chimney-crack,.fa-house-damage{--fa:"\f6f1"}.fa-hryvnia,.fa-hryvnia-sign{--fa:"\f6f2"}.fa-mask{--fa:"\f6fa"}.fa-mountain{--fa:"\f6fc"}.fa-network-wired{--fa:"\f6ff"}.fa-otter{--fa:"\f700"}.fa-ring{--fa:"\f70b"}.fa-person-running,.fa-running{--fa:"\f70c"}.fa-scroll{--fa:"\f70e"}.fa-skull-crossbones{--fa:"\f714"}.fa-slash{--fa:"\f715"}.fa-spider{--fa:"\f717"}.fa-toilet-paper,.fa-toilet-paper-alt,.fa-toilet-paper-blank{--fa:"\f71e"}.fa-tractor{--fa:"\f722"}.fa-user-injured{--fa:"\f728"}.fa-vr-cardboard{--fa:"\f729"}.fa-wand-sparkles{--fa:"\f72b"}.fa-wind{--fa:"\f72e"}.fa-wine-bottle{--fa:"\f72f"}.fa-cloud-meatball{--fa:"\f73b"}.fa-cloud-moon-rain{--fa:"\f73c"}.fa-cloud-rain{--fa:"\f73d"}.fa-cloud-showers-heavy{--fa:"\f740"}.fa-cloud-sun-rain{--fa:"\f743"}.fa-democrat{--fa:"\f747"}.fa-flag-usa{--fa:"\f74d"}.fa-hurricane{--fa:"\f751"}.fa-landmark-alt,.fa-landmark-dome{--fa:"\f752"}.fa-meteor{--fa:"\f753"}.fa-person-booth{--fa:"\f756"}.fa-poo-bolt,.fa-poo-storm{--fa:"\f75a"}.fa-rainbow{--fa:"\f75b"}.fa-republican{--fa:"\f75e"}.fa-smog{--fa:"\f75f"}.fa-temperature-high{--fa:"\f769"}.fa-temperature-low{--fa:"\f76b"}.fa-cloud-bolt,.fa-thunderstorm{--fa:"\f76c"}.fa-tornado{--fa:"\f76f"}.fa-volcano{--fa:"\f770"}.fa-check-to-slot,.fa-vote-yea{--fa:"\f772"}.fa-water{--fa:"\f773"}.fa-baby{--fa:"\f77c"}.fa-baby-carriage,.fa-carriage-baby{--fa:"\f77d"}.fa-biohazard{--fa:"\f780"}.fa-blog{--fa:"\f781"}.fa-calendar-day{--fa:"\f783"}.fa-calendar-week{--fa:"\f784"}.fa-candy-cane{--fa:"\f786"}.fa-carrot{--fa:"\f787"}.fa-cash-register{--fa:"\f788"}.fa-compress-arrows-alt,.fa-minimize{--fa:"\f78c"}.fa-dumpster{--fa:"\f793"}.fa-dumpster-fire{--fa:"\f794"}.fa-ethernet{--fa:"\f796"}.fa-gifts{--fa:"\f79c"}.fa-champagne-glasses,.fa-glass-cheers{--fa:"\f79f"}.fa-glass-whiskey,.fa-whiskey-glass{--fa:"\f7a0"}.fa-earth-europe,.fa-globe-europe{--fa:"\f7a2"}.fa-grip-lines{--fa:"\f7a4"}.fa-grip-lines-vertical{--fa:"\f7a5"}.fa-guitar{--fa:"\f7a6"}.fa-heart-broken,.fa-heart-crack{--fa:"\f7a9"}.fa-holly-berry{--fa:"\f7aa"}.fa-horse-head{--fa:"\f7ab"}.fa-icicles{--fa:"\f7ad"}.fa-igloo{--fa:"\f7ae"}.fa-mitten{--fa:"\f7b5"}.fa-mug-hot{--fa:"\f7b6"}.fa-radiation{--fa:"\f7b9"}.fa-circle-radiation,.fa-radiation-alt{--fa:"\f7ba"}.fa-restroom{--fa:"\f7bd"}.fa-satellite{--fa:"\f7bf"}.fa-satellite-dish{--fa:"\f7c0"}.fa-sd-card{--fa:"\f7c2"}.fa-sim-card{--fa:"\f7c4"}.fa-person-skating,.fa-skating{--fa:"\f7c5"}.fa-person-skiing,.fa-skiing{--fa:"\f7c9"}.fa-person-skiing-nordic,.fa-skiing-nordic{--fa:"\f7ca"}.fa-sleigh{--fa:"\f7cc"}.fa-comment-sms,.fa-sms{--fa:"\f7cd"}.fa-person-snowboarding,.fa-snowboarding{--fa:"\f7ce"}.fa-snowman{--fa:"\f7d0"}.fa-snowplow{--fa:"\f7d2"}.fa-tenge,.fa-tenge-sign{--fa:"\f7d7"}.fa-toilet{--fa:"\f7d8"}.fa-screwdriver-wrench,.fa-tools{--fa:"\f7d9"}.fa-cable-car,.fa-tram{--fa:"\f7da"}.fa-fire-alt,.fa-fire-flame-curved{--fa:"\f7e4"}.fa-bacon{--fa:"\f7e5"}.fa-book-medical{--fa:"\f7e6"}.fa-bread-slice{--fa:"\f7ec"}.fa-cheese{--fa:"\f7ef"}.fa-clinic-medical,.fa-house-chimney-medical{--fa:"\f7f2"}.fa-clipboard-user{--fa:"\f7f3"}.fa-comment-medical{--fa:"\f7f5"}.fa-crutch{--fa:"\f7f7"}.fa-disease{--fa:"\f7fa"}.fa-egg{--fa:"\f7fb"}.fa-folder-tree{--fa:"\f802"}.fa-burger,.fa-hamburger{--fa:"\f805"}.fa-hand-middle-finger{--fa:"\f806"}.fa-hard-hat,.fa-hat-hard,.fa-helmet-safety{--fa:"\f807"}.fa-hospital-user{--fa:"\f80d"}.fa-hotdog{--fa:"\f80f"}.fa-ice-cream{--fa:"\f810"}.fa-laptop-medical{--fa:"\f812"}.fa-pager{--fa:"\f815"}.fa-pepper-hot{--fa:"\f816"}.fa-pizza-slice{--fa:"\f818"}.fa-sack-dollar{--fa:"\f81d"}.fa-book-tanakh,.fa-tanakh{--fa:"\f827"}.fa-bars-progress,.fa-tasks-alt{--fa:"\f828"}.fa-trash-arrow-up,.fa-trash-restore{--fa:"\f829"}.fa-trash-can-arrow-up,.fa-trash-restore-alt{--fa:"\f82a"}.fa-user-nurse{--fa:"\f82f"}.fa-wave-square{--fa:"\f83e"}.fa-biking,.fa-person-biking{--fa:"\f84a"}.fa-border-all{--fa:"\f84c"}.fa-border-none{--fa:"\f850"}.fa-border-style,.fa-border-top-left{--fa:"\f853"}.fa-digging,.fa-person-digging{--fa:"\f85e"}.fa-fan{--fa:"\f863"}.fa-heart-music-camera-bolt,.fa-icons{--fa:"\f86d"}.fa-phone-alt,.fa-phone-flip{--fa:"\f879"}.fa-phone-square-alt,.fa-square-phone-flip{--fa:"\f87b"}.fa-photo-film,.fa-photo-video{--fa:"\f87c"}.fa-remove-format,.fa-text-slash{--fa:"\f87d"}.fa-arrow-down-z-a,.fa-sort-alpha-desc,.fa-sort-alpha-down-alt{--fa:"\f881"}.fa-arrow-up-z-a,.fa-sort-alpha-up-alt{--fa:"\f882"}.fa-arrow-down-short-wide,.fa-sort-amount-desc,.fa-sort-amount-down-alt{--fa:"\f884"}.fa-arrow-up-short-wide,.fa-sort-amount-up-alt{--fa:"\f885"}.fa-arrow-down-9-1,.fa-sort-numeric-desc,.fa-sort-numeric-down-alt{--fa:"\f886"}.fa-arrow-up-9-1,.fa-sort-numeric-up-alt{--fa:"\f887"}.fa-spell-check{--fa:"\f891"}.fa-voicemail{--fa:"\f897"}.fa-hat-cowboy{--fa:"\f8c0"}.fa-hat-cowboy-side{--fa:"\f8c1"}.fa-computer-mouse,.fa-mouse{--fa:"\f8cc"}.fa-radio{--fa:"\f8d7"}.fa-record-vinyl{--fa:"\f8d9"}.fa-walkie-talkie{--fa:"\f8ef"}.fa-caravan{--fa:"\f8ff"} :host,:root{--fa-family-brands:"Font Awesome 7 Brands";--fa-font-brands:normal 400 1em/1 var(--fa-family-brands)}@font-face{font-family:"Font Awesome 7 Brands";font-style:normal;font-weight:400;font-display:block;src:url('fa-brands-400.woff2')}.fa-brands,.fa-classic.fa-brands,.fab{--fa-family:var(--fa-family-brands);--fa-style:400}.fa-firefox-browser{--fa:"\e007"}.fa-ideal{--fa:"\e013"}.fa-microblog{--fa:"\e01a"}.fa-pied-piper-square,.fa-square-pied-piper{--fa:"\e01e"}.fa-unity{--fa:"\e049"}.fa-dailymotion{--fa:"\e052"}.fa-instagram-square,.fa-square-instagram{--fa:"\e055"}.fa-mixer{--fa:"\e056"}.fa-shopify{--fa:"\e057"}.fa-deezer{--fa:"\e077"}.fa-edge-legacy{--fa:"\e078"}.fa-google-pay{--fa:"\e079"}.fa-rust{--fa:"\e07a"}.fa-tiktok{--fa:"\e07b"}.fa-unsplash{--fa:"\e07c"}.fa-cloudflare{--fa:"\e07d"}.fa-guilded{--fa:"\e07e"}.fa-hive{--fa:"\e07f"}.fa-42-group,.fa-innosoft{--fa:"\e080"}.fa-instalod{--fa:"\e081"}.fa-octopus-deploy{--fa:"\e082"}.fa-perbyte{--fa:"\e083"}.fa-uncharted{--fa:"\e084"}.fa-watchman-monitoring{--fa:"\e087"}.fa-wodu{--fa:"\e088"}.fa-wirsindhandwerk,.fa-wsh{--fa:"\e2d0"}.fa-bots{--fa:"\e340"}.fa-cmplid{--fa:"\e360"}.fa-bilibili{--fa:"\e3d9"}.fa-golang{--fa:"\e40f"}.fa-pix{--fa:"\e43a"}.fa-sitrox{--fa:"\e44a"}.fa-hashnode{--fa:"\e499"}.fa-meta{--fa:"\e49b"}.fa-padlet{--fa:"\e4a0"}.fa-nfc-directional{--fa:"\e530"}.fa-nfc-symbol{--fa:"\e531"}.fa-screenpal{--fa:"\e570"}.fa-space-awesome{--fa:"\e5ac"}.fa-square-font-awesome{--fa:"\e5ad"}.fa-gitlab-square,.fa-square-gitlab{--fa:"\e5ae"}.fa-odysee{--fa:"\e5c6"}.fa-stubber{--fa:"\e5c7"}.fa-debian{--fa:"\e60b"}.fa-shoelace{--fa:"\e60c"}.fa-threads{--fa:"\e618"}.fa-square-threads{--fa:"\e619"}.fa-square-x-twitter{--fa:"\e61a"}.fa-x-twitter{--fa:"\e61b"}.fa-opensuse{--fa:"\e62b"}.fa-letterboxd{--fa:"\e62d"}.fa-square-letterboxd{--fa:"\e62e"}.fa-mintbit{--fa:"\e62f"}.fa-google-scholar{--fa:"\e63b"}.fa-brave{--fa:"\e63c"}.fa-brave-reverse{--fa:"\e63d"}.fa-pixiv{--fa:"\e640"}.fa-upwork{--fa:"\e641"}.fa-webflow{--fa:"\e65c"}.fa-signal-messenger{--fa:"\e663"}.fa-bluesky{--fa:"\e671"}.fa-jxl{--fa:"\e67b"}.fa-square-upwork{--fa:"\e67c"}.fa-web-awesome{--fa:"\e682"}.fa-square-web-awesome{--fa:"\e683"}.fa-square-web-awesome-stroke{--fa:"\e684"}.fa-dart-lang{--fa:"\e693"}.fa-flutter{--fa:"\e694"}.fa-files-pinwheel{--fa:"\e69f"}.fa-css{--fa:"\e6a2"}.fa-square-bluesky{--fa:"\e6a3"}.fa-openai{--fa:"\e7cf"}.fa-square-linkedin{--fa:"\e7d0"}.fa-cash-app{--fa:"\e7d4"}.fa-disqus{--fa:"\e7d5"}.fa-11ty,.fa-eleventy{--fa:"\e7d6"}.fa-kakao-talk{--fa:"\e7d7"}.fa-linktree{--fa:"\e7d8"}.fa-notion{--fa:"\e7d9"}.fa-pandora{--fa:"\e7da"}.fa-pixelfed{--fa:"\e7db"}.fa-tidal{--fa:"\e7dc"}.fa-vsco{--fa:"\e7dd"}.fa-w3c{--fa:"\e7de"}.fa-lumon{--fa:"\e7e2"}.fa-lumon-drop{--fa:"\e7e3"}.fa-square-figma{--fa:"\e7e4"}.fa-tex{--fa:"\e7ff"}.fa-duolingo{--fa:"\e812"}.fa-square-twitter,.fa-twitter-square{--fa:"\f081"}.fa-facebook-square,.fa-square-facebook{--fa:"\f082"}.fa-linkedin{--fa:"\f08c"}.fa-github-square,.fa-square-github{--fa:"\f092"}.fa-twitter{--fa:"\f099"}.fa-facebook{--fa:"\f09a"}.fa-github{--fa:"\f09b"}.fa-pinterest{--fa:"\f0d2"}.fa-pinterest-square,.fa-square-pinterest{--fa:"\f0d3"}.fa-google-plus-square,.fa-square-google-plus{--fa:"\f0d4"}.fa-google-plus-g{--fa:"\f0d5"}.fa-linkedin-in{--fa:"\f0e1"}.fa-github-alt{--fa:"\f113"}.fa-maxcdn{--fa:"\f136"}.fa-html5{--fa:"\f13b"}.fa-css3{--fa:"\f13c"}.fa-btc{--fa:"\f15a"}.fa-youtube{--fa:"\f167"}.fa-xing{--fa:"\f168"}.fa-square-xing,.fa-xing-square{--fa:"\f169"}.fa-dropbox{--fa:"\f16b"}.fa-stack-overflow{--fa:"\f16c"}.fa-instagram{--fa:"\f16d"}.fa-flickr{--fa:"\f16e"}.fa-adn{--fa:"\f170"}.fa-bitbucket{--fa:"\f171"}.fa-tumblr{--fa:"\f173"}.fa-square-tumblr,.fa-tumblr-square{--fa:"\f174"}.fa-apple{--fa:"\f179"}.fa-windows{--fa:"\f17a"}.fa-android{--fa:"\f17b"}.fa-linux{--fa:"\f17c"}.fa-dribbble{--fa:"\f17d"}.fa-skype{--fa:"\f17e"}.fa-foursquare{--fa:"\f180"}.fa-trello{--fa:"\f181"}.fa-gratipay{--fa:"\f184"}.fa-vk{--fa:"\f189"}.fa-weibo{--fa:"\f18a"}.fa-renren{--fa:"\f18b"}.fa-pagelines{--fa:"\f18c"}.fa-stack-exchange{--fa:"\f18d"}.fa-square-vimeo,.fa-vimeo-square{--fa:"\f194"}.fa-slack,.fa-slack-hash{--fa:"\f198"}.fa-wordpress{--fa:"\f19a"}.fa-openid{--fa:"\f19b"}.fa-yahoo{--fa:"\f19e"}.fa-google{--fa:"\f1a0"}.fa-reddit{--fa:"\f1a1"}.fa-reddit-square,.fa-square-reddit{--fa:"\f1a2"}.fa-stumbleupon-circle{--fa:"\f1a3"}.fa-stumbleupon{--fa:"\f1a4"}.fa-delicious{--fa:"\f1a5"}.fa-digg{--fa:"\f1a6"}.fa-pied-piper-pp{--fa:"\f1a7"}.fa-pied-piper-alt{--fa:"\f1a8"}.fa-drupal{--fa:"\f1a9"}.fa-joomla{--fa:"\f1aa"}.fa-behance{--fa:"\f1b4"}.fa-behance-square,.fa-square-behance{--fa:"\f1b5"}.fa-steam{--fa:"\f1b6"}.fa-square-steam,.fa-steam-square{--fa:"\f1b7"}.fa-spotify{--fa:"\f1bc"}.fa-deviantart{--fa:"\f1bd"}.fa-soundcloud{--fa:"\f1be"}.fa-vine{--fa:"\f1ca"}.fa-codepen{--fa:"\f1cb"}.fa-jsfiddle{--fa:"\f1cc"}.fa-rebel{--fa:"\f1d0"}.fa-empire{--fa:"\f1d1"}.fa-git-square,.fa-square-git{--fa:"\f1d2"}.fa-git{--fa:"\f1d3"}.fa-hacker-news{--fa:"\f1d4"}.fa-tencent-weibo{--fa:"\f1d5"}.fa-qq{--fa:"\f1d6"}.fa-weixin{--fa:"\f1d7"}.fa-slideshare{--fa:"\f1e7"}.fa-twitch{--fa:"\f1e8"}.fa-yelp{--fa:"\f1e9"}.fa-paypal{--fa:"\f1ed"}.fa-google-wallet{--fa:"\f1ee"}.fa-cc-visa{--fa:"\f1f0"}.fa-cc-mastercard{--fa:"\f1f1"}.fa-cc-discover{--fa:"\f1f2"}.fa-cc-amex{--fa:"\f1f3"}.fa-cc-paypal{--fa:"\f1f4"}.fa-cc-stripe{--fa:"\f1f5"}.fa-lastfm{--fa:"\f202"}.fa-lastfm-square,.fa-square-lastfm{--fa:"\f203"}.fa-ioxhost{--fa:"\f208"}.fa-angellist{--fa:"\f209"}.fa-buysellads{--fa:"\f20d"}.fa-connectdevelop{--fa:"\f20e"}.fa-dashcube{--fa:"\f210"}.fa-forumbee{--fa:"\f211"}.fa-leanpub{--fa:"\f212"}.fa-sellsy{--fa:"\f213"}.fa-shirtsinbulk{--fa:"\f214"}.fa-simplybuilt{--fa:"\f215"}.fa-skyatlas{--fa:"\f216"}.fa-pinterest-p{--fa:"\f231"}.fa-whatsapp{--fa:"\f232"}.fa-viacoin{--fa:"\f237"}.fa-medium,.fa-medium-m{--fa:"\f23a"}.fa-y-combinator{--fa:"\f23b"}.fa-optin-monster{--fa:"\f23c"}.fa-opencart{--fa:"\f23d"}.fa-expeditedssl{--fa:"\f23e"}.fa-cc-jcb{--fa:"\f24b"}.fa-cc-diners-club{--fa:"\f24c"}.fa-creative-commons{--fa:"\f25e"}.fa-gg{--fa:"\f260"}.fa-gg-circle{--fa:"\f261"}.fa-odnoklassniki{--fa:"\f263"}.fa-odnoklassniki-square,.fa-square-odnoklassniki{--fa:"\f264"}.fa-get-pocket{--fa:"\f265"}.fa-wikipedia-w{--fa:"\f266"}.fa-safari{--fa:"\f267"}.fa-chrome{--fa:"\f268"}.fa-firefox{--fa:"\f269"}.fa-opera{--fa:"\f26a"}.fa-internet-explorer{--fa:"\f26b"}.fa-contao{--fa:"\f26d"}.fa-500px{--fa:"\f26e"}.fa-amazon{--fa:"\f270"}.fa-houzz{--fa:"\f27c"}.fa-vimeo-v{--fa:"\f27d"}.fa-black-tie{--fa:"\f27e"}.fa-fonticons{--fa:"\f280"}.fa-reddit-alien{--fa:"\f281"}.fa-edge{--fa:"\f282"}.fa-codiepie{--fa:"\f284"}.fa-modx{--fa:"\f285"}.fa-fort-awesome{--fa:"\f286"}.fa-usb{--fa:"\f287"}.fa-product-hunt{--fa:"\f288"}.fa-mixcloud{--fa:"\f289"}.fa-scribd{--fa:"\f28a"}.fa-bluetooth{--fa:"\f293"}.fa-bluetooth-b{--fa:"\f294"}.fa-gitlab{--fa:"\f296"}.fa-wpbeginner{--fa:"\f297"}.fa-wpforms{--fa:"\f298"}.fa-envira{--fa:"\f299"}.fa-glide{--fa:"\f2a5"}.fa-glide-g{--fa:"\f2a6"}.fa-viadeo{--fa:"\f2a9"}.fa-square-viadeo,.fa-viadeo-square{--fa:"\f2aa"}.fa-snapchat,.fa-snapchat-ghost{--fa:"\f2ab"}.fa-snapchat-square,.fa-square-snapchat{--fa:"\f2ad"}.fa-pied-piper{--fa:"\f2ae"}.fa-first-order{--fa:"\f2b0"}.fa-yoast{--fa:"\f2b1"}.fa-themeisle{--fa:"\f2b2"}.fa-google-plus{--fa:"\f2b3"}.fa-font-awesome,.fa-font-awesome-flag,.fa-font-awesome-logo-full{--fa:"\f2b4"}.fa-linode{--fa:"\f2b8"}.fa-quora{--fa:"\f2c4"}.fa-free-code-camp{--fa:"\f2c5"}.fa-telegram,.fa-telegram-plane{--fa:"\f2c6"}.fa-bandcamp{--fa:"\f2d5"}.fa-grav{--fa:"\f2d6"}.fa-etsy{--fa:"\f2d7"}.fa-imdb{--fa:"\f2d8"}.fa-ravelry{--fa:"\f2d9"}.fa-sellcast{--fa:"\f2da"}.fa-superpowers{--fa:"\f2dd"}.fa-wpexplorer{--fa:"\f2de"}.fa-meetup{--fa:"\f2e0"}.fa-font-awesome-alt,.fa-square-font-awesome-stroke{--fa:"\f35c"}.fa-accessible-icon{--fa:"\f368"}.fa-accusoft{--fa:"\f369"}.fa-adversal{--fa:"\f36a"}.fa-affiliatetheme{--fa:"\f36b"}.fa-algolia{--fa:"\f36c"}.fa-amilia{--fa:"\f36d"}.fa-angrycreative{--fa:"\f36e"}.fa-app-store{--fa:"\f36f"}.fa-app-store-ios{--fa:"\f370"}.fa-apper{--fa:"\f371"}.fa-asymmetrik{--fa:"\f372"}.fa-audible{--fa:"\f373"}.fa-avianex{--fa:"\f374"}.fa-aws{--fa:"\f375"}.fa-bimobject{--fa:"\f378"}.fa-bitcoin{--fa:"\f379"}.fa-bity{--fa:"\f37a"}.fa-blackberry{--fa:"\f37b"}.fa-blogger{--fa:"\f37c"}.fa-blogger-b{--fa:"\f37d"}.fa-buromobelexperte{--fa:"\f37f"}.fa-centercode{--fa:"\f380"}.fa-cloudscale{--fa:"\f383"}.fa-cloudsmith{--fa:"\f384"}.fa-cloudversify{--fa:"\f385"}.fa-cpanel{--fa:"\f388"}.fa-css3-alt{--fa:"\f38b"}.fa-cuttlefish{--fa:"\f38c"}.fa-d-and-d{--fa:"\f38d"}.fa-deploydog{--fa:"\f38e"}.fa-deskpro{--fa:"\f38f"}.fa-digital-ocean{--fa:"\f391"}.fa-discord{--fa:"\f392"}.fa-discourse{--fa:"\f393"}.fa-dochub{--fa:"\f394"}.fa-docker{--fa:"\f395"}.fa-draft2digital{--fa:"\f396"}.fa-dribbble-square,.fa-square-dribbble{--fa:"\f397"}.fa-dyalog{--fa:"\f399"}.fa-earlybirds{--fa:"\f39a"}.fa-erlang{--fa:"\f39d"}.fa-facebook-f{--fa:"\f39e"}.fa-facebook-messenger{--fa:"\f39f"}.fa-firstdraft{--fa:"\f3a1"}.fa-fonticons-fi{--fa:"\f3a2"}.fa-fort-awesome-alt{--fa:"\f3a3"}.fa-freebsd{--fa:"\f3a4"}.fa-gitkraken{--fa:"\f3a6"}.fa-gofore{--fa:"\f3a7"}.fa-goodreads{--fa:"\f3a8"}.fa-goodreads-g{--fa:"\f3a9"}.fa-google-drive{--fa:"\f3aa"}.fa-google-play{--fa:"\f3ab"}.fa-gripfire{--fa:"\f3ac"}.fa-grunt{--fa:"\f3ad"}.fa-gulp{--fa:"\f3ae"}.fa-hacker-news-square,.fa-square-hacker-news{--fa:"\f3af"}.fa-hire-a-helper{--fa:"\f3b0"}.fa-hotjar{--fa:"\f3b1"}.fa-hubspot{--fa:"\f3b2"}.fa-itunes{--fa:"\f3b4"}.fa-itunes-note{--fa:"\f3b5"}.fa-jenkins{--fa:"\f3b6"}.fa-joget{--fa:"\f3b7"}.fa-js{--fa:"\f3b8"}.fa-js-square,.fa-square-js{--fa:"\f3b9"}.fa-keycdn{--fa:"\f3ba"}.fa-kickstarter,.fa-square-kickstarter{--fa:"\f3bb"}.fa-kickstarter-k{--fa:"\f3bc"}.fa-laravel{--fa:"\f3bd"}.fa-line{--fa:"\f3c0"}.fa-lyft{--fa:"\f3c3"}.fa-magento{--fa:"\f3c4"}.fa-medapps{--fa:"\f3c6"}.fa-medrt{--fa:"\f3c8"}.fa-microsoft{--fa:"\f3ca"}.fa-mix{--fa:"\f3cb"}.fa-mizuni{--fa:"\f3cc"}.fa-monero{--fa:"\f3d0"}.fa-napster{--fa:"\f3d2"}.fa-node-js{--fa:"\f3d3"}.fa-npm{--fa:"\f3d4"}.fa-ns8{--fa:"\f3d5"}.fa-nutritionix{--fa:"\f3d6"}.fa-page4{--fa:"\f3d7"}.fa-palfed{--fa:"\f3d8"}.fa-patreon{--fa:"\f3d9"}.fa-periscope{--fa:"\f3da"}.fa-phabricator{--fa:"\f3db"}.fa-phoenix-framework{--fa:"\f3dc"}.fa-playstation{--fa:"\f3df"}.fa-pushed{--fa:"\f3e1"}.fa-python{--fa:"\f3e2"}.fa-red-river{--fa:"\f3e3"}.fa-rendact,.fa-wpressr{--fa:"\f3e4"}.fa-replyd{--fa:"\f3e6"}.fa-resolving{--fa:"\f3e7"}.fa-rocketchat{--fa:"\f3e8"}.fa-rockrms{--fa:"\f3e9"}.fa-schlix{--fa:"\f3ea"}.fa-searchengin{--fa:"\f3eb"}.fa-servicestack{--fa:"\f3ec"}.fa-sistrix{--fa:"\f3ee"}.fa-speakap{--fa:"\f3f3"}.fa-staylinked{--fa:"\f3f5"}.fa-steam-symbol{--fa:"\f3f6"}.fa-sticker-mule{--fa:"\f3f7"}.fa-studiovinari{--fa:"\f3f8"}.fa-supple{--fa:"\f3f9"}.fa-uber{--fa:"\f402"}.fa-uikit{--fa:"\f403"}.fa-uniregistry{--fa:"\f404"}.fa-untappd{--fa:"\f405"}.fa-ussunnah{--fa:"\f407"}.fa-vaadin{--fa:"\f408"}.fa-viber{--fa:"\f409"}.fa-vimeo{--fa:"\f40a"}.fa-vnv{--fa:"\f40b"}.fa-square-whatsapp,.fa-whatsapp-square{--fa:"\f40c"}.fa-whmcs{--fa:"\f40d"}.fa-wordpress-simple{--fa:"\f411"}.fa-xbox{--fa:"\f412"}.fa-yandex{--fa:"\f413"}.fa-yandex-international{--fa:"\f414"}.fa-apple-pay{--fa:"\f415"}.fa-cc-apple-pay{--fa:"\f416"}.fa-fly{--fa:"\f417"}.fa-node{--fa:"\f419"}.fa-osi{--fa:"\f41a"}.fa-react{--fa:"\f41b"}.fa-autoprefixer{--fa:"\f41c"}.fa-less{--fa:"\f41d"}.fa-sass{--fa:"\f41e"}.fa-vuejs{--fa:"\f41f"}.fa-angular{--fa:"\f420"}.fa-aviato{--fa:"\f421"}.fa-ember{--fa:"\f423"}.fa-gitter{--fa:"\f426"}.fa-hooli{--fa:"\f427"}.fa-strava{--fa:"\f428"}.fa-stripe{--fa:"\f429"}.fa-stripe-s{--fa:"\f42a"}.fa-typo3{--fa:"\f42b"}.fa-amazon-pay{--fa:"\f42c"}.fa-cc-amazon-pay{--fa:"\f42d"}.fa-ethereum{--fa:"\f42e"}.fa-korvue{--fa:"\f42f"}.fa-elementor{--fa:"\f430"}.fa-square-youtube,.fa-youtube-square{--fa:"\f431"}.fa-flipboard{--fa:"\f44d"}.fa-hips{--fa:"\f452"}.fa-php{--fa:"\f457"}.fa-quinscape{--fa:"\f459"}.fa-readme{--fa:"\f4d5"}.fa-java{--fa:"\f4e4"}.fa-pied-piper-hat{--fa:"\f4e5"}.fa-creative-commons-by{--fa:"\f4e7"}.fa-creative-commons-nc{--fa:"\f4e8"}.fa-creative-commons-nc-eu{--fa:"\f4e9"}.fa-creative-commons-nc-jp{--fa:"\f4ea"}.fa-creative-commons-nd{--fa:"\f4eb"}.fa-creative-commons-pd{--fa:"\f4ec"}.fa-creative-commons-pd-alt{--fa:"\f4ed"}.fa-creative-commons-remix{--fa:"\f4ee"}.fa-creative-commons-sa{--fa:"\f4ef"}.fa-creative-commons-sampling{--fa:"\f4f0"}.fa-creative-commons-sampling-plus{--fa:"\f4f1"}.fa-creative-commons-share{--fa:"\f4f2"}.fa-creative-commons-zero{--fa:"\f4f3"}.fa-ebay{--fa:"\f4f4"}.fa-keybase{--fa:"\f4f5"}.fa-mastodon{--fa:"\f4f6"}.fa-r-project{--fa:"\f4f7"}.fa-researchgate{--fa:"\f4f8"}.fa-teamspeak{--fa:"\f4f9"}.fa-first-order-alt{--fa:"\f50a"}.fa-fulcrum{--fa:"\f50b"}.fa-galactic-republic{--fa:"\f50c"}.fa-galactic-senate{--fa:"\f50d"}.fa-jedi-order{--fa:"\f50e"}.fa-mandalorian{--fa:"\f50f"}.fa-old-republic{--fa:"\f510"}.fa-phoenix-squadron{--fa:"\f511"}.fa-sith{--fa:"\f512"}.fa-trade-federation{--fa:"\f513"}.fa-wolf-pack-battalion{--fa:"\f514"}.fa-hornbill{--fa:"\f592"}.fa-mailchimp{--fa:"\f59e"}.fa-megaport{--fa:"\f5a3"}.fa-nimblr{--fa:"\f5a8"}.fa-rev{--fa:"\f5b2"}.fa-shopware{--fa:"\f5b5"}.fa-squarespace{--fa:"\f5be"}.fa-themeco{--fa:"\f5c6"}.fa-weebly{--fa:"\f5cc"}.fa-wix{--fa:"\f5cf"}.fa-ello{--fa:"\f5f1"}.fa-hackerrank{--fa:"\f5f7"}.fa-kaggle{--fa:"\f5fa"}.fa-markdown{--fa:"\f60f"}.fa-neos{--fa:"\f612"}.fa-zhihu{--fa:"\f63f"}.fa-alipay{--fa:"\f642"}.fa-the-red-yeti{--fa:"\f69d"}.fa-critical-role{--fa:"\f6c9"}.fa-d-and-d-beyond{--fa:"\f6ca"}.fa-dev{--fa:"\f6cc"}.fa-fantasy-flight-games{--fa:"\f6dc"}.fa-wizards-of-the-coast{--fa:"\f730"}.fa-think-peaks{--fa:"\f731"}.fa-reacteurope{--fa:"\f75d"}.fa-artstation{--fa:"\f77a"}.fa-atlassian{--fa:"\f77b"}.fa-canadian-maple-leaf{--fa:"\f785"}.fa-centos{--fa:"\f789"}.fa-confluence{--fa:"\f78d"}.fa-dhl{--fa:"\f790"}.fa-diaspora{--fa:"\f791"}.fa-fedex{--fa:"\f797"}.fa-fedora{--fa:"\f798"}.fa-figma{--fa:"\f799"}.fa-intercom{--fa:"\f7af"}.fa-invision{--fa:"\f7b0"}.fa-jira{--fa:"\f7b1"}.fa-mendeley{--fa:"\f7b3"}.fa-raspberry-pi{--fa:"\f7bb"}.fa-redhat{--fa:"\f7bc"}.fa-sketch{--fa:"\f7c6"}.fa-sourcetree{--fa:"\f7d3"}.fa-suse{--fa:"\f7d6"}.fa-ubuntu{--fa:"\f7df"}.fa-ups{--fa:"\f7e0"}.fa-usps{--fa:"\f7e1"}.fa-yarn{--fa:"\f7e3"}.fa-airbnb{--fa:"\f834"}.fa-battle-net{--fa:"\f835"}.fa-bootstrap{--fa:"\f836"}.fa-buffer{--fa:"\f837"}.fa-chromecast{--fa:"\f838"}.fa-evernote{--fa:"\f839"}.fa-itch-io{--fa:"\f83a"}.fa-salesforce{--fa:"\f83b"}.fa-speaker-deck{--fa:"\f83c"}.fa-symfony{--fa:"\f83d"}.fa-waze{--fa:"\f83f"}.fa-yammer{--fa:"\f840"}.fa-git-alt{--fa:"\f841"}.fa-stackpath{--fa:"\f842"}.fa-cotton-bureau{--fa:"\f89e"}.fa-buy-n-large{--fa:"\f8a6"}.fa-mdb{--fa:"\f8ca"}.fa-orcid{--fa:"\f8d2"}.fa-swift{--fa:"\f8e1"}.fa-umbraco{--fa:"\f8e8"}:host,:root{--fa-font-regular:normal 400 1em/1 var(--fa-family-classic)}@font-face{font-family:"Font Awesome 7 Free";font-style:normal;font-weight:400;font-display:block;src:url('fa-regular-400.woff2')}.far{--fa-family:var(--fa-family-classic)}.fa-regular,.far{--fa-style:400}:host,:root{--fa-family-classic:"Font Awesome 7 Free";--fa-font-solid:normal 900 1em/1 var(--fa-family-classic);--fa-style-family-classic:var(--fa-family-classic)}@font-face{font-family:"Font Awesome 7 Free";font-style:normal;font-weight:900;font-display:block;src:url('fa-solid-900.woff2')}.fas{--fa-style:900}.fa-classic,.fas{--fa-family:var(--fa-family-classic)}.fa-solid{--fa-style:900}@font-face{font-family:"Font Awesome 5 Brands";font-display:block;font-weight:400;src:url('fa-brands-400.woff2') format("woff2")}@font-face{font-family:"Font Awesome 5 Free";font-display:block;font-weight:900;src:url('fa-solid-900.woff2') format("woff2")}@font-face{font-family:"Font Awesome 5 Free";font-display:block;font-weight:400;src:url('fa-regular-400.woff2') format("woff2")}@font-face{font-family:"FontAwesome";font-display:block;src:url('fa-solid-900.woff2') format("woff2")}@font-face{font-family:"FontAwesome";font-display:block;src:url('fa-brands-400.woff2') format("woff2")}@font-face{font-family:"FontAwesome";font-display:block;src:url('fa-regular-400.woff2') format("woff2");unicode-range:u+f003,u+f006,u+f014,u+f016-f017,u+f01a-f01b,u+f01d,u+f022,u+f03e,u+f044,u+f046,u+f05c-f05d,u+f06e,u+f070,u+f087-f088,u+f08a,u+f094,u+f096-f097,u+f09d,u+f0a0,u+f0a2,u+f0a4-f0a7,u+f0c5,u+f0c7,u+f0e5-f0e6,u+f0eb,u+f0f6-f0f8,u+f10c,u+f114-f115,u+f118-f11a,u+f11c-f11d,u+f133,u+f147,u+f14e,u+f150-f152,u+f185-f186,u+f18e,u+f190-f192,u+f196,u+f1c1-f1c9,u+f1d9,u+f1db,u+f1e3,u+f1ea,u+f1f7,u+f1f9,u+f20a,u+f247-f248,u+f24a,u+f24d,u+f255-f25b,u+f25d,u+f271-f274,u+f278,u+f27b,u+f28c,u+f28e,u+f29c,u+f2b5,u+f2b7,u+f2ba,u+f2bc,u+f2be,u+f2c0-f2c1,u+f2c3,u+f2d0,u+f2d2,u+f2d4,u+f2dc}@font-face{font-family:"FontAwesome";font-display:block;src:url('fa-v4compatibility.woff2') format("woff2");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} /*!******************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@angular/cdk/overlay-prebuilt.css?ngGlobalStyle ***! \******************************************************************************************************************************************************************************************************************************************************/ .cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll} /*!***********************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/primeng/resources/themes/lara-light-blue/theme.css?ngGlobalStyle ***! \***********************************************************************************************************************************************************************************************************************************************************************/ :root { font-family: "Inter var", sans-serif; font-feature-settings: "cv02", "cv03", "cv04", "cv11"; font-variation-settings: normal; --font-family:"Inter var", sans-serif; --font-feature-settings: "cv02","cv03","cv04","cv11"; --surface-a:#ffffff; --surface-b:#f8f9fa; --surface-c:#e9ecef; --surface-d:#dee2e6; --surface-e:#ffffff; --surface-f:#ffffff; --text-color:#495057; --text-color-secondary:#6c757d; --primary-color:#3B82F6; --primary-color-text:#ffffff; --surface-0: #ffffff; --surface-50: #FAFAFA; --surface-100: #F5F5F5; --surface-200: #EEEEEE; --surface-300: #E0E0E0; --surface-400: #BDBDBD; --surface-500: #9E9E9E; --surface-600: #757575; --surface-700: #616161; --surface-800: #424242; --surface-900: #212121; --gray-50: #FAFAFA; --gray-100: #F5F5F5; --gray-200: #EEEEEE; --gray-300: #E0E0E0; --gray-400: #BDBDBD; --gray-500: #9E9E9E; --gray-600: #757575; --gray-700: #616161; --gray-800: #424242; --gray-900: #212121; --content-padding:1.25rem; --inline-spacing:0.5rem; --border-radius:6px; --surface-ground:#eff3f8; --surface-section:#ffffff; --surface-card:#ffffff; --surface-overlay:#ffffff; --surface-border:#dfe7ef; --surface-hover:#f6f9fc; --focus-ring: 0 0 0 0.2rem #BFDBFE; --maskbg: rgba(0, 0, 0, 0.4); --highlight-bg: #EFF6FF; --highlight-text-color: #1D4ED8; color-scheme: light; } @font-face { font-family: "Inter var"; font-weight: 100 900; font-display: swap; font-style: normal; font-named-instance: "Regular"; src: url('Inter-roman.var.woff2?v=3.19') format("woff2"); } @font-face { font-family: "Inter var"; font-weight: 100 900; font-display: swap; font-style: italic; font-named-instance: "Italic"; src: url('Inter-italic.var.woff2?v=3.19') format("woff2"); } :root { --blue-50:#f5f9ff; --blue-100:#d0e1fd; --blue-200:#abc9fb; --blue-300:#85b2f9; --blue-400:#609af8; --blue-500:#3b82f6; --blue-600:#326fd1; --blue-700:#295bac; --blue-800:#204887; --blue-900:#183462; --green-50:#f4fcf7; --green-100:#caf1d8; --green-200:#a0e6ba; --green-300:#76db9b; --green-400:#4cd07d; --green-500:#22c55e; --green-600:#1da750; --green-700:#188a42; --green-800:#136c34; --green-900:#0e4f26; --yellow-50:#fefbf3; --yellow-100:#faedc4; --yellow-200:#f6de95; --yellow-300:#f2d066; --yellow-400:#eec137; --yellow-500:#eab308; --yellow-600:#c79807; --yellow-700:#a47d06; --yellow-800:#816204; --yellow-900:#5e4803; --cyan-50:#f3fbfd; --cyan-100:#c3edf5; --cyan-200:#94e0ed; --cyan-300:#65d2e4; --cyan-400:#35c4dc; --cyan-500:#06b6d4; --cyan-600:#059bb4; --cyan-700:#047f94; --cyan-800:#036475; --cyan-900:#024955; --pink-50:#fef6fa; --pink-100:#fad3e7; --pink-200:#f7b0d3; --pink-300:#f38ec0; --pink-400:#f06bac; --pink-500:#ec4899; --pink-600:#c93d82; --pink-700:#a5326b; --pink-800:#822854; --pink-900:#5e1d3d; --indigo-50:#f7f7fe; --indigo-100:#dadafc; --indigo-200:#bcbdf9; --indigo-300:#9ea0f6; --indigo-400:#8183f4; --indigo-500:#6366f1; --indigo-600:#5457cd; --indigo-700:#4547a9; --indigo-800:#363885; --indigo-900:#282960; --teal-50:#f3fbfb; --teal-100:#c7eeea; --teal-200:#9ae0d9; --teal-300:#6dd3c8; --teal-400:#41c5b7; --teal-500:#14b8a6; --teal-600:#119c8d; --teal-700:#0e8174; --teal-800:#0b655b; --teal-900:#084a42; --orange-50:#fff8f3; --orange-100:#feddc7; --orange-200:#fcc39b; --orange-300:#fba86f; --orange-400:#fa8e42; --orange-500:#f97316; --orange-600:#d46213; --orange-700:#ae510f; --orange-800:#893f0c; --orange-900:#642e09; --bluegray-50:#f7f8f9; --bluegray-100:#dadee3; --bluegray-200:#bcc3cd; --bluegray-300:#9fa9b7; --bluegray-400:#818ea1; --bluegray-500:#64748b; --bluegray-600:#556376; --bluegray-700:#465161; --bluegray-800:#37404c; --bluegray-900:#282e38; --purple-50:#fbf7ff; --purple-100:#ead6fd; --purple-200:#dab6fc; --purple-300:#c996fa; --purple-400:#b975f9; --purple-500:#a855f7; --purple-600:#8f48d2; --purple-700:#763cad; --purple-800:#5c2f88; --purple-900:#432263; --red-50:#fff5f5; --red-100:#ffd0ce; --red-200:#ffaca7; --red-300:#ff8780; --red-400:#ff6259; --red-500:#ff3d32; --red-600:#d9342b; --red-700:#b32b23; --red-800:#8c221c; --red-900:#661814; --primary-50:#f5f9ff; --primary-100:#d0e1fd; --primary-200:#abc9fb; --primary-300:#85b2f9; --primary-400:#609af8; --primary-500:#3b82f6; --primary-600:#326fd1; --primary-700:#295bac; --primary-800:#204887; --primary-900:#183462; } .p-editor-container .p-editor-toolbar { background: #f8f9fa; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-editor-container .p-editor-toolbar.ql-snow { border: 1px solid #dee2e6; } .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { stroke: #6c757d; } .p-editor-container .p-editor-toolbar.ql-snow .ql-fill { fill: #6c757d; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { border: 0 none; color: #6c757d; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { color: #495057; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { stroke: #495057; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { fill: #495057; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { color: #495057; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { stroke: #495057; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { fill: #495057; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { background: #ffffff; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); border-radius: 6px; padding: 0.75rem 0; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { color: #495057; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { color: #495057; background: #e9ecef; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { padding: 0.75rem 1.25rem; } .p-editor-container .p-editor-content { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .p-editor-container .p-editor-content.ql-snow { border: 1px solid #dee2e6; } .p-editor-container .p-editor-content .ql-editor { background: #ffffff; color: #495057; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .p-editor-container .ql-snow.ql-toolbar button:hover, .p-editor-container .ql-snow.ql-toolbar button:focus { color: #495057; } .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, .p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { stroke: #495057; } .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, .p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { fill: #495057; } .p-editor-container .ql-snow.ql-toolbar button.ql-active, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { color: #3B82F6; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { stroke: #3B82F6; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { fill: #3B82F6; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { color: #3B82F6; } @layer primeng { * { box-sizing: border-box; } .p-component { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; font-weight: normal; } .p-component-overlay { background-color: rgba(0, 0, 0, 0.4); transition-duration: 0.2s; } .p-disabled, .p-component:disabled { opacity: 0.6; } .p-error { color: #e24c4c; } .p-text-secondary { color: #6c757d; } .pi { font-size: 1rem; } .p-icon { width: 1rem; height: 1rem; } .p-link { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; border-radius: 6px; } .p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-component-overlay-enter { animation: p-component-overlay-enter-animation 150ms forwards; } .p-component-overlay-leave { animation: p-component-overlay-leave-animation 150ms forwards; } @keyframes p-component-overlay-enter-animation { from { background-color: transparent; } to { background-color: var(--maskbg); } } @keyframes p-component-overlay-leave-animation { from { background-color: var(--maskbg); } to { background-color: transparent; } } .p-autocomplete .p-autocomplete-loader { right: 0.75rem; } .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { right: 3.75rem; } .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { border-color: #3B82F6; } .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; border-color: #3B82F6; } .p-autocomplete .p-autocomplete-multiple-container { padding: 0.375rem 0.75rem; gap: 0.5rem; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { padding: 0.375rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { font-family: inherit; font-feature-settings: inherit; font-size: inherit; color: #495057; padding: 0; margin: 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.375rem 0.75rem; background: #dee2e6; color: #495057; border-radius: 16px; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { margin-left: 0.5rem; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { background: #ced4da; color: #495057; } .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #e24c4c; } .p-autocomplete-panel { background: #ffffff; color: #495057; border: 0 none; border-radius: 6px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-autocomplete-panel .p-autocomplete-items { padding: 0.75rem 0; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { margin: 0; padding: 0.75rem 1.25rem; border: 0 none; color: #495057; background: transparent; transition: box-shadow 0.2s; border-radius: 0; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #1D4ED8; background: #EFF6FF; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { background: rgba(59, 130, 246, 0.24); } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { color: #495057; background: #dee2e6; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { color: #495057; background: #e9ecef; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.75rem 1.25rem; color: #343a40; background: #ffffff; font-weight: 700; } p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #e24c4c; } p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2.5rem; } p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { color: #6c757d; right: 0.75rem; } p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { color: #6c757d; right: 3.75rem; } p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { border-color: #e24c4c; } .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; border-color: #3B82F6; } .p-datepicker { padding: 0.5rem; background: #ffffff; color: #495057; border: 1px solid #ced4da; border-radius: 6px; } .p-datepicker:not(.p-datepicker-inline) { background: #ffffff; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { background: #ffffff; } .p-datepicker .p-datepicker-header { padding: 0.5rem; color: #495057; background: #ffffff; font-weight: 600; margin: 0; border-bottom: 1px solid #dee2e6; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-datepicker .p-datepicker-header .p-datepicker-prev, .p-datepicker .p-datepicker-header .p-datepicker-next { width: 2rem; height: 2rem; color: #6c757d; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { color: #343a40; border-color: transparent; background: #e9ecef; } .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-datepicker .p-datepicker-header .p-datepicker-title { line-height: 2rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { color: #495057; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; font-weight: 600; padding: 0.5rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { color: #3B82F6; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { margin-right: 0.5rem; } .p-datepicker table { font-size: 1rem; margin: 0.5rem 0; } .p-datepicker table th { padding: 0.5rem; } .p-datepicker table th > span { width: 2.5rem; height: 2.5rem; } .p-datepicker table td { padding: 0.5rem; } .p-datepicker table td > span { width: 2.5rem; height: 2.5rem; border-radius: 50%; transition: box-shadow 0.2s; border: 1px solid transparent; } .p-datepicker table td > span.p-highlight { color: #1D4ED8; background: #EFF6FF; } .p-datepicker table td > span:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-datepicker table td.p-datepicker-today > span { background: #ced4da; color: #495057; border-color: transparent; } .p-datepicker table td.p-datepicker-today > span.p-highlight { color: #1D4ED8; background: #EFF6FF; } .p-datepicker .p-datepicker-buttonbar { padding: 1rem 0; border-top: 1px solid #dee2e6; } .p-datepicker .p-datepicker-buttonbar .p-button { width: auto; } .p-datepicker .p-timepicker { border-top: 1px solid #dee2e6; padding: 0.5rem; } .p-datepicker .p-timepicker button { width: 2rem; height: 2rem; color: #6c757d; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datepicker .p-timepicker button:enabled:hover { color: #343a40; border-color: transparent; background: #e9ecef; } .p-datepicker .p-timepicker button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-datepicker .p-timepicker button:last-child { margin-top: 0.2em; } .p-datepicker .p-timepicker span { font-size: 1.25rem; } .p-datepicker .p-timepicker > div { padding: 0 0.5rem; } .p-datepicker.p-datepicker-timeonly .p-timepicker { border-top: 0 none; } .p-datepicker .p-monthpicker { margin: 0.5rem 0; } .p-datepicker .p-monthpicker .p-monthpicker-month { padding: 0.5rem; transition: box-shadow 0.2s; border-radius: 6px; } .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { color: #1D4ED8; background: #EFF6FF; } .p-datepicker .p-yearpicker { margin: 0.5rem 0; } .p-datepicker .p-yearpicker .p-yearpicker-year { padding: 0.5rem; transition: box-shadow 0.2s; border-radius: 6px; } .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { color: #1D4ED8; background: #EFF6FF; } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { border-left: 1px solid #dee2e6; padding-right: 0.5rem; padding-left: 0.5rem; padding-top: 0; padding-bottom: 0; } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { padding-left: 0; border-left: 0 none; } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { padding-right: 0; } .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { background: #e9ecef; } .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { background: #e9ecef; } .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { background: #e9ecef; } .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } p-calendar.p-calendar-clearable .p-inputtext { padding-right: 2.5rem; } p-calendar.p-calendar-clearable .p-calendar-clear-icon { color: #6c757d; right: 0.75rem; } p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { color: #6c757d; right: 3.75rem; } @media screen and (max-width: 769px) { .p-datepicker table th, .p-datepicker table td { padding: 0; } } .p-cascadeselect { background: #ffffff; border: 1px solid #ced4da; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 6px; } .p-cascadeselect:not(.p-disabled):hover { border-color: #3B82F6; } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; border-color: #3B82F6; } .p-cascadeselect .p-cascadeselect-label { background: transparent; border: 0 none; padding: 0.75rem 0.75rem; } .p-cascadeselect .p-cascadeselect-label.p-placeholder { color: #6c757d; } .p-cascadeselect .p-cascadeselect-label:enabled:focus { outline: 0 none; box-shadow: none; } .p-cascadeselect .p-cascadeselect-trigger { background: transparent; color: #6c757d; width: 3rem; border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .p-cascadeselect.p-invalid.p-component { border-color: #e24c4c; } .p-cascadeselect-panel { background: #ffffff; color: #495057; border: 0 none; border-radius: 6px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-cascadeselect-panel .p-cascadeselect-items { padding: 0.75rem 0; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { margin: 0; border: 0 none; color: #495057; background: transparent; transition: box-shadow 0.2s; border-radius: 0; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #1D4ED8; background: #EFF6FF; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { background: rgba(59, 130, 246, 0.24); } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { color: #495057; background: #dee2e6; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { color: #495057; background: #e9ecef; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 0.75rem 1.25rem; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } .p-input-filled .p-cascadeselect { background: #e9ecef; } .p-input-filled .p-cascadeselect:not(.p-disabled):hover { background-color: #e9ecef; } .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { background-color: #ffffff; } p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { border-color: #e24c4c; } p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 0.75rem; } p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { color: #6c757d; right: 3rem; } .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { box-shadow: none; border-radius: 0; padding: 0.25rem 0 0.25rem 0.5rem; } .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } .p-checkbox { width: 22px; height: 22px; } .p-checkbox .p-checkbox-box { border: 2px solid #ced4da; background: #ffffff; width: 22px; height: 22px; color: #495057; border-radius: 6px; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-checkbox .p-checkbox-box .p-checkbox-icon { transition-duration: 0.2s; color: #ffffff; font-size: 14px; } .p-checkbox .p-checkbox-box .p-icon { width: 14px; height: 14px; } .p-checkbox .p-checkbox-box.p-highlight { border-color: #3B82F6; background: #3B82F6; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { border-color: #3B82F6; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; border-color: #3B82F6; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { border-color: #1D4ED8; background: #1D4ED8; color: #ffffff; } p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #e24c4c; } .p-input-filled .p-checkbox .p-checkbox-box { background-color: #e9ecef; } .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { background: #3B82F6; } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { background-color: #e9ecef; } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { background: #1D4ED8; } .p-checkbox-label { margin-left: 0.5rem; } .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #3B82F6; } .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; border-color: #3B82F6; } .p-chips .p-chips-multiple-container { padding: 0.375rem 0.75rem; gap: 0.5rem; } .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.375rem 0.75rem; margin-right: 0.5rem; background: #dee2e6; color: #495057; border-radius: 16px; } .p-chips .p-chips-multiple-container .p-chips-token.p-focus { background: #ced4da; color: #495057; } .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { margin-left: 0.5rem; } .p-chips .p-chips-multiple-container .p-chips-input-token { padding: 0.375rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { font-family: inherit; font-feature-settings: inherit; font-size: inherit; color: #495057; padding: 0; margin: 0; } p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { border-color: #e24c4c; } p-chips.p-chips-clearable .p-inputtext { padding-right: 1.75rem; } p-chips.p-chips-clearable .p-chips-clear-icon { color: #6c757d; right: 0.75rem; } .p-colorpicker-preview, .p-fluid .p-colorpicker-preview.p-inputtext { width: 2rem; height: 2rem; } .p-colorpicker-panel { background: #323232; border: 1px solid #191919; } .p-colorpicker-panel .p-colorpicker-color-handle, .p-colorpicker-panel .p-colorpicker-hue-handle { border-color: #ffffff; } .p-colorpicker-overlay-panel { box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-dropdown { background: #ffffff; border: 1px solid #ced4da; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 6px; } .p-dropdown:not(.p-disabled):hover { border-color: #3B82F6; } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; border-color: #3B82F6; } .p-dropdown.p-dropdown-clearable .p-dropdown-label { padding-right: 1.75rem; } .p-dropdown .p-dropdown-label { background: transparent; border: 0 none; } .p-dropdown .p-dropdown-label.p-placeholder { color: #6c757d; } .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { outline: 0 none; box-shadow: none; } .p-dropdown .p-dropdown-trigger { background: transparent; color: #6c757d; width: 3rem; border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .p-dropdown .p-dropdown-clear-icon { color: #6c757d; right: 3rem; } .p-dropdown.p-invalid.p-component { border-color: #e24c4c; } .p-dropdown-panel { background: #ffffff; color: #495057; border: 0 none; border-radius: 6px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-dropdown-panel .p-dropdown-header { padding: 0.75rem 1.25rem; border-bottom: 1px solid #dee2e6; color: #343a40; background: #f8f9fa; margin: 0; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { padding-right: 1.75rem; margin-right: -1.75rem; } .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { right: 0.75rem; color: #6c757d; } .p-dropdown-panel .p-dropdown-items { padding: 0.75rem 0; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item { margin: 0; padding: 0.75rem 1.25rem; border: 0 none; color: #495057; background: transparent; transition: box-shadow 0.2s; border-radius: 0; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { color: #1D4ED8; background: #EFF6FF; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { background: rgba(59, 130, 246, 0.24); } .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { color: #495057; background: #dee2e6; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { color: #495057; background: #e9ecef; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.75rem 1.25rem; color: #343a40; background: #ffffff; font-weight: 700; } .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { padding: 0.75rem 1.25rem; color: #495057; background: transparent; } .p-input-filled .p-dropdown { background: #e9ecef; } .p-input-filled .p-dropdown:not(.p-disabled):hover { background-color: #e9ecef; } .p-input-filled .p-dropdown:not(.p-disabled).p-focus { background-color: #ffffff; } .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { background-color: transparent; } .p-inputgroup-addon { background: #e9ecef; color: #6c757d; border-top: 1px solid #ced4da; border-left: 1px solid #ced4da; border-bottom: 1px solid #ced4da; padding: 0.75rem 0.75rem; min-width: 3rem; } .p-inputgroup-addon:last-child { border-right: 1px solid #ced4da; } .p-inputgroup > .p-component, .p-inputgroup > .p-element, .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, .p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .p-inputgroup > .p-component + .p-inputgroup-addon, .p-inputgroup > .p-element + .p-inputgroup-addon, .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon, .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, .p-inputgroup > .p-element:focus, .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, .p-inputgroup > .p-float-label > .p-component:focus { z-index: 1; } .p-inputgroup > .p-component:focus ~ label, .p-inputgroup > .p-element:focus ~ label, .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label, .p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } .p-inputgroup-addon:first-child, .p-inputgroup button:first-child, .p-inputgroup input:first-child, .p-inputgroup > .p-inputwrapper:first-child > .p-component, .p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .p-inputgroup .p-float-label:first-child input { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .p-inputgroup-addon:last-child, .p-inputgroup button:last-child, .p-inputgroup input:last-child, .p-inputgroup > .p-inputwrapper:last-child > .p-component, .p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .p-inputgroup .p-float-label:last-child input { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .p-fluid .p-inputgroup .p-button { width: auto; } .p-fluid .p-inputgroup .p-button.p-button-icon-only { width: 3rem; } p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #e24c4c; } p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 2.5rem; } p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { color: #6c757d; right: 0.75rem; } p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { border-color: #e24c4c; } p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { padding-right: 2.5rem; } p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { color: #6c757d; right: 0.75rem; } p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { right: 3.75rem; } p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { right: 3.75rem; } .p-inputswitch { width: 3rem; height: 1.75rem; } .p-inputswitch .p-inputswitch-slider { background: #ced4da; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 30px; } .p-inputswitch .p-inputswitch-slider:before { background: #ffffff; width: 1.25rem; height: 1.25rem; left: 0.25rem; margin-top: -0.625rem; border-radius: 50%; transition-duration: 0.2s; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { transform: translateX(1.25rem); } .p-inputswitch.p-focus .p-inputswitch-slider { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { background: #b6bfc8; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { background: #3B82F6; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { background: #ffffff; } .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { background: #2563eb; } p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { border-color: #e24c4c; } .p-inputtext { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; color: #495057; background: #ffffff; padding: 0.75rem 0.75rem; border: 1px solid #ced4da; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; appearance: none; border-radius: 6px; } .p-inputtext:enabled:hover { border-color: #3B82F6; } .p-inputtext:enabled:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; border-color: #3B82F6; } .p-inputtext.ng-dirty.ng-invalid { border-color: #e24c4c; } .p-inputtext.p-inputtext-sm { font-size: 0.875rem; padding: 0.65625rem 0.65625rem; } .p-inputtext.p-inputtext-lg { font-size: 1.25rem; padding: 0.9375rem 0.9375rem; } .p-float-label > label { left: 0.75rem; color: #6c757d; transition-duration: 0.2s; } .p-float-label > .ng-invalid.ng-dirty + label { color: #e24c4c; } .p-input-icon-left > .p-icon-wrapper.p-icon, .p-input-icon-left > i:first-of-type { left: 0.75rem; color: #6c757d; } .p-input-icon-left > .p-inputtext { padding-left: 2.5rem; } .p-input-icon-left.p-float-label > label { left: 2.5rem; } .p-input-icon-right > .p-icon-wrapper, .p-input-icon-right > i:last-of-type { right: 0.75rem; color: #6c757d; } .p-input-icon-right > .p-inputtext { padding-right: 2.5rem; } ::-webkit-input-placeholder { color: #6c757d; } :-moz-placeholder { color: #6c757d; } ::-moz-placeholder { color: #6c757d; } :-ms-input-placeholder { color: #6c757d; } .p-input-filled .p-inputtext { background-color: #e9ecef; } .p-input-filled .p-inputtext:enabled:hover { background-color: #e9ecef; } .p-input-filled .p-inputtext:enabled:focus { background-color: #ffffff; } .p-inputtext-sm .p-inputtext { font-size: 0.875rem; padding: 0.65625rem 0.65625rem; } .p-inputtext-lg .p-inputtext { font-size: 1.25rem; padding: 0.9375rem 0.9375rem; } .p-listbox { background: #ffffff; color: #495057; border: 1px solid #ced4da; border-radius: 6px; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-listbox .p-listbox-header { padding: 0.75rem 1.25rem; border-bottom: 1px solid #dee2e6; color: #343a40; background: #f8f9fa; margin: 0; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-listbox .p-listbox-header .p-listbox-filter { padding-right: 1.75rem; } .p-listbox .p-listbox-header .p-listbox-filter-icon { right: 0.75rem; color: #6c757d; } .p-listbox .p-listbox-header .p-checkbox { margin-right: 0.5rem; } .p-listbox .p-listbox-list { padding: 0.75rem 0; outline: 0 none; } .p-listbox .p-listbox-list .p-listbox-item { margin: 0; padding: 0.75rem 1.25rem; border: 0 none; color: #495057; transition: box-shadow 0.2s; border-radius: 0; } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { color: #1D4ED8; background: #EFF6FF; } .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { margin-right: 0.5rem; } .p-listbox .p-listbox-list .p-listbox-item-group { margin: 0; padding: 0.75rem 1.25rem; color: #343a40; background: #ffffff; font-weight: 700; } .p-listbox .p-listbox-list .p-listbox-empty-message { padding: 0.75rem 1.25rem; color: #495057; background: transparent; } .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { background: rgba(59, 130, 246, 0.24); } .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { color: #495057; background: #dee2e6; } .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: #495057; background: #e9ecef; } .p-listbox.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; border-color: #3B82F6; } p-listbox.ng-dirty.ng-invalid > .p-listbox { border-color: #e24c4c; } .p-multiselect { background: #ffffff; border: 1px solid #ced4da; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 6px; } .p-multiselect:not(.p-disabled):hover { border-color: #3B82F6; } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; border-color: #3B82F6; } .p-multiselect .p-multiselect-label { padding: 0.75rem 0.75rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-multiselect .p-multiselect-label.p-placeholder { color: #6c757d; } .p-multiselect.p-multiselect-chip .p-multiselect-token { padding: 0.375rem 0.75rem; margin-right: 0.5rem; background: #dee2e6; color: #495057; border-radius: 16px; } .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { margin-left: 0.5rem; } .p-multiselect .p-multiselect-trigger { background: transparent; color: #6c757d; width: 3rem; border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.375rem 0.75rem; } .p-multiselect-clearable .p-multiselect-label-container { padding-right: 1.75rem; } .p-multiselect-clearable .p-multiselect-clear-icon { color: #6c757d; right: 3rem; } .p-multiselect-panel { background: #ffffff; color: #495057; border: 0 none; border-radius: 6px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-multiselect-panel .p-multiselect-header { padding: 0.75rem 1.25rem; border-bottom: 1px solid #dee2e6; color: #343a40; background: #f8f9fa; margin: 0; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { padding-right: 1.75rem; } .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { right: 0.75rem; color: #6c757d; } .p-multiselect-panel .p-multiselect-header .p-checkbox { margin-right: 0.5rem; } .p-multiselect-panel .p-multiselect-header .p-multiselect-close { margin-left: 0.5rem; width: 2rem; height: 2rem; color: #6c757d; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { color: #343a40; border-color: transparent; background: #e9ecef; } .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-multiselect-panel .p-multiselect-items { padding: 0.75rem 0; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item { margin: 0; padding: 0.75rem 1.25rem; border: 0 none; color: #495057; background: transparent; transition: box-shadow 0.2s; border-radius: 0; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { color: #1D4ED8; background: #EFF6FF; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { background: rgba(59, 130, 246, 0.24); } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { color: #495057; background: #dee2e6; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { color: #495057; background: #e9ecef; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { margin: 0; padding: 0.75rem 1.25rem; color: #343a40; background: #ffffff; font-weight: 700; } .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { padding: 0.75rem 1.25rem; color: #495057; background: transparent; } .p-input-filled .p-multiselect { background: #e9ecef; } .p-input-filled .p-multiselect:not(.p-disabled):hover { background-color: #e9ecef; } .p-input-filled .p-multiselect:not(.p-disabled).p-focus { background-color: #ffffff; } p-multiselect.ng-dirty.ng-invalid > .p-multiselect { border-color: #e24c4c; } p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { border-color: #e24c4c; } .p-password-panel { padding: 1.25rem; background: #ffffff; color: #495057; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); border-radius: 6px; } .p-password-panel .p-password-meter { margin-bottom: 0.5rem; background: #dee2e6; } .p-password-panel .p-password-meter .p-password-strength.weak { background: #ea5455; } .p-password-panel .p-password-meter .p-password-strength.medium { background: #ff9f42; } .p-password-panel .p-password-meter .p-password-strength.strong { background: #29c76f; } p-password.p-password-clearable .p-password-input { padding-right: 2.5rem; } p-password.p-password-clearable .p-password-clear-icon { color: #6c757d; right: 0.75rem; } p-password.p-password-clearable.p-password-mask .p-password-input { padding-right: 4.25rem; } p-password.p-password-clearable.p-password-mask .p-password-clear-icon { color: #6c757d; right: 2.5rem; } .p-radiobutton { width: 22px; height: 22px; } .p-radiobutton .p-radiobutton-box { border: 2px solid #ced4da; background: #ffffff; width: 22px; height: 22px; color: #495057; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { border-color: #3B82F6; } .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; border-color: #3B82F6; } .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { width: 12px; height: 12px; transition-duration: 0.2s; background-color: #ffffff; } .p-radiobutton .p-radiobutton-box.p-highlight { border-color: #3B82F6; background: #3B82F6; } .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { border-color: #1D4ED8; background: #1D4ED8; color: #ffffff; } p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { border-color: #e24c4c; } .p-input-filled .p-radiobutton .p-radiobutton-box { background-color: #e9ecef; } .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { background-color: #e9ecef; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { background: #3B82F6; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { background: #1D4ED8; } .p-radiobutton-label { margin-left: 0.5rem; } .p-rating { gap: 0.5rem; } .p-rating .p-rating-item .p-rating-icon { color: #495057; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; font-size: 1.143rem; } .p-rating .p-rating-item .p-rating-icon.p-icon { width: 1.143rem; height: 1.143rem; } .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { color: #ea5455; } .p-rating .p-rating-item.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; border-color: #3B82F6; } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #3B82F6; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { color: #3B82F6; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #e73d3e; } .p-selectbutton .p-button { background: #ffffff; border: 1px solid #ced4da; color: #495057; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-selectbutton .p-button .p-button-icon-left, .p-selectbutton .p-button .p-button-icon-right { color: #6c757d; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { background: #e9ecef; border-color: #ced4da; color: #495057; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: #343a40; } .p-selectbutton .p-button.p-highlight { background: #3B82F6; border-color: #3B82F6; color: #ffffff; } .p-selectbutton .p-button.p-highlight .p-button-icon-left, .p-selectbutton .p-button.p-highlight .p-button-icon-right { color: #ffffff; } .p-selectbutton .p-button.p-highlight:hover { background: #2563eb; border-color: #2563eb; color: #ffffff; } .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { color: #ffffff; } p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { border-color: #e24c4c; } .p-slider { background: #dee2e6; border: 0 none; border-radius: 6px; } .p-slider.p-slider-horizontal { height: 0.286rem; } .p-slider.p-slider-horizontal .p-slider-handle { margin-top: -0.5715rem; margin-left: -0.5715rem; } .p-slider.p-slider-vertical { width: 0.286rem; } .p-slider.p-slider-vertical .p-slider-handle { margin-left: -0.5715rem; margin-bottom: -0.5715rem; } .p-slider .p-slider-handle { height: 1.143rem; width: 1.143rem; background: #ffffff; border: 2px solid #3B82F6; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-slider .p-slider-handle:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-slider .p-slider-range { background: #3B82F6; } .p-slider:not(.p-disabled) .p-slider-handle:hover { background: #3B82F6; border-color: #3B82F6; } .p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, left 0.2s; } .p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { transition: width 0.2s; } .p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, bottom 0.2s; } .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { transition: height 0.2s; } .p-togglebutton.p-button { background: #ffffff; border: 1px solid #ced4da; color: #495057; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-togglebutton.p-button .p-button-icon-left, .p-togglebutton.p-button .p-button-icon-right { color: #6c757d; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { background: #e9ecef; border-color: #ced4da; color: #495057; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: #343a40; } .p-togglebutton.p-button.p-highlight { background: #3B82F6; border-color: #3B82F6; color: #ffffff; } .p-togglebutton.p-button.p-highlight .p-button-icon-left, .p-togglebutton.p-button.p-highlight .p-button-icon-right { color: #ffffff; } .p-togglebutton.p-button.p-highlight:hover { background: #2563eb; border-color: #2563eb; color: #ffffff; } .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { color: #ffffff; } p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { border-color: #e24c4c; } .p-treeselect { background: #ffffff; border: 1px solid #ced4da; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 6px; } .p-treeselect:not(.p-disabled):hover { border-color: #3B82F6; } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; border-color: #3B82F6; } .p-treeselect .p-treeselect-label { padding: 0.75rem 0.75rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-treeselect .p-treeselect-label.p-placeholder { color: #6c757d; } .p-treeselect.p-treeselect-chip .p-treeselect-token { padding: 0.375rem 0.75rem; margin-right: 0.5rem; background: #dee2e6; color: #495057; border-radius: 16px; } .p-treeselect .p-treeselect-trigger { background: transparent; color: #6c757d; width: 3rem; border-top-right-radius: 6px; border-bottom-right-radius: 6px; } p-treeselect.ng-invalid.ng-dirty > .p-treeselect { border-color: #e24c4c; } .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { padding: 0.375rem 0.75rem; } .p-treeselect-panel { background: #ffffff; color: #495057; border: 0 none; border-radius: 6px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-treeselect-panel .p-treeselect-header { padding: 0.75rem 1.25rem; border-bottom: 1px solid #dee2e6; color: #343a40; background: #f8f9fa; margin: 0; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container { margin-right: 0.5rem; } .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter { padding-right: 1.75rem; } .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { right: 0.75rem; color: #6c757d; } .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { padding-right: 3.5rem; } .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { right: 2.5rem; } .p-treeselect-panel .p-treeselect-header .p-treeselect-close { width: 2rem; height: 2rem; color: #6c757d; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { color: #343a40; border-color: transparent; background: #e9ecef; } .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-treeselect-panel .p-treeselect-items-wrapper .p-tree { border: 0 none; } .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { padding: 0.75rem 1.25rem; color: #495057; background: transparent; } .p-input-filled .p-treeselect { background: #e9ecef; } .p-input-filled .p-treeselect:not(.p-disabled):hover { background-color: #e9ecef; } .p-input-filled .p-treeselect:not(.p-disabled).p-focus { background-color: #ffffff; } p-treeselect.p-treeselect-clearable .p-treeselect-label-container { padding-right: 1.75rem; } p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { color: #6c757d; right: 3rem; } .p-button { color: #ffffff; background: #3B82F6; border: 1px solid #3B82F6; padding: 0.75rem 1.25rem; font-size: 1rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 6px; } .p-button:enabled:hover { background: #2563eb; color: #ffffff; border-color: #2563eb; } .p-button:enabled:active { background: #1D4ED8; color: #ffffff; border-color: #1D4ED8; } .p-button.p-button-outlined { background-color: transparent; color: #3B82F6; border: 1px solid; } .p-button.p-button-outlined:enabled:hover { background: rgba(59, 130, 246, 0.04); color: #3B82F6; border: 1px solid; } .p-button.p-button-outlined:enabled:active { background: rgba(59, 130, 246, 0.16); color: #3B82F6; border: 1px solid; } .p-button.p-button-outlined.p-button-plain { color: #6c757d; border-color: #6c757d; } .p-button.p-button-outlined.p-button-plain:enabled:hover { background: #e9ecef; color: #6c757d; } .p-button.p-button-outlined.p-button-plain:enabled:active { background: #dee2e6; color: #6c757d; } .p-button.p-button-text { background-color: transparent; color: #3B82F6; border-color: transparent; } .p-button.p-button-text:enabled:hover { background: rgba(59, 130, 246, 0.04); color: #3B82F6; border-color: transparent; } .p-button.p-button-text:enabled:active { background: rgba(59, 130, 246, 0.16); color: #3B82F6; border-color: transparent; } .p-button.p-button-text.p-button-plain { color: #6c757d; } .p-button.p-button-text.p-button-plain:enabled:hover { background: #e9ecef; color: #6c757d; } .p-button.p-button-text.p-button-plain:enabled:active { background: #dee2e6; color: #6c757d; } .p-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-button .p-button-label { transition-duration: 0.2s; } .p-button .p-button-icon-left { margin-right: 0.5rem; } .p-button .p-button-icon-right { margin-left: 0.5rem; } .p-button .p-button-icon-bottom { margin-top: 0.5rem; } .p-button .p-button-icon-top { margin-bottom: 0.5rem; } .p-button .p-badge { margin-left: 0.5rem; min-width: 1rem; height: 1rem; line-height: 1rem; color: #3B82F6; background-color: #ffffff; } .p-button.p-button-raised { box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .p-button.p-button-rounded { border-radius: 2rem; } .p-button.p-button-icon-only { width: 3rem; padding: 0.75rem 0; } .p-button.p-button-icon-only .p-button-icon-left, .p-button.p-button-icon-only .p-button-icon-right { margin: 0; } .p-button.p-button-icon-only.p-button-rounded { border-radius: 50%; height: 3rem; } .p-button.p-button-sm { font-size: 0.875rem; padding: 0.65625rem 1.09375rem; } .p-button.p-button-sm .p-button-icon { font-size: 0.875rem; } .p-button.p-button-lg { font-size: 1.25rem; padding: 0.9375rem 1.5625rem; } .p-button.p-button-lg .p-button-icon { font-size: 1.25rem; } .p-button.p-button-loading-label-only .p-button-label { margin-left: 0.5rem; } .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } .p-fluid .p-button { width: 100%; } .p-fluid .p-button-icon-only { width: 3rem; } .p-fluid .p-buttonset { display: flex; } .p-fluid .p-buttonset .p-button { flex: 1; } .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { color: #ffffff; background: #64748B; border: 1px solid #64748B; } .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { background: #475569; color: #ffffff; border-color: #475569; } .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #E2E8F0; } .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { background: #334155; color: #ffffff; border-color: #334155; } .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; color: #64748B; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { background: rgba(100, 116, 139, 0.04); color: #64748B; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { background: rgba(100, 116, 139, 0.16); color: #64748B; border: 1px solid; } .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; color: #64748B; border-color: transparent; } .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { background: rgba(100, 116, 139, 0.04); border-color: transparent; color: #64748B; } .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { background: rgba(100, 116, 139, 0.16); border-color: transparent; color: #64748B; } .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { color: #ffffff; background: #3B82F6; border: 1px solid #3B82F6; } .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { background: #2563EB; color: #ffffff; border-color: #2563EB; } .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { background: #1D4ED8; color: #ffffff; border-color: #1D4ED8; } .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; color: #3B82F6; border: 1px solid; } .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { background: rgba(59, 130, 246, 0.04); color: #3B82F6; border: 1px solid; } .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { background: rgba(59, 130, 246, 0.16); color: #3B82F6; border: 1px solid; } .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; color: #3B82F6; border-color: transparent; } .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { background: rgba(59, 130, 246, 0.04); border-color: transparent; color: #3B82F6; } .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { background: rgba(59, 130, 246, 0.16); border-color: transparent; color: #3B82F6; } .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { color: #ffffff; background: #22C55E; border: 1px solid #22C55E; } .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { background: #16A34A; color: #ffffff; border-color: #16A34A; } .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #BBF7D0; } .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { background: #15803D; color: #ffffff; border-color: #15803D; } .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; color: #22C55E; border: 1px solid; } .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { background: rgba(34, 197, 94, 0.04); color: #22C55E; border: 1px solid; } .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { background: rgba(34, 197, 94, 0.16); color: #22C55E; border: 1px solid; } .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; color: #22C55E; border-color: transparent; } .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { background: rgba(34, 197, 94, 0.04); border-color: transparent; color: #22C55E; } .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { background: rgba(34, 197, 94, 0.16); border-color: transparent; color: #22C55E; } .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { color: #ffffff; background: #F59E0B; border: 1px solid #F59E0B; } .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { background: #D97706; color: #ffffff; border-color: #D97706; } .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #FDE68A; } .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { background: #B45309; color: #ffffff; border-color: #B45309; } .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; color: #F59E0B; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { background: rgba(245, 158, 11, 0.04); color: #F59E0B; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { background: rgba(245, 158, 11, 0.16); color: #F59E0B; border: 1px solid; } .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; color: #F59E0B; border-color: transparent; } .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { background: rgba(245, 158, 11, 0.04); border-color: transparent; color: #F59E0B; } .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { background: rgba(245, 158, 11, 0.16); border-color: transparent; color: #F59E0B; } .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { color: #ffffff; background: #A855F7; border: 1px solid #A855F7; } .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { background: #9333EA; color: #ffffff; border-color: #9333EA; } .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #E9D5FF; } .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { background: #7E22CE; color: #ffffff; border-color: #7E22CE; } .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; color: #A855F7; border: 1px solid; } .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { background: rgba(168, 85, 247, 0.04); color: #A855F7; border: 1px solid; } .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { background: rgba(168, 85, 247, 0.16); color: #A855F7; border: 1px solid; } .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; color: #A855F7; border-color: transparent; } .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { background: rgba(168, 85, 247, 0.04); border-color: transparent; color: #A855F7; } .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { background: rgba(168, 85, 247, 0.16); border-color: transparent; color: #A855F7; } .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { color: #ffffff; background: #EF4444; border: 1px solid #EF4444; } .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { background: #DC2626; color: #ffffff; border-color: #DC2626; } .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #FECACA; } .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { background: #B91C1C; color: #ffffff; border-color: #B91C1C; } .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; color: #EF4444; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { background: rgba(239, 68, 68, 0.04); color: #EF4444; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { background: rgba(239, 68, 68, 0.16); color: #EF4444; border: 1px solid; } .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; color: #EF4444; border-color: transparent; } .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { background: rgba(239, 68, 68, 0.04); border-color: transparent; color: #EF4444; } .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { background: rgba(239, 68, 68, 0.16); border-color: transparent; color: #EF4444; } .p-button.p-button-link { color: #1D4ED8; background: transparent; border: transparent; } .p-button.p-button-link:enabled:hover { background: transparent; color: #1D4ED8; border-color: transparent; } .p-button.p-button-link:enabled:hover .p-button-label { text-decoration: underline; } .p-button.p-button-link:enabled:focus { background: transparent; box-shadow: 0 0 0 0.2rem #BFDBFE; border-color: transparent; } .p-button.p-button-link:enabled:active { background: transparent; color: #1D4ED8; border-color: transparent; } .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; } .p-speeddial-button.p-button.p-button-icon-only .p-button-icon { font-size: 1.3rem; } .p-speeddial-button.p-button.p-button-icon-only .p-icon { width: 1.3rem; height: 1.3rem; } .p-speeddial-list { outline: 0 none; } .p-speeddial-item.p-focus > .p-speeddial-action { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-speeddial-action { width: 3rem; height: 3rem; background: #495057; color: #fff; } .p-speeddial-action:hover { background: #022354; color: #fff; } .p-speeddial-direction-up .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-up .p-speeddial-item:first-child { margin-bottom: 0.5rem; } .p-speeddial-direction-down .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-down .p-speeddial-item:first-child { margin-top: 0.5rem; } .p-speeddial-direction-left .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-left .p-speeddial-item:first-child { margin-right: 0.5rem; } .p-speeddial-direction-right .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-right .p-speeddial-item:first-child { margin-left: 0.5rem; } .p-speeddial-circle .p-speeddial-item, .p-speeddial-semi-circle .p-speeddial-item, .p-speeddial-quarter-circle .p-speeddial-item { margin: 0; } .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, .p-speeddial-semi-circle .p-speeddial-item:first-child, .p-speeddial-semi-circle .p-speeddial-item:last-child, .p-speeddial-quarter-circle .p-speeddial-item:first-child, .p-speeddial-quarter-circle .p-speeddial-item:last-child { margin: 0; } .p-speeddial-mask { background-color: rgba(0, 0, 0, 0.4); } .p-splitbutton { border-radius: 6px; } .p-splitbutton.p-button-outlined > .p-button { background-color: transparent; color: #3B82F6; border: 1px solid; } .p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(59, 130, 246, 0.04); color: #3B82F6; } .p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(59, 130, 246, 0.16); color: #3B82F6; } .p-splitbutton.p-button-outlined.p-button-plain > .p-button { color: #6c757d; border-color: #6c757d; } .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { background: #e9ecef; color: #6c757d; } .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { background: #dee2e6; color: #6c757d; } .p-splitbutton.p-button-text > .p-button { background-color: transparent; color: #3B82F6; border-color: transparent; } .p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(59, 130, 246, 0.04); color: #3B82F6; border-color: transparent; } .p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(59, 130, 246, 0.16); color: #3B82F6; border-color: transparent; } .p-splitbutton.p-button-text.p-button-plain > .p-button { color: #6c757d; } .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { background: #e9ecef; color: #6c757d; } .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { background: #dee2e6; color: #6c757d; } .p-splitbutton.p-button-raised { box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .p-splitbutton.p-button-rounded { border-radius: 2rem; } .p-splitbutton.p-button-rounded > .p-button { border-radius: 2rem; } .p-splitbutton.p-button-sm > .p-button { font-size: 0.875rem; padding: 0.65625rem 1.09375rem; } .p-splitbutton.p-button-sm > .p-button .p-button-icon { font-size: 0.875rem; } .p-splitbutton.p-button-lg > .p-button { font-size: 1.25rem; padding: 0.9375rem 1.5625rem; } .p-splitbutton.p-button-lg > .p-button .p-button-icon { font-size: 1.25rem; } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; color: #64748B; border: 1px solid; } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(100, 116, 139, 0.04); color: #64748B; } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(100, 116, 139, 0.16); color: #64748B; } .p-splitbutton.p-button-secondary.p-button-text > .p-button { background-color: transparent; color: #64748B; border-color: transparent; } .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(100, 116, 139, 0.04); border-color: transparent; color: #64748B; } .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(100, 116, 139, 0.16); border-color: transparent; color: #64748B; } .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #3B82F6; border: 1px solid; } .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(59, 130, 246, 0.04); color: #3B82F6; } .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(59, 130, 246, 0.16); color: #3B82F6; } .p-splitbutton.p-button-info.p-button-text > .p-button { background-color: transparent; color: #3B82F6; border-color: transparent; } .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(59, 130, 246, 0.04); border-color: transparent; color: #3B82F6; } .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(59, 130, 246, 0.16); border-color: transparent; color: #3B82F6; } .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #22C55E; border: 1px solid; } .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(34, 197, 94, 0.04); color: #22C55E; } .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(34, 197, 94, 0.16); color: #22C55E; } .p-splitbutton.p-button-success.p-button-text > .p-button { background-color: transparent; color: #22C55E; border-color: transparent; } .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(34, 197, 94, 0.04); border-color: transparent; color: #22C55E; } .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(34, 197, 94, 0.16); border-color: transparent; color: #22C55E; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #F59E0B; border: 1px solid; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(245, 158, 11, 0.04); color: #F59E0B; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(245, 158, 11, 0.16); color: #F59E0B; } .p-splitbutton.p-button-warning.p-button-text > .p-button { background-color: transparent; color: #F59E0B; border-color: transparent; } .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(245, 158, 11, 0.04); border-color: transparent; color: #F59E0B; } .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(245, 158, 11, 0.16); border-color: transparent; color: #F59E0B; } .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #A855F7; border: 1px solid; } .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(168, 85, 247, 0.04); color: #A855F7; } .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(168, 85, 247, 0.16); color: #A855F7; } .p-splitbutton.p-button-help.p-button-text > .p-button { background-color: transparent; color: #A855F7; border-color: transparent; } .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(168, 85, 247, 0.04); border-color: transparent; color: #A855F7; } .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(168, 85, 247, 0.16); border-color: transparent; color: #A855F7; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #EF4444; border: 1px solid; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(239, 68, 68, 0.04); color: #EF4444; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(239, 68, 68, 0.16); color: #EF4444; } .p-splitbutton.p-button-danger.p-button-text > .p-button { background-color: transparent; color: #EF4444; border-color: transparent; } .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(239, 68, 68, 0.04); border-color: transparent; color: #EF4444; } .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(239, 68, 68, 0.16); border-color: transparent; color: #EF4444; } .p-carousel .p-carousel-content .p-carousel-prev, .p-carousel .p-carousel-content .p-carousel-next { width: 2rem; height: 2rem; color: #6c757d; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; margin: 0.5rem; } .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, .p-carousel .p-carousel-content .p-carousel-next:enabled:hover { color: #343a40; border-color: transparent; background: #e9ecef; } .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, .p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-carousel .p-carousel-indicators { padding: 1rem; } .p-carousel .p-carousel-indicators .p-carousel-indicator { margin-right: 0.5rem; margin-bottom: 0.5rem; } .p-carousel .p-carousel-indicators .p-carousel-indicator button { background-color: #ced4da; width: 2rem; height: 0.5rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { background: #adb5bd; } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { background: #EFF6FF; color: #1D4ED8; } .p-datatable .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; } .p-datatable .p-paginator-bottom { border-width: 0 0 1px 0; border-radius: 0; } .p-datatable .p-datatable-header { background: #f8f9fa; color: #343a40; border: 1px solid #dee2e6; border-width: 1px 0 1px 0; padding: 1rem 1rem; font-weight: 700; } .p-datatable .p-datatable-footer { background: #f8f9fa; color: #343a40; border: 1px solid #dee2e6; border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 700; } .p-datatable .p-datatable-thead > tr > th { text-align: left; padding: 1rem 1rem; border: 1px solid #dee2e6; border-width: 0 0 1px 0; font-weight: 700; color: #343a40; background: #f8f9fa; transition: box-shadow 0.2s; } .p-datatable .p-datatable-tfoot > tr > td { text-align: left; padding: 1rem 1rem; border: 1px solid #dee2e6; border-width: 0 0 1px 0; font-weight: 700; color: #343a40; background: #f8f9fa; } .p-datatable .p-sortable-column .p-sortable-column-icon { color: #343a40; margin-left: 0.5rem; } .p-datatable .p-sortable-column .p-sortable-column-badge { border-radius: 50%; height: 1.143rem; min-width: 1.143rem; line-height: 1.143rem; color: #1D4ED8; background: #EFF6FF; margin-left: 0.5rem; } .p-datatable .p-sortable-column:not(.p-highlight):hover { background: #e9ecef; color: #343a40; } .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { color: #343a40; } .p-datatable .p-sortable-column.p-highlight { background: #EFF6FF; color: #1D4ED8; } .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { color: #1D4ED8; } .p-datatable .p-sortable-column.p-highlight:hover { background: #EFF6FF; color: #1D4ED8; } .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { color: #1D4ED8; } .p-datatable .p-sortable-column:focus-visible { box-shadow: inset 0 0 0 0.15rem #BFDBFE; outline: 0 none; } .p-datatable .p-datatable-tbody > tr { background: #ffffff; color: #495057; transition: box-shadow 0.2s; } .p-datatable .p-datatable-tbody > tr > td { text-align: left; border: 1px solid #dee2e6; border-width: 0 0 1px 0; padding: 1rem 1rem; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { width: 2rem; height: 2rem; color: #6c757d; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { color: #343a40; border-color: transparent; background: #e9ecef; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { margin-right: 0.5rem; } .p-datatable .p-datatable-tbody > tr:focus-visible { outline: 0.15rem solid #BFDBFE; outline-offset: -0.15rem; } .p-datatable .p-datatable-tbody > tr.p-highlight { background: #EFF6FF; color: #1D4ED8; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { box-shadow: inset 0 2px 0 0 #EFF6FF; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { box-shadow: inset 0 -2px 0 0 #EFF6FF; } .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { background: #e9ecef; color: #495057; } .p-datatable .p-column-resizer-helper { background: #3B82F6; } .p-datatable .p-datatable-scrollable-header, .p-datatable .p-datatable-scrollable-footer { background: #f8f9fa; } .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { background-color: #f8f9fa; } .p-datatable .p-datatable-loading-icon { font-size: 2rem; } .p-datatable.p-datatable-gridlines .p-datatable-header { border-width: 1px 1px 0 1px; } .p-datatable.p-datatable-gridlines .p-datatable-footer { border-width: 0 1px 1px 1px; } .p-datatable.p-datatable-gridlines .p-paginator-top { border-width: 0 1px 0 1px; } .p-datatable.p-datatable-gridlines .p-paginator-bottom { border-width: 0 1px 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { border-width: 1px 0 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child { border-width: 1px; } .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { border-width: 1px 0 0 1px; } .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child { border-width: 1px 1px 0 1px; } .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td { border-width: 1px 0 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child { border-width: 1px; } .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { border-width: 1px 0 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child { border-width: 1px 1px 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td { border-width: 0 0 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child { border-width: 0 1px 1px 1px; } .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td { border-width: 0 0 1px 1px; } .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child { border-width: 0 1px 1px 1px; } .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td { border-width: 0 0 0 1px; } .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child { border-width: 0 1px 0 1px; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { background: #fcfcfc; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { background: #EFF6FF; color: #1D4ED8; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { color: #1D4ED8; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { color: #1D4ED8; } .p-datatable.p-datatable-sm .p-datatable-header { padding: 0.5rem 0.5rem; } .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { padding: 0.5rem 0.5rem; } .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { padding: 0.5rem 0.5rem; } .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { padding: 0.5rem 0.5rem; } .p-datatable.p-datatable-sm .p-datatable-footer { padding: 0.5rem 0.5rem; } .p-datatable.p-datatable-lg .p-datatable-header { padding: 1.25rem 1.25rem; } .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { padding: 1.25rem 1.25rem; } .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { padding: 1.25rem 1.25rem; } .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { padding: 1.25rem 1.25rem; } .p-datatable.p-datatable-lg .p-datatable-footer { padding: 1.25rem 1.25rem; } .p-dataview .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; } .p-dataview .p-paginator-bottom { border-width: 0 0 1px 0; border-radius: 0; } .p-dataview .p-dataview-header { background: #f8f9fa; color: #343a40; border: 1px solid #dee2e6; border-width: 1px 0 1px 0; padding: 1rem 1rem; font-weight: 700; } .p-dataview .p-dataview-content { background: #ffffff; color: #495057; border: 0 none; padding: 0; } .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { border: solid #dee2e6; border-width: 0 0 1px 0; } .p-dataview .p-dataview-footer { background: #f8f9fa; color: #343a40; border: 1px solid #dee2e6; border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 700; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .p-dataview .p-dataview-loading-icon { font-size: 2rem; } .p-dataview .p-dataview-emptymessage { padding: 1.25rem; } .p-column-filter-row .p-column-filter-menu-button, .p-column-filter-row .p-column-filter-clear-button { margin-left: 0.5rem; } .p-column-filter-menu-button { width: 2rem; height: 2rem; color: #6c757d; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-column-filter-menu-button:hover { color: #343a40; border-color: transparent; background: #e9ecef; } .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { background: #e9ecef; color: #343a40; } .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { background: #EFF6FF; color: #1D4ED8; } .p-column-filter-menu-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-column-filter-clear-button { width: 2rem; height: 2rem; color: #6c757d; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-column-filter-clear-button:hover { color: #343a40; border-color: transparent; background: #e9ecef; } .p-column-filter-clear-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-column-filter-overlay { background: #ffffff; color: #495057; border: 0 none; border-radius: 6px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); min-width: 12.5rem; } .p-column-filter-overlay .p-column-filter-row-items { padding: 0.75rem 0; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { margin: 0; padding: 0.75rem 1.25rem; border: 0 none; color: #495057; background: transparent; transition: box-shadow 0.2s; border-radius: 0; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { color: #1D4ED8; background: #EFF6FF; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { color: #495057; background: #e9ecef; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #BFDBFE; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { border-top: 1px solid #dee2e6; margin: 0.25rem 0; } .p-column-filter-overlay-menu .p-column-filter-operator { padding: 0.75rem 1.25rem; border-bottom: 1px solid #dee2e6; color: #343a40; background: #f8f9fa; margin: 0; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-column-filter-overlay-menu .p-column-filter-constraint { padding: 1.25rem; border-bottom: 1px solid #dee2e6; } .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { margin-bottom: 0.5rem; } .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { margin-top: 0.5rem; } .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { border-bottom: 0 none; } .p-column-filter-overlay-menu .p-column-filter-add-rule { padding: 0.75rem 1.25rem; } .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 1.25rem; } .p-orderlist .p-orderlist-controls { padding: 1.25rem; } .p-orderlist .p-orderlist-controls .p-button { margin-bottom: 0.5rem; } .p-orderlist .p-orderlist-header { background: #f8f9fa; color: #343a40; border: 1px solid #dee2e6; padding: 1.25rem; border-bottom: 0 none; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-orderlist .p-orderlist-header .p-orderlist-title { font-weight: 700; } .p-orderlist .p-orderlist-filter-container { padding: 1.25rem; background: #ffffff; border: 1px solid #dee2e6; border-bottom: 0 none; } .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { padding-right: 1.75rem; } .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { right: 0.75rem; color: #6c757d; } .p-orderlist .p-orderlist-list { border: 1px solid #dee2e6; background: #ffffff; color: #495057; padding: 0.75rem 0; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.75rem 1.25rem; margin: 0; border: 0 none; color: #495057; background: transparent; transition: box-shadow 0.2s; } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { background: #e9ecef; color: #495057; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { color: #495057; background: #dee2e6; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #1D4ED8; background: #EFF6FF; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { background: rgba(59, 130, 246, 0.24); } .p-orderlist .p-orderlist-list .p-orderlist-empty-message { padding: 0.75rem 1.25rem; color: #495057; } .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { background: #e9ecef; color: #495057; } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { background: #fcfcfc; } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { background: #e9ecef; } .p-orderlist-item.cdk-drag-preview { padding: 0.75rem 1.25rem; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); border: 0 none; color: #495057; background: #ffffff; margin: 0; } .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { background: #e9ecef; color: #495057; } .p-organizationchart .p-organizationchart-node-content.p-highlight { background: #EFF6FF; color: #1D4ED8; } .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { color: #70aeff; } .p-organizationchart .p-organizationchart-line-down { background: #dee2e6; } .p-organizationchart .p-organizationchart-line-left { border-right: 1px solid #dee2e6; border-color: #dee2e6; } .p-organizationchart .p-organizationchart-line-top { border-top: 1px solid #dee2e6; border-color: #dee2e6; } .p-organizationchart .p-organizationchart-node-content { border: 1px solid #dee2e6; background: #ffffff; color: #495057; padding: 1.25rem; } .p-organizationchart .p-organizationchart-node-content .p-node-toggler { background: inherit; color: inherit; border-radius: 50%; } .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-paginator { background: #ffffff; color: #6c757d; border: solid #e9ecef; border-width: 0; padding: 0.5rem 1rem; border-radius: 6px; } .p-paginator .p-paginator-first, .p-paginator .p-paginator-prev, .p-paginator .p-paginator-next, .p-paginator .p-paginator-last { background-color: transparent; border: 0 none; color: #6c757d; min-width: 3rem; height: 3rem; margin: 0.143rem; transition: box-shadow 0.2s; border-radius: 50%; } .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { background: #e9ecef; border-color: transparent; color: #343a40; } .p-paginator .p-paginator-first { border-top-left-radius: 50%; border-bottom-left-radius: 50%; } .p-paginator .p-paginator-last { border-top-right-radius: 50%; border-bottom-right-radius: 50%; } .p-paginator .p-dropdown { margin-left: 0.5rem; margin-right: 0.5rem; height: 3rem; } .p-paginator .p-dropdown .p-dropdown-label { padding-right: 0; } .p-paginator .p-paginator-page-input { margin-left: 0.5rem; margin-right: 0.5rem; } .p-paginator .p-paginator-page-input .p-inputtext { max-width: 3rem; } .p-paginator .p-paginator-current { background-color: transparent; border: 0 none; color: #6c757d; min-width: 3rem; height: 3rem; margin: 0.143rem; padding: 0 0.5rem; } .p-paginator .p-paginator-pages .p-paginator-page { background-color: transparent; border: 0 none; color: #6c757d; min-width: 3rem; height: 3rem; margin: 0.143rem; transition: box-shadow 0.2s; border-radius: 50%; } .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { background: #EFF6FF; border-color: #EFF6FF; color: #1D4ED8; } .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { background: #e9ecef; border-color: transparent; color: #343a40; } .p-picklist .p-picklist-buttons { padding: 1.25rem; } .p-picklist .p-picklist-buttons .p-button { margin-bottom: 0.5rem; } .p-picklist .p-picklist-header { background: #f8f9fa; color: #343a40; border: 1px solid #dee2e6; padding: 1.25rem; border-bottom: 0 none; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-picklist .p-picklist-header .p-picklist-title { font-weight: 700; } .p-picklist .p-picklist-filter-container { padding: 1.25rem; background: #ffffff; border: 1px solid #dee2e6; border-bottom: 0 none; } .p-picklist .p-picklist-filter-container .p-picklist-filter-input { padding-right: 1.75rem; } .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { right: 0.75rem; color: #6c757d; } .p-picklist .p-picklist-list { border: 1px solid #dee2e6; background: #ffffff; color: #495057; padding: 0.75rem 0; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; outline: 0 none; } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.75rem 1.25rem; margin: 0; border: 0 none; color: #495057; background: transparent; transition: box-shadow 0.2s; } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { background: #e9ecef; color: #495057; } .p-picklist .p-picklist-list .p-picklist-item.p-focus { color: #495057; background: #dee2e6; } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { color: #1D4ED8; background: #EFF6FF; } .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { background: rgba(59, 130, 246, 0.24); } .p-picklist .p-picklist-list .p-picklist-empty-message { padding: 0.75rem 1.25rem; color: #495057; } .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { background: #e9ecef; color: #495057; } .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { background: #fcfcfc; } .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { background: #e9ecef; } .p-picklist-item.cdk-drag-preview { padding: 0.75rem 1.25rem; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); border: 0 none; color: #495057; background: #ffffff; margin: 0; } .p-timeline .p-timeline-event-marker { border: 2px solid #3B82F6; border-radius: 50%; width: 1rem; height: 1rem; background-color: #ffffff; } .p-timeline .p-timeline-event-connector { background-color: #dee2e6; } .p-timeline.p-timeline-vertical .p-timeline-event-opposite, .p-timeline.p-timeline-vertical .p-timeline-event-content { padding: 0 1rem; } .p-timeline.p-timeline-vertical .p-timeline-event-connector { width: 2px; } .p-timeline.p-timeline-horizontal .p-timeline-event-opposite, .p-timeline.p-timeline-horizontal .p-timeline-event-content { padding: 1rem 0; } .p-timeline.p-timeline-horizontal .p-timeline-event-connector { height: 2px; } .p-tree { border: 1px solid #dee2e6; background: #ffffff; color: #495057; padding: 1.25rem; border-radius: 6px; } .p-tree .p-tree-container .p-treenode { padding: 0.143rem; outline: 0 none; } .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #BFDBFE; } .p-tree .p-tree-container .p-treenode .p-treenode-content { border-radius: 6px; transition: box-shadow 0.2s; padding: 0.5rem; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { margin-right: 0.5rem; width: 2rem; height: 2rem; color: #6c757d; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { color: #343a40; border-color: transparent; background: #e9ecef; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { margin-right: 0.5rem; color: #6c757d; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { margin-right: 0.5rem; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { color: #495057; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { background: #EFF6FF; color: #1D4ED8; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { color: #1D4ED8; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { color: #1D4ED8; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { background: #e9ecef; color: #495057; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { background: #e9ecef; color: #495057; } .p-tree .p-tree-filter-container { margin-bottom: 0.5rem; } .p-tree .p-tree-filter-container .p-tree-filter { width: 100%; padding-right: 1.75rem; } .p-tree .p-tree-filter-container .p-tree-filter-icon { right: 0.75rem; color: #6c757d; } .p-tree .p-treenode-children { padding: 0 0 0 1rem; } .p-tree .p-tree-loading-icon { font-size: 2rem; } .p-tree .p-tree-loading-icon.p-icon { width: 2rem; height: 2rem; } .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { background-color: #8cbeff; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { border-radius: 6px; border: 1px solid #dee2e6; background-color: #ffffff; color: #495057; padding: 0.5rem; transition: box-shadow 0.2s; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { background-color: #EFF6FF; color: #1D4ED8; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { color: #1D4ED8; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { margin-right: 0.5rem; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { color: #6c757d; margin-right: 0.5rem; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { margin-right: 0.5rem; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { background-color: inherit; color: inherit; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { background: #e9ecef; color: #495057; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-treetable .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; } .p-treetable .p-paginator-bottom { border-width: 0 0 1px 0; border-radius: 0; } .p-treetable .p-treetable-header { background: #f8f9fa; color: #343a40; border: 1px solid #dee2e6; border-width: 1px 0 1px 0; padding: 1rem 1rem; font-weight: 700; } .p-treetable .p-treetable-footer { background: #f8f9fa; color: #343a40; border: 1px solid #dee2e6; border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 700; } .p-treetable .p-treetable-thead > tr > th { text-align: left; padding: 1rem 1rem; border: 1px solid #dee2e6; border-width: 0 0 1px 0; font-weight: 700; color: #343a40; background: #f8f9fa; transition: box-shadow 0.2s; } .p-treetable .p-treetable-tfoot > tr > td { text-align: left; padding: 1rem 1rem; border: 1px solid #dee2e6; border-width: 0 0 1px 0; font-weight: 700; color: #343a40; background: #f8f9fa; } .p-treetable .p-sortable-column { outline-color: #BFDBFE; } .p-treetable .p-sortable-column .p-sortable-column-icon { color: #343a40; margin-left: 0.5rem; } .p-treetable .p-sortable-column .p-sortable-column-badge { border-radius: 50%; height: 1.143rem; min-width: 1.143rem; line-height: 1.143rem; color: #1D4ED8; background: #EFF6FF; margin-left: 0.5rem; } .p-treetable .p-sortable-column:not(.p-highlight):hover { background: #e9ecef; color: #343a40; } .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { color: #343a40; } .p-treetable .p-sortable-column.p-highlight { background: #EFF6FF; color: #1D4ED8; } .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { color: #1D4ED8; } .p-treetable .p-treetable-tbody > tr { background: #ffffff; color: #495057; transition: box-shadow 0.2s; } .p-treetable .p-treetable-tbody > tr > td { text-align: left; border: 1px solid #dee2e6; border-width: 0 0 1px 0; padding: 1rem 1rem; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { width: 2rem; height: 2rem; color: #6c757d; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; margin-right: 0.5rem; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { color: #343a40; border-color: transparent; background: #e9ecef; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler.p-icon { width: 2rem; height: 2rem; } .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { margin-right: 0.5rem; } .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { color: #495057; } .p-treetable .p-treetable-tbody > tr:focus-visible { outline: 0.15rem solid #BFDBFE; outline-offset: -0.15rem; } .p-treetable .p-treetable-tbody > tr.p-highlight { background: #EFF6FF; color: #1D4ED8; } .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { color: #1D4ED8; } .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { color: #1D4ED8; } .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { background: #e9ecef; color: #495057; } .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { color: #495057; } .p-treetable .p-column-resizer-helper { background: #3B82F6; } .p-treetable .p-treetable-scrollable-header, .p-treetable .p-treetable-scrollable-footer { background: #f8f9fa; } .p-treetable .p-treetable-loading-icon { font-size: 2rem; } .p-treetable .p-treetable-loading-icon.p-icon { width: 2rem; height: 2rem; } .p-treetable.p-treetable-gridlines .p-datatable-header { border-width: 1px 1px 0 1px; } .p-treetable.p-treetable-gridlines .p-treetable-footer { border-width: 0 1px 1px 1px; } .p-treetable.p-treetable-gridlines .p-treetable-top { border-width: 0 1px 0 1px; } .p-treetable.p-treetable-gridlines .p-treetable-bottom { border-width: 0 1px 1px 1px; } .p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { border-width: 1px; } .p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { border-width: 1px; } .p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { border-width: 1px; } .p-treetable.p-treetable-sm .p-treetable-header { padding: 0.875rem 0.875rem; } .p-treetable.p-treetable-sm .p-treetable-thead > tr > th { padding: 0.5rem 0.5rem; } .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { padding: 0.5rem 0.5rem; } .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { padding: 0.5rem 0.5rem; } .p-treetable.p-treetable-sm .p-treetable-footer { padding: 0.5rem 0.5rem; } .p-treetable.p-treetable-lg .p-treetable-header { padding: 1.25rem 1.25rem; } .p-treetable.p-treetable-lg .p-treetable-thead > tr > th { padding: 1.25rem 1.25rem; } .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { padding: 1.25rem 1.25rem; } .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { padding: 1.25rem 1.25rem; } .p-treetable.p-treetable-lg .p-treetable-footer { padding: 1.25rem 1.25rem; } .p-virtualscroller .p-virtualscroller-header { background: #f8f9fa; color: #343a40; border: 1px solid #dee2e6; border-width: 1px 0 1px 0; padding: 1rem 1rem; font-weight: 700; } .p-virtualscroller .p-virtualscroller-content { background: #ffffff; color: #495057; border: 0 none; padding: 0; } .p-virtualscroller .p-virtualscroller-footer { background: #f8f9fa; color: #343a40; border: 1px solid #dee2e6; border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 700; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .p-accordion .p-accordion-header .p-accordion-header-link { padding: 1.25rem; border: 1px solid #dee2e6; color: #6c757d; background: #f8f9fa; font-weight: 700; border-radius: 6px; transition: box-shadow 0.2s; } .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { margin-right: 0.5rem; } .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #BFDBFE; } .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { background: #e9ecef; border-color: #dee2e6; color: #343a40; } .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { background: #f8f9fa; border-color: #dee2e6; color: #343a40; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { border-color: #dee2e6; background: #e9ecef; color: #343a40; } .p-accordion .p-accordion-content { padding: 1.25rem; border: 1px solid #dee2e6; background: #ffffff; color: #495057; border-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .p-accordion p-accordiontab .p-accordion-tab { margin-bottom: 4px; } .p-card { background: #ffffff; color: #495057; box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); border-radius: 6px; } .p-card .p-card-body { padding: 1.25rem; } .p-card .p-card-title { font-size: 1.5rem; font-weight: 700; margin-bottom: 0.5rem; } .p-card .p-card-subtitle { font-weight: 400; margin-bottom: 0.5rem; color: #6c757d; } .p-card .p-card-content { padding: 1.25rem 0; } .p-card .p-card-footer { padding: 1.25rem 0 0 0; } .p-divider .p-divider-content { background-color: #ffffff; } .p-divider.p-divider-horizontal { margin: 1.25rem 0; padding: 0 1.25rem; } .p-divider.p-divider-horizontal:before { border-top: 1px #dee2e6; } .p-divider.p-divider-horizontal .p-divider-content { padding: 0 0.5rem; } .p-divider.p-divider-vertical { margin: 0 1.25rem; padding: 1.25rem 0; } .p-divider.p-divider-vertical:before { border-left: 1px #dee2e6; } .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } .p-fieldset { border: 1px solid #dee2e6; background: #ffffff; color: #495057; border-radius: 6px; } .p-fieldset .p-fieldset-legend { padding: 1.25rem; border: 1px solid #dee2e6; color: #343a40; background: #f8f9fa; font-weight: 700; border-radius: 6px; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { padding: 0; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { padding: 1.25rem; color: #343a40; border-radius: 6px; transition: box-shadow 0.2s; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { margin-right: 0.5rem; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { background: #e9ecef; border-color: #dee2e6; color: #343a40; } .p-fieldset .p-fieldset-content { padding: 1.25rem; } .p-panel .p-panel-header { border: 1px solid #dee2e6; padding: 1.25rem; background: #f8f9fa; color: #343a40; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-panel .p-panel-header .p-panel-title { font-weight: 700; } .p-panel .p-panel-header .p-panel-header-icon { width: 2rem; height: 2rem; color: #6c757d; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { color: #343a40; border-color: transparent; background: #e9ecef; } .p-panel .p-panel-header .p-panel-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-panel.p-panel-toggleable .p-panel-header { padding: 0.75rem 1.25rem; } .p-panel .p-panel-content { padding: 1.25rem; border: 1px solid #dee2e6; background: #ffffff; color: #495057; border-top: 0 none; } .p-panel .p-panel-content:last-child { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .p-panel .p-panel-footer { padding: 0.75rem 1.25rem; border: 1px solid #dee2e6; background: #ffffff; color: #495057; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; border-top: 0 none; } .p-panel .p-panel-icons-end { order: 2; margin-left: auto; } .p-panel .p-panel-icons-start { order: 0; margin-right: 0.5rem; } .p-panel .p-panel-icons-center { order: 2; width: 100%; text-align: center; } .p-scrollpanel .p-scrollpanel-bar { background: #f8f9fa; border: 0 none; } .p-splitter { border: 1px solid #dee2e6; background: #ffffff; border-radius: 6px; color: #495057; } .p-splitter .p-splitter-gutter { transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; background: #f8f9fa; } .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { background: #dee2e6; } .p-splitter .p-splitter-gutter-resizing { background: #dee2e6; } .p-tabview .p-tabview-nav-content { scroll-padding-inline: 3rem; } .p-tabview .p-tabview-nav { background: #ffffff; border: 1px solid #dee2e6; border-width: 0 0 2px 0; } .p-tabview .p-tabview-nav li { margin-right: 0; } .p-tabview .p-tabview-nav li .p-tabview-nav-link { border: solid #dee2e6; border-width: 0 0 2px 0; border-color: transparent transparent #dee2e6 transparent; background: #ffffff; color: #6c757d; padding: 1.25rem; font-weight: 700; border-top-right-radius: 6px; border-top-left-radius: 6px; transition: box-shadow 0.2s; margin: 0 0 -2px 0; } .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #BFDBFE; } .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { background: #ffffff; border-color: #adb5bd; color: #6c757d; } .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { background: #ffffff; border-color: #3B82F6; color: #3B82F6; } .p-tabview .p-tabview-left-icon { margin-right: 0.5rem; } .p-tabview .p-tabview-right-icon { margin-left: 0.5rem; } .p-tabview .p-tabview-close { margin-left: 0.5rem; } .p-tabview .p-tabview-nav-btn.p-link { background: #ffffff; color: #3B82F6; width: 3rem; box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); border-radius: 0; } .p-tabview .p-tabview-nav-btn.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #BFDBFE; } .p-tabview .p-tabview-panels { background: #ffffff; padding: 1.25rem; border: 0 none; color: #495057; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .p-toolbar { background: #f8f9fa; border: 1px solid #dee2e6; padding: 1.25rem; border-radius: 6px; gap: 0.5rem; } .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } .p-confirm-popup { background: #ffffff; color: #495057; border: 0 none; border-radius: 6px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); } .p-confirm-popup .p-confirm-popup-content { padding: 1.25rem; } .p-confirm-popup .p-confirm-popup-footer { text-align: right; padding: 0.75rem 1.25rem; } .p-confirm-popup .p-confirm-popup-footer button { margin: 0 0.5rem 0 0; width: auto; } .p-confirm-popup .p-confirm-popup-footer button:last-child { margin: 0; } .p-confirm-popup:after { border: solid transparent; border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; } .p-confirm-popup:before { border: solid transparent; border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; } .p-confirm-popup.p-confirm-popup-flipped:after { border-top-color: #ffffff; } .p-confirm-popup.p-confirm-popup-flipped:before { border-top-color: #ffffff; } .p-confirm-popup .p-confirm-popup-icon { font-size: 1.5rem; } .p-confirm-popup .p-confirm-popup-icon.p-icon { width: 1.5rem; height: 1.5rem; } .p-confirm-popup .p-confirm-popup-message { margin-left: 1rem; } .p-dialog { border-radius: 6px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); border: 0 none; } .p-dialog .p-dialog-header { border-bottom: 0 none; background: #ffffff; color: #343a40; padding: 1.5rem; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-dialog .p-dialog-header .p-dialog-title { font-weight: 700; font-size: 1.25rem; } .p-dialog .p-dialog-header .p-dialog-header-icon { width: 2rem; height: 2rem; color: #6c757d; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; margin-right: 0.5rem; } .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { color: #343a40; border-color: transparent; background: #e9ecef; } .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { margin-right: 0; } .p-dialog .p-dialog-content { background: #ffffff; color: #495057; padding: 0 1.5rem 2rem 1.5rem; } .p-dialog .p-dialog-content:last-of-type { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .p-dialog .p-dialog-footer { border-top: 0 none; background: #ffffff; color: #495057; padding: 0 1.5rem 1.5rem 1.5rem; text-align: right; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .p-dialog .p-dialog-footer button { margin: 0 0.5rem 0 0; width: auto; } .p-dialog.p-confirm-dialog .p-confirm-dialog-icon { font-size: 2rem; } .p-dialog.p-confirm-dialog .p-confirm-dialog-icon.p-icon { width: 2rem; height: 2rem; } .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } .p-overlaypanel { background: #ffffff; color: #495057; border: 0 none; border-radius: 6px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); } .p-overlaypanel .p-overlaypanel-content { padding: 1.25rem; } .p-overlaypanel .p-overlaypanel-close { background: #3B82F6; color: #ffffff; width: 2rem; height: 2rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; border-radius: 50%; position: absolute; top: -1rem; right: -1rem; } .p-overlaypanel .p-overlaypanel-close:enabled:hover { background: #2563eb; color: #ffffff; } .p-overlaypanel:after { border: solid transparent; border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; } .p-overlaypanel:before { border: solid transparent; border-color: rgba(255, 255, 255, 0); border-bottom-color: #f2f2f2; } .p-overlaypanel.p-overlaypanel-flipped:after { border-top-color: #ffffff; } .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #ffffff; } .p-sidebar { background: #ffffff; color: #495057; border: 0 none; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); } .p-sidebar .p-sidebar-header { padding: 1.25rem; } .p-sidebar .p-sidebar-header .p-sidebar-close, .p-sidebar .p-sidebar-header .p-sidebar-icon { width: 2rem; height: 2rem; color: #6c757d; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { color: #343a40; border-color: transparent; background: #e9ecef; } .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-sidebar .p-sidebar-header + .p-sidebar-content { padding-top: 0; } .p-sidebar .p-sidebar-content { padding: 1.25rem; } .p-sidebar .p-sidebar-footer { padding: 1.25rem; } .p-tooltip .p-tooltip-text { background: #495057; color: #ffffff; padding: 0.75rem 0.75rem; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); border-radius: 6px; } .p-tooltip.p-tooltip-right .p-tooltip-arrow { border-right-color: #495057; } .p-tooltip.p-tooltip-left .p-tooltip-arrow { border-left-color: #495057; } .p-tooltip.p-tooltip-top .p-tooltip-arrow { border-top-color: #495057; } .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #495057; } .p-fileupload .p-fileupload-buttonbar { background: #f8f9fa; padding: 1.25rem; border: 1px solid #dee2e6; color: #343a40; border-bottom: 0 none; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-fileupload .p-fileupload-buttonbar .p-button { margin-right: 0.5rem; } .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-fileupload .p-fileupload-content { background: #ffffff; padding: 2rem 1rem; border: 1px solid #dee2e6; color: #495057; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .p-fileupload .p-fileupload-content.p-fileupload-highlight { border-color: 1px dashed #3B82F6; border-style: dashed; background-color: #EFF6FF; } .p-fileupload .p-progressbar { height: 0.25rem; } .p-fileupload .p-fileupload-row > div { padding: 1rem 1rem; } .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } .p-fileupload-choose:not(.p-disabled):hover { background: #2563eb; color: #ffffff; border-color: #2563eb; } .p-fileupload-choose:not(.p-disabled):active { background: #1D4ED8; color: #ffffff; border-color: #1D4ED8; } .p-breadcrumb { background: #ffffff; border: 1px solid #dee2e6; border-radius: 6px; padding: 1rem; } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { transition: box-shadow 0.2s; border-radius: 6px; } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { color: #495057; } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { color: #6c757d; } .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { margin: 0 0.5rem 0 0.5rem; color: #495057; } .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { color: #495057; } .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { color: #6c757d; } .p-contextmenu { padding: 0.25rem 0; background: #ffffff; color: #495057; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); border-radius: 6px; width: 12.5rem; } .p-contextmenu .p-contextmenu-root-list { outline: 0 none; } .p-contextmenu .p-submenu-list { padding: 0.25rem 0; background: #ffffff; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); border-radius: 6px; } .p-contextmenu .p-menuitem > .p-menuitem-content { color: #495057; transition: box-shadow 0.2s; border-radius: 0; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { color: #495057; padding: 0.75rem 1.25rem; -webkit-user-select: none; user-select: none; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { color: #1D4ED8; background: #EFF6FF; } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #1D4ED8; } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #1D4ED8; } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(59, 130, 246, 0.24); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #495057; background: #dee2e6; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #495057; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #495057; background: #e9ecef; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #495057; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-contextmenu .p-menuitem-separator { border-top: 1px solid #dee2e6; margin: 0.25rem 0; } .p-contextmenu .p-submenu-icon { font-size: 0.875rem; } .p-contextmenu .p-submenu-icon.p-icon { width: 0.875rem; height: 0.875rem; } .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); padding: 0.5rem 0.5rem; border-radius: 0.5rem; } .p-dock .p-dock-list-container .p-dock-list { outline: 0 none; } .p-dock .p-dock-item { padding: 0.5rem; border-radius: 6px; } .p-dock .p-dock-item.p-focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #BFDBFE; } .p-dock .p-dock-link { width: 4rem; height: 4rem; } .p-dock.p-dock-top .p-dock-item-second-prev, .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, .p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } .p-dock.p-dock-top .p-dock-item-prev, .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, .p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { margin: 0 1.5rem; } .p-dock.p-dock-left .p-dock-item-second-prev, .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, .p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } .p-dock.p-dock-left .p-dock-item-prev, .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, .p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { margin: 1.5rem 0; } @media screen and (max-width: 960px) { .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { overflow-x: auto; width: 100%; } .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { margin: 0 auto; } .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { overflow-y: auto; height: 100%; } .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { margin: auto 0; } .p-dock .p-dock-list .p-dock-item { transform: none; margin: 0; } } .p-megamenu { padding: 0.5rem; background: #f8f9fa; color: #495057; border: 1px solid #dee2e6; border-radius: 6px; } .p-megamenu .p-megamenu-root-list { outline: 0 none; } .p-megamenu .p-menuitem > .p-menuitem-content { color: #495057; transition: box-shadow 0.2s; border-radius: 0; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { color: #495057; padding: 0.75rem 1.25rem; -webkit-user-select: none; user-select: none; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { color: #1D4ED8; background: #EFF6FF; } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #1D4ED8; } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #1D4ED8; } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(59, 130, 246, 0.24); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #495057; background: #dee2e6; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #495057; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #495057; background: #e9ecef; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #495057; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-megamenu .p-megamenu-panel { background: #ffffff; color: #495057; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-megamenu .p-submenu-header { margin: 0; padding: 0.75rem 1.25rem; color: #343a40; background: #ffffff; font-weight: 700; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-megamenu .p-submenu-list { padding: 0.25rem 0; width: 12.5rem; } .p-megamenu .p-submenu-list .p-menuitem-separator { border-top: 1px solid #dee2e6; margin: 0.25rem 0; } .p-megamenu.p-megamenu-vertical { width: 12.5rem; padding: 0.25rem 0; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { color: #495057; transition: box-shadow 0.2s; border-radius: 6px; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { padding: 0.75rem 1.25rem; -webkit-user-select: none; user-select: none; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; margin-left: 0.5rem; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #495057; background: #e9ecef; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #495057; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-menu { padding: 0.25rem 0; background: #ffffff; color: #495057; border: 1px solid #dee2e6; border-radius: 6px; width: 12.5rem; } .p-menu .p-menuitem > .p-menuitem-content { color: #495057; transition: box-shadow 0.2s; border-radius: 0; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { color: #495057; padding: 0.75rem 1.25rem; -webkit-user-select: none; user-select: none; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-menu .p-menuitem.p-highlight > .p-menuitem-content { color: #1D4ED8; background: #EFF6FF; } .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #1D4ED8; } .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #1D4ED8; } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(59, 130, 246, 0.24); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #495057; background: #dee2e6; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #495057; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #495057; background: #e9ecef; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #495057; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-menu.p-menu-overlay { background: #ffffff; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-menu .p-submenu-header { margin: 0; padding: 0.75rem 1.25rem; color: #343a40; background: #ffffff; font-weight: 700; border-top-right-radius: 0; border-top-left-radius: 0; } .p-menu .p-menuitem-separator { border-top: 1px solid #dee2e6; margin: 0.25rem 0; } .p-menu .p-menuitem-badge { background: #3B82F6; color: #ffffff; font-size: 0.75rem; font-weight: 700; min-width: 1.5rem; height: 1.5rem; line-height: 1.5rem; border-radius: 6px; margin-left: 0.5rem; padding-left: 0.5rem; padding-right: 0.5rem; } .p-menubar { padding: 0.5rem; background: #f8f9fa; color: #495057; border: 1px solid #dee2e6; border-radius: 6px; } .p-menubar .p-menubar-root-list { outline: 0 none; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { color: #495057; transition: box-shadow 0.2s; border-radius: 6px; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { padding: 0.75rem 1.25rem; -webkit-user-select: none; user-select: none; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; margin-left: 0.5rem; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #495057; background: #e9ecef; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #495057; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-menubar .p-menuitem > .p-menuitem-content { color: #495057; transition: box-shadow 0.2s; border-radius: 0; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { color: #495057; padding: 0.75rem 1.25rem; -webkit-user-select: none; user-select: none; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { color: #1D4ED8; background: #EFF6FF; } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #1D4ED8; } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #1D4ED8; } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(59, 130, 246, 0.24); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #495057; background: #dee2e6; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #495057; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #495057; background: #e9ecef; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #495057; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-menubar .p-submenu-list { padding: 0.25rem 0; background: #ffffff; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); width: 12.5rem; } .p-menubar .p-submenu-list .p-menuitem-separator { border-top: 1px solid #dee2e6; margin: 0.25rem 0; } .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } @media screen and (max-width: 960px) { .p-menubar { position: relative; } .p-menubar .p-menubar-button { display: flex; width: 2rem; height: 2rem; color: #6c757d; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-menubar .p-menubar-button:hover { color: #6c757d; background: #e9ecef; } .p-menubar .p-menubar-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-menubar .p-menubar-root-list { position: absolute; display: none; padding: 0.25rem 0; background: #ffffff; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); width: 100%; } .p-menubar .p-menubar-root-list .p-menuitem-separator { border-top: 1px solid #dee2e6; margin: 0.25rem 0; } .p-menubar .p-menubar-root-list .p-submenu-icon { font-size: 0.875rem; } .p-menubar .p-menubar-root-list .p-menuitem { width: 100%; position: static; } .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-left: auto; transition: transform 0.2s; } .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-180deg); } .p-menubar .p-menubar-root-list .p-submenu-list { width: 100%; position: static; box-shadow: none; border: 0 none; } .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { transition: transform 0.2s; transform: rotate(90deg); } .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-90deg); } .p-menubar .p-menubar-root-list .p-menuitem { width: 100%; position: static; } .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { padding-left: 2.25rem; } .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { padding-left: 3.75rem; } .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { padding-left: 5.25rem; } .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { padding-left: 6.75rem; } .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { padding-left: 8.25rem; } .p-menubar.p-menubar-mobile-active .p-menubar-root-list { display: flex; flex-direction: column; top: 100%; left: 0; z-index: 1; } } .p-panelmenu .p-panelmenu-header { outline: 0 none; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { border: 1px solid #dee2e6; color: #6c757d; background: #f8f9fa; border-radius: 6px; transition: box-shadow 0.2s; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { color: #6c757d; padding: 1.25rem; font-weight: 700; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #BFDBFE; } .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { background: #e9ecef; border-color: #dee2e6; color: #343a40; } .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { background: #f8f9fa; border-color: #dee2e6; color: #343a40; border-bottom-right-radius: 0; border-bottom-left-radius: 0; margin-bottom: 0; } .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { border-color: #dee2e6; background: #e9ecef; color: #343a40; } .p-panelmenu .p-panelmenu-content { padding: 0.25rem 0; border: 1px solid #dee2e6; background: #ffffff; color: #495057; border-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { outline: 0 none; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: #495057; transition: box-shadow 0.2s; border-radius: 0; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { color: #495057; padding: 0.75rem 1.25rem; -webkit-user-select: none; user-select: none; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { color: #1D4ED8; background: #EFF6FF; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #1D4ED8; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #1D4ED8; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(59, 130, 246, 0.24); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #495057; background: #dee2e6; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #495057; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #495057; background: #e9ecef; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #495057; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-content .p-menuitem-separator { border-top: 1px solid #dee2e6; margin: 0.25rem 0; } .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { padding: 0 0 0 1rem; } .p-panelmenu .p-panelmenu-panel { margin-bottom: 4px; } .p-slidemenu { padding: 0.25rem 0; background: #ffffff; color: #495057; border: 1px solid #dee2e6; border-radius: 6px; width: 12.5rem; } .p-slidemenu .p-slidemenu-root-list { outline: 0 none; } .p-slidemenu .p-submenu-list { outline: 0 none; } .p-slidemenu .p-menuitem > .p-menuitem-content { color: #495057; transition: box-shadow 0.2s; border-radius: 0; } .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { color: #495057; padding: 0.75rem 1.25rem; -webkit-user-select: none; user-select: none; } .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { color: #1D4ED8; background: #EFF6FF; } .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #1D4ED8; } .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #1D4ED8; } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(59, 130, 246, 0.24); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #495057; background: #dee2e6; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #495057; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #495057; background: #e9ecef; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #495057; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-slidemenu.p-slidemenu-overlay { background: #ffffff; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-slidemenu .p-slidemenu-list { padding: 0.25rem 0; background: #ffffff; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-slidemenu .p-menuitem-separator { border-top: 1px solid #dee2e6; margin: 0.25rem 0; } .p-slidemenu .p-slidemenu-icon { font-size: 0.875rem; } .p-slidemenu .p-icon { width: 0.875rem; height: 0.875rem; } .p-slidemenu .p-slidemenu-backward { padding: 0.75rem 1.25rem; color: #495057; } .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #BFDBFE; } .p-slidemenu .p-menuitem-badge { background: #3B82F6; color: #ffffff; font-size: 0.75rem; font-weight: 700; min-width: 1.5rem; height: 1.5rem; line-height: 1.5rem; border-radius: 6px; margin-left: 0.5rem; padding-left: 0.5rem; padding-right: 0.5rem; } .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: box-shadow 0.2s; border-radius: 6px; background: #ffffff; } .p-steps .p-steps-item .p-menuitem-link .p-steps-number { color: #495057; border: 1px solid #e9ecef; background: #ffffff; min-width: 2rem; height: 2rem; line-height: 2rem; font-size: 1.143rem; z-index: 1; border-radius: 50%; } .p-steps .p-steps-item .p-menuitem-link .p-steps-title { margin-top: 0.5rem; color: #6c757d; } .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-steps .p-steps-item.p-highlight .p-steps-number { background: #EFF6FF; color: #1D4ED8; } .p-steps .p-steps-item.p-highlight .p-steps-title { font-weight: 700; color: #495057; } .p-steps .p-steps-item:before { content: " "; border-top: 1px solid #dee2e6; width: 100%; top: 50%; left: 0; display: block; position: absolute; margin-top: -1rem; } .p-tabmenu .p-tabmenu-nav { background: #ffffff; border: 1px solid #dee2e6; border-width: 0 0 2px 0; } .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { background: #3B82F6; color: #ffffff; font-size: 0.75rem; font-weight: 700; min-width: 1.5rem; height: 1.5rem; line-height: 1.5rem; border-radius: 6px; margin-left: 0.5rem; padding-left: 0.5rem; padding-right: 0.5rem; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem { margin-right: 0; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { border: solid #dee2e6; border-width: 0 0 2px 0; border-color: transparent transparent #dee2e6 transparent; background: #ffffff; color: #6c757d; padding: 1.25rem; font-weight: 700; border-top-right-radius: 6px; border-top-left-radius: 6px; transition: box-shadow 0.2s; margin: 0 0 -2px 0; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { margin-right: 0.5rem; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #BFDBFE; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { background: #ffffff; border-color: #adb5bd; color: #6c757d; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { background: #ffffff; border-color: #3B82F6; color: #3B82F6; } .p-tabmenu .p-tabmenu-left-icon { margin-right: 0.5rem; } .p-tabmenu .p-tabmenu-right-icon { margin-left: 0.5rem; } .p-tabmenu .p-tabmenu-nav-btn.p-link { background: #ffffff; color: #3B82F6; width: 3rem; box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); border-radius: 0; } .p-tabmenu .p-tabmenu-nav-btn.p-link:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #BFDBFE; } .p-tieredmenu { padding: 0.25rem 0; background: #ffffff; color: #495057; border: 1px solid #dee2e6; border-radius: 6px; width: 12.5rem; } .p-tieredmenu.p-tieredmenu-overlay { background: #ffffff; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-tieredmenu .p-tieredmenu-root-list { outline: 0 none; } .p-tieredmenu .p-submenu-list { padding: 0.25rem 0; background: #ffffff; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-tieredmenu .p-menuitem > .p-menuitem-content { color: #495057; transition: box-shadow 0.2s; border-radius: 0; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { color: #495057; padding: 0.75rem 1.25rem; -webkit-user-select: none; user-select: none; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { color: #1D4ED8; background: #EFF6FF; } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #1D4ED8; } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #1D4ED8; } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(59, 130, 246, 0.24); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #495057; background: #dee2e6; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #495057; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #495057; background: #e9ecef; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #495057; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-tieredmenu .p-menuitem-separator { border-top: 1px solid #dee2e6; margin: 0.25rem 0; } .p-tieredmenu .p-submenu-icon { font-size: 0.875rem; } .p-tieredmenu .p-submenu-icon.p-icon { width: 0.875rem; height: 0.875rem; } .p-inline-message { padding: 0.75rem 0.75rem; margin: 0; border-radius: 6px; } .p-inline-message.p-inline-message-info { background: #e9e9ff; border: solid #696cff; border-width: 0px; color: #696cff; } .p-inline-message.p-inline-message-info .p-inline-message-icon { color: #696cff; } .p-inline-message.p-inline-message-success { background: #e4f8f0; border: solid #1ea97c; border-width: 0px; color: #1ea97c; } .p-inline-message.p-inline-message-success .p-inline-message-icon { color: #1ea97c; } .p-inline-message.p-inline-message-warn { background: #fff2e2; border: solid #cc8925; border-width: 0px; color: #cc8925; } .p-inline-message.p-inline-message-warn .p-inline-message-icon { color: #cc8925; } .p-inline-message.p-inline-message-error { background: #ffe7e6; border: solid #ff5757; border-width: 0px; color: #ff5757; } .p-inline-message.p-inline-message-error .p-inline-message-icon { color: #ff5757; } .p-inline-message .p-inline-message-icon { font-size: 1rem; margin-right: 0.5rem; } .p-inline-message .p-icon { width: 1rem; height: 1rem; } .p-inline-message .p-inline-message-text { font-size: 1rem; } .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } .p-message { margin: 1rem 0; border-radius: 6px; } .p-message .p-message-wrapper { padding: 1.25rem 1.75rem; } .p-message .p-message-close { width: 2rem; height: 2rem; border-radius: 50%; background: transparent; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-message .p-message-close:hover { background: rgba(255, 255, 255, 0.3); } .p-message .p-message-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-message.p-message-info { background: #e9e9ff; border: solid #696cff; border-width: 0 0 0 6px; color: #696cff; } .p-message.p-message-info .p-message-icon { color: #696cff; } .p-message.p-message-info .p-message-close { color: #696cff; } .p-message.p-message-success { background: #e4f8f0; border: solid #1ea97c; border-width: 0 0 0 6px; color: #1ea97c; } .p-message.p-message-success .p-message-icon { color: #1ea97c; } .p-message.p-message-success .p-message-close { color: #1ea97c; } .p-message.p-message-warn { background: #fff2e2; border: solid #cc8925; border-width: 0 0 0 6px; color: #cc8925; } .p-message.p-message-warn .p-message-icon { color: #cc8925; } .p-message.p-message-warn .p-message-close { color: #cc8925; } .p-message.p-message-error { background: #ffe7e6; border: solid #ff5757; border-width: 0 0 0 6px; color: #ff5757; } .p-message.p-message-error .p-message-icon { color: #ff5757; } .p-message.p-message-error .p-message-close { color: #ff5757; } .p-message .p-message-text { font-size: 1rem; font-weight: 400; } .p-message .p-message-icon { font-size: 1.5rem; margin-right: 0.5rem; } .p-message .p-icon { width: 1.5rem; height: 1.5rem; } .p-message .p-message-summary { font-weight: 700; } .p-message .p-message-detail { margin-left: 0.5rem; } .p-toast { opacity: 0.9; } .p-toast .p-toast-message { margin: 0 0 1rem 0; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); border-radius: 6px; } .p-toast .p-toast-message .p-toast-message-content { padding: 1rem; border-width: 0 0 0 6px; } .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { margin: 0 0 0 1rem; } .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { font-size: 2rem; } .p-toast .p-toast-message .p-toast-message-content .p-icon:not(.p-toast-icon-close-icon) { width: 2rem; height: 2rem; } .p-toast .p-toast-message .p-toast-message-content .p-toast-summary { font-weight: 700; } .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { margin: 0.5rem 0 0 0; } .p-toast .p-toast-message .p-toast-icon-close { width: 2rem; height: 2rem; border-radius: 50%; background: transparent; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-toast .p-toast-message .p-toast-icon-close:hover { background: rgba(255, 255, 255, 0.3); } .p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-toast .p-toast-message.p-toast-message-info { background: #e9e9ff; border: solid #696cff; border-width: 0 0 0 6px; color: #696cff; } .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { color: #696cff; } .p-toast .p-toast-message.p-toast-message-success { background: #e4f8f0; border: solid #1ea97c; border-width: 0 0 0 6px; color: #1ea97c; } .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { color: #1ea97c; } .p-toast .p-toast-message.p-toast-message-warn { background: #fff2e2; border: solid #cc8925; border-width: 0 0 0 6px; color: #cc8925; } .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { color: #cc8925; } .p-toast .p-toast-message.p-toast-message-error { background: #ffe7e6; border: solid #ff5757; border-width: 0 0 0 6px; color: #ff5757; } .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { color: #ff5757; } .p-galleria .p-galleria-close { margin: 0.5rem; background: transparent; color: #f8f9fa; width: 4rem; height: 4rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; border-radius: 50%; } .p-galleria .p-galleria-close .p-galleria-close-icon { font-size: 2rem; } .p-galleria .p-galleria-close .p-icon-wrapper .p-icon { width: 2rem; height: 2rem; } .p-galleria .p-galleria-close:hover { background: rgba(255, 255, 255, 0.1); color: #f8f9fa; } .p-galleria .p-galleria-item-nav { background: transparent; color: #f8f9fa; width: 4rem; height: 4rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; border-radius: 6px; margin: 0 0.5rem; } .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { font-size: 2rem; } .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { width: 2rem; height: 2rem; } .p-galleria .p-galleria-item-nav:not(.p-disabled):hover { background: rgba(255, 255, 255, 0.1); color: #f8f9fa; } .p-galleria .p-galleria-caption { background: rgba(0, 0, 0, 0.5); color: #f8f9fa; padding: 1rem; } .p-galleria .p-galleria-indicators { padding: 1rem; } .p-galleria .p-galleria-indicators .p-galleria-indicator button { background-color: #ced4da; width: 1rem; height: 1rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; border-radius: 50%; } .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { background: #adb5bd; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { background: #EFF6FF; color: #1D4ED8; } .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { margin-right: 0.5rem; } .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { margin-bottom: 0.5rem; } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { background: rgba(0, 0, 0, 0.5); } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { background: rgba(255, 255, 255, 0.4); } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { background: rgba(255, 255, 255, 0.6); } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { background: #EFF6FF; color: #1D4ED8; } .p-galleria .p-galleria-thumbnail-container { background: rgba(0, 0, 0, 0.9); padding: 1rem 0.25rem; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { margin: 0.5rem; background-color: transparent; color: #f8f9fa; width: 2rem; height: 2rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; border-radius: 50%; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { background: rgba(255, 255, 255, 0.1); color: #f8f9fa; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-galleria-mask { --maskbg: rgba(0, 0, 0, 0.9); } .p-image-mask { --maskbg: rgba(0, 0, 0, 0.9); } .p-image-preview-indicator { background-color: transparent; color: #f8f9fa; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-image-preview-container:hover > .p-image-preview-indicator { background-color: rgba(0, 0, 0, 0.5); } .p-image-toolbar { padding: 1rem; } .p-image-action.p-link { color: #f8f9fa; background-color: transparent; width: 3rem; height: 3rem; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; margin-right: 0.5rem; } .p-image-action.p-link:last-child { margin-right: 0; } .p-image-action.p-link:hover { color: #f8f9fa; background-color: rgba(255, 255, 255, 0.1); } .p-image-action.p-link i { font-size: 1.5rem; } .p-image-action.p-link .p-icon { width: 1.5rem; height: 1.5rem; } .p-avatar { background-color: #dee2e6; border-radius: 6px; } .p-avatar.p-avatar-lg { width: 3rem; height: 3rem; font-size: 1.5rem; } .p-avatar.p-avatar-lg .p-avatar-icon { font-size: 1.5rem; } .p-avatar.p-avatar-xl { width: 4rem; height: 4rem; font-size: 2rem; } .p-avatar.p-avatar-xl .p-avatar-icon { font-size: 2rem; } .p-avatar-group .p-avatar { border: 2px solid #ffffff; } .p-badge { background: #3B82F6; color: #ffffff; font-size: 0.75rem; font-weight: 700; min-width: 1.5rem; height: 1.5rem; line-height: 1.5rem; } .p-badge.p-badge-secondary { background-color: #64748B; color: #ffffff; } .p-badge.p-badge-success { background-color: #22C55E; color: #ffffff; } .p-badge.p-badge-info { background-color: #3B82F6; color: #ffffff; } .p-badge.p-badge-warning { background-color: #F59E0B; color: #ffffff; } .p-badge.p-badge-danger { background-color: #EF4444; color: #ffffff; } .p-badge.p-badge-lg { font-size: 1.125rem; min-width: 2.25rem; height: 2.25rem; line-height: 2.25rem; } .p-badge.p-badge-xl { font-size: 1.5rem; min-width: 3rem; height: 3rem; line-height: 3rem; } .p-chip { background-color: #dee2e6; color: #495057; border-radius: 16px; padding: 0 0.75rem; } .p-chip .p-chip-text { line-height: 1.5; margin-top: 0.375rem; margin-bottom: 0.375rem; } .p-chip .p-chip-icon { margin-right: 0.5rem; } .p-chip .pi-chip-remove-icon { margin-left: 0.5rem; } .p-chip img { width: 2.25rem; height: 2.25rem; margin-left: -0.75rem; margin-right: 0.5rem; } .p-chip .pi-chip-remove-icon { border-radius: 6px; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-chip .pi-chip-remove-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } .p-inplace .p-inplace-display { padding: 0.75rem 0.75rem; border-radius: 6px; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-inplace .p-inplace-display:not(.p-disabled):hover { background: #e9ecef; color: #495057; } .p-inplace .p-inplace-display:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-progressbar { border: 0 none; height: 1.5rem; background: #dee2e6; border-radius: 6px; } .p-progressbar .p-progressbar-value { border: 0 none; margin: 0; background: #3B82F6; } .p-progressbar .p-progressbar-label { color: #ffffff; line-height: 1.5rem; } .p-scrolltop { width: 3rem; height: 3rem; border-radius: 50%; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-scrolltop.p-link { background: rgba(0, 0, 0, 0.7); } .p-scrolltop.p-link:hover { background: rgba(0, 0, 0, 0.8); } .p-scrolltop .p-scrolltop-icon { font-size: 1.5rem; color: #f8f9fa; } .p-scrolltop .p-icon { width: 1.5rem; height: 1.5rem; } .p-skeleton { background-color: #dee2e6; border-radius: 6px; } .p-skeleton:after { background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); } .p-tag { background: #3B82F6; color: #ffffff; font-size: 0.75rem; font-weight: 700; padding: 0.25rem 0.4rem; border-radius: 6px; } .p-tag.p-tag-success { background-color: #22C55E; color: #ffffff; } .p-tag.p-tag-info { background-color: #3B82F6; color: #ffffff; } .p-tag.p-tag-warning { background-color: #F59E0B; color: #ffffff; } .p-tag.p-tag-danger { background-color: #EF4444; color: #ffffff; } .p-tag .p-tag-icon { margin-right: 0.25rem; font-size: 0.75rem; } .p-tag .p-icon { width: 0.75rem; height: 0.75rem; } .p-terminal { background: #ffffff; color: #495057; border: 1px solid #dee2e6; padding: 1.25rem; } .p-terminal .p-terminal-input { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; } .p-button-label { font-weight: 700; } .p-accordion .p-accordion-header .p-accordion-header-link { transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-tabview .p-tabview-nav li .p-tabview-nav-link { transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-tabview .p-tabview-nav .p-tabview-ink-bar { z-index: 1; display: block; position: absolute; bottom: 0; height: 2px; transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { background-color: #3B82F6; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { background-color: #3B82F6; } .p-button:focus { box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #9dc1fb, 0 1px 2px 0 black; } .p-button.p-button-secondary:enabled:focus { box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b0b9c6, 0 1px 2px 0 black; } .p-button.p-button-success:enabled:focus { box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #88eaac, 0 1px 2px 0 black; } .p-button.p-button-info:enabled:focus { box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #9dc1fb, 0 1px 2px 0 black; } .p-button.p-button-warning:enabled:focus { box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #facf85, 0 1px 2px 0 black; } .p-button.p-button-help:enabled:focus { box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #d4aafb, 0 1px 2px 0 black; } .p-button.p-button-danger:enabled:focus { box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #f7a2a2, 0 1px 2px 0 black; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { box-shadow: inset 0 2px 0 0 #3B82F6; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { box-shadow: inset 0 -2px 0 0 #3B82F6; } } /*!******************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/primeng/resources/primeng.min.css?ngGlobalStyle ***! \******************************************************************************************************************************************************************************************************************************************************/ .p-overflow-hidden{overflow:hidden;padding-right:var(--scrollbar-width)}@layer primeng{.p-component,.p-component *{box-sizing:border-box}.p-hidden{display:none}.p-hidden-space{visibility:hidden}.p-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.p-hidden-accessible input,.p-hidden-accessible select{transform:scale(0)}.p-reset{margin:0;padding:0;border:0;outline:0;text-decoration:none;font-size:100%;list-style:none}.p-disabled,.p-disabled *{cursor:default !important;pointer-events:none}.p-component-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.p-unselectable-text{-webkit-user-select:none;user-select:none}.p-scrollbar-measure{width:100px;height:100px;overflow:scroll;position:absolute;top:-9999px}@keyframes p-fadein{0%{opacity:0}100%{opacity:1}}input[type='button'],input[type='submit'],input[type='reset'],input[type='file']::-webkit-file-upload-button,button{border-radius:0}.p-link{text-align:left;background-color:transparent;margin:0;padding:0;border:0;cursor:pointer;-webkit-user-select:none;user-select:none}.p-link:disabled{cursor:default}.p-sr-only{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal !important}.p-connected-overlay{opacity:0;transform:scaleY(0.8);transition:transform .12s cubic-bezier(0,0,0.2,1),opacity .12s cubic-bezier(0,0,0.2,1)}.p-connected-overlay-visible{opacity:1;transform:scaleY(1)}.p-connected-overlay-hidden{opacity:0;transform:scaleY(1);transition:opacity .1s linear}.p-toggleable-content.ng-animating{overflow:hidden}.p-icon-wrapper{display:inline-flex}.p-icon{display:inline-block}.p-icon-spin{animation:p-icon-spin 2s infinite linear}}@keyframes p-icon-spin{0%{transform:rotate(0)}100%{transform:rotate(359deg)}}@layer primeng{.p-badge{display:inline-block;border-radius:10px;text-align:center;padding:0 .5rem}.p-overlay-badge{position:relative}.p-overlay-badge .p-badge{position:absolute;top:0;right:0;transform:translate(50%,-50%);transform-origin:100% 0;margin:0}.p-badge-dot{width:.5rem;min-width:.5rem;height:.5rem;border-radius:50%;padding:0}.p-badge-no-gutter{padding:0;border-radius:50%}.p-button{margin:0;display:inline-flex;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;vertical-align:bottom;text-align:center;overflow:hidden;position:relative}.p-button-label{flex:1 1 auto}.p-button-icon-right{order:1}.p-button:disabled{cursor:default;pointer-events:none}.p-button-icon-only{justify-content:center}.p-button-icon-only:after{content:'p';visibility:hidden;clip:rect(0 0 0 0);width:0}.p-button-vertical{flex-direction:column}.p-button-icon-bottom{order:2}.p-buttonset .p-button{margin:0}.p-buttonset .p-button:not(:last-child){border-right:0 none}.p-buttonset .p-button:not(:first-of-type):not(:last-of-type){border-radius:0}.p-buttonset .p-button:first-of-type{border-top-right-radius:0;border-bottom-right-radius:0}.p-buttonset .p-button:last-of-type{border-top-left-radius:0;border-bottom-left-radius:0}.p-buttonset .p-button:focus{position:relative;z-index:1}p-button[iconpos='right'] spinnericon{order:1}.p-checkbox{display:inline-flex;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:bottom;position:relative}.p-checkbox-disabled{cursor:default !important;pointer-events:none}.p-checkbox-box{display:flex;justify-content:center;align-items:center}p-checkbox{display:inline-flex;vertical-align:bottom;align-items:center}.p-checkbox-label{line-height:1}}.p-colorpicker-panel .p-colorpicker-color{background:transparent url('color.png') no-repeat left top}.p-colorpicker-panel .p-colorpicker-hue{background:transparent url('hue.png') no-repeat left top}@layer primeng{.p-inputtext{margin:0}.p-fluid .p-inputtext{width:100%}.p-inputgroup{display:flex;align-items:stretch;width:100%}.p-inputgroup-addon{display:flex;align-items:center;justify-content:center}.p-inputgroup .p-float-label{display:flex;align-items:stretch;width:100%}.p-inputgroup .p-inputtext,.p-fluid .p-inputgroup .p-inputtext,.p-inputgroup .p-inputwrapper,.p-inputgroup .p-inputwrapper>.p-component{flex:1 1 auto;width:1%}.p-float-label{display:block;position:relative}.p-float-label label{position:absolute;pointer-events:none;top:50%;margin-top:-0.5rem;transition-property:all;transition-timing-function:ease;line-height:1}.p-float-label textarea ~ label{top:1rem}.p-float-label input:focus ~ label,.p-float-label input.p-filled ~ label,.p-float-label textarea:focus ~ label,.p-float-label textarea.p-filled ~ label,.p-float-label .p-inputwrapper-focus ~ label,.p-float-label .p-inputwrapper-filled ~ label{top:-0.75rem;font-size:12px}.p-float-label .input:-webkit-autofill ~ label{top:-20px;font-size:12px}.p-float-label .p-placeholder,.p-float-label input::placeholder,.p-float-label .p-inputtext::placeholder{opacity:0;transition-property:all;transition-timing-function:ease}.p-float-label .p-focus .p-placeholder,.p-float-label input:focus::placeholder,.p-float-label .p-inputtext:focus::placeholder{opacity:1;transition-property:all;transition-timing-function:ease}.p-input-icon-left,.p-input-icon-right{position:relative;display:inline-block}.p-input-icon-left>i,.p-input-icon-left>.p-icon-wrapper,.p-input-icon-right>i,.p-input-icon-right>.p-icon-wrapper{position:absolute;top:50%;margin-top:-0.5rem}.p-fluid .p-input-icon-left,.p-fluid .p-input-icon-right{display:block;width:100%}.p-inputtextarea-resizable{overflow:hidden;resize:none}.p-fluid .p-inputtextarea{width:100%}.p-password{position:relative;display:inline-flex}.p-password-panel{position:absolute;top:0;left:0}.p-password .p-password-panel{min-width:100%}.p-password-meter{height:10px}.p-password-strength{height:100%;width:0;transition:width 1s ease-in-out}.p-fluid .p-password{display:flex}.p-password-input::-ms-reveal,.p-password-input::-ms-clear{display:none}.p-password-clear-icon{position:absolute;top:50%;margin-top:-0.5rem;cursor:pointer}.p-password-clearable.p-password-mask .p-password-clear-icon{margin-top:unset}.p-password-clearable{position:relative}.p-radiobutton{display:inline-flex;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:bottom;position:relative}.p-radiobutton-box{display:flex;justify-content:center;align-items:center}.p-radiobutton-icon{backface-visibility:hidden;transform:translateZ(0) scale(0.1);border-radius:50%;visibility:hidden}.p-radiobutton-box.p-highlight .p-radiobutton-icon{transform:translateZ(0) scale(1,1);visibility:visible}p-radiobutton{display:inline-flex;vertical-align:bottom;align-items:center}.p-radiobutton-label{line-height:1}.p-ripple{overflow:hidden;position:relative}.p-ink{display:block;position:absolute;background:rgba(255,255,255,0.5);border-radius:100%;transform:scale(0)}.p-ink-active{animation:ripple .4s linear}.p-ripple-disabled .p-ink{display:none !important}}@keyframes ripple{100%{opacity:0;transform:scale(2.5)}}@layer primeng{.p-tooltip{position:absolute;display:none;padding:.25em .5rem;max-width:12.5rem;pointer-events:none}.p-tooltip.p-tooltip-right,.p-tooltip.p-tooltip-left{padding:0 .25rem}.p-tooltip.p-tooltip-top,.p-tooltip.p-tooltip-bottom{padding:.25em 0}.p-tooltip .p-tooltip-text{white-space:pre-line;word-break:break-word}.p-tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.p-tooltip-right .p-tooltip-arrow{top:50%;left:0;margin-top:-0.25rem;border-width:.25em .25em .25em 0}.p-tooltip-left .p-tooltip-arrow{top:50%;right:0;margin-top:-0.25rem;border-width:.25em 0 .25em .25rem}.p-tooltip.p-tooltip-top{padding:.25em 0}.p-tooltip-top .p-tooltip-arrow{bottom:0;left:50%;margin-left:-0.25rem;border-width:.25em .25em 0}.p-tooltip-bottom .p-tooltip-arrow{top:0;left:50%;margin-left:-0.25rem;border-width:0 .25em .25rem}} /*!**********************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/primeicons/primeicons.css?ngGlobalStyle ***! \**********************************************************************************************************************************************************************************************************************************************/ @font-face { font-family: 'primeicons'; font-display: block; src: url('primeicons.eot'); src: url('primeicons.eot?#iefix') format('embedded-opentype'), url('primeicons.woff2') format('woff2'), url('primeicons.woff') format('woff'), url('primeicons.ttf') format('truetype'), url('primeicons.svg?#primeicons') format('svg'); font-weight: normal; font-style: normal; } .pi { font-family: 'primeicons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .pi:before { --webkit-backface-visibility:hidden; backface-visibility: hidden; } .pi-fw { width: 1.28571429em; text-align: center; } .pi-spin { animation: fa-spin 2s infinite linear; } @keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } .pi-eraser:before { content: "\ea04"; } .pi-stopwatch:before { content: "\ea01"; } .pi-verified:before { content: "\ea02"; } .pi-delete-left:before { content: "\ea03"; } .pi-hourglass:before { content: "\e9fe"; } .pi-truck:before { content: "\ea00"; } .pi-wrench:before { content: "\e9ff"; } .pi-microphone:before { content: "\e9fa"; } .pi-megaphone:before { content: "\e9fb"; } .pi-arrow-right-arrow-left:before { content: "\e9fc"; } .pi-bitcoin:before { content: "\e9fd"; } .pi-file-edit:before { content: "\e9f6"; } .pi-language:before { content: "\e9f7"; } .pi-file-export:before { content: "\e9f8"; } .pi-file-import:before { content: "\e9f9"; } .pi-file-word:before { content: "\e9f1"; } .pi-gift:before { content: "\e9f2"; } .pi-cart-plus:before { content: "\e9f3"; } .pi-thumbs-down-fill:before { content: "\e9f4"; } .pi-thumbs-up-fill:before { content: "\e9f5"; } .pi-arrows-alt:before { content: "\e9f0"; } .pi-calculator:before { content: "\e9ef"; } .pi-sort-alt-slash:before { content: "\e9ee"; } .pi-arrows-h:before { content: "\e9ec"; } .pi-arrows-v:before { content: "\e9ed"; } .pi-pound:before { content: "\e9eb"; } .pi-prime:before { content: "\e9ea"; } .pi-chart-pie:before { content: "\e9e9"; } .pi-reddit:before { content: "\e9e8"; } .pi-code:before { content: "\e9e7"; } .pi-sync:before { content: "\e9e6"; } .pi-shopping-bag:before { content: "\e9e5"; } .pi-server:before { content: "\e9e4"; } .pi-database:before { content: "\e9e3"; } .pi-hashtag:before { content: "\e9e2"; } .pi-bookmark-fill:before { content: "\e9df"; } .pi-filter-fill:before { content: "\e9e0"; } .pi-heart-fill:before { content: "\e9e1"; } .pi-flag-fill:before { content: "\e9de"; } .pi-circle:before { content: "\e9dc"; } .pi-circle-fill:before { content: "\e9dd"; } .pi-bolt:before { content: "\e9db"; } .pi-history:before { content: "\e9da"; } .pi-box:before { content: "\e9d9"; } .pi-at:before { content: "\e9d8"; } .pi-arrow-up-right:before { content: "\e9d4"; } .pi-arrow-up-left:before { content: "\e9d5"; } .pi-arrow-down-left:before { content: "\e9d6"; } .pi-arrow-down-right:before { content: "\e9d7"; } .pi-telegram:before { content: "\e9d3"; } .pi-stop-circle:before { content: "\e9d2"; } .pi-stop:before { content: "\e9d1"; } .pi-whatsapp:before { content: "\e9d0"; } .pi-building:before { content: "\e9cf"; } .pi-qrcode:before { content: "\e9ce"; } .pi-car:before { content: "\e9cd"; } .pi-instagram:before { content: "\e9cc"; } .pi-linkedin:before { content: "\e9cb"; } .pi-send:before { content: "\e9ca"; } .pi-slack:before { content: "\e9c9"; } .pi-sun:before { content: "\e9c8"; } .pi-moon:before { content: "\e9c7"; } .pi-vimeo:before { content: "\e9c6"; } .pi-youtube:before { content: "\e9c5"; } .pi-flag:before { content: "\e9c4"; } .pi-wallet:before { content: "\e9c3"; } .pi-map:before { content: "\e9c2"; } .pi-link:before { content: "\e9c1"; } .pi-credit-card:before { content: "\e9bf"; } .pi-discord:before { content: "\e9c0"; } .pi-percentage:before { content: "\e9be"; } .pi-euro:before { content: "\e9bd"; } .pi-book:before { content: "\e9ba"; } .pi-shield:before { content: "\e9b9"; } .pi-paypal:before { content: "\e9bb"; } .pi-amazon:before { content: "\e9bc"; } .pi-phone:before { content: "\e9b8"; } .pi-filter-slash:before { content: "\e9b7"; } .pi-facebook:before { content: "\e9b4"; } .pi-github:before { content: "\e9b5"; } .pi-twitter:before { content: "\e9b6"; } .pi-step-backward-alt:before { content: "\e9ac"; } .pi-step-forward-alt:before { content: "\e9ad"; } .pi-forward:before { content: "\e9ae"; } .pi-backward:before { content: "\e9af"; } .pi-fast-backward:before { content: "\e9b0"; } .pi-fast-forward:before { content: "\e9b1"; } .pi-pause:before { content: "\e9b2"; } .pi-play:before { content: "\e9b3"; } .pi-compass:before { content: "\e9ab"; } .pi-id-card:before { content: "\e9aa"; } .pi-ticket:before { content: "\e9a9"; } .pi-file-o:before { content: "\e9a8"; } .pi-reply:before { content: "\e9a7"; } .pi-directions-alt:before { content: "\e9a5"; } .pi-directions:before { content: "\e9a6"; } .pi-thumbs-up:before { content: "\e9a3"; } .pi-thumbs-down:before { content: "\e9a4"; } .pi-sort-numeric-down-alt:before { content: "\e996"; } .pi-sort-numeric-up-alt:before { content: "\e997"; } .pi-sort-alpha-down-alt:before { content: "\e998"; } .pi-sort-alpha-up-alt:before { content: "\e999"; } .pi-sort-numeric-down:before { content: "\e99a"; } .pi-sort-numeric-up:before { content: "\e99b"; } .pi-sort-alpha-down:before { content: "\e99c"; } .pi-sort-alpha-up:before { content: "\e99d"; } .pi-sort-alt:before { content: "\e99e"; } .pi-sort-amount-up:before { content: "\e99f"; } .pi-sort-amount-down:before { content: "\e9a0"; } .pi-sort-amount-down-alt:before { content: "\e9a1"; } .pi-sort-amount-up-alt:before { content: "\e9a2"; } .pi-palette:before { content: "\e995"; } .pi-undo:before { content: "\e994"; } .pi-desktop:before { content: "\e993"; } .pi-sliders-v:before { content: "\e991"; } .pi-sliders-h:before { content: "\e992"; } .pi-search-plus:before { content: "\e98f"; } .pi-search-minus:before { content: "\e990"; } .pi-file-excel:before { content: "\e98e"; } .pi-file-pdf:before { content: "\e98d"; } .pi-check-square:before { content: "\e98c"; } .pi-chart-line:before { content: "\e98b"; } .pi-user-edit:before { content: "\e98a"; } .pi-exclamation-circle:before { content: "\e989"; } .pi-android:before { content: "\e985"; } .pi-google:before { content: "\e986"; } .pi-apple:before { content: "\e987"; } .pi-microsoft:before { content: "\e988"; } .pi-heart:before { content: "\e984"; } .pi-mobile:before { content: "\e982"; } .pi-tablet:before { content: "\e983"; } .pi-key:before { content: "\e981"; } .pi-shopping-cart:before { content: "\e980"; } .pi-comments:before { content: "\e97e"; } .pi-comment:before { content: "\e97f"; } .pi-briefcase:before { content: "\e97d"; } .pi-bell:before { content: "\e97c"; } .pi-paperclip:before { content: "\e97b"; } .pi-share-alt:before { content: "\e97a"; } .pi-envelope:before { content: "\e979"; } .pi-volume-down:before { content: "\e976"; } .pi-volume-up:before { content: "\e977"; } .pi-volume-off:before { content: "\e978"; } .pi-eject:before { content: "\e975"; } .pi-money-bill:before { content: "\e974"; } .pi-images:before { content: "\e973"; } .pi-image:before { content: "\e972"; } .pi-sign-in:before { content: "\e970"; } .pi-sign-out:before { content: "\e971"; } .pi-wifi:before { content: "\e96f"; } .pi-sitemap:before { content: "\e96e"; } .pi-chart-bar:before { content: "\e96d"; } .pi-camera:before { content: "\e96c"; } .pi-dollar:before { content: "\e96b"; } .pi-lock-open:before { content: "\e96a"; } .pi-table:before { content: "\e969"; } .pi-map-marker:before { content: "\e968"; } .pi-list:before { content: "\e967"; } .pi-eye-slash:before { content: "\e965"; } .pi-eye:before { content: "\e966"; } .pi-folder-open:before { content: "\e964"; } .pi-folder:before { content: "\e963"; } .pi-video:before { content: "\e962"; } .pi-inbox:before { content: "\e961"; } .pi-lock:before { content: "\e95f"; } .pi-unlock:before { content: "\e960"; } .pi-tags:before { content: "\e95d"; } .pi-tag:before { content: "\e95e"; } .pi-power-off:before { content: "\e95c"; } .pi-save:before { content: "\e95b"; } .pi-question-circle:before { content: "\e959"; } .pi-question:before { content: "\e95a"; } .pi-copy:before { content: "\e957"; } .pi-file:before { content: "\e958"; } .pi-clone:before { content: "\e955"; } .pi-calendar-times:before { content: "\e952"; } .pi-calendar-minus:before { content: "\e953"; } .pi-calendar-plus:before { content: "\e954"; } .pi-ellipsis-v:before { content: "\e950"; } .pi-ellipsis-h:before { content: "\e951"; } .pi-bookmark:before { content: "\e94e"; } .pi-globe:before { content: "\e94f"; } .pi-replay:before { content: "\e94d"; } .pi-filter:before { content: "\e94c"; } .pi-print:before { content: "\e94b"; } .pi-align-right:before { content: "\e946"; } .pi-align-left:before { content: "\e947"; } .pi-align-center:before { content: "\e948"; } .pi-align-justify:before { content: "\e949"; } .pi-cog:before { content: "\e94a"; } .pi-cloud-download:before { content: "\e943"; } .pi-cloud-upload:before { content: "\e944"; } .pi-cloud:before { content: "\e945"; } .pi-pencil:before { content: "\e942"; } .pi-users:before { content: "\e941"; } .pi-clock:before { content: "\e940"; } .pi-user-minus:before { content: "\e93e"; } .pi-user-plus:before { content: "\e93f"; } .pi-trash:before { content: "\e93d"; } .pi-external-link:before { content: "\e93c"; } .pi-window-maximize:before { content: "\e93b"; } .pi-window-minimize:before { content: "\e93a"; } .pi-refresh:before { content: "\e938"; } .pi-user:before { content: "\e939"; } .pi-exclamation-triangle:before { content: "\e922"; } .pi-calendar:before { content: "\e927"; } .pi-chevron-circle-left:before { content: "\e928"; } .pi-chevron-circle-down:before { content: "\e929"; } .pi-chevron-circle-right:before { content: "\e92a"; } .pi-chevron-circle-up:before { content: "\e92b"; } .pi-angle-double-down:before { content: "\e92c"; } .pi-angle-double-left:before { content: "\e92d"; } .pi-angle-double-right:before { content: "\e92e"; } .pi-angle-double-up:before { content: "\e92f"; } .pi-angle-down:before { content: "\e930"; } .pi-angle-left:before { content: "\e931"; } .pi-angle-right:before { content: "\e932"; } .pi-angle-up:before { content: "\e933"; } .pi-upload:before { content: "\e934"; } .pi-download:before { content: "\e956"; } .pi-ban:before { content: "\e935"; } .pi-star-fill:before { content: "\e936"; } .pi-star:before { content: "\e937"; } .pi-chevron-left:before { content: "\e900"; } .pi-chevron-right:before { content: "\e901"; } .pi-chevron-down:before { content: "\e902"; } .pi-chevron-up:before { content: "\e903"; } .pi-caret-left:before { content: "\e904"; } .pi-caret-right:before { content: "\e905"; } .pi-caret-down:before { content: "\e906"; } .pi-caret-up:before { content: "\e907"; } .pi-search:before { content: "\e908"; } .pi-check:before { content: "\e909"; } .pi-check-circle:before { content: "\e90a"; } .pi-times:before { content: "\e90b"; } .pi-times-circle:before { content: "\e90c"; } .pi-plus:before { content: "\e90d"; } .pi-plus-circle:before { content: "\e90e"; } .pi-minus:before { content: "\e90f"; } .pi-minus-circle:before { content: "\e910"; } .pi-circle-on:before { content: "\e911"; } .pi-circle-off:before { content: "\e912"; } .pi-sort-down:before { content: "\e913"; } .pi-sort-up:before { content: "\e914"; } .pi-sort:before { content: "\e915"; } .pi-step-backward:before { content: "\e916"; } .pi-step-forward:before { content: "\e917"; } .pi-th-large:before { content: "\e918"; } .pi-arrow-down:before { content: "\e919"; } .pi-arrow-left:before { content: "\e91a"; } .pi-arrow-right:before { content: "\e91b"; } .pi-arrow-up:before { content: "\e91c"; } .pi-bars:before { content: "\e91d"; } .pi-arrow-circle-down:before { content: "\e91e"; } .pi-arrow-circle-left:before { content: "\e91f"; } .pi-arrow-circle-right:before { content: "\e920"; } .pi-arrow-circle-up:before { content: "\e921"; } .pi-info:before { content: "\e923"; } .pi-info-circle:before { content: "\e924"; } .pi-home:before { content: "\e925"; } .pi-spinner:before { content: "\e926"; } /*!******************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@ng-select/ng-select/themes/default.theme.css?ngGlobalStyle ***! \******************************************************************************************************************************************************************************************************************************************************************/ .ng-select.ng-select-opened>.ng-select-container{background:#fff;border-color:#b3b3b3 #ccc #d9d9d9}.ng-select.ng-select-opened>.ng-select-container:hover{box-shadow:none}.ng-select.ng-select-opened>.ng-select-container .ng-arrow{top:-2px;border-color:transparent transparent #999;border-width:0 5px 5px}.ng-select.ng-select-opened>.ng-select-container .ng-arrow:hover{border-color:transparent transparent #333}.ng-select.ng-select-opened.ng-select-top>.ng-select-container{border-top-right-radius:0;border-top-left-radius:0}.ng-select.ng-select-opened.ng-select-right>.ng-select-container{border-top-right-radius:0;border-bottom-right-radius:0}.ng-select.ng-select-opened.ng-select-bottom>.ng-select-container{border-bottom-right-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-opened.ng-select-left>.ng-select-container{border-top-left-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-focused:not(.ng-select-opened)>.ng-select-container{border-color:#007eff;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 0 3px rgba(0,126,255,0.1)}.ng-select.ng-select-disabled>.ng-select-container{background-color:#f9f9f9}.ng-select .ng-has-value .ng-placeholder{display:none}.ng-select .ng-select-container{color:#333;background-color:#fff;border-radius:4px;border:1px solid #ccc;min-height:36px;align-items:center}.ng-select .ng-select-container:hover{box-shadow:0 1px 0 rgba(0,0,0,0.06)}.ng-select .ng-select-container .ng-value-container{align-items:center;padding-left:10px}[dir="rtl"] .ng-select .ng-select-container .ng-value-container{padding-right:10px;padding-left:0}.ng-select .ng-select-container .ng-value-container .ng-placeholder{color:#999}.ng-select.ng-select-single .ng-select-container{height:36px}.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{top:5px;left:0;padding-left:10px;padding-right:50px}[dir="rtl"] .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{padding-right:10px;padding-left:50px}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value{background-color:#f9f9f9;border:1px solid #e6e6e6}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value .ng-value-label{padding:0 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-top:5px;padding-left:7px}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-right:7px;padding-left:0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{font-size:.9em;margin-bottom:5px;color:#333;background-color:#ebf5ff;border-radius:2px;margin-right:5px}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{margin-right:0;margin-left:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled{background-color:#f9f9f9}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:5px}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:0;padding-right:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label{display:inline-block;padding:1px 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{display:inline-block;padding:1px 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover{background-color:#d1e8ff}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-right:1px solid #b8dbff}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-left:1px solid #b8dbff;border-right:none}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:1px solid #b8dbff}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:0;border-right:1px solid #b8dbff}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 0 3px 3px}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 3px 3px 0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input>input{color:#000}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{top:5px;padding-bottom:5px;padding-left:3px}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{padding-right:3px;padding-left:0}.ng-select .ng-clear-wrapper{color:#999}.ng-select .ng-clear-wrapper:hover .ng-clear{color:#D0021B}.ng-select .ng-spinner-zone{padding:5px 5px 0 0}[dir="rtl"] .ng-select .ng-spinner-zone{padding:5px 0 0 5px}.ng-select .ng-arrow-wrapper{width:25px;padding-right:5px}[dir="rtl"] .ng-select .ng-arrow-wrapper{padding-left:5px;padding-right:0}.ng-select .ng-arrow-wrapper:hover .ng-arrow{border-top-color:#666}.ng-select .ng-arrow-wrapper .ng-arrow{border-color:#999 transparent transparent;border-style:solid;border-width:5px 5px 2.5px}.ng-dropdown-panel{background-color:#fff;border:1px solid #ccc;box-shadow:0 1px 0 rgba(0,0,0,0.06);left:0}.ng-dropdown-panel.ng-select-top{bottom:100%;border-top-right-radius:4px;border-top-left-radius:4px;border-bottom-color:#e6e6e6;margin-bottom:-1px}.ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px;border-top-left-radius:4px}.ng-dropdown-panel.ng-select-right{left:100%;top:0;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-color:#e6e6e6;margin-bottom:-1px}.ng-dropdown-panel.ng-select-right .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px}.ng-dropdown-panel.ng-select-bottom{top:100%;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-top-color:#e6e6e6;margin-top:-1px}.ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child{border-bottom-right-radius:4px;border-bottom-left-radius:4px}.ng-dropdown-panel.ng-select-left{left:-100%;top:0;border-top-left-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-color:#e6e6e6;margin-bottom:-1px}.ng-dropdown-panel.ng-select-left .ng-dropdown-panel-items .ng-option:first-child{border-top-left-radius:4px}.ng-dropdown-panel .ng-dropdown-header{border-bottom:1px solid #ccc;padding:5px 7px}.ng-dropdown-panel .ng-dropdown-footer{border-top:1px solid #ccc;padding:5px 7px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{-webkit-user-select:none;user-select:none;padding:8px 10px;font-weight:500;color:rgba(0,0,0,0.54);cursor:pointer}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled{cursor:default}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked{background-color:#f5faff}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected.ng-option-marked{color:rgba(0,0,0,0.54);background-color:#ebf5ff;font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{background-color:#fff;color:rgba(0,0,0,0.87);padding:8px 10px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked{color:#333;background-color:#ebf5ff}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .ng-option-label{font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{background-color:#f5faff;color:#333}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled{color:#ccc}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-left:22px}[dir="rtl"] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-right:22px;padding-left:0}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{font-size:80%;font-weight:400;padding-right:5px}[dir="rtl"] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{padding-left:5px;padding-right:0}[dir="rtl"] .ng-dropdown-panel{direction:rtl;text-align:right} /*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss?ngGlobalStyle (1) ***! \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ @charset "UTF-8"; *, ::before, ::after{ --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; } ::backdrop{ --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; } /* ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com */ /* 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) */ *, ::before, ::after { box-sizing: border-box; /* 1 */ border-width: 0; /* 2 */ border-style: solid; /* 2 */ border-color: #e2e8f0; /* 2 */ } ::before, ::after { --tw-content: ''; } /* 1. Use a consistent sensible line-height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. 3. Use a more readable tab size. 4. Use the user's configured `sans` font-family by default. 5. Use the user's configured `sans` font-feature-settings by default. 6. Use the user's configured `sans` font-variation-settings by default. 7. Disable tap highlights on iOS */ html, :host { line-height: 1.5; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ /* 3 */ tab-size: 4; /* 3 */ font-family: Inter, system-ui, sans-serif; /* 4 */ font-feature-settings: normal; /* 5 */ font-variation-settings: normal; /* 6 */ -webkit-tap-highlight-color: transparent; /* 7 */ } /* 1. Remove the margin in all browsers. 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element. */ body { margin: 0; /* 1 */ line-height: inherit; /* 2 */ } /* 1. Add the correct height in Firefox. 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) 3. Ensure horizontal rules are visible by default. */ hr { height: 0; /* 1 */ color: inherit; /* 2 */ border-top-width: 1px; /* 3 */ } /* Add the correct text decoration in Chrome, Edge, and Safari. */ abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } /* Remove the default font size and weight for headings. */ h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } /* Reset links to optimize for opt-in styling instead of opt-out. */ a { color: inherit; text-decoration: inherit; } /* Add the correct font weight in Edge and Safari. */ b, strong { font-weight: bolder; } /* 1. Use the user's configured `mono` font-family by default. 2. Use the user's configured `mono` font-feature-settings by default. 3. Use the user's configured `mono` font-variation-settings by default. 4. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp, pre { font-family: JetBrains Mono, Consolas, monospace; /* 1 */ font-feature-settings: normal; /* 2 */ font-variation-settings: normal; /* 3 */ font-size: 1em; /* 4 */ } /* Add the correct font size in all browsers. */ small { font-size: 80%; } /* Prevent `sub` and `sup` elements from affecting the line height in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) 3. Remove gaps between table borders by default. */ table { text-indent: 0; /* 1 */ border-color: inherit; /* 2 */ border-collapse: collapse; /* 3 */ } /* 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. 3. Remove default padding in all browsers. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-feature-settings: inherit; /* 1 */ font-variation-settings: inherit; /* 1 */ font-size: 100%; /* 1 */ font-weight: inherit; /* 1 */ line-height: inherit; /* 1 */ letter-spacing: inherit; /* 1 */ color: inherit; /* 1 */ margin: 0; /* 2 */ padding: 0; /* 3 */ } /* Remove the inheritance of text transform in Edge and Firefox. */ button, select { text-transform: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Remove default button styles. */ button, input:where([type='button']), input:where([type='reset']), input:where([type='submit']) { -webkit-appearance: button; /* 1 */ background-color: transparent; /* 2 */ background-image: none; /* 2 */ } /* Use the modern Firefox focus style for all focusable elements. */ :-moz-focusring { outline: auto; } /* Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) */ :-moz-ui-invalid { box-shadow: none; } /* Add the correct vertical alignment in Chrome and Firefox. */ progress { vertical-align: baseline; } /* Correct the cursor style of increment and decrement buttons in Safari. */ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } /* 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */ [type='search'] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /* Remove the inner padding in Chrome and Safari on macOS. */ ::-webkit-search-decoration { -webkit-appearance: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Add the correct display in Chrome and Safari. */ summary { display: list-item; } /* Removes the default spacing and border for appropriate elements. */ blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0; } fieldset { margin: 0; padding: 0; } legend { padding: 0; } ol, ul, menu { list-style: none; margin: 0; padding: 0; } /* Reset default styling for dialogs. */ dialog { padding: 0; } /* Prevent resizing textareas horizontally by default. */ textarea { resize: vertical; } /* 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) 2. Set the default placeholder color to the user's configured gray 400 color. */ input::placeholder, textarea::placeholder { opacity: 1; /* 1 */ color: #94a3b8; /* 2 */ } /* Set the default cursor for buttons. */ button, [role="button"] { cursor: pointer; } /* Make sure disabled buttons don't get the pointer cursor. */ :disabled { cursor: default; } /* 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) This can trigger a poorly considered lint error in some tools but is included by design. */ img, svg, video, canvas, audio, iframe, embed, object { display: block; /* 1 */ vertical-align: middle; /* 2 */ } /* Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) */ img, video { max-width: 100%; height: auto; } /* Make elements with the HTML hidden attribute stay hidden by default */ [hidden]:where(:not([hidden="until-found"])) { display: none; } [type='text'],input:where(:not([type])),[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select{ appearance: none; background-color: #fff; border-color: #64748b; border-width: 1px; border-radius: 0px; padding-top: 0.5rem; padding-right: 0.75rem; padding-bottom: 0.5rem; padding-left: 0.75rem; font-size: 1rem; line-height: 1.5rem; --tw-shadow: 0 0 #0000; } [type='text']:focus, input:where(:not([type])):focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus{ outline: 2px solid transparent; outline-offset: 2px; --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: #2563eb; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); border-color: #2563eb; } input::placeholder,textarea::placeholder{ color: #64748b; opacity: 1; } ::-webkit-datetime-edit-fields-wrapper{ padding: 0; } ::-webkit-date-and-time-value{ min-height: 1.5em; text-align: inherit; } ::-webkit-datetime-edit{ display: inline-flex; } ::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{ padding-top: 0; padding-bottom: 0; } select{ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%2364748b' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e"); background-position: right 0.5rem center; background-repeat: no-repeat; background-size: 1.5em 1.5em; padding-right: 2.5rem; print-color-adjust: exact; } [multiple],[size]:where(select:not([size="1"])){ background-image: initial; background-position: initial; background-repeat: unset; background-size: initial; padding-right: 0.75rem; print-color-adjust: unset; } [type='checkbox'],[type='radio']{ appearance: none; padding: 0; print-color-adjust: exact; display: inline-block; vertical-align: middle; background-origin: border-box; -webkit-user-select: none; user-select: none; flex-shrink: 0; height: 1rem; width: 1rem; color: #2563eb; background-color: #fff; border-color: #64748b; border-width: 1px; --tw-shadow: 0 0 #0000; } [type='checkbox']{ border-radius: 0px; } [type='radio']{ border-radius: 100%; } [type='checkbox']:focus,[type='radio']:focus{ outline: 2px solid transparent; outline-offset: 2px; --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); --tw-ring-offset-width: 2px; --tw-ring-offset-color: #fff; --tw-ring-color: #2563eb; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } [type='checkbox']:checked,[type='radio']:checked{ border-color: transparent; background-color: currentColor; background-size: 100% 100%; background-position: center; background-repeat: no-repeat; } [type='checkbox']:checked{ background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e"); } @media (forced-colors: active) { [type='checkbox']:checked{ appearance: auto; } } [type='radio']:checked{ background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e"); } @media (forced-colors: active) { [type='radio']:checked{ appearance: auto; } } [type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus{ border-color: transparent; background-color: currentColor; } [type='checkbox']:indeterminate{ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e"); border-color: transparent; background-color: currentColor; background-size: 100% 100%; background-position: center; background-repeat: no-repeat; } @media (forced-colors: active) { [type='checkbox']:indeterminate{ appearance: auto; } } [type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus{ border-color: transparent; background-color: currentColor; } [type='file']{ background: unset; border-color: inherit; border-width: 0; border-radius: 0; padding: 0; font-size: unset; line-height: inherit; } [type='file']:focus{ outline: 1px solid ButtonText; outline: 1px auto -webkit-focus-ring-color; } .\!container{ width: 100% !important; } .container{ width: 100%; } @media (min-width: 640px){ .\!container{ max-width: 640px !important; } .container{ max-width: 640px; } } @media (min-width: 768px){ .\!container{ max-width: 768px !important; } .container{ max-width: 768px; } } @media (min-width: 1024px){ .\!container{ max-width: 1024px !important; } .container{ max-width: 1024px; } } @media (min-width: 1280px){ .\!container{ max-width: 1280px !important; } .container{ max-width: 1280px; } } @media (min-width: 1536px){ .\!container{ max-width: 1536px !important; } .container{ max-width: 1536px; } } .form-input,.form-textarea,.form-select,.form-multiselect{ appearance: none; background-color: #fff; border-color: #64748b; border-width: 1px; border-radius: 0px; padding-top: 0.5rem; padding-right: 0.75rem; padding-bottom: 0.5rem; padding-left: 0.75rem; font-size: 1rem; line-height: 1.5rem; --tw-shadow: 0 0 #0000; } .form-input:focus, .form-textarea:focus, .form-select:focus, .form-multiselect:focus{ outline: 2px solid transparent; outline-offset: 2px; --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: #2563eb; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); border-color: #2563eb; } .form-input::placeholder,.form-textarea::placeholder{ color: #64748b; opacity: 1; } .form-input::-webkit-datetime-edit-fields-wrapper{ padding: 0; } .form-input::-webkit-date-and-time-value{ min-height: 1.5em; text-align: inherit; } .form-input::-webkit-datetime-edit{ display: inline-flex; } .form-input::-webkit-datetime-edit,.form-input::-webkit-datetime-edit-year-field,.form-input::-webkit-datetime-edit-month-field,.form-input::-webkit-datetime-edit-day-field,.form-input::-webkit-datetime-edit-hour-field,.form-input::-webkit-datetime-edit-minute-field,.form-input::-webkit-datetime-edit-second-field,.form-input::-webkit-datetime-edit-millisecond-field,.form-input::-webkit-datetime-edit-meridiem-field{ padding-top: 0; padding-bottom: 0; } .form-select{ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%2364748b' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e"); background-position: right 0.5rem center; background-repeat: no-repeat; background-size: 1.5em 1.5em; padding-right: 2.5rem; print-color-adjust: exact; } .form-select:where([size]:not([size="1"])){ background-image: initial; background-position: initial; background-repeat: unset; background-size: initial; padding-right: 0.75rem; print-color-adjust: unset; } .form-checkbox,.form-radio{ appearance: none; padding: 0; print-color-adjust: exact; display: inline-block; vertical-align: middle; background-origin: border-box; -webkit-user-select: none; user-select: none; flex-shrink: 0; height: 1rem; width: 1rem; color: #2563eb; background-color: #fff; border-color: #64748b; border-width: 1px; --tw-shadow: 0 0 #0000; } .form-checkbox{ border-radius: 0px; } .form-checkbox:focus,.form-radio:focus{ outline: 2px solid transparent; outline-offset: 2px; --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); --tw-ring-offset-width: 2px; --tw-ring-offset-color: #fff; --tw-ring-color: #2563eb; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .form-checkbox:checked,.form-radio:checked{ border-color: transparent; background-color: currentColor; background-size: 100% 100%; background-position: center; background-repeat: no-repeat; } .form-checkbox:checked{ background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e"); } @media (forced-colors: active) { .form-checkbox:checked{ appearance: auto; } } .form-checkbox:checked:hover,.form-checkbox:checked:focus,.form-radio:checked:hover,.form-radio:checked:focus{ border-color: transparent; background-color: currentColor; } .form-checkbox:indeterminate{ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e"); border-color: transparent; background-color: currentColor; background-size: 100% 100%; background-position: center; background-repeat: no-repeat; } @media (forced-colors: active) { .form-checkbox:indeterminate{ appearance: auto; } } .form-checkbox:indeterminate:hover,.form-checkbox:indeterminate:focus{ border-color: transparent; background-color: currentColor; } .\!btn{ display: inline-flex; align-items: center; justify-content: center; border-radius: 0.5rem; border-width: 1px; border-color: transparent; padding-left: 1rem; padding-right: 1rem; padding-top: 0.5rem; padding-bottom: 0.5rem; font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; } [data-theme=dark] .\!btn, html.dark .\!btn { border-color: var(--border-primary); } [data-theme=dark] .customer-side-navigation .nav-item > div.flex.\!btn.justify-between, html.dark .customer-side-navigation .nav-item > div.flex.\!btn.justify-between { background-color: transparent; border: 1px solid transparent; transition: all 0.2s ease-in-out; } [data-theme=dark] .customer-side-navigation .nav-item > div.flex.\!btn.justify-between:hover, html.dark .customer-side-navigation .nav-item > div.flex.\!btn.justify-between:hover { background-color: rgba(148, 163, 184, 0.1); border-color: rgba(148, 163, 184, 0.2); } [data-theme=dark] .customer-side-navigation .nav-item.active > div.flex.\!btn.justify-between, html.dark .customer-side-navigation .nav-item.active > div.flex.\!btn.justify-between { background-color: rgba(148, 163, 184, 0.15); border-color: rgba(148, 163, 184, 0.3); } [data-theme=dark] .customer-side-navigation .nav-item.active > div.flex.\!btn.justify-between span, html.dark .customer-side-navigation .nav-item.active > div.flex.\!btn.justify-between span { color: var(--text-primary); font-weight: 500; } [data-theme=dark] .resizable-panel .panel-content .flex.\!btn.bg-gray-100, html.dark .resizable-panel .panel-content .flex.\!btn.bg-gray-100 { background: #1E1E1E; } [data-theme=dark] .resizable-panel .panel-content .border.\!btn, html.dark .resizable-panel .panel-content .border.\!btn { background: #1E1E1E; border-color: #404040; } [data-theme=dark] .resizable-panel .panel-content .\!btn.rounded-lg, [data-theme=dark] .resizable-panel .panel-content .\!btn.rounded, html.dark .resizable-panel .panel-content .\!btn.rounded-lg, html.dark .resizable-panel .panel-content .\!btn.rounded { background: #1E1E1E; border-color: #404040; } [data-theme=dark] .flex.\!btn.space-x-2.px-3.py-2.rounded-\[50px\].bg-white, html.dark .flex.\!btn.space-x-2.px-3.py-2.rounded-\[50px\].bg-white { background: var(--surface-secondary, #1e1e1e); border: 1px solid var(--border-secondary, #525252); } [data-theme=dark] .flex.items-center.space-x-2.px-3.\!btn.rounded-\[50px\].bg-white, html.dark .flex.items-center.space-x-2.px-3.\!btn.rounded-\[50px\].bg-white { background: var(--surface-secondary, #1e1e1e); border: 1px solid var(--border-secondary, #525252); } [data-theme=dark] .flex.\!btn.space-x-2.px-3.py-2.rounded-\[50px\].bg-white:hover, html.dark .flex.\!btn.space-x-2.px-3.py-2.rounded-\[50px\].bg-white:hover { background: var(--surface-tertiary, #2a2a2a); } [data-theme=dark] .flex.items-center.space-x-2.px-3.\!btn.rounded-\[50px\].bg-white:hover, html.dark .flex.items-center.space-x-2.px-3.\!btn.rounded-\[50px\].bg-white:hover { background: var(--surface-tertiary, #2a2a2a); } [data-theme=dark] .flex.\!btn.space-x-2.px-3.py-2.rounded-\[50px\].bg-white span, html.dark .flex.\!btn.space-x-2.px-3.py-2.rounded-\[50px\].bg-white span { color: var(--text-primary, #e5e5e5); } [data-theme=dark] .flex.items-center.space-x-2.px-3.\!btn.rounded-\[50px\].bg-white span, html.dark .flex.items-center.space-x-2.px-3.\!btn.rounded-\[50px\].bg-white span { color: var(--text-primary, #e5e5e5); } [data-theme=dark] .flex.\!btn.space-x-2.px-3.py-2.rounded-\[50px\].bg-blue-50, html.dark .flex.\!btn.space-x-2.px-3.py-2.rounded-\[50px\].bg-blue-50 { background: rgba(59, 130, 246, 0.15); border-color: rgba(59, 130, 246, 0.3); } [data-theme=dark] .flex.items-center.space-x-2.px-3.\!btn.rounded-\[50px\].bg-blue-50, html.dark .flex.items-center.space-x-2.px-3.\!btn.rounded-\[50px\].bg-blue-50 { background: rgba(59, 130, 246, 0.15); border-color: rgba(59, 130, 246, 0.3); } [data-theme=dark] app-shipment-details .\!btn, html.dark app-shipment-details .\!btn { color: var(--text-secondary, #d4d4d4); } [data-theme=dark] app-shipment-details .flex.\!btn.space-x-3, html.dark app-shipment-details .flex.\!btn.space-x-3 { background: var(--bg-tertiary, #262626); border-color: var(--border-primary, #404040); } [data-theme=dark] app-shipment-details button.\!btn, html.dark app-shipment-details button.\!btn { border-color: var(--border-secondary, #404040); color: var(--text-primary, #e5e5e5); } [data-theme=dark] app-dynamic-invoice-template .\!btn, html.dark app-dynamic-invoice-template .\!btn { background: var(--bg-card, #1e1e1e); border: 1px solid var(--border-primary, #333); border-color: var(--border-primary, #333); } .\!btn { border-width: 1px; border: 1px solid rgba(0, 0, 0, 0.08); } .\!btn:focus{ outline: 2px solid transparent; outline-offset: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); --tw-ring-offset-width: 2px; } .\!btn:disabled{ cursor: not-allowed; opacity: 0.5; } .btn{ display: inline-flex; align-items: center; justify-content: center; border-radius: 0.5rem; border-width: 1px; border-color: transparent; padding-left: 1rem; padding-right: 1rem; padding-top: 0.5rem; padding-bottom: 0.5rem; font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; } [data-theme=dark] .btn, html.dark .btn { border-color: var(--border-primary); } [data-theme=dark] .customer-side-navigation .nav-item > div.flex.btn.justify-between, html.dark .customer-side-navigation .nav-item > div.flex.btn.justify-between { background-color: transparent; border: 1px solid transparent; transition: all 0.2s ease-in-out; } [data-theme=dark] .customer-side-navigation .nav-item > div.flex.btn.justify-between:hover, html.dark .customer-side-navigation .nav-item > div.flex.btn.justify-between:hover { background-color: rgba(148, 163, 184, 0.1); border-color: rgba(148, 163, 184, 0.2); } [data-theme=dark] .customer-side-navigation .nav-item.active > div.flex.btn.justify-between, html.dark .customer-side-navigation .nav-item.active > div.flex.btn.justify-between { background-color: rgba(148, 163, 184, 0.15); border-color: rgba(148, 163, 184, 0.3); } [data-theme=dark] .customer-side-navigation .nav-item.active > div.flex.btn.justify-between span, html.dark .customer-side-navigation .nav-item.active > div.flex.btn.justify-between span { color: var(--text-primary); font-weight: 500; } [data-theme=dark] .resizable-panel .panel-content .flex.btn.bg-gray-100, html.dark .resizable-panel .panel-content .flex.btn.bg-gray-100 { background: #1E1E1E; } [data-theme=dark] .resizable-panel .panel-content .border.btn, html.dark .resizable-panel .panel-content .border.btn { background: #1E1E1E; border-color: #404040; } [data-theme=dark] .resizable-panel .panel-content .btn.rounded-lg, [data-theme=dark] .resizable-panel .panel-content .btn.rounded, html.dark .resizable-panel .panel-content .btn.rounded-lg, html.dark .resizable-panel .panel-content .btn.rounded { background: #1E1E1E; border-color: #404040; } [data-theme=dark] .flex.btn.space-x-2.px-3.py-2.rounded-\[50px\].bg-white, html.dark .flex.btn.space-x-2.px-3.py-2.rounded-\[50px\].bg-white { background: var(--surface-secondary, #1e1e1e); border: 1px solid var(--border-secondary, #525252); } [data-theme=dark] .flex.items-center.space-x-2.px-3.btn.rounded-\[50px\].bg-white, html.dark .flex.items-center.space-x-2.px-3.btn.rounded-\[50px\].bg-white { background: var(--surface-secondary, #1e1e1e); border: 1px solid var(--border-secondary, #525252); } [data-theme=dark] .flex.btn.space-x-2.px-3.py-2.rounded-\[50px\].bg-white:hover, html.dark .flex.btn.space-x-2.px-3.py-2.rounded-\[50px\].bg-white:hover { background: var(--surface-tertiary, #2a2a2a); } [data-theme=dark] .flex.items-center.space-x-2.px-3.btn.rounded-\[50px\].bg-white:hover, html.dark .flex.items-center.space-x-2.px-3.btn.rounded-\[50px\].bg-white:hover { background: var(--surface-tertiary, #2a2a2a); } [data-theme=dark] .flex.btn.space-x-2.px-3.py-2.rounded-\[50px\].bg-white span, html.dark .flex.btn.space-x-2.px-3.py-2.rounded-\[50px\].bg-white span { color: var(--text-primary, #e5e5e5); } [data-theme=dark] .flex.items-center.space-x-2.px-3.btn.rounded-\[50px\].bg-white span, html.dark .flex.items-center.space-x-2.px-3.btn.rounded-\[50px\].bg-white span { color: var(--text-primary, #e5e5e5); } [data-theme=dark] .flex.btn.space-x-2.px-3.py-2.rounded-\[50px\].bg-blue-50, html.dark .flex.btn.space-x-2.px-3.py-2.rounded-\[50px\].bg-blue-50 { background: rgba(59, 130, 246, 0.15); border-color: rgba(59, 130, 246, 0.3); } [data-theme=dark] .flex.items-center.space-x-2.px-3.btn.rounded-\[50px\].bg-blue-50, html.dark .flex.items-center.space-x-2.px-3.btn.rounded-\[50px\].bg-blue-50 { background: rgba(59, 130, 246, 0.15); border-color: rgba(59, 130, 246, 0.3); } [data-theme=dark] app-shipment-details .btn, html.dark app-shipment-details .btn { color: var(--text-secondary, #d4d4d4); } [data-theme=dark] app-shipment-details .flex.btn.space-x-3, html.dark app-shipment-details .flex.btn.space-x-3 { background: var(--bg-tertiary, #262626); border-color: var(--border-primary, #404040); } [data-theme=dark] app-shipment-details button.btn, html.dark app-shipment-details button.btn { border-color: var(--border-secondary, #404040); color: var(--text-primary, #e5e5e5); } [data-theme=dark] app-dynamic-invoice-template .btn, html.dark app-dynamic-invoice-template .btn { background: var(--bg-card, #1e1e1e); border: 1px solid var(--border-primary, #333); border-color: var(--border-primary, #333); } .btn { border-width: 1px; border: 1px solid rgba(0, 0, 0, 0.08); } .btn:focus{ outline: 2px solid transparent; outline-offset: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); --tw-ring-offset-width: 2px; } .btn:disabled{ cursor: not-allowed; opacity: 0.5; } .btn-primary{ --tw-bg-opacity: 1; background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .btn-primary:focus { --tw-ring-color: transparent; --tw-ring-shadow: none; box-shadow: none; border-color: #d1d5db; /* Keep original border color */ } .btn-primary:hover{ --tw-bg-opacity: 1; background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1)); } .btn-primary:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1)); } .btn-secondary{ --tw-bg-opacity: 1; background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(15 23 42 / var(--tw-text-opacity, 1)); } [data-theme=dark] .btn-secondary, html.dark .btn-secondary { color: var(--text-primary); border-color: var(--border-primary); color: var(--text-secondary); } [data-theme=dark] app-email-details .btn-secondary, html.dark app-email-details .btn-secondary { color: #f3f4f6; } [data-theme=dark] .resizable-panel .panel-content .btn-secondary, html.dark .resizable-panel .panel-content .btn-secondary { background-color: #1A1A1A; } [data-theme=dark] .resizable-panel .panel-content .btn-secondary:first-child, [data-theme=dark] .resizable-panel .panel-content .flex.items-center.btn-secondary, html.dark .resizable-panel .panel-content .btn-secondary:first-child, html.dark .resizable-panel .panel-content .flex.items-center.btn-secondary { background: #1E1E1E; } [data-theme=dark] .resizable-panel .panel-content .btn-secondary, html.dark .resizable-panel .panel-content .btn-secondary { color: #e5e5e5; } [data-theme=dark] .filter-dropdown app-dropdown-option .trigger span.btn-secondary, html.dark .filter-dropdown app-dropdown-option .trigger span.btn-secondary { background: var(--surface-primary, #121212); color: var(--text-primary, #e5e5e5); } [data-theme=dark] app-line-more-info-content .btn-secondary, html.dark app-line-more-info-content .btn-secondary { color: var(--text-primary); } [data-theme=dark] app-dynamic-invoice-template .btn-secondary, html.dark app-dynamic-invoice-template .btn-secondary { color: var(--text-primary, #e5e5e5); } [data-theme=dark] app-payments-details .btn-secondary, html.dark app-payments-details .btn-secondary { color: var(--text-primary, #e5e5e5); } .btn-secondary:hover{ --tw-bg-opacity: 1; background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1)); } .btn-secondary:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(100 116 139 / var(--tw-ring-opacity, 1)); } .btn-outline{ --tw-border-opacity: 1; border-color: rgb(203 213 225 / var(--tw-border-opacity, 1)); --tw-text-opacity: 1; color: rgb(51 65 85 / var(--tw-text-opacity, 1)); } [data-theme=dark] .btn-outline, html.dark .btn-outline { color: var(--text-secondary); } [data-theme=dark] .resizable-panel .panel-content .btn-outline, html.dark .resizable-panel .panel-content .btn-outline { color: #e5e5e5; } [data-theme=dark] .filter-dropdown .btn-outline, html.dark .filter-dropdown .btn-outline { border-color: var(--border-secondary, #525252); } [data-theme=dark] app-dynamic-invoice-template .btn-outline, html.dark app-dynamic-invoice-template .btn-outline { color: var(--text-primary, #e5e5e5); } .btn-outline:hover{ --tw-bg-opacity: 1; background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1)); } .btn-outline:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(100 116 139 / var(--tw-ring-opacity, 1)); } .\!card{ overflow: hidden; border-radius: 0.75rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(241 245 249 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); --tw-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.08); --tw-shadow-colored: 0 2px 15px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } [data-theme=dark] .\!card, html.dark .\!card { color: var(--text-primary); border-color: var(--border-primary); } [data-theme=dark] .popup-content .\!card, html.dark .popup-content .\!card { background: #1a1a1a; } [data-theme=dark] .btn.\!card, [data-theme=dark] button:not(.p-button):not(.refresh-button):not(.export-button):not(.simple-button):not(.filter-button).\!card, html.dark .btn.\!card, html.dark button:not(.p-button):not(.refresh-button):not(.export-button):not(.simple-button):not(.filter-button).\!card { background-color: #121212; color: var(--text-primary); border-color: var(--border-primary); } [data-theme=dark] .btn.\!card:hover, [data-theme=dark] button:not(.p-button):not(.refresh-button):not(.export-button):not(.simple-button):not(.filter-button).\!card:hover, html.dark .btn.\!card:hover, html.dark button:not(.p-button):not(.refresh-button):not(.export-button):not(.simple-button):not(.filter-button).\!card:hover { background-color: var(--bg-hover); } [data-theme=dark] .\!card, html.dark .\!card { border-color: var(--border-primary); } [data-theme=dark] app-email-details .\!card, html.dark app-email-details .\!card { background-color: #1f2937; } [data-theme=dark] .resizable-panel .panel-content .\!card, html.dark .resizable-panel .panel-content .\!card { background-color: #1A1A1A; } [data-theme=dark] .resizable-panel .panel-content .\!card.rounded-lg, [data-theme=dark] .resizable-panel .panel-content .\!card.rounded, html.dark .resizable-panel .panel-content .\!card.rounded-lg, html.dark .resizable-panel .panel-content .\!card.rounded { background: #1E1E1E; border-color: #404040; } [data-theme=dark] .flex.items-center.space-x-2.px-3.py-2.rounded-\[50px\].\!card, html.dark .flex.items-center.space-x-2.px-3.py-2.rounded-\[50px\].\!card { background: var(--surface-secondary, #1e1e1e); border: 1px solid var(--border-secondary, #525252); } [data-theme=dark] .flex.items-center.space-x-2.px-3.py-2.rounded-\[50px\].\!card:hover, html.dark .flex.items-center.space-x-2.px-3.py-2.rounded-\[50px\].\!card:hover { background: var(--surface-tertiary, #2a2a2a); } [data-theme=dark] .flex.items-center.space-x-2.px-3.py-2.rounded-\[50px\].\!card span, html.dark .flex.items-center.space-x-2.px-3.py-2.rounded-\[50px\].\!card span { color: var(--text-primary, #e5e5e5); } [data-theme=dark] .filter-dropdown.\!card, html.dark .filter-dropdown.\!card { background: var(--surface-secondary, #1e1e1e); border-color: var(--border-primary, #3a3a3a); } [data-theme=dark] .filter-dropdown button.\!card, html.dark .filter-dropdown button.\!card { background: var(--surface-primary, #121212); border-color: var(--border-secondary, #525252); color: var(--text-primary, #e5e5e5); } [data-theme=dark] .filter-dropdown button.\!card:hover, html.dark .filter-dropdown button.\!card:hover { background: var(--surface-secondary, #1e1e1e); } [data-theme=dark] .filter-dropdown app-dropdown-option div.\!card, html.dark .filter-dropdown app-dropdown-option div.\!card { background: var(--surface-primary, #121212); border-color: var(--border-primary, #3a3a3a); } [data-theme=dark] .filter-dropdown app-dropdown-option div.\!card input, html.dark .filter-dropdown app-dropdown-option div.\!card input { background: var(--surface-secondary, #1e1e1e); border-color: var(--border-secondary, #525252); color: var(--text-primary, #e5e5e5); } [data-theme=dark] .filter-dropdown app-dropdown-option div.\!card input::placeholder, html.dark .filter-dropdown app-dropdown-option div.\!card input::placeholder { color: var(--text-tertiary, #8c8c8c); } [data-theme=dark] .filter-dropdown app-dropdown-option div.\!card input:focus, html.dark .filter-dropdown app-dropdown-option div.\!card input:focus { border-color: var(--border-secondary, #525252); } [data-theme=dark] .filter-dropdown app-dropdown-option div.\!card div.text-gray-500, html.dark .filter-dropdown app-dropdown-option div.\!card div.text-gray-500 { color: var(--text-secondary, #a3a3a3); } [data-theme=dark] .filter-dropdown app-dropdown-option div.\!card div.hover\:bg-gray-100:hover, html.dark .filter-dropdown app-dropdown-option div.\!card div.hover\:bg-gray-100:hover { background: var(--surface-secondary, #1e1e1e); } [data-theme=dark] .filter-dropdown app-dropdown-option div.\!card div.bg-gray-50, html.dark .filter-dropdown app-dropdown-option div.\!card div.bg-gray-50 { background: var(--surface-secondary, #1e1e1e); } [data-theme=dark] .filter-dropdown app-dropdown-option div.\!card div.text-gray-400, html.dark .filter-dropdown app-dropdown-option div.\!card div.text-gray-400 { color: var(--text-tertiary, #8c8c8c); } [data-theme=dark] .filter-dropdown app-dropdown-option div.\!card span, html.dark .filter-dropdown app-dropdown-option div.\!card span { color: var(--text-primary, #e5e5e5); } [data-theme=dark] .filter-dropdown app-dropdown-option div.\!card span.text-blue-600, html.dark .filter-dropdown app-dropdown-option div.\!card span.text-blue-600 { color: var(--primary-color, #3b82f6); } [data-theme=dark] app-shipment-details button.\!card, html.dark app-shipment-details button.\!card { border-color: var(--border-secondary, #404040); color: var(--text-primary, #e5e5e5); } [data-theme=dark] app-dynamic-invoice-template .\!card, html.dark app-dynamic-invoice-template .\!card { background: var(--bg-card, #1e1e1e); border: 1px solid var(--border-primary, #333); } [data-theme=dark] app-dynamic-invoice-template .\!card, html.dark app-dynamic-invoice-template .\!card { border-color: var(--border-primary, #333); } [data-theme=dark] app-dynamic-invoice-template .\!card, html.dark app-dynamic-invoice-template .\!card { border-color: var(--border-primary, #333); } .\!card { border-width: 1px; border: 1px solid rgba(0, 0, 0, 0.08); } .card{ overflow: hidden; border-radius: 0.75rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(241 245 249 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); --tw-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.08); --tw-shadow-colored: 0 2px 15px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } [data-theme=dark] .card, html.dark .card { color: var(--text-primary); border-color: var(--border-primary); } [data-theme=dark] .popup-content .card, html.dark .popup-content .card { background: #1a1a1a; } [data-theme=dark] .btn.card, [data-theme=dark] button:not(.p-button):not(.refresh-button):not(.export-button):not(.simple-button):not(.filter-button).card, html.dark .btn.card, html.dark button:not(.p-button):not(.refresh-button):not(.export-button):not(.simple-button):not(.filter-button).card { background-color: #121212; color: var(--text-primary); border-color: var(--border-primary); } [data-theme=dark] .btn.card:hover, [data-theme=dark] button:not(.p-button):not(.refresh-button):not(.export-button):not(.simple-button):not(.filter-button).card:hover, html.dark .btn.card:hover, html.dark button:not(.p-button):not(.refresh-button):not(.export-button):not(.simple-button):not(.filter-button).card:hover { background-color: var(--bg-hover); } [data-theme=dark] .card, html.dark .card { border-color: var(--border-primary); } [data-theme=dark] app-email-details .card, html.dark app-email-details .card { background-color: #1f2937; } [data-theme=dark] .resizable-panel .panel-content .card, html.dark .resizable-panel .panel-content .card { background-color: #1A1A1A; } [data-theme=dark] .resizable-panel .panel-content .card.rounded-lg, [data-theme=dark] .resizable-panel .panel-content .card.rounded, html.dark .resizable-panel .panel-content .card.rounded-lg, html.dark .resizable-panel .panel-content .card.rounded { background: #1E1E1E; border-color: #404040; } [data-theme=dark] .flex.items-center.space-x-2.px-3.py-2.rounded-\[50px\].card, html.dark .flex.items-center.space-x-2.px-3.py-2.rounded-\[50px\].card { background: var(--surface-secondary, #1e1e1e); border: 1px solid var(--border-secondary, #525252); } [data-theme=dark] .flex.items-center.space-x-2.px-3.py-2.rounded-\[50px\].card:hover, html.dark .flex.items-center.space-x-2.px-3.py-2.rounded-\[50px\].card:hover { background: var(--surface-tertiary, #2a2a2a); } [data-theme=dark] .flex.items-center.space-x-2.px-3.py-2.rounded-\[50px\].card span, html.dark .flex.items-center.space-x-2.px-3.py-2.rounded-\[50px\].card span { color: var(--text-primary, #e5e5e5); } [data-theme=dark] .filter-dropdown.card, html.dark .filter-dropdown.card { background: var(--surface-secondary, #1e1e1e); border-color: var(--border-primary, #3a3a3a); } [data-theme=dark] .filter-dropdown button.card, html.dark .filter-dropdown button.card { background: var(--surface-primary, #121212); border-color: var(--border-secondary, #525252); color: var(--text-primary, #e5e5e5); } [data-theme=dark] .filter-dropdown button.card:hover, html.dark .filter-dropdown button.card:hover { background: var(--surface-secondary, #1e1e1e); } [data-theme=dark] .filter-dropdown app-dropdown-option div.card, html.dark .filter-dropdown app-dropdown-option div.card { background: var(--surface-primary, #121212); border-color: var(--border-primary, #3a3a3a); } [data-theme=dark] .filter-dropdown app-dropdown-option div.card input, html.dark .filter-dropdown app-dropdown-option div.card input { background: var(--surface-secondary, #1e1e1e); border-color: var(--border-secondary, #525252); color: var(--text-primary, #e5e5e5); } [data-theme=dark] .filter-dropdown app-dropdown-option div.card input::placeholder, html.dark .filter-dropdown app-dropdown-option div.card input::placeholder { color: var(--text-tertiary, #8c8c8c); } [data-theme=dark] .filter-dropdown app-dropdown-option div.card input:focus, html.dark .filter-dropdown app-dropdown-option div.card input:focus { border-color: var(--border-secondary, #525252); } [data-theme=dark] .filter-dropdown app-dropdown-option div.card div.text-gray-500, html.dark .filter-dropdown app-dropdown-option div.card div.text-gray-500 { color: var(--text-secondary, #a3a3a3); } [data-theme=dark] .filter-dropdown app-dropdown-option div.card div.hover\:bg-gray-100:hover, html.dark .filter-dropdown app-dropdown-option div.card div.hover\:bg-gray-100:hover { background: var(--surface-secondary, #1e1e1e); } [data-theme=dark] .filter-dropdown app-dropdown-option div.card div.bg-gray-50, html.dark .filter-dropdown app-dropdown-option div.card div.bg-gray-50 { background: var(--surface-secondary, #1e1e1e); } [data-theme=dark] .filter-dropdown app-dropdown-option div.card div.text-gray-400, html.dark .filter-dropdown app-dropdown-option div.card div.text-gray-400 { color: var(--text-tertiary, #8c8c8c); } [data-theme=dark] .filter-dropdown app-dropdown-option div.card span, html.dark .filter-dropdown app-dropdown-option div.card span { color: var(--text-primary, #e5e5e5); } [data-theme=dark] .filter-dropdown app-dropdown-option div.card span.text-blue-600, html.dark .filter-dropdown app-dropdown-option div.card span.text-blue-600 { color: var(--primary-color, #3b82f6); } [data-theme=dark] app-shipment-details button.card, html.dark app-shipment-details button.card { border-color: var(--border-secondary, #404040); color: var(--text-primary, #e5e5e5); } [data-theme=dark] app-dynamic-invoice-template .card, html.dark app-dynamic-invoice-template .card { background: var(--bg-card, #1e1e1e); border: 1px solid var(--border-primary, #333); } [data-theme=dark] app-dynamic-invoice-template .card, html.dark app-dynamic-invoice-template .card { border-color: var(--border-primary, #333); } [data-theme=dark] app-dynamic-invoice-template .card, html.dark app-dynamic-invoice-template .card { border-color: var(--border-primary, #333); } .card { border-width: 1px; border: 1px solid rgba(0, 0, 0, 0.08); } .input-field{ display: block; width: 100%; border-radius: 0.5rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(203 213 225 / var(--tw-border-opacity, 1)); padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 0.5rem; padding-bottom: 0.5rem; } .input-field::placeholder{ --tw-placeholder-opacity: 1; color: rgb(148 163 184 / var(--tw-placeholder-opacity, 1)); } .input-field{ --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } [data-theme=dark] .input-field, html.dark .input-field { border-color: var(--border-primary); } [data-theme=dark] .input-field, html.dark .input-field { box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.5), 0 2px 4px -1px rgba(0, 0, 0, 0.3); } [data-theme=dark] .resizable-panel .panel-content .input-field.rounded-lg, [data-theme=dark] .resizable-panel .panel-content .input-field.rounded, html.dark .resizable-panel .panel-content .input-field.rounded-lg, html.dark .resizable-panel .panel-content .input-field.rounded { background: #1E1E1E; border-color: #404040; } [data-theme=dark] .resizable-panel .panel-content .border.input-field, html.dark .resizable-panel .panel-content .border.input-field { background: #1E1E1E; border-color: #404040; } [data-theme=dark] .flex.items-center.space-x-2.input-field.py-2.rounded-\[50px\].bg-white, html.dark .flex.items-center.space-x-2.input-field.py-2.rounded-\[50px\].bg-white { background: var(--surface-secondary, #1e1e1e); border: 1px solid var(--border-secondary, #525252); } [data-theme=dark] .flex.items-center.space-x-2.px-3.input-field.rounded-\[50px\].bg-white, html.dark .flex.items-center.space-x-2.px-3.input-field.rounded-\[50px\].bg-white { background: var(--surface-secondary, #1e1e1e); border: 1px solid var(--border-secondary, #525252); } [data-theme=dark] .flex.items-center.space-x-2.input-field.py-2.rounded-\[50px\].bg-white:hover, html.dark .flex.items-center.space-x-2.input-field.py-2.rounded-\[50px\].bg-white:hover { background: var(--surface-tertiary, #2a2a2a); } [data-theme=dark] .flex.items-center.space-x-2.px-3.input-field.rounded-\[50px\].bg-white:hover, html.dark .flex.items-center.space-x-2.px-3.input-field.rounded-\[50px\].bg-white:hover { background: var(--surface-tertiary, #2a2a2a); } [data-theme=dark] .flex.items-center.space-x-2.input-field.py-2.rounded-\[50px\].bg-white span, html.dark .flex.items-center.space-x-2.input-field.py-2.rounded-\[50px\].bg-white span { color: var(--text-primary, #e5e5e5); } [data-theme=dark] .flex.items-center.space-x-2.px-3.input-field.rounded-\[50px\].bg-white span, html.dark .flex.items-center.space-x-2.px-3.input-field.rounded-\[50px\].bg-white span { color: var(--text-primary, #e5e5e5); } [data-theme=dark] .flex.items-center.space-x-2.input-field.py-2.rounded-\[50px\].bg-blue-50, html.dark .flex.items-center.space-x-2.input-field.py-2.rounded-\[50px\].bg-blue-50 { background: rgba(59, 130, 246, 0.15); border-color: rgba(59, 130, 246, 0.3); } [data-theme=dark] .flex.items-center.space-x-2.px-3.input-field.rounded-\[50px\].bg-blue-50, html.dark .flex.items-center.space-x-2.px-3.input-field.rounded-\[50px\].bg-blue-50 { background: rgba(59, 130, 246, 0.15); border-color: rgba(59, 130, 246, 0.3); } [data-theme=dark] .filter-dropdown .input-field, html.dark .filter-dropdown .input-field { border-color: var(--border-secondary, #525252); } [data-theme=dark] app-shipment-details button.input-field, html.dark app-shipment-details button.input-field { border-color: var(--border-secondary, #404040); color: var(--text-primary, #e5e5e5); } [data-theme=dark] app-dynamic-invoice-template .input-field, html.dark app-dynamic-invoice-template .input-field { background: var(--bg-card, #1e1e1e); border: 1px solid var(--border-primary, #333); border-color: var(--border-primary, #333); } .input-field { border-width: 1px; border: 1px solid rgba(0, 0, 0, 0.08); } .input-field:focus{ outline: 2px solid transparent; outline-offset: 2px; } .sr-only{ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } .pointer-events-none{ pointer-events: none; } .pointer-events-auto{ pointer-events: auto; } .\!visible{ visibility: visible !important; } .visible{ visibility: visible; } .invisible{ visibility: hidden; } .collapse{ visibility: collapse; } .static{ position: static; } .fixed{ position: fixed; } .absolute{ position: absolute; } .relative{ position: relative; } .sticky{ position: sticky; } .inset-0{ inset: 0px; } .inset-1{ inset: 0.25rem; } .inset-y-0{ top: 0px; bottom: 0px; } .-right-1{ right: -0.25rem; } .-top-1{ top: -0.25rem; } .bottom-0{ bottom: 0px; } .bottom-2{ bottom: 0.5rem; } .bottom-4{ bottom: 1rem; } .bottom-6{ bottom: 1.5rem; } .bottom-7{ bottom: 1.75rem; } .bottom-\[33px\]{ bottom: 33px; } .bottom-full{ bottom: 100%; } .left-0{ left: 0px; } .left-1\/2{ left: 50%; } .left-2{ left: 0.5rem; } .left-3{ left: 0.75rem; } .left-\[-22px\]{ left: -22px; } .left-\[2px\]{ left: 2px; } .left-full{ left: 100%; } .right-0{ right: 0px; } .right-2{ right: 0.5rem; } .right-3{ right: 0.75rem; } .right-4{ right: 1rem; } .right-6{ right: 1.5rem; } .right-8{ right: 2rem; } .right-full{ right: 100%; } .top-0{ top: 0px; } .top-1\/2{ top: 50%; } .top-2{ top: 0.5rem; } .top-20{ top: 5rem; } .top-3{ top: 0.75rem; } .top-4{ top: 1rem; } .top-5{ top: 1.25rem; } .top-\[-1px\]{ top: -1px; } .top-\[11px\]{ top: 11px; } .top-\[2px\]{ top: 2px; } .top-\[9px\]{ top: 9px; } .top-full{ top: 100%; } .isolate{ isolation: isolate; } .z-0{ z-index: 0; } .z-10{ z-index: 10; } .z-20{ z-index: 20; } .z-40{ z-index: 40; } .z-50{ z-index: 50; } .z-\[1000\]{ z-index: 1000; } .z-\[1001\]{ z-index: 1001; } .z-\[20000\]{ z-index: 20000; } .z-\[99999\]{ z-index: 99999; } .z-\[9999\]{ z-index: 9999; } .order-1{ order: 1; } .col-span-1{ grid-column: span 1 / span 1; } .col-span-2{ grid-column: span 2 / span 2; } .col-span-3{ grid-column: span 3 / span 3; } .col-span-full{ grid-column: 1 / -1; } .m-0{ margin: 0px; } .m-1{ margin: 0.25rem; } .m-2{ margin: 0.5rem; } .m-3{ margin: 0.75rem; } .m-4{ margin: 1rem; } .mx-0{ margin-left: 0px; margin-right: 0px; } .mx-1{ margin-left: 0.25rem; margin-right: 0.25rem; } .mx-2{ margin-left: 0.5rem; margin-right: 0.5rem; } .mx-3{ margin-left: 0.75rem; margin-right: 0.75rem; } .mx-4{ margin-left: 1rem; margin-right: 1rem; } .mx-6{ margin-left: 1.5rem; margin-right: 1.5rem; } .mx-auto{ margin-left: auto; margin-right: auto; } .my-0{ margin-top: 0px; margin-bottom: 0px; } .my-1{ margin-top: 0.25rem; margin-bottom: 0.25rem; } .my-2{ margin-top: 0.5rem; margin-bottom: 0.5rem; } .my-3{ margin-top: 0.75rem; margin-bottom: 0.75rem; } .my-4{ margin-top: 1rem; margin-bottom: 1rem; } .my-5{ margin-top: 1.25rem; margin-bottom: 1.25rem; } .my-6{ margin-top: 1.5rem; margin-bottom: 1.5rem; } .my-8{ margin-top: 2rem; margin-bottom: 2rem; } .\!mt-0{ margin-top: 0px !important; } .-ml-1{ margin-left: -0.25rem; } .-mt-1{ margin-top: -0.25rem; } .-mt-10{ margin-top: -2.5rem; } .-mt-2{ margin-top: -0.5rem; } .mb-0{ margin-bottom: 0px; } .mb-0\.5{ margin-bottom: 0.125rem; } .mb-1{ margin-bottom: 0.25rem; } .mb-1\.5{ margin-bottom: 0.375rem; } .mb-12{ margin-bottom: 3rem; } .mb-16{ margin-bottom: 4rem; } .mb-2{ margin-bottom: 0.5rem; } .mb-3{ margin-bottom: 0.75rem; } .mb-4{ margin-bottom: 1rem; } .mb-5{ margin-bottom: 1.25rem; } .mb-6{ margin-bottom: 1.5rem; } .mb-8{ margin-bottom: 2rem; } .mb-\[10px\]{ margin-bottom: 10px; } .mb-\[15px\]{ margin-bottom: 15px; } .mb-\[25px\]{ margin-bottom: 25px; } .mb-\[40px\]{ margin-bottom: 40px; } .mb-\[60px\]{ margin-bottom: 60px; } .me-1{ margin-inline-end: 0.25rem; } .me-2{ margin-inline-end: 0.5rem; } .me-3{ margin-inline-end: 0.75rem; } .ml-0\.5{ margin-left: 0.125rem; } .ml-1{ margin-left: 0.25rem; } .ml-2{ margin-left: 0.5rem; } .ml-3{ margin-left: 0.75rem; } .ml-4{ margin-left: 1rem; } .ml-\[-1px\]{ margin-left: -1px; } .ml-\[-5px\]{ margin-left: -5px; } .ml-\[46px\]{ margin-left: 46px; } .ml-auto{ margin-left: auto; } .mr-1{ margin-right: 0.25rem; } .mr-1\.5{ margin-right: 0.375rem; } .mr-2{ margin-right: 0.5rem; } .mr-3{ margin-right: 0.75rem; } .mr-4{ margin-right: 1rem; } .mr-\[25px\]{ margin-right: 25px; } .ms-3{ margin-inline-start: 0.75rem; } .ms-4{ margin-inline-start: 1rem; } .ms-auto{ margin-inline-start: auto; } .mt-0{ margin-top: 0px; } .mt-0\.5{ margin-top: 0.125rem; } .mt-1{ margin-top: 0.25rem; } .mt-10{ margin-top: 2.5rem; } .mt-2{ margin-top: 0.5rem; } .mt-3{ margin-top: 0.75rem; } .mt-4{ margin-top: 1rem; } .mt-6{ margin-top: 1.5rem; } .mt-7{ margin-top: 1.75rem; } .mt-8{ margin-top: 2rem; } .mt-\[20px\]{ margin-top: 20px; } .mt-\[25px\]{ margin-top: 25px; } .mt-\[30px\]{ margin-top: 30px; } .mt-\[60px\]{ margin-top: 60px; } .mt-auto{ margin-top: auto; } .line-clamp-1{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .line-clamp-2{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .line-clamp-3{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .block{ display: block; } .inline-block{ display: inline-block; } .\!inline{ display: inline !important; } .inline{ display: inline; } .flex{ display: flex; } .inline-flex{ display: inline-flex; } .\!table{ display: table !important; } .table{ display: table; } .table-cell{ display: table-cell; } .table-row{ display: table-row; } .grid{ display: grid; } .contents{ display: contents; } .hidden{ display: none; } .aspect-\[4\/3\]{ aspect-ratio: 4/3; } .h-0\.5{ height: 0.125rem; } .h-1{ height: 0.25rem; } .h-10{ height: 2.5rem; } .h-12{ height: 3rem; } .h-14{ height: 3.5rem; } .h-16{ height: 4rem; } .h-2{ height: 0.5rem; } .h-2\.5{ height: 0.625rem; } .h-20{ height: 5rem; } .h-24{ height: 6rem; } .h-3{ height: 0.75rem; } .h-3\.5{ height: 0.875rem; } .h-32{ height: 8rem; } .h-4{ height: 1rem; } .h-40{ height: 10rem; } .h-48{ height: 12rem; } .h-5{ height: 1.25rem; } .h-56{ height: 14rem; } .h-6{ height: 1.5rem; } .h-7{ height: 1.75rem; } .h-8{ height: 2rem; } .h-80{ height: 20rem; } .h-9{ height: 2.25rem; } .h-96{ height: 24rem; } .h-\[100vh\]{ height: 100vh; } .h-\[120px\]{ height: 120px; } .h-\[12px\]{ height: 12px; } .h-\[15px\]{ height: 15px; } .h-\[180px\]{ height: 180px; } .h-\[19px\]{ height: 19px; } .h-\[1px\]{ height: 1px; } .h-\[22px\]{ height: 22px; } .h-\[24px\]{ height: 24px; } .h-\[38px\]{ height: 38px; } .h-\[3px\]{ height: 3px; } .h-\[400px\]{ height: 400px; } .h-\[405px\]{ height: 405px; } .h-\[40px\]{ height: 40px; } .h-\[42px\]{ height: 42px; } .h-\[45px\]{ height: 45px; } .h-\[47px\]{ height: 47px; } .h-\[48px\]{ height: 48px; } .h-\[500px\]{ height: 500px; } .h-\[50px\]{ height: 50px; } .h-\[54px\]{ height: 54px; } .h-\[56px\]{ height: 56px; } .h-\[657px\]{ height: 657px; } .h-\[66px\]{ height: 66px; } .h-\[720px\]{ height: 720px; } .h-\[77px\]{ height: 77px; } .h-\[80px\]{ height: 80px; } .h-\[90px\]{ height: 90px; } .h-\[93px\]{ height: 93px; } .h-\[calc\(100\%-200px\)\]{ height: calc(100% - 200px); } .h-\[clamp\(50px\2c 7vw\2c 60px\)\]{ height: clamp(50px,7vw,60px); } .h-auto{ height: auto; } .h-full{ height: 100%; } .\!max-h-none{ max-height: none !important; } .max-h-40{ max-height: 10rem; } .max-h-60{ max-height: 15rem; } .max-h-64{ max-height: 16rem; } .max-h-96{ max-height: 24rem; } .max-h-\[250px\]{ max-height: 250px; } .max-h-\[300px\]{ max-height: 300px; } .max-h-\[420px\]{ max-height: 420px; } .max-h-\[65vh\]{ max-height: 65vh; } .max-h-\[80vh\]{ max-height: 80vh; } .max-h-\[85vh\]{ max-height: 85vh; } .min-h-0{ min-height: 0px; } .min-h-44{ min-height: 11rem; } .min-h-96{ min-height: 24rem; } .min-h-\[160px\]{ min-height: 160px; } .min-h-\[400px\]{ min-height: 400px; } .min-h-\[420px\]{ min-height: 420px; } .min-h-\[44px\]{ min-height: 44px; } .min-h-\[60vh\]{ min-height: 60vh; } .min-h-\[65vh\]{ min-height: 65vh; } .min-h-\[700px\]{ min-height: 700px; } .min-h-full{ min-height: 100%; } .min-h-screen{ min-height: 100vh; } .w-1\/2{ width: 50%; } .w-1\/3{ width: 33.333333%; } .w-1\/4{ width: 25%; } .w-10{ width: 2.5rem; } .w-11{ width: 2.75rem; } .w-12{ width: 3rem; } .w-14{ width: 3.5rem; } .w-16{ width: 4rem; } .w-2{ width: 0.5rem; } .w-2\.5{ width: 0.625rem; } .w-2\/3{ width: 66.666667%; } .w-20{ width: 5rem; } .w-24{ width: 6rem; } .w-28{ width: 7rem; } .w-3{ width: 0.75rem; } .w-3\.5{ width: 0.875rem; } .w-32{ width: 8rem; } .w-36{ width: 9rem; } .w-4{ width: 1rem; } .w-40{ width: 10rem; } .w-48{ width: 12rem; } .w-5{ width: 1.25rem; } .w-6{ width: 1.5rem; } .w-60{ width: 15rem; } .w-7{ width: 1.75rem; } .w-8{ width: 2rem; } .w-9{ width: 2.25rem; } .w-96{ width: 24rem; } .w-\[10\%\]{ width: 10%; } .w-\[100px\]{ width: 100px; } .w-\[106px\]{ width: 106px; } .w-\[110px\]{ width: 110px; } .w-\[114px\]{ width: 114px; } .w-\[120px\]{ width: 120px; } .w-\[12px\]{ width: 12px; } .w-\[15px\]{ width: 15px; } .w-\[180px\]{ width: 180px; } .w-\[19px\]{ width: 19px; } .w-\[1px\]{ width: 1px; } .w-\[20\%\]{ width: 20%; } .w-\[24px\]{ width: 24px; } .w-\[30\%\]{ width: 30%; } .w-\[300px\]{ width: 300px; } .w-\[320px\]{ width: 320px; } .w-\[359px\]{ width: 359px; } .w-\[40px\]{ width: 40px; } .w-\[460px\]{ width: 460px; } .w-\[50\%\]{ width: 50%; } .w-\[54px\]{ width: 54px; } .w-\[560px\]{ width: 560px; } .w-\[77px\]{ width: 77px; } .w-\[80px\]{ width: 80px; } .w-\[90px\]{ width: 90px; } .w-auto{ width: auto; } .w-fit{ width: fit-content; } .w-full{ width: 100%; } .min-w-0{ min-width: 0px; } .min-w-40{ min-width: 10rem; } .min-w-\[150px\]{ min-width: 150px; } .min-w-\[200px\]{ min-width: 200px; } .min-w-\[20px\]{ min-width: 20px; } .min-w-\[250px\]{ min-width: 250px; } .min-w-\[262px\]{ min-width: 262px; } .min-w-\[270px\]{ min-width: 270px; } .min-w-\[30px\]{ min-width: 30px; } .min-w-\[33px\]{ min-width: 33px; } .min-w-\[35px\]{ min-width: 35px; } .min-w-\[3rem\]{ min-width: 3rem; } .min-w-\[42px\]{ min-width: 42px; } .min-w-\[4px\]{ min-width: 4px; } .max-w-2xl{ max-width: 42rem; } .max-w-4xl{ max-width: 56rem; } .max-w-7xl{ max-width: 80rem; } .max-w-96{ max-width: 24rem; } .max-w-\[1000px\]{ max-width: 1000px; } .max-w-\[150px\]{ max-width: 150px; } .max-w-\[223px\]{ max-width: 223px; } .max-w-\[34rem\]{ max-width: 34rem; } .max-w-\[500px\]{ max-width: 500px; } .max-w-\[60px\]{ max-width: 60px; } .max-w-\[80px\]{ max-width: 80px; } .max-w-\[calc\(100vw-32px\)\]{ max-width: calc(100vw - 32px); } .max-w-\[clamp\(270px\2c 42vw\2c 411\.25px\)\]{ max-width: clamp(270px,42vw,411.25px); } .max-w-fit{ max-width: fit-content; } .max-w-full{ max-width: 100%; } .max-w-lg{ max-width: 32rem; } .max-w-md{ max-width: 28rem; } .max-w-none{ max-width: none; } .max-w-sm{ max-width: 24rem; } .max-w-xl{ max-width: 36rem; } .max-w-xs{ max-width: 20rem; } .flex-1{ flex: 1 1 0%; } .flex-none{ flex: none; } .flex-shrink{ flex-shrink: 1; } .flex-shrink-0{ flex-shrink: 0; } .shrink{ flex-shrink: 1; } .shrink-0{ flex-shrink: 0; } .flex-grow{ flex-grow: 1; } .table-fixed{ table-layout: fixed; } .border-collapse{ border-collapse: collapse; } .border-separate{ border-collapse: separate; } .border-spacing-y-2{ --tw-border-spacing-y: 0.5rem; border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y); } .-translate-x-1\/2{ --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-translate-y-1\/2{ --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-x-0{ --tw-translate-x: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-x-1\/2{ --tw-translate-x: 50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-x-3{ --tw-translate-x: 0.75rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-x-full{ --tw-translate-x: 100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-y-1\/2{ --tw-translate-y: 50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rotate-180{ --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rotate-45{ --tw-rotate: 45deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .transform{ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } @keyframes pulse{ 50%{ opacity: .5; } } .animate-pulse{ animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; } @keyframes spin{ to{ transform: rotate(360deg); } } .animate-spin{ animation: spin 1s linear infinite; } .cursor-default{ cursor: default; } .cursor-not-allowed{ cursor: not-allowed; } .cursor-pointer{ cursor: pointer; } .cursor-text{ cursor: text; } .select-none{ -webkit-user-select: none; user-select: none; } .resize-none{ resize: none; } .resize{ resize: both; } .auto-cols-fr{ grid-auto-columns: minmax(0, 1fr); } .grid-cols-1{ grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-2{ grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-3{ grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid-cols-4{ grid-template-columns: repeat(4, minmax(0, 1fr)); } .grid-cols-7{ grid-template-columns: repeat(7, minmax(0, 1fr)); } .flex-row{ flex-direction: row; } .flex-col{ flex-direction: column; } .flex-wrap{ flex-wrap: wrap; } .items-start{ align-items: flex-start; } .items-end{ align-items: flex-end; } .items-center{ align-items: center; } .items-baseline{ align-items: baseline; } .items-stretch{ align-items: stretch; } .justify-start{ justify-content: flex-start; } .justify-end{ justify-content: flex-end; } .justify-center{ justify-content: center; } .justify-between{ justify-content: space-between; } .gap-0{ gap: 0px; } .gap-1{ gap: 0.25rem; } .gap-1\.5{ gap: 0.375rem; } .gap-10{ gap: 2.5rem; } .gap-2{ gap: 0.5rem; } .gap-2\.5{ gap: 0.625rem; } .gap-3{ gap: 0.75rem; } .gap-4{ gap: 1rem; } .gap-5{ gap: 1.25rem; } .gap-6{ gap: 1.5rem; } .gap-8{ gap: 2rem; } .gap-\[10px\]{ gap: 10px; } .gap-\[15px\]{ gap: 15px; } .gap-\[20px\]{ gap: 20px; } .gap-\[25px\]{ gap: 25px; } .gap-\[30px\]{ gap: 30px; } .gap-\[5px\]{ gap: 5px; } .gap-px{ gap: 1px; } .gap-x-16{ column-gap: 4rem; } .gap-x-5{ column-gap: 1.25rem; } .gap-x-6{ column-gap: 1.5rem; } .gap-x-8{ column-gap: 2rem; } .gap-y-1{ row-gap: 0.25rem; } .gap-y-1\.5{ row-gap: 0.375rem; } .gap-y-3{ row-gap: 0.75rem; } .gap-y-4{ row-gap: 1rem; } .gap-y-6{ row-gap: 1.5rem; } .gap-y-8{ row-gap: 2rem; } .space-x-0 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(0px * var(--tw-space-x-reverse)); margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse))); } .space-x-1 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(0.25rem * var(--tw-space-x-reverse)); margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse))); } .space-x-2 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(0.5rem * var(--tw-space-x-reverse)); margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))); } .space-x-3 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(0.75rem * var(--tw-space-x-reverse)); margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse))); } .space-x-4 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(1rem * var(--tw-space-x-reverse)); margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))); } .space-x-6 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(1.5rem * var(--tw-space-x-reverse)); margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse))); } .space-y-0\.5 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.125rem * var(--tw-space-y-reverse)); } .space-y-1 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.25rem * var(--tw-space-y-reverse)); } .space-y-1\.5 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.375rem * var(--tw-space-y-reverse)); } .space-y-2 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); } .space-y-2\.5 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(0.625rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.625rem * var(--tw-space-y-reverse)); } .space-y-3 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.75rem * var(--tw-space-y-reverse)); } .space-y-4 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1rem * var(--tw-space-y-reverse)); } .space-y-5 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.25rem * var(--tw-space-y-reverse)); } .space-y-6 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.5rem * var(--tw-space-y-reverse)); } .space-y-8 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(2rem * var(--tw-space-y-reverse)); } .space-y-\[25px\] > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(25px * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(25px * var(--tw-space-y-reverse)); } .divide-y > :not([hidden]) ~ :not([hidden]){ --tw-divide-y-reverse: 0; border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); } .divide-gray-200 > :not([hidden]) ~ :not([hidden]){ --tw-divide-opacity: 1; border-color: rgb(226 232 240 / var(--tw-divide-opacity, 1)); } .self-start{ align-self: flex-start; } .self-stretch{ align-self: stretch; } .overflow-auto{ overflow: auto; } .overflow-hidden{ overflow: hidden; } .overflow-visible{ overflow: visible; } .overflow-x-auto{ overflow-x: auto; } .overflow-y-auto{ overflow-y: auto; } .overflow-y-hidden{ overflow-y: hidden; } .\!overscroll-auto{ overscroll-behavior: auto !important; } .truncate{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-ellipsis{ text-overflow: ellipsis; } .whitespace-nowrap{ white-space: nowrap; } .whitespace-pre-line{ white-space: pre-line; } .whitespace-pre-wrap{ white-space: pre-wrap; } .text-nowrap{ text-wrap: nowrap; } .break-words{ overflow-wrap: break-word; } .break-all{ word-break: break-all; } .rounded{ border-radius: 0.25rem; } .rounded-2xl{ border-radius: 1rem; } .rounded-3xl{ border-radius: 1.5rem; } .rounded-\[10px\]{ border-radius: 10px; } .rounded-\[12px\]{ border-radius: 12px; } .rounded-\[15px\]{ border-radius: 15px; } .rounded-\[17px\]{ border-radius: 17px; } .rounded-\[18px\]{ border-radius: 18px; } .rounded-\[20px\]{ border-radius: 20px; } .rounded-\[21px\]{ border-radius: 21px; } .rounded-\[26px\]{ border-radius: 26px; } .rounded-\[32px\]{ border-radius: 32px; } .rounded-\[3px\]{ border-radius: 3px; } .rounded-\[4px\]{ border-radius: 4px; } .rounded-\[50px\]{ border-radius: 50px; } .rounded-\[54px\]{ border-radius: 54px; } .rounded-\[58px\]{ border-radius: 58px; } .rounded-\[5px\]{ border-radius: 5px; } .rounded-\[8px\]{ border-radius: 8px; } .rounded-\[9px\]{ border-radius: 9px; } .rounded-full{ border-radius: 9999px; } .rounded-lg{ border-radius: 0.5rem; } .rounded-md{ border-radius: 0.375rem; } .rounded-none{ border-radius: 0px; } .rounded-sm{ border-radius: 0.125rem; } .rounded-xl{ border-radius: 0.75rem; } .rounded-b-lg{ border-bottom-right-radius: 0.5rem; border-bottom-left-radius: 0.5rem; } .rounded-b-xl{ border-bottom-right-radius: 0.75rem; border-bottom-left-radius: 0.75rem; } .rounded-l-full{ border-top-left-radius: 9999px; border-bottom-left-radius: 9999px; } .rounded-l-md{ border-top-left-radius: 0.375rem; border-bottom-left-radius: 0.375rem; } .rounded-r-full{ border-top-right-radius: 9999px; border-bottom-right-radius: 9999px; } .rounded-t-lg{ border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; } .rounded-t-xl{ border-top-left-radius: 0.75rem; border-top-right-radius: 0.75rem; } .rounded-tl-lg{ border-top-left-radius: 0.5rem; } .rounded-tr-lg{ border-top-right-radius: 0.5rem; } .border{ border-width: 1px; } .border-0{ border-width: 0px; } .border-2{ border-width: 2px; } .border-4{ border-width: 4px; } .border-8{ border-width: 8px; } .border-b{ border-bottom-width: 1px; } .border-b-0{ border-bottom-width: 0px; } .border-b-2{ border-bottom-width: 2px; } .border-r{ border-right-width: 1px; } .border-t{ border-top-width: 1px; } .border-solid{ border-style: solid; } .border-dashed{ border-style: dashed; } .border-none{ border-style: none; } .border-\[\#0000001F\]{ border-color: #0000001F; } .border-\[\#AAAAAA\]{ --tw-border-opacity: 1; border-color: rgb(170 170 170 / var(--tw-border-opacity, 1)); } .border-amber-200{ --tw-border-opacity: 1; border-color: rgb(253 230 138 / var(--tw-border-opacity, 1)); } .border-black{ --tw-border-opacity: 1; border-color: rgb(0 0 0 / var(--tw-border-opacity, 1)); } .border-blue-200{ --tw-border-opacity: 1; border-color: rgb(191 219 254 / var(--tw-border-opacity, 1)); } .border-blue-300{ --tw-border-opacity: 1; border-color: rgb(147 197 253 / var(--tw-border-opacity, 1)); } .border-blue-400{ --tw-border-opacity: 1; border-color: rgb(96 165 250 / var(--tw-border-opacity, 1)); } .border-blue-500{ --tw-border-opacity: 1; border-color: rgb(59 130 246 / var(--tw-border-opacity, 1)); } .border-blue-600{ --tw-border-opacity: 1; border-color: rgb(37 99 235 / var(--tw-border-opacity, 1)); } .border-error-500{ --tw-border-opacity: 1; border-color: rgb(239 68 68 / var(--tw-border-opacity, 1)); } .border-gray-100{ --tw-border-opacity: 1; border-color: rgb(241 245 249 / var(--tw-border-opacity, 1)); } .border-gray-200{ --tw-border-opacity: 1; border-color: rgb(226 232 240 / var(--tw-border-opacity, 1)); } .border-gray-300{ --tw-border-opacity: 1; border-color: rgb(203 213 225 / var(--tw-border-opacity, 1)); } .border-gray-50{ --tw-border-opacity: 1; border-color: rgb(248 250 252 / var(--tw-border-opacity, 1)); } .border-gray-500{ --tw-border-opacity: 1; border-color: rgb(100 116 139 / var(--tw-border-opacity, 1)); } .border-green-200{ --tw-border-opacity: 1; border-color: rgb(187 247 208 / var(--tw-border-opacity, 1)); } .border-green-300{ --tw-border-opacity: 1; border-color: rgb(134 239 172 / var(--tw-border-opacity, 1)); } .border-green-400{ --tw-border-opacity: 1; border-color: rgb(74 222 128 / var(--tw-border-opacity, 1)); } .border-green-500{ --tw-border-opacity: 1; border-color: rgb(16 185 129 / var(--tw-border-opacity, 1)); } .border-orange-200{ --tw-border-opacity: 1; border-color: rgb(254 215 170 / var(--tw-border-opacity, 1)); } .border-primary-500{ --tw-border-opacity: 1; border-color: rgb(59 130 246 / var(--tw-border-opacity, 1)); } .border-purple-200{ --tw-border-opacity: 1; border-color: rgb(233 213 255 / var(--tw-border-opacity, 1)); } .border-red-200{ --tw-border-opacity: 1; border-color: rgb(254 202 202 / var(--tw-border-opacity, 1)); } .border-red-300{ --tw-border-opacity: 1; border-color: rgb(252 165 165 / var(--tw-border-opacity, 1)); } .border-red-400{ --tw-border-opacity: 1; border-color: rgb(248 113 113 / var(--tw-border-opacity, 1)); } .border-red-500{ --tw-border-opacity: 1; border-color: rgb(239 68 68 / var(--tw-border-opacity, 1)); } .border-theme-bg-secondary{ border-color: var(--colors-background-secondary); } .border-theme-border-muted{ border-color: var(--colors-border-muted); } .border-theme-brand-primary{ border-color: var(--colors-brand-primary); } .border-transparent{ border-color: transparent; } .border-white{ --tw-border-opacity: 1; border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)); } .border-yellow-200{ --tw-border-opacity: 1; border-color: rgb(254 240 138 / var(--tw-border-opacity, 1)); } .border-t-blue-600{ --tw-border-opacity: 1; border-top-color: rgb(37 99 235 / var(--tw-border-opacity, 1)); } .bg-\[\#0000000A\]{ background-color: #0000000A; } .bg-\[\#000000\]{ --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)); } .bg-\[\#09B284\]{ --tw-bg-opacity: 1; background-color: rgb(9 178 132 / var(--tw-bg-opacity, 1)); } .bg-\[\#121212\]{ --tw-bg-opacity: 1; background-color: rgb(18 18 18 / var(--tw-bg-opacity, 1)); } .bg-\[\#1a1a1a\]{ --tw-bg-opacity: 1; background-color: rgb(26 26 26 / var(--tw-bg-opacity, 1)); } .bg-\[\#30008E\]{ --tw-bg-opacity: 1; background-color: rgb(48 0 142 / var(--tw-bg-opacity, 1)); } .bg-\[\#3498DB\]{ --tw-bg-opacity: 1; background-color: rgb(52 152 219 / var(--tw-bg-opacity, 1)); } .bg-\[\#40C86B\]{ --tw-bg-opacity: 1; background-color: rgb(64 200 107 / var(--tw-bg-opacity, 1)); } .bg-\[\#46C3DC\]{ --tw-bg-opacity: 1; background-color: rgb(70 195 220 / var(--tw-bg-opacity, 1)); } .bg-\[\#472193\]{ --tw-bg-opacity: 1; background-color: rgb(71 33 147 / var(--tw-bg-opacity, 1)); } .bg-\[\#635bff\]{ --tw-bg-opacity: 1; background-color: rgb(99 91 255 / var(--tw-bg-opacity, 1)); } .bg-\[\#673BBE\]{ --tw-bg-opacity: 1; background-color: rgb(103 59 190 / var(--tw-bg-opacity, 1)); } .bg-\[\#9B59B6\]{ --tw-bg-opacity: 1; background-color: rgb(155 89 182 / var(--tw-bg-opacity, 1)); } .bg-\[\#AA46DC\]{ --tw-bg-opacity: 1; background-color: rgb(170 70 220 / var(--tw-bg-opacity, 1)); } .bg-\[\#CCCCCC\]{ --tw-bg-opacity: 1; background-color: rgb(204 204 204 / var(--tw-bg-opacity, 1)); } .bg-\[\#DCC346\]{ --tw-bg-opacity: 1; background-color: rgb(220 195 70 / var(--tw-bg-opacity, 1)); } .bg-\[\#DF6464\]{ --tw-bg-opacity: 1; background-color: rgb(223 100 100 / var(--tw-bg-opacity, 1)); } .bg-\[\#EDEDED\]{ --tw-bg-opacity: 1; background-color: rgb(237 237 237 / var(--tw-bg-opacity, 1)); } .bg-\[\#EE6565\]{ --tw-bg-opacity: 1; background-color: rgb(238 101 101 / var(--tw-bg-opacity, 1)); } .bg-\[\#EFEFEF\]{ --tw-bg-opacity: 1; background-color: rgb(239 239 239 / var(--tw-bg-opacity, 1)); } .bg-\[\#F0F4F5\]{ --tw-bg-opacity: 1; background-color: rgb(240 244 245 / var(--tw-bg-opacity, 1)); } .bg-\[\#F7F7F7\]{ --tw-bg-opacity: 1; background-color: rgb(247 247 247 / var(--tw-bg-opacity, 1)); } .bg-\[\#F8F8F8\]{ --tw-bg-opacity: 1; background-color: rgb(248 248 248 / var(--tw-bg-opacity, 1)); } .bg-\[\#F9FBFB\]{ --tw-bg-opacity: 1; background-color: rgb(249 251 251 / var(--tw-bg-opacity, 1)); } .bg-\[\#ededed\]{ --tw-bg-opacity: 1; background-color: rgb(237 237 237 / var(--tw-bg-opacity, 1)); } .bg-\[\#f9f9f9\]{ --tw-bg-opacity: 1; background-color: rgb(249 249 249 / var(--tw-bg-opacity, 1)); } .bg-\[\#ffff\]{ background-color: #ffff; } .bg-\[rgba\(0\2c 0\2c 0\2c 0\.40\)\]{ background-color: rgba(0,0,0,0.40); } .bg-amber-100{ --tw-bg-opacity: 1; background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1)); } .bg-amber-50{ --tw-bg-opacity: 1; background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1)); } .bg-black{ --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)); } .bg-black\/5{ background-color: rgb(0 0 0 / 0.05); } .bg-black\/60{ background-color: rgb(0 0 0 / 0.6); } .bg-blue-100{ --tw-bg-opacity: 1; background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1)); } .bg-blue-400{ --tw-bg-opacity: 1; background-color: rgb(96 165 250 / var(--tw-bg-opacity, 1)); } .bg-blue-50{ --tw-bg-opacity: 1; background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1)); } .bg-blue-500{ --tw-bg-opacity: 1; background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1)); } .bg-blue-600{ --tw-bg-opacity: 1; background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1)); } .bg-error-400{ --tw-bg-opacity: 1; background-color: rgb(248 113 113 / var(--tw-bg-opacity, 1)); } .bg-error-50{ --tw-bg-opacity: 1; background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1)); } .bg-error-500{ --tw-bg-opacity: 1; background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1)); } .bg-error-500\/15{ background-color: rgb(239 68 68 / 0.15); } .bg-gray-100{ --tw-bg-opacity: 1; background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1)); } .bg-gray-200{ --tw-bg-opacity: 1; background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1)); } .bg-gray-300{ --tw-bg-opacity: 1; background-color: rgb(203 213 225 / var(--tw-bg-opacity, 1)); } .bg-gray-400{ --tw-bg-opacity: 1; background-color: rgb(148 163 184 / var(--tw-bg-opacity, 1)); } .bg-gray-50{ --tw-bg-opacity: 1; background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1)); } .bg-gray-500{ --tw-bg-opacity: 1; background-color: rgb(100 116 139 / var(--tw-bg-opacity, 1)); } .bg-gray-600{ --tw-bg-opacity: 1; background-color: rgb(71 85 105 / var(--tw-bg-opacity, 1)); } .bg-gray-800{ --tw-bg-opacity: 1; background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1)); } .bg-gray-900{ --tw-bg-opacity: 1; background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1)); } .bg-green-100{ --tw-bg-opacity: 1; background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1)); } .bg-green-400{ --tw-bg-opacity: 1; background-color: rgb(74 222 128 / var(--tw-bg-opacity, 1)); } .bg-green-50{ --tw-bg-opacity: 1; background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1)); } .bg-green-500{ --tw-bg-opacity: 1; background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1)); } .bg-green-600{ --tw-bg-opacity: 1; background-color: rgb(5 150 105 / var(--tw-bg-opacity, 1)); } .bg-indigo-100{ --tw-bg-opacity: 1; background-color: rgb(224 231 255 / var(--tw-bg-opacity, 1)); } .bg-indigo-900\/40{ background-color: rgb(49 46 129 / 0.4); } .bg-orange-100{ --tw-bg-opacity: 1; background-color: rgb(255 237 213 / var(--tw-bg-opacity, 1)); } .bg-orange-400{ --tw-bg-opacity: 1; background-color: rgb(251 146 60 / var(--tw-bg-opacity, 1)); } .bg-orange-50{ --tw-bg-opacity: 1; background-color: rgb(255 247 237 / var(--tw-bg-opacity, 1)); } .bg-orange-500{ --tw-bg-opacity: 1; background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1)); } .bg-pink-100{ --tw-bg-opacity: 1; background-color: rgb(252 231 243 / var(--tw-bg-opacity, 1)); } .bg-primary-100{ --tw-bg-opacity: 1; background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1)); } .bg-primary-600{ --tw-bg-opacity: 1; background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1)); } .bg-primary-600\/10{ background-color: rgb(37 99 235 / 0.1); } .bg-primary-600\/5{ background-color: rgb(37 99 235 / 0.05); } .bg-purple-100{ --tw-bg-opacity: 1; background-color: rgb(243 232 255 / var(--tw-bg-opacity, 1)); } .bg-purple-50{ --tw-bg-opacity: 1; background-color: rgb(250 245 255 / var(--tw-bg-opacity, 1)); } .bg-purple-500{ --tw-bg-opacity: 1; background-color: rgb(139 92 246 / var(--tw-bg-opacity, 1)); } .bg-purple-600{ --tw-bg-opacity: 1; background-color: rgb(124 58 237 / var(--tw-bg-opacity, 1)); } .bg-red-100{ --tw-bg-opacity: 1; background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1)); } .bg-red-400{ --tw-bg-opacity: 1; background-color: rgb(248 113 113 / var(--tw-bg-opacity, 1)); } .bg-red-50{ --tw-bg-opacity: 1; background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1)); } .bg-red-500{ --tw-bg-opacity: 1; background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1)); } .bg-red-600{ --tw-bg-opacity: 1; background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1)); } .bg-red-700{ --tw-bg-opacity: 1; background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1)); } .bg-rose-100{ --tw-bg-opacity: 1; background-color: rgb(255 228 230 / var(--tw-bg-opacity, 1)); } .bg-sky-100{ --tw-bg-opacity: 1; background-color: rgb(224 242 254 / var(--tw-bg-opacity, 1)); } .bg-success-50{ --tw-bg-opacity: 1; background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1)); } .bg-success-500{ --tw-bg-opacity: 1; background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1)); } .bg-success-500\/10{ background-color: rgb(16 185 129 / 0.1); } .bg-teal-100{ --tw-bg-opacity: 1; background-color: rgb(204 251 241 / var(--tw-bg-opacity, 1)); } .bg-teal-500{ --tw-bg-opacity: 1; background-color: rgb(20 184 166 / var(--tw-bg-opacity, 1)); } .bg-theme-bg-active{ background-color: var(--colors-background-active); } .bg-theme-bg-card{ background-color: var(--colors-background-card); } .bg-theme-bg-dark{ background-color: var(--colors-background-dark); } .bg-theme-bg-hover{ background-color: var(--colors-background-hover); } .bg-theme-bg-primary{ background-color: var(--colors-background-primary); } .bg-theme-bg-secondary{ background-color: var(--colors-background-secondary); } .bg-theme-bg-tertiary{ background-color: var(--colors-background-tertiary); } .bg-transparent{ background-color: transparent; } .bg-violet-100{ --tw-bg-opacity: 1; background-color: rgb(237 233 254 / var(--tw-bg-opacity, 1)); } .bg-violet-50{ --tw-bg-opacity: 1; background-color: rgb(245 243 255 / var(--tw-bg-opacity, 1)); } .bg-warning-400{ --tw-bg-opacity: 1; background-color: rgb(251 191 36 / var(--tw-bg-opacity, 1)); } .bg-warning-500{ --tw-bg-opacity: 1; background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1)); } .bg-white{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .bg-yellow-100{ --tw-bg-opacity: 1; background-color: rgb(254 249 195 / var(--tw-bg-opacity, 1)); } .bg-yellow-50{ --tw-bg-opacity: 1; background-color: rgb(254 252 232 / var(--tw-bg-opacity, 1)); } .bg-yellow-500{ --tw-bg-opacity: 1; background-color: rgb(234 179 8 / var(--tw-bg-opacity, 1)); } .bg-yellow-600{ --tw-bg-opacity: 1; background-color: rgb(202 138 4 / var(--tw-bg-opacity, 1)); } .bg-opacity-40{ --tw-bg-opacity: 0.4; } .bg-opacity-50{ --tw-bg-opacity: 0.5; } .bg-opacity-75{ --tw-bg-opacity: 0.75; } .bg-gradient-to-t{ background-image: linear-gradient(to top, var(--tw-gradient-stops)); } .from-purple-300{ --tw-gradient-from: #d8b4fe var(--tw-gradient-from-position); --tw-gradient-to: rgb(216 180 254 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .to-purple-100{ --tw-gradient-to: #f3e8ff var(--tw-gradient-to-position); } .bg-cover{ background-size: cover; } .bg-clip-padding{ background-clip: padding-box; } .bg-center{ background-position: center; } .bg-no-repeat{ background-repeat: no-repeat; } .object-contain{ object-fit: contain; } .object-cover{ object-fit: cover; } .p-0{ padding: 0px; } .p-1{ padding: 0.25rem; } .p-10{ padding: 2.5rem; } .p-2{ padding: 0.5rem; } .p-20{ padding: 5rem; } .p-3{ padding: 0.75rem; } .p-4{ padding: 1rem; } .p-5{ padding: 1.25rem; } .p-6{ padding: 1.5rem; } .p-8{ padding: 2rem; } .p-\[10px\]{ padding: 10px; } .p-\[15px\]{ padding: 15px; } .p-\[25PX\]{ padding: 25PX; } .p-\[25px\]{ padding: 25px; } .p-\[2px\]{ padding: 2px; } .p-\[30px\]{ padding: 30px; } .p-\[50px\]{ padding: 50px; } .p-\[60px\]{ padding: 60px; } .p-\[75px\]{ padding: 75px; } .p-\[clamp\(16px\2c 4vw\2c 20px\)\]{ padding: clamp(16px,4vw,20px); } .px-0{ padding-left: 0px; padding-right: 0px; } .px-1{ padding-left: 0.25rem; padding-right: 0.25rem; } .px-1\.5{ padding-left: 0.375rem; padding-right: 0.375rem; } .px-12{ padding-left: 3rem; padding-right: 3rem; } .px-2{ padding-left: 0.5rem; padding-right: 0.5rem; } .px-2\.5{ padding-left: 0.625rem; padding-right: 0.625rem; } .px-3{ padding-left: 0.75rem; padding-right: 0.75rem; } .px-3\.5{ padding-left: 0.875rem; padding-right: 0.875rem; } .px-4{ padding-left: 1rem; padding-right: 1rem; } .px-5{ padding-left: 1.25rem; padding-right: 1.25rem; } .px-6{ padding-left: 1.5rem; padding-right: 1.5rem; } .px-7{ padding-left: 1.75rem; padding-right: 1.75rem; } .px-8{ padding-left: 2rem; padding-right: 2rem; } .px-\[10px\]{ padding-left: 10px; padding-right: 10px; } .px-\[14px\]{ padding-left: 14px; padding-right: 14px; } .px-\[16px\]{ padding-left: 16px; padding-right: 16px; } .px-\[18px\]{ padding-left: 18px; padding-right: 18px; } .px-\[20px\]{ padding-left: 20px; padding-right: 20px; } .px-\[25px\]{ padding-left: 25px; padding-right: 25px; } .px-\[30px\]{ padding-left: 30px; padding-right: 30px; } .px-\[40px\]{ padding-left: 40px; padding-right: 40px; } .px-\[50px\]{ padding-left: 50px; padding-right: 50px; } .py-0{ padding-top: 0px; padding-bottom: 0px; } .py-0\.5{ padding-top: 0.125rem; padding-bottom: 0.125rem; } .py-1{ padding-top: 0.25rem; padding-bottom: 0.25rem; } .py-1\.5{ padding-top: 0.375rem; padding-bottom: 0.375rem; } .py-10{ padding-top: 2.5rem; padding-bottom: 2.5rem; } .py-12{ padding-top: 3rem; padding-bottom: 3rem; } .py-16{ padding-top: 4rem; padding-bottom: 4rem; } .py-2{ padding-top: 0.5rem; padding-bottom: 0.5rem; } .py-2\.5{ padding-top: 0.625rem; padding-bottom: 0.625rem; } .py-3{ padding-top: 0.75rem; padding-bottom: 0.75rem; } .py-3\.5{ padding-top: 0.875rem; padding-bottom: 0.875rem; } .py-4{ padding-top: 1rem; padding-bottom: 1rem; } .py-5{ padding-top: 1.25rem; padding-bottom: 1.25rem; } .py-6{ padding-top: 1.5rem; padding-bottom: 1.5rem; } .py-7{ padding-top: 1.75rem; padding-bottom: 1.75rem; } .py-8{ padding-top: 2rem; padding-bottom: 2rem; } .py-\[14px\]{ padding-top: 14px; padding-bottom: 14px; } .py-\[15px\]{ padding-top: 15px; padding-bottom: 15px; } .py-\[16px\]{ padding-top: 16px; padding-bottom: 16px; } .py-\[18px\]{ padding-top: 18px; padding-bottom: 18px; } .py-\[20px\]{ padding-top: 20px; padding-bottom: 20px; } .py-\[30px\]{ padding-top: 30px; padding-bottom: 30px; } .py-\[4px\]{ padding-top: 4px; padding-bottom: 4px; } .pb-0{ padding-bottom: 0px; } .pb-1{ padding-bottom: 0.25rem; } .pb-2{ padding-bottom: 0.5rem; } .pb-28{ padding-bottom: 7rem; } .pb-3{ padding-bottom: 0.75rem; } .pb-4{ padding-bottom: 1rem; } .pb-5{ padding-bottom: 1.25rem; } .pb-6{ padding-bottom: 1.5rem; } .pb-\[40px\]{ padding-bottom: 40px; } .pb-\[6px\]{ padding-bottom: 6px; } .pe-4{ padding-inline-end: 1rem; } .pl-0{ padding-left: 0px; } .pl-10{ padding-left: 2.5rem; } .pl-2{ padding-left: 0.5rem; } .pl-3{ padding-left: 0.75rem; } .pl-4{ padding-left: 1rem; } .pl-5{ padding-left: 1.25rem; } .pl-6{ padding-left: 1.5rem; } .pl-7{ padding-left: 1.75rem; } .pr-1{ padding-right: 0.25rem; } .pr-10{ padding-right: 2.5rem; } .pr-12{ padding-right: 3rem; } .pr-14{ padding-right: 3.5rem; } .pr-2{ padding-right: 0.5rem; } .pr-3{ padding-right: 0.75rem; } .pr-4{ padding-right: 1rem; } .pr-9{ padding-right: 2.25rem; } .ps-4{ padding-inline-start: 1rem; } .pt-0{ padding-top: 0px; } .pt-1{ padding-top: 0.25rem; } .pt-2{ padding-top: 0.5rem; } .pt-3{ padding-top: 0.75rem; } .pt-3\.5{ padding-top: 0.875rem; } .pt-4{ padding-top: 1rem; } .pt-5{ padding-top: 1.25rem; } .pt-6{ padding-top: 1.5rem; } .pt-8{ padding-top: 2rem; } .pt-\[12px\]{ padding-top: 12px; } .pt-\[20px\]{ padding-top: 20px; } .pt-\[40px\]{ padding-top: 40px; } .pt-\[50px\]{ padding-top: 50px; } .pt-\[9px\]{ padding-top: 9px; } .text-left{ text-align: left; } .text-center{ text-align: center; } .text-right{ text-align: right; } .text-start{ text-align: start; } .text-end{ text-align: end; } .align-top{ vertical-align: top; } .align-middle{ vertical-align: middle; } .font-\[\#000000\]{ font-family: #000000; } .font-\[\'Lexend\'\2c _sans-serif\]{ font-family: 'Lexend', sans-serif; } .font-mono{ font-family: JetBrains Mono, Consolas, monospace; } .font-sans{ font-family: Inter, system-ui, sans-serif; } .text-2xl{ font-size: 1.5rem; line-height: 2rem; } .text-3xl{ font-size: 1.875rem; line-height: 2.25rem; } .text-4xl{ font-size: 2.25rem; line-height: 2.5rem; } .text-6xl{ font-size: 3.75rem; line-height: 1; } .text-\[10px\]{ font-size: 10px; } .text-\[11\.5px\]{ font-size: 11.5px; } .text-\[11px\]{ font-size: 11px; } .text-\[12px\]{ font-size: 12px; } .text-\[13px\]{ font-size: 13px; } .text-\[14px\]{ font-size: 14px; } .text-\[15px\]{ font-size: 15px; } .text-\[16px\]{ font-size: 16px; } .text-\[18px\]{ font-size: 18px; } .text-\[20px\]{ font-size: 20px; } .text-\[28px\]{ font-size: 28px; } .text-\[34px\]{ font-size: 34px; } .text-base{ font-size: 1rem; line-height: 1.5rem; } .text-lg{ font-size: 1.125rem; line-height: 1.75rem; } .text-sm{ font-size: 0.875rem; line-height: 1.25rem; } .text-xl{ font-size: 1.25rem; line-height: 1.75rem; } .text-xs{ font-size: 0.75rem; line-height: 1rem; } .font-\[300\]{ font-weight: 300; } .font-\[400\]{ font-weight: 400; } .font-\[500\]{ font-weight: 500; } .font-\[600\]{ font-weight: 600; } .font-bold{ font-weight: 700; } .font-light{ font-weight: 300; } .font-medium{ font-weight: 500; } .font-normal{ font-weight: 400; } .font-semibold{ font-weight: 600; } .uppercase{ text-transform: uppercase; } .lowercase{ text-transform: lowercase; } .capitalize{ text-transform: capitalize; } .normal-case{ text-transform: none; } .italic{ font-style: italic; } .leading-5{ line-height: 1.25rem; } .leading-6{ line-height: 1.5rem; } .leading-\[1\.25em\]{ line-height: 1.25em; } .leading-\[100\%\]{ line-height: 100%; } .leading-\[18px\]{ line-height: 18px; } .leading-\[2\.375em\]{ line-height: 2.375em; } .leading-\[20px\]{ line-height: 20px; } .leading-\[25px\]{ line-height: 25px; } .leading-none{ line-height: 1; } .leading-relaxed{ line-height: 1.625; } .leading-snug{ line-height: 1.375; } .leading-tight{ line-height: 1.25; } .tracking-\[0\.02em\]{ letter-spacing: 0.02em; } .tracking-\[3\%\]{ letter-spacing: 3%; } .tracking-tight{ letter-spacing: -0.025em; } .tracking-wide{ letter-spacing: 0.025em; } .tracking-wider{ letter-spacing: 0.05em; } .tracking-widest{ letter-spacing: 0.1em; } .text-\[\#000000\]{ --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity, 1)); } .text-\[\#121212\]{ --tw-text-opacity: 1; color: rgb(18 18 18 / var(--tw-text-opacity, 1)); } .text-\[\#212121\]{ --tw-text-opacity: 1; color: rgb(33 33 33 / var(--tw-text-opacity, 1)); } .text-\[\#212529\]{ --tw-text-opacity: 1; color: rgb(33 37 41 / var(--tw-text-opacity, 1)); } .text-\[\#232323\]{ --tw-text-opacity: 1; color: rgb(35 35 35 / var(--tw-text-opacity, 1)); } .text-\[\#30008E\]{ --tw-text-opacity: 1; color: rgb(48 0 142 / var(--tw-text-opacity, 1)); } .text-\[\#404040\]{ --tw-text-opacity: 1; color: rgb(64 64 64 / var(--tw-text-opacity, 1)); } .text-\[\#5cb85c\]{ --tw-text-opacity: 1; color: rgb(92 184 92 / var(--tw-text-opacity, 1)); } .text-\[\#666666\]{ --tw-text-opacity: 1; color: rgb(102 102 102 / var(--tw-text-opacity, 1)); } .text-\[\#737373\]{ --tw-text-opacity: 1; color: rgb(115 115 115 / var(--tw-text-opacity, 1)); } .text-\[\#777777\]{ --tw-text-opacity: 1; color: rgb(119 119 119 / var(--tw-text-opacity, 1)); } .text-\[\#787878\]{ --tw-text-opacity: 1; color: rgb(120 120 120 / var(--tw-text-opacity, 1)); } .text-\[\#888888\]{ --tw-text-opacity: 1; color: rgb(136 136 136 / var(--tw-text-opacity, 1)); } .text-\[\#AAAAAA\]{ --tw-text-opacity: 1; color: rgb(170 170 170 / var(--tw-text-opacity, 1)); } .text-\[\#EE6565\]{ --tw-text-opacity: 1; color: rgb(238 101 101 / var(--tw-text-opacity, 1)); } .text-\[\#aaaaaa\]{ --tw-text-opacity: 1; color: rgb(170 170 170 / var(--tw-text-opacity, 1)); } .text-\[\#ffffff\]{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .text-\[black\]{ --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity, 1)); } .text-\[red\]{ --tw-text-opacity: 1; color: rgb(255 0 0 / var(--tw-text-opacity, 1)); } .text-amber-700{ --tw-text-opacity: 1; color: rgb(180 83 9 / var(--tw-text-opacity, 1)); } .text-amber-800{ --tw-text-opacity: 1; color: rgb(146 64 14 / var(--tw-text-opacity, 1)); } .text-black{ --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity, 1)); } .text-blue-400{ --tw-text-opacity: 1; color: rgb(96 165 250 / var(--tw-text-opacity, 1)); } .text-blue-500{ --tw-text-opacity: 1; color: rgb(59 130 246 / var(--tw-text-opacity, 1)); } .text-blue-600{ --tw-text-opacity: 1; color: rgb(37 99 235 / var(--tw-text-opacity, 1)); } .text-blue-700{ --tw-text-opacity: 1; color: rgb(29 78 216 / var(--tw-text-opacity, 1)); } .text-blue-800{ --tw-text-opacity: 1; color: rgb(30 64 175 / var(--tw-text-opacity, 1)); } .text-blue-900{ --tw-text-opacity: 1; color: rgb(30 58 138 / var(--tw-text-opacity, 1)); } .text-emerald-600{ --tw-text-opacity: 1; color: rgb(5 150 105 / var(--tw-text-opacity, 1)); } .text-error-400{ --tw-text-opacity: 1; color: rgb(248 113 113 / var(--tw-text-opacity, 1)); } .text-error-500{ --tw-text-opacity: 1; color: rgb(239 68 68 / var(--tw-text-opacity, 1)); } .text-gray-300{ --tw-text-opacity: 1; color: rgb(203 213 225 / var(--tw-text-opacity, 1)); } .text-gray-400{ --tw-text-opacity: 1; color: rgb(148 163 184 / var(--tw-text-opacity, 1)); } .text-gray-500{ --tw-text-opacity: 1; color: rgb(100 116 139 / var(--tw-text-opacity, 1)); } .text-gray-600{ --tw-text-opacity: 1; color: rgb(71 85 105 / var(--tw-text-opacity, 1)); } .text-gray-700{ --tw-text-opacity: 1; color: rgb(51 65 85 / var(--tw-text-opacity, 1)); } .text-gray-800{ --tw-text-opacity: 1; color: rgb(30 41 59 / var(--tw-text-opacity, 1)); } .text-gray-900{ --tw-text-opacity: 1; color: rgb(15 23 42 / var(--tw-text-opacity, 1)); } .text-green-400{ --tw-text-opacity: 1; color: rgb(74 222 128 / var(--tw-text-opacity, 1)); } .text-green-500{ --tw-text-opacity: 1; color: rgb(16 185 129 / var(--tw-text-opacity, 1)); } .text-green-600{ --tw-text-opacity: 1; color: rgb(5 150 105 / var(--tw-text-opacity, 1)); } .text-green-700{ --tw-text-opacity: 1; color: rgb(21 128 61 / var(--tw-text-opacity, 1)); } .text-green-800{ --tw-text-opacity: 1; color: rgb(22 101 52 / var(--tw-text-opacity, 1)); } .text-indigo-300{ --tw-text-opacity: 1; color: rgb(165 180 252 / var(--tw-text-opacity, 1)); } .text-indigo-700{ --tw-text-opacity: 1; color: rgb(67 56 202 / var(--tw-text-opacity, 1)); } .text-orange-500{ --tw-text-opacity: 1; color: rgb(245 158 11 / var(--tw-text-opacity, 1)); } .text-orange-600{ --tw-text-opacity: 1; color: rgb(217 119 6 / var(--tw-text-opacity, 1)); } .text-orange-700{ --tw-text-opacity: 1; color: rgb(194 65 12 / var(--tw-text-opacity, 1)); } .text-pink-700{ --tw-text-opacity: 1; color: rgb(190 24 93 / var(--tw-text-opacity, 1)); } .text-primary-500{ --tw-text-opacity: 1; color: rgb(59 130 246 / var(--tw-text-opacity, 1)); } .text-primary-600{ --tw-text-opacity: 1; color: rgb(37 99 235 / var(--tw-text-opacity, 1)); } .text-purple-600{ --tw-text-opacity: 1; color: rgb(124 58 237 / var(--tw-text-opacity, 1)); } .text-purple-700{ --tw-text-opacity: 1; color: rgb(126 34 206 / var(--tw-text-opacity, 1)); } .text-purple-800{ --tw-text-opacity: 1; color: rgb(107 33 168 / var(--tw-text-opacity, 1)); } .text-red-300{ --tw-text-opacity: 1; color: rgb(252 165 165 / var(--tw-text-opacity, 1)); } .text-red-400{ --tw-text-opacity: 1; color: rgb(248 113 113 / var(--tw-text-opacity, 1)); } .text-red-500{ --tw-text-opacity: 1; color: rgb(239 68 68 / var(--tw-text-opacity, 1)); } .text-red-600{ --tw-text-opacity: 1; color: rgb(220 38 38 / var(--tw-text-opacity, 1)); } .text-red-700{ --tw-text-opacity: 1; color: rgb(185 28 28 / var(--tw-text-opacity, 1)); } .text-red-800{ --tw-text-opacity: 1; color: rgb(153 27 27 / var(--tw-text-opacity, 1)); } .text-rose-700{ --tw-text-opacity: 1; color: rgb(190 18 60 / var(--tw-text-opacity, 1)); } .text-sky-700{ --tw-text-opacity: 1; color: rgb(3 105 161 / var(--tw-text-opacity, 1)); } .text-success-600{ --tw-text-opacity: 1; color: rgb(5 150 105 / var(--tw-text-opacity, 1)); } .text-teal-700{ --tw-text-opacity: 1; color: rgb(15 118 110 / var(--tw-text-opacity, 1)); } .text-theme-brand-primary{ color: var(--colors-brand-primary); } .text-theme-text-dark{ color: var(--colors-text-dark); } .text-theme-text-muted{ color: var(--colors-text-muted); } .text-theme-text-primary{ color: var(--colors-text-primary); } .text-theme-text-secondary{ color: var(--colors-text-secondary); } .text-violet-700{ --tw-text-opacity: 1; color: rgb(109 40 217 / var(--tw-text-opacity, 1)); } .text-warning-500{ --tw-text-opacity: 1; color: rgb(245 158 11 / var(--tw-text-opacity, 1)); } .text-warning-600{ --tw-text-opacity: 1; color: rgb(217 119 6 / var(--tw-text-opacity, 1)); } .text-white{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .text-yellow-600{ --tw-text-opacity: 1; color: rgb(202 138 4 / var(--tw-text-opacity, 1)); } .text-yellow-700{ --tw-text-opacity: 1; color: rgb(161 98 7 / var(--tw-text-opacity, 1)); } .text-yellow-800{ --tw-text-opacity: 1; color: rgb(133 77 14 / var(--tw-text-opacity, 1)); } .underline{ text-decoration-line: underline; } .line-through{ text-decoration-line: line-through; } .underline-offset-4{ text-underline-offset: 4px; } .placeholder-gray-400::placeholder{ --tw-placeholder-opacity: 1; color: rgb(148 163 184 / var(--tw-placeholder-opacity, 1)); } .placeholder-gray-500::placeholder{ --tw-placeholder-opacity: 1; color: rgb(100 116 139 / var(--tw-placeholder-opacity, 1)); } .accent-primary-600{ accent-color: #2563eb; } .accent-purple-600{ accent-color: #7c3aed; } .opacity-0{ opacity: 0; } .opacity-100{ opacity: 1; } .opacity-20{ opacity: 0.2; } .opacity-25{ opacity: 0.25; } .opacity-40{ opacity: 0.4; } .opacity-50{ opacity: 0.5; } .opacity-60{ opacity: 0.6; } .opacity-70{ opacity: 0.7; } .opacity-75{ opacity: 0.75; } .shadow{ --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-2xl{ --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25); --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-lg{ --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-md{ --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-none{ --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-sm{ --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-xl{ --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .outline-none{ outline: 2px solid transparent; outline-offset: 2px; } .outline{ outline-style: solid; } .ring{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .ring-0{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .ring-1{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .ring-2{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .ring-blue-500{ --tw-ring-opacity: 1; --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1)); } .blur{ --tw-blur: blur(8px); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .drop-shadow{ --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06)); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .invert{ --tw-invert: invert(100%); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .filter{ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .backdrop-blur{ --tw-backdrop-blur: blur(8px); -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .backdrop-blur-\[21px\]{ --tw-backdrop-blur: blur(21px); -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .backdrop-filter{ -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .transition{ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-\[width\]{ transition-property: width; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-all{ transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-colors{ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-opacity{ transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-shadow{ transition-property: box-shadow; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-transform{ transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .duration-100{ transition-duration: 100ms; } .duration-150{ transition-duration: 150ms; } .duration-200{ transition-duration: 200ms; } .duration-300{ transition-duration: 300ms; } .duration-500{ transition-duration: 500ms; } .ease-in{ transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } .ease-in-out{ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .ease-out{ transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } .\[background\:radial-gradient\(38\.61\%_40\.02\%_at_50\.15\%_0\%\2c _\#505050_0\%\2c _\#121212_100\%\)\]{ background: radial-gradient(38.61% 40.02% at 50.15% 0%, #505050 0%, #121212 100%); } .\[border-color\:var\(--colors-border-primary\2c rgba\(0\2c 0\2c 0\2c 0\.08\)\)\]{ border-color: var(--colors-border-primary,rgba(0,0,0,0.08)); } :root { --theme-transition-duration: 300ms; --theme-transition-easing: cubic-bezier(0.4, 0, 0.2, 1); --theme-transition: var(--theme-transition-duration) var(--theme-transition-easing); --component-transition: background-color var(--theme-transition), color var(--theme-transition), border-color var(--theme-transition), box-shadow var(--theme-transition), transform var(--theme-transition); --tab-selector-selected-bg: #F0F4F5; --tab-selector-inactive-bg: rgba(240, 244, 245, 0.4); --navicon-label-background: #f1f5f9; --navicon-label-color: #475569; --navicon-label-border: transparent; } * { box-sizing: border-box; } html { scroll-behavior: smooth; font-size: 16px; transition: var(--component-transition); } body { font-family: var(--typography-fontFamily-primary); margin: 0; padding: 0; line-height: var(--typography-lineHeight-normal); color: var(--colors-text-primary); background-color: var(--colors-background-primary); font-feature-settings: "cv11", "ss01"; font-variation-settings: "opsz" 32; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: var(--component-transition); } .data-table-navicon-label { font-size: 11px; background-color: var(--navicon-label-background); color: var(--navicon-label-color); border: 1px solid var(--navicon-label-border); padding: 2px 6px; border-radius: 4px; display: inline-flex; align-items: center; gap: 4px; font-family: "Lexend", sans-serif; font-weight: 500; letter-spacing: 0.02em; text-transform: none; white-space: nowrap; } *:focus { outline: 2px solid var(--colors-border-focus); outline-offset: 2px; } *:focus:not(:focus-visible) { outline: none; } ::-webkit-scrollbar { width: 6px; height: 6px; } ::-webkit-scrollbar-track { background: var(--colors-background-secondary); } ::-webkit-scrollbar-thumb { background: var(--colors-border-secondary); border-radius: 3px; } ::-webkit-scrollbar-thumb:hover { background: var(--colors-text-muted); } :root, :root[data-theme=light], .theme-light { color-scheme: light; --colors-status-approved-background: #D1FAE5; --colors-status-approved-text: #059669; --colors-status-approved-border: #10B981; --colors-status-pending-background: #FEF3C7; --colors-status-pending-text: #D97706; --colors-status-pending-border: #F59E0B; --colors-status-rejected-background: #FEE2E2; --colors-status-rejected-text: #DC2626; --colors-status-rejected-border: #EF4444; --colors-status-completed-background: #D1FAE5; --colors-status-completed-text: #059669; --colors-status-completed-border: #10B981; } :root[data-theme=dark], .theme-dark { color-scheme: dark; --tab-selector-selected-bg: rgba(255, 255, 255, 0.10); --tab-selector-inactive-bg: rgba(255, 255, 255, 0.06); --navicon-label-background: rgba(255, 255, 255, 0.12); --navicon-label-color: #e5e5e5; --navicon-label-border: rgba(255, 255, 255, 0.25); --colors-status-approved-background: rgba(5, 150, 105, 0.15); --colors-status-approved-text: #34d399; --colors-status-approved-border: #10b981; --colors-status-pending-background: rgba(245, 158, 11, 0.15); --colors-status-pending-text: #fbbf24; --colors-status-pending-border: #f59e0b; --colors-status-rejected-background: rgba(239, 68, 68, 0.15); --colors-status-rejected-text: #f87171; --colors-status-rejected-border: #ef4444; --colors-status-completed-background: rgba(5, 150, 105, 0.15); --colors-status-completed-text: #34d399; --colors-status-completed-border: #10b981; } :root[data-theme=dark] img, .theme-dark img { opacity: 0.9; } :root[data-theme=dark] ::-webkit-scrollbar-track, .theme-dark ::-webkit-scrollbar-track { background: var(--colors-background-secondary); } :root[data-theme=dark] ::-webkit-scrollbar-thumb, .theme-dark ::-webkit-scrollbar-thumb { background: var(--colors-border-secondary); } :root[data-theme=high-contrast], .theme-high-contrast { color-scheme: dark; --colors-text-primary: #ffffff; --colors-text-dark: #000000; --colors-background-primary: #ffffff; --colors-background-dark: #000000; --colors-border-primary: #ffffff; --shadows-card: none; --shadows-dropdown: none; --shadows-lg: none; --shadows-subtle: none; } .theme-transitioning * { transition: var(--component-transition) !important; } @media (prefers-reduced-motion: reduce) { * { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; } :root { --theme-transition-duration: 0.01ms; } } @media print { :root { --colors-text-primary: #000000; --colors-text-dark: #ffffff; --colors-background-primary: #ffffff; --colors-background-dark: #000000; --colors-background-card: #ffffff; --shadows-card: none; --shadows-dropdown: none; } .no-print { display: none !important; } } .btn { display: inline-flex; align-items: center; justify-content: center; gap: var(--spacing-2); font-family: inherit; font-size: var(--typography-fontSize-sm); font-weight: var(--typography-fontWeight-medium); line-height: var(--typography-lineHeight-tight); text-decoration: none; white-space: nowrap; cursor: pointer; -webkit-user-select: none; user-select: none; transition: var(--component-transition); border: none; outline: none; border-radius: var(--borderRadius-lg); padding: var(--spacing-3-5) var(--spacing-5); min-height: var(--layout-button-height-md); } .btn:disabled, .btn[aria-disabled=true] { opacity: 0.6; cursor: not-allowed; pointer-events: none; } .btn:focus-visible { outline: 2px solid var(--colors-border-focus); outline-offset: 2px; } .btn--sm { font-size: var(--typography-fontSize-xs); padding: var(--spacing-2) var(--spacing-3); min-height: var(--layout-button-height-sm); border-radius: var(--borderRadius-md); } .btn--lg { font-size: var(--typography-fontSize-base); padding: var(--spacing-4) var(--spacing-6); min-height: var(--layout-button-height-lg); border-radius: var(--borderRadius-xl); } .btn--primary { background-color: var(--colors-brand-primary); color: var(--colors-text-inverse); } .btn--primary:hover:not(:disabled) { background-color: var(--colors-brand-secondary); transform: translateY(-1px); box-shadow: var(--shadows-card); } .btn--primary:active:not(:disabled) { background-color: var(--colors-brand-accent); transform: translateY(0); box-shadow: none; } .btn--secondary { background-color: var(--colors-background-secondary); color: var(--colors-text-primary); border: 1px solid var(--colors-border-primary); } .btn--secondary:hover:not(:disabled) { background-color: var(--colors-interactive-hover); border-color: var(--colors-border-secondary); } .btn--secondary:active:not(:disabled) { background-color: var(--colors-interactive-active); } .btn--outline { background-color: transparent; color: var(--colors-brand-primary); border: 1px solid var(--colors-brand-primary); } .btn--outline:hover:not(:disabled) { background-color: var(--colors-brand-primary); color: var(--colors-text-inverse); } .btn--outline:active:not(:disabled) { background-color: var(--colors-brand-secondary); border-color: var(--colors-brand-secondary); } .btn--ghost { background-color: transparent; color: var(--colors-text-primary); border: none; } .btn--ghost:hover:not(:disabled) { background-color: var(--colors-interactive-hover); } .btn--ghost:active:not(:disabled) { background-color: var(--colors-interactive-active); } .btn--icon { aspect-ratio: 1; padding: var(--spacing-2); min-width: var(--layout-button-height-md); } .btn--icon.btn--sm { min-width: var(--layout-button-height-sm); } .btn--icon.btn--lg { min-width: var(--layout-button-height-lg); } .card { background-color: var(--colors-background-card); border: 1px solid var(--colors-border-primary); border-radius: var(--borderRadius-lg); box-shadow: var(--shadows-card); padding: var(--spacing-5); transition: var(--component-transition); } .card--elevated { border: none; box-shadow: var(--shadows-lg); background-color: var(--colors-background-elevated); } .card--interactive { cursor: pointer; } .card--interactive:hover { border-color: var(--colors-brand-primary); box-shadow: var(--shadows-dropdown); transform: translateY(-1px); } .card--interactive:active { transform: translateY(0); box-shadow: var(--shadows-card); } .card--flat { border: none; box-shadow: none; background-color: var(--colors-background-secondary); } .card__header { display: flex; align-items: center; justify-content: space-between; margin-bottom: var(--spacing-4); padding-bottom: var(--spacing-3); border-bottom: 1px solid var(--colors-border-primary); } .card__title { font-size: var(--typography-fontSize-lg); font-weight: var(--typography-fontWeight-semibold); color: var(--colors-text-primary); margin: 0; } .card__subtitle { font-size: var(--typography-fontSize-sm); color: var(--colors-text-secondary); margin: 0; } .card__content { color: var(--colors-text-primary); line-height: var(--typography-lineHeight-relaxed); } .card__content > *:first-child { margin-top: 0; } .card__content > *:last-child { margin-bottom: 0; } .card__footer { display: flex; align-items: center; justify-content: flex-end; gap: var(--spacing-3); margin-top: var(--spacing-4); padding-top: var(--spacing-3); border-top: 1px solid var(--colors-border-primary); } .card--stats { display: flex; flex-direction: column; gap: var(--spacing-3); min-height: 120px; padding: var(--spacing-5); } .card--stats .stats-header { display: flex; align-items: center; gap: var(--spacing-3); } .card--stats .stats-icon { width: 40px; height: 40px; border-radius: var(--borderRadius-md); display: flex; align-items: center; justify-content: center; font-size: 20px; } .card--stats .stats-icon--pending { background-color: var(--colors-status-pending-background); color: var(--colors-status-pending-text); } .card--stats .stats-icon--approved { background-color: var(--colors-status-approved-background); color: var(--colors-status-approved-text); } .card--stats .stats-icon--completed { background-color: var(--colors-status-completed-background); color: var(--colors-status-completed-text); } .card--stats .stats-icon--rejected { background-color: var(--colors-status-rejected-background); color: var(--colors-status-rejected-text); } .card--stats .stats-title { font-size: var(--typography-fontSize-sm); font-weight: var(--typography-fontWeight-medium); color: var(--colors-text-secondary); margin: 0; } .card--stats .stats-value { font-size: var(--typography-fontSize-2xl); font-weight: var(--typography-fontWeight-bold); color: var(--colors-text-primary); margin: 0; margin-top: auto; } .topbar { background-color: var(--colors-background-primary); border-bottom: 1px solid var(--colors-border-primary); height: var(--layout-topbar-height); padding: 0 var(--spacing-4); display: flex; align-items: center; justify-content: space-between; gap: var(--spacing-9); z-index: var(--zIndex-sticky); position: sticky; top: 0; transition: var(--component-transition); } .topbar__brand { display: flex; align-items: center; gap: var(--spacing-3); padding: var(--spacing-4); border: 1px solid var(--colors-border-primary); border-radius: var(--borderRadius-xl); } .topbar__brand-logo { width: 30px; height: 30px; border-radius: var(--borderRadius-sm); object-fit: cover; } .topbar__brand-text { font-size: var(--typography-fontSize-base); font-weight: var(--typography-fontWeight-light); color: var(--colors-text-primary); text-transform: uppercase; letter-spacing: var(--typography-letterSpacing-wide); } .topbar__profile { display: flex; align-items: center; gap: var(--spacing-2); padding: var(--spacing-4); border: 1px solid var(--colors-border-primary); border-radius: var(--borderRadius-xl); cursor: pointer; transition: var(--component-transition); } .topbar__profile:hover { background-color: var(--colors-interactive-hover); } .sidebar { background-color: var(--colors-background-primary); border-right: 1px solid var(--colors-border-primary); width: var(--layout-sidebar-width); padding: var(--spacing-5); display: flex; flex-direction: column; gap: var(--spacing-2); z-index: var(--zIndex-docked); transition: var(--component-transition); } .sidebar__item { display: flex; align-items: center; justify-content: center; width: var(--layout-sidebar-itemHeight); height: var(--layout-sidebar-itemHeight); border-radius: var(--borderRadius-md); color: var(--colors-text-muted); background-color: transparent; cursor: pointer; transition: var(--component-transition); } .sidebar__item:hover { background-color: var(--colors-interactive-hover); color: var(--colors-text-primary); } .sidebar__item--active { background-color: var(--colors-brand-primary); color: var(--colors-text-inverse); } .search { position: relative; max-width: 400px; width: 100%; } .search__input { background-color: var(--colors-background-tertiary); border: 1px solid var(--colors-border-muted); border-radius: var(--borderRadius-xl); padding: var(--spacing-3-5) var(--spacing-5) var(--spacing-3-5) var(--spacing-10); font-size: var(--typography-fontSize-base); height: 56px; width: 100%; color: var(--colors-text-primary); outline: none; } .search__input:focus { background-color: var(--colors-background-card); border-color: var(--colors-border-focus); } .touch-target { min-height: 44px; min-width: 44px; padding: 0.75rem; cursor: pointer; -webkit-tap-highlight-color: transparent; } .touch-target-sm { min-height: 36px; min-width: 36px; padding: 0.5rem; cursor: pointer; -webkit-tap-highlight-color: transparent; } @media (max-width: 767px) { .hide-mobile { display: none !important; } } .show-mobile { display: none !important; } @media (max-width: 767px) { .show-mobile { display: block !important; } } .show-mobile-flex { display: none !important; } @media (max-width: 767px) { .show-mobile-flex { display: flex !important; } } .show-mobile-grid { display: none !important; } @media (max-width: 767px) { .show-mobile-grid { display: grid !important; } } @media (min-width: 768px) and (max-width: 1023px) { .hide-tablet { display: none !important; } } .show-tablet { display: none !important; } @media (min-width: 768px) and (max-width: 1023px) { .show-tablet { display: block !important; } } @media (min-width: 1024px) { .hide-desktop { display: none !important; } } .show-desktop { display: none !important; } @media (min-width: 1024px) { .show-desktop { display: block !important; } } @media (max-width: 767px) { .mobile-full-width { width: 100% !important; } .mobile-stack { flex-direction: column !important; } .mobile-single-col { grid-template-columns: 1fr !important; } .mobile-hide-scrollbar { -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } .mobile-hide-scrollbar::-webkit-scrollbar { display: none; /* Chrome, Safari, Opera */ } } .safe-area-inset-top { padding-top: env(safe-area-inset-top); } .safe-area-inset-bottom { padding-bottom: env(safe-area-inset-bottom); } .safe-area-inset-left { padding-left: env(safe-area-inset-left); } .safe-area-inset-right { padding-right: env(safe-area-inset-right); } .safe-area-inset-all { padding-top: env(safe-area-inset-top); padding-bottom: env(safe-area-inset-bottom); padding-left: env(safe-area-inset-left); padding-right: env(safe-area-inset-right); } @media (max-width: 767px) { .no-select-mobile { -webkit-user-select: none; user-select: none; } .prevent-zoom-mobile { font-size: 16px !important; } } @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; } } .drawer-backdrop { position: fixed; inset: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 999; animation: backdropFadeIn 0.2s ease-out; } @keyframes backdropFadeIn { from { opacity: 0; } to { opacity: 1; } } .drawer-container { position: fixed; top: 0; bottom: 0; left: 0; width: 280px; z-index: 1000; transform: translateX(-100%); transition: transform 0.3s ease-out; will-change: transform; overflow-y: auto; -webkit-overflow-scrolling: touch; } .drawer-container.open { transform: translateX(0); } .responsive-container { width: 100%; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; } @media (min-width: 768px) { .responsive-container { max-width: 640px; padding-left: 1.5rem; padding-right: 1.5rem; } } @media (min-width: 1024px) { .responsive-container { max-width: 1024px; padding-left: 2rem; padding-right: 2rem; } } @media (min-width: 1280px) { .responsive-container { max-width: 1280px; } } @media (max-width: 767px) { .mobile-spacing { padding: 1rem; gap: 0.75rem; } } @media (min-width: 768px) { .mobile-spacing { padding: 1.5rem; gap: 1rem; } } @media (min-width: 1024px) { .mobile-spacing { padding: 2rem; gap: 1.5rem; } } [data-theme=dark], html.dark { --bg-primary: #0f0f0f; --bg-secondary: #1a1a1a; --bg-tertiary: #262626; --bg-card: #1e1e1e; --bg-elevated: #2a2a2a; --bg-hover: #333333; --bg-active: #404040; --skeleton-shimmer: #333333; --text-primary: #e5e5e5; --text-secondary: #d4d4d4; --text-muted: #a3a3a3; --text-inverse: #000000; --border-primary: #404040; --border-secondary: #525252; --border-muted: #333333; --brand-primary: #60a5fa; --brand-secondary: #3b82f6; --status-success-bg: #064e3b; --status-success-text: #6ee7b7; --status-warning-bg: #78350f; --status-warning-text: #fcd34d; --status-error-bg: #7f1d1d; --status-error-text: #fca5a5; --status-info-bg: #1e3a8a; --status-info-text: #93c5fd; --colors-background-primary: var(--bg-primary); --colors-background-secondary: var(--bg-secondary); --colors-background-tertiary: var(--bg-tertiary); --colors-background-card: var(--bg-card); --colors-background-elevated: var(--bg-elevated); --colors-background-hover: var(--bg-hover); --colors-text-primary: var(--text-primary); --colors-text-secondary: var(--text-secondary); --colors-text-muted: var(--text-muted); --colors-text-inverse: var(--text-inverse); --colors-border-primary: var(--border-primary); --colors-border-secondary: var(--border-secondary); --colors-border-muted: var(--border-muted); --colors-brand-primary: var(--brand-primary); --colors-brand-secondary: var(--brand-secondary); background-color: var(--bg-primary) !important; color: var(--text-primary) !important; } [data-theme=dark] body, html.dark body { background-color: var(--bg-primary) !important; color: var(--text-primary) !important; } [data-theme=dark] .app-container, html.dark .app-container { background-color: var(--bg-primary) !important; color: var(--text-primary) !important; } [data-theme=dark] .main-content:not(app-mobile-tabs-navigation .dashboard-body):not(app-customer-dashboard-layout .main-content):not(:has(app-customer-dashboard-layout)), html.dark .main-content:not(app-mobile-tabs-navigation .dashboard-body):not(app-customer-dashboard-layout .main-content):not(:has(app-customer-dashboard-layout)) { background-color: transparent !important; color: var(--text-primary) !important; } [data-theme=dark] .content-wrapper:not(app-customer-content .content-wrapper):not(app-customer-profile .content-wrapper), html.dark .content-wrapper:not(app-customer-content .content-wrapper):not(app-customer-profile .content-wrapper) { background-color: var(--bg-primary) !important; color: var(--text-primary) !important; } [data-theme=dark] div[class*=bg-white]:not(.panel-content):not(.panel-content *):not(.popup-content):not(.popup-content *):not(.detail-page-content):not(.detail-page-content *):not(.sidebar-container), [data-theme=dark] div[style*="background-color: white"]:not(.panel-content):not(.panel-content *):not(.popup-content):not(.popup-content *):not(.detail-page-content):not(.detail-page-content *):not(.sidebar-container), [data-theme=dark] div[style*="background-color: #fff"]:not(.panel-content):not(.panel-content *):not(.popup-content):not(.popup-content *):not(.detail-page-content):not(.detail-page-content *):not(.sidebar-container), [data-theme=dark] div[style*="background-color: #ffffff"]:not(.panel-content):not(.panel-content *):not(.popup-content):not(.popup-content *):not(.detail-page-content):not(.detail-page-content *), [data-theme=dark] div[style*="background: white"]:not(.panel-content):not(.panel-content *):not(.popup-content):not(.popup-content *):not(.detail-page-content):not(.detail-page-content *), [data-theme=dark] div[style*="background: #fff"]:not(.panel-content):not(.panel-content *):not(.popup-content):not(.popup-content *):not(.detail-page-content):not(.detail-page-content *), [data-theme=dark] div[style*="background: #ffffff"]:not(.panel-content):not(.panel-content *):not(.popup-content):not(.popup-content *):not(.detail-page-content):not(.detail-page-content *), html.dark div[class*=bg-white]:not(.panel-content):not(.panel-content *):not(.popup-content):not(.popup-content *):not(.detail-page-content):not(.detail-page-content *):not(.sidebar-container), html.dark div[style*="background-color: white"]:not(.panel-content):not(.panel-content *):not(.popup-content):not(.popup-content *):not(.detail-page-content):not(.detail-page-content *):not(.sidebar-container), html.dark div[style*="background-color: #fff"]:not(.panel-content):not(.panel-content *):not(.popup-content):not(.popup-content *):not(.detail-page-content):not(.detail-page-content *):not(.sidebar-container), html.dark div[style*="background-color: #ffffff"]:not(.panel-content):not(.panel-content *):not(.popup-content):not(.popup-content *):not(.detail-page-content):not(.detail-page-content *), html.dark div[style*="background: white"]:not(.panel-content):not(.panel-content *):not(.popup-content):not(.popup-content *):not(.detail-page-content):not(.detail-page-content *), html.dark div[style*="background: #fff"]:not(.panel-content):not(.panel-content *):not(.popup-content):not(.popup-content *):not(.detail-page-content):not(.detail-page-content *), html.dark div[style*="background: #ffffff"]:not(.panel-content):not(.panel-content *):not(.popup-content):not(.popup-content *):not(.detail-page-content):not(.detail-page-content *) { background-color: var(--bg-card) !important; } [data-theme=dark] .card, [data-theme=dark] .panel, [data-theme=dark] .box, [data-theme=dark] .widget, [data-theme=dark] [class*=card]:not(.kpi-cards-container):not(.kpi-cards-wrapper):not(.kpi-cards-scroll):not(.all-kpi-card):not(.customer-card):not(.status-cards-container):not(.status-cards-grid), [data-theme=dark] [class*=panel]:not(.resizable-panel-overlay):not(.component-specific-panel-container), [data-theme=dark] .bg-white, [data-theme=dark] .bg-gray-50, [data-theme=dark] .bg-gray-100, [data-theme=dark] .surface-card, html.dark .card, html.dark .panel, html.dark .box, html.dark .widget, html.dark [class*=card]:not(.kpi-cards-container):not(.kpi-cards-wrapper):not(.kpi-cards-scroll):not(.all-kpi-card):not(.customer-card):not(.status-cards-container):not(.status-cards-grid), html.dark [class*=panel]:not(.resizable-panel-overlay):not(.component-specific-panel-container), html.dark .bg-white, html.dark .bg-gray-50, html.dark .bg-gray-100, html.dark .surface-card { color: var(--text-primary) !important; border-color: var(--border-primary) !important; } [data-theme=dark] .card-header, [data-theme=dark] .panel-header, html.dark .card-header, html.dark .panel-header { background-color: var(--bg-elevated) !important; color: var(--text-primary) !important; border-color: var(--border-primary) !important; } [data-theme=dark] .card-body, [data-theme=dark] .card-content, [data-theme=dark] .panel-body, html.dark .card-body, html.dark .card-content, html.dark .panel-body { background-color: var(--bg-card) !important; color: var(--text-primary) !important; } [data-theme=dark] .detail-popup-container, html.dark .detail-popup-container { background: #1e1e1e !important; } [data-theme=dark] .popup-header, html.dark .popup-header { background: #1e1e1e !important; color: #e2e8f0 !important; } [data-theme=dark] .popup-title, html.dark .popup-title { color: #f8fafc !important; font-weight: 600; letter-spacing: -0.02em; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.4); } [data-theme=dark] .popup-action-btn, html.dark .popup-action-btn { color: #cbd5e1 !important; background: rgba(148, 163, 184, 0.08) !important; border: 1px solid rgba(148, 163, 184, 0.12) !important; transition: all 0.2s ease; } [data-theme=dark] .popup-action-btn:hover, html.dark .popup-action-btn:hover { background: rgba(148, 163, 184, 0.15) !important; border-color: rgba(148, 163, 184, 0.25) !important; color: #f8fafc !important; transform: translateY(-1px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4) !important; } [data-theme=dark] .popup-action-btn:active, html.dark .popup-action-btn:active { background: rgba(148, 163, 184, 0.2) !important; transform: translateY(0); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4) !important; } [data-theme=dark] .popup-action-btn svg, html.dark .popup-action-btn svg { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.4)); } [data-theme=dark] .popup-action-btn svg path, html.dark .popup-action-btn svg path { stroke: currentColor; } [data-theme=dark] .detail-page-header, html.dark .detail-page-header { border-bottom: 1px solid rgba(148, 163, 184, 0.1) !important; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important; } [data-theme=dark] .back-button, html.dark .back-button { padding: 0.625rem 1rem; border-radius: 0.5rem; background: rgba(148, 163, 184, 0.05) !important; border: 1px solid rgba(148, 163, 184, 0.08) !important; } [data-theme=dark] .back-button:hover, html.dark .back-button:hover { background: rgba(148, 163, 184, 0.1) !important; border-color: rgba(148, 163, 184, 0.15) !important; color: #f1f5f9 !important; transform: translateX(-2px); } [data-theme=dark] .back-button:active, html.dark .back-button:active { background: rgba(148, 163, 184, 0.15) !important; transform: translateX(-3px); } [data-theme=dark] .back-button svg, html.dark .back-button svg { filter: drop-shadow(0 0 2px rgba(226, 232, 240, 0.3)); } [data-theme=dark] .popup-content div[style*="background: #f0f4f5"], [data-theme=dark] .popup-content div[style*="background-color: #f0f4f5"], [data-theme=dark] .popup-content div[style*="background: #fafafa"], [data-theme=dark] .popup-content div[style*="background-color: #fafafa"], [data-theme=dark] .popup-content div[style*="background: white"], [data-theme=dark] .popup-content div[style*="background-color: white"], [data-theme=dark] .popup-content div[style*="background: #fff"], [data-theme=dark] .popup-content div[style*="background-color: #fff"], [data-theme=dark] .popup-content div[style*="background: #ffffff"], [data-theme=dark] .popup-content div[style*="background-color: #ffffff"], html.dark .popup-content div[style*="background: #f0f4f5"], html.dark .popup-content div[style*="background-color: #f0f4f5"], html.dark .popup-content div[style*="background: #fafafa"], html.dark .popup-content div[style*="background-color: #fafafa"], html.dark .popup-content div[style*="background: white"], html.dark .popup-content div[style*="background-color: white"], html.dark .popup-content div[style*="background: #fff"], html.dark .popup-content div[style*="background-color: #fff"], html.dark .popup-content div[style*="background: #ffffff"], html.dark .popup-content div[style*="background-color: #ffffff"] { background: #0f0f0f !important; } [data-theme=dark] .popup-content::-webkit-scrollbar, html.dark .popup-content::-webkit-scrollbar { width: 10px; background: rgba(148, 163, 184, 0.05); } [data-theme=dark] .popup-content::-webkit-scrollbar-track, html.dark .popup-content::-webkit-scrollbar-track { background: rgba(148, 163, 184, 0.05); border-radius: 4px; } [data-theme=dark] .popup-content::-webkit-scrollbar-thumb, html.dark .popup-content::-webkit-scrollbar-thumb { background: rgba(148, 163, 184, 0.2); border-radius: 4px; border: 2px solid transparent; background-clip: padding-box; } [data-theme=dark] .popup-content::-webkit-scrollbar-thumb:hover, html.dark .popup-content::-webkit-scrollbar-thumb:hover { background: rgba(148, 163, 184, 0.3); background-clip: padding-box; } [data-theme=dark] .popup-content::-webkit-scrollbar-thumb:active, html.dark .popup-content::-webkit-scrollbar-thumb:active { background: rgba(148, 163, 184, 0.4); background-clip: padding-box; } [data-theme=dark] .popup-content input:not([type=checkbox]):not([type=radio]), [data-theme=dark] .popup-content select, html.dark .popup-content input:not([type=checkbox]):not([type=radio]), html.dark .popup-content select { border: 1px solid rgba(148, 163, 184, 0.15) !important; color: #e2e8f0 !important; } [data-theme=dark] .popup-content input:not([type=checkbox]):not([type=radio])::placeholder, [data-theme=dark] .popup-content select::placeholder, html.dark .popup-content input:not([type=checkbox]):not([type=radio])::placeholder, html.dark .popup-content select::placeholder { color: rgba(148, 163, 184, 0.4) !important; } [data-theme=dark] .popup-content input:not([type=checkbox]):not([type=radio]):focus, [data-theme=dark] .popup-content select:focus, html.dark .popup-content input:not([type=checkbox]):not([type=radio]):focus, html.dark .popup-content select:focus { background: #1e1e1e !important; border-color: rgba(148, 163, 184, 0.3) !important; box-shadow: 0 0 0 3px rgba(148, 163, 184, 0.1) !important; } [data-theme=dark] .popup-content input:not([type=checkbox]):not([type=radio]):disabled, [data-theme=dark] .popup-content select:disabled, html.dark .popup-content input:not([type=checkbox]):not([type=radio]):disabled, html.dark .popup-content select:disabled { background: rgba(148, 163, 184, 0.05) !important; color: rgba(148, 163, 184, 0.3) !important; cursor: not-allowed; } [data-theme=dark] .popup-content table, html.dark .popup-content table { background: transparent !important; border-color: rgba(148, 163, 184, 0.1) !important; } [data-theme=dark] .popup-content table thead, html.dark .popup-content table thead { background: rgba(148, 163, 184, 0.05) !important; } [data-theme=dark] .popup-content table thead th, html.dark .popup-content table thead th { background: rgba(148, 163, 184, 0.05) !important; color: #cbd5e1 !important; border-color: rgba(148, 163, 184, 0.1) !important; } [data-theme=dark] .popup-content table tbody tr, html.dark .popup-content table tbody tr { border-color: rgba(148, 163, 184, 0.08) !important; } [data-theme=dark] .popup-content table tbody tr:hover, html.dark .popup-content table tbody tr:hover { background: rgba(148, 163, 184, 0.05) !important; } [data-theme=dark] .popup-content table tbody tr td, html.dark .popup-content table tbody tr td { background: transparent !important; color: #e2e8f0 !important; border-color: rgba(148, 163, 184, 0.08) !important; } [data-theme=dark] .popup-content button:not(.popup-action-btn):not(.back-button):not(.refresh-btn), html.dark .popup-content button:not(.popup-action-btn):not(.back-button):not(.refresh-btn) { background: rgba(148, 163, 184, 0.08) !important; color: #cbd5e1 !important; border: 1px solid rgba(148, 163, 184, 0.12) !important; } [data-theme=dark] .popup-content button:not(.popup-action-btn):not(.back-button):not(.refresh-btn):hover:not(:disabled), html.dark .popup-content button:not(.popup-action-btn):not(.back-button):not(.refresh-btn):hover:not(:disabled) { background: rgba(148, 163, 184, 0.15) !important; border-color: rgba(148, 163, 184, 0.25) !important; color: #f8fafc !important; } [data-theme=dark] .popup-content button:not(.popup-action-btn):not(.back-button):not(.refresh-btn):active:not(:disabled), html.dark .popup-content button:not(.popup-action-btn):not(.back-button):not(.refresh-btn):active:not(:disabled) { background: rgba(148, 163, 184, 0.2) !important; } [data-theme=dark] .popup-content button:not(.popup-action-btn):not(.back-button):not(.refresh-btn):disabled, html.dark .popup-content button:not(.popup-action-btn):not(.back-button):not(.refresh-btn):disabled { opacity: 0.5; cursor: not-allowed; } [data-theme=dark] .popup-content .cell-content button, [data-theme=dark] .popup-content .cell-content button:not(.popup-action-btn):not(.back-button):not(.refresh-btn), html.dark .popup-content .cell-content button, html.dark .popup-content .cell-content button:not(.popup-action-btn):not(.back-button):not(.refresh-btn) { background: transparent !important; border: none !important; } [data-theme=dark] .popup-content .cell-content button:hover, [data-theme=dark] .popup-content .cell-content button:active, [data-theme=dark] .popup-content .cell-content button:not(.popup-action-btn):not(.back-button):not(.refresh-btn):hover, [data-theme=dark] .popup-content .cell-content button:not(.popup-action-btn):not(.back-button):not(.refresh-btn):active, html.dark .popup-content .cell-content button:hover, html.dark .popup-content .cell-content button:active, html.dark .popup-content .cell-content button:not(.popup-action-btn):not(.back-button):not(.refresh-btn):hover, html.dark .popup-content .cell-content button:not(.popup-action-btn):not(.back-button):not(.refresh-btn):active { background: transparent !important; border: none !important; border-color: transparent !important; color: inherit !important; } [data-theme=dark] .popup-content .enhanced-table-wrapper, [data-theme=dark] .popup-content enhanced-data-table, html.dark .popup-content .enhanced-table-wrapper, html.dark .popup-content enhanced-data-table { background: transparent !important; } [data-theme=dark] .popup-content .enhanced-table-wrapper .data-table, [data-theme=dark] .popup-content enhanced-data-table .data-table, html.dark .popup-content .enhanced-table-wrapper .data-table, html.dark .popup-content enhanced-data-table .data-table { background: transparent !important; } [data-theme=dark] .popup-content .enhanced-table-wrapper .table-pagination, [data-theme=dark] .popup-content enhanced-data-table .table-pagination, html.dark .popup-content .enhanced-table-wrapper .table-pagination, html.dark .popup-content enhanced-data-table .table-pagination { background: transparent !important; border-top: 1px solid rgba(148, 163, 184, 0.1) !important; color: #cbd5e1 !important; } [data-theme=dark] .popup-content .enhanced-table-wrapper .table-pagination button, [data-theme=dark] .popup-content enhanced-data-table .table-pagination button, html.dark .popup-content .enhanced-table-wrapper .table-pagination button, html.dark .popup-content enhanced-data-table .table-pagination button { background: rgba(148, 163, 184, 0.05) !important; color: #cbd5e1 !important; border: 1px solid rgba(148, 163, 184, 0.12) !important; } [data-theme=dark] .popup-content .enhanced-table-wrapper .table-pagination button:hover:not(:disabled), [data-theme=dark] .popup-content enhanced-data-table .table-pagination button:hover:not(:disabled), html.dark .popup-content .enhanced-table-wrapper .table-pagination button:hover:not(:disabled), html.dark .popup-content enhanced-data-table .table-pagination button:hover:not(:disabled) { background: rgba(148, 163, 184, 0.12) !important; color: #f8fafc !important; } [data-theme=dark] .popup-content .enhanced-table-wrapper .table-pagination button:disabled, [data-theme=dark] .popup-content enhanced-data-table .table-pagination button:disabled, html.dark .popup-content .enhanced-table-wrapper .table-pagination button:disabled, html.dark .popup-content enhanced-data-table .table-pagination button:disabled { opacity: 0.3; cursor: not-allowed; } [data-theme=dark] .popup-content .enhanced-table-wrapper .table-pagination select, [data-theme=dark] .popup-content enhanced-data-table .table-pagination select, html.dark .popup-content .enhanced-table-wrapper .table-pagination select, html.dark .popup-content enhanced-data-table .table-pagination select { background: #1a1a1a !important; border: 1px solid rgba(148, 163, 184, 0.15) !important; color: #e2e8f0 !important; } [data-theme=dark] .popup-content .enhanced-table-wrapper .table-pagination .pagination-info, [data-theme=dark] .popup-content enhanced-data-table .table-pagination .pagination-info, html.dark .popup-content .enhanced-table-wrapper .table-pagination .pagination-info, html.dark .popup-content enhanced-data-table .table-pagination .pagination-info { color: #cbd5e1 !important; } [data-theme=dark] .popup-content .search-input, [data-theme=dark] .popup-content input[type=search], [data-theme=dark] .popup-content input[placeholder*=Search], [data-theme=dark] .popup-content input[placeholder*=search], html.dark .popup-content .search-input, html.dark .popup-content input[type=search], html.dark .popup-content input[placeholder*=Search], html.dark .popup-content input[placeholder*=search] { background: #1a1a1a !important; border: 1px solid rgba(148, 163, 184, 0.15) !important; color: #e2e8f0 !important; } [data-theme=dark] .popup-content .search-input::placeholder, [data-theme=dark] .popup-content input[type=search]::placeholder, [data-theme=dark] .popup-content input[placeholder*=Search]::placeholder, [data-theme=dark] .popup-content input[placeholder*=search]::placeholder, html.dark .popup-content .search-input::placeholder, html.dark .popup-content input[type=search]::placeholder, html.dark .popup-content input[placeholder*=Search]::placeholder, html.dark .popup-content input[placeholder*=search]::placeholder { color: rgba(148, 163, 184, 0.4) !important; } [data-theme=dark] .popup-content .search-icon path, [data-theme=dark] .popup-content svg.search-icon path, [data-theme=dark] .popup-content [class*=search] svg path, html.dark .popup-content .search-icon path, html.dark .popup-content svg.search-icon path, html.dark .popup-content [class*=search] svg path { fill: rgba(148, 163, 184, 0.4) !important; } [data-theme=dark] .popup-content .legend, [data-theme=dark] .popup-content .status-legend, html.dark .popup-content .legend, html.dark .popup-content .status-legend { background: rgba(148, 163, 184, 0.05) !important; border: 1px solid rgba(148, 163, 184, 0.1) !important; color: #cbd5e1 !important; } [data-theme=dark] .popup-content .legend .legend-item, [data-theme=dark] .popup-content .status-legend .legend-item, html.dark .popup-content .legend .legend-item, html.dark .popup-content .status-legend .legend-item { color: #e2e8f0 !important; } [data-theme=dark] .popup-content .legend .legend-item .legend-color, [data-theme=dark] .popup-content .status-legend .legend-item .legend-color, html.dark .popup-content .legend .legend-item .legend-color, html.dark .popup-content .status-legend .legend-item .legend-color { border: 1px solid rgba(148, 163, 184, 0.2) !important; } [data-theme=dark] .popup-content p:not([class*=text-]), [data-theme=dark] .popup-content span:not([class*=text-]), [data-theme=dark] .popup-content div:not([class*=text-]), [data-theme=dark] .popup-content label:not([class*=text-]), [data-theme=dark] .popup-content a:not([class*=text-]), [data-theme=dark] .popup-content li:not([class*=text-]), html.dark .popup-content p:not([class*=text-]), html.dark .popup-content span:not([class*=text-]), html.dark .popup-content div:not([class*=text-]), html.dark .popup-content label:not([class*=text-]), html.dark .popup-content a:not([class*=text-]), html.dark .popup-content li:not([class*=text-]) { color: #e2e8f0 !important; } [data-theme=dark] .popup-content h1, [data-theme=dark] .popup-content h2, [data-theme=dark] .popup-content h3, [data-theme=dark] .popup-content h4, [data-theme=dark] .popup-content h5, [data-theme=dark] .popup-content h6, html.dark .popup-content h1, html.dark .popup-content h2, html.dark .popup-content h3, html.dark .popup-content h4, html.dark .popup-content h5, html.dark .popup-content h6 { color: #f8fafc !important; } [data-theme=dark] .popup-content .bg-white, [data-theme=dark] .popup-content [class*=bg-gray], html.dark .popup-content .bg-white, html.dark .popup-content [class*=bg-gray] { background: #1a1a1a !important; } [data-theme=dark] .popup-content .modal-overlay, html.dark .popup-content .modal-overlay { background: rgba(0, 0, 0, 0.8) !important; } [data-theme=dark] .popup-content .modal-content, html.dark .popup-content .modal-content { background: #1a1a1a !important; border: 1px solid rgba(148, 163, 184, 0.15) !important; } [data-theme=dark] .popup-content .modal-header, html.dark .popup-content .modal-header { background: #1e1e1e !important; border-bottom: 1px solid rgba(148, 163, 184, 0.15) !important; color: #f8fafc !important; } [data-theme=dark] .popup-content .modal-body, html.dark .popup-content .modal-body { background: #1a1a1a !important; color: #e2e8f0 !important; } [data-theme=dark] .detail-page-content, html.dark .detail-page-content { background: #0f0f0f !important; } [data-theme=dark] .detail-page-content div[style*="background: #f0f4f5"], [data-theme=dark] .detail-page-content div[style*="background-color: #f0f4f5"], [data-theme=dark] .detail-page-content div[style*="background: #fafafa"], [data-theme=dark] .detail-page-content div[style*="background-color: #fafafa"], [data-theme=dark] .detail-page-content div[style*="background: white"], [data-theme=dark] .detail-page-content div[style*="background-color: white"], html.dark .detail-page-content div[style*="background: #f0f4f5"], html.dark .detail-page-content div[style*="background-color: #f0f4f5"], html.dark .detail-page-content div[style*="background: #fafafa"], html.dark .detail-page-content div[style*="background-color: #fafafa"], html.dark .detail-page-content div[style*="background: white"], html.dark .detail-page-content div[style*="background-color: white"] { background: #0f0f0f !important; } [data-theme=dark] .detail-page-content input:not([type=checkbox]):not([type=radio]), [data-theme=dark] .detail-page-content select, html.dark .detail-page-content input:not([type=checkbox]):not([type=radio]), html.dark .detail-page-content select { border: 1px solid rgba(148, 163, 184, 0.15) !important; color: #e2e8f0 !important; } [data-theme=dark] .detail-page-content input:not([type=checkbox]):not([type=radio])::placeholder, [data-theme=dark] .detail-page-content select::placeholder, html.dark .detail-page-content input:not([type=checkbox]):not([type=radio])::placeholder, html.dark .detail-page-content select::placeholder { color: rgba(148, 163, 184, 0.4) !important; } [data-theme=dark] .detail-page-content table, html.dark .detail-page-content table { background: transparent !important; } [data-theme=dark] .detail-page-content table thead th, html.dark .detail-page-content table thead th { background: rgba(148, 163, 184, 0.05) !important; color: #cbd5e1 !important; border-color: rgba(148, 163, 184, 0.1) !important; } [data-theme=dark] .detail-page-content table tbody td, html.dark .detail-page-content table tbody td { background: transparent !important; color: #e2e8f0 !important; border-color: rgba(148, 163, 184, 0.08) !important; } [data-theme=dark] .p-datatable, [data-theme=dark] .p-datatable-wrapper, [data-theme=dark] .p-datatable-table, html.dark .p-datatable, html.dark .p-datatable-wrapper, html.dark .p-datatable-table { background-color: var(--bg-card) !important; color: var(--text-primary) !important; } [data-theme=dark] .p-datatable-thead > tr > th, html.dark .p-datatable-thead > tr > th { background-color: var(--bg-elevated) !important; color: var(--text-primary) !important; border-color: var(--border-primary) !important; } [data-theme=dark] .p-datatable-tbody > tr, html.dark .p-datatable-tbody > tr { background-color: var(--bg-card) !important; color: var(--text-primary) !important; border-color: var(--border-primary) !important; } [data-theme=dark] .p-datatable-tbody > tr:hover, html.dark .p-datatable-tbody > tr:hover { background-color: var(--bg-hover) !important; } [data-theme=dark] .p-datatable-tbody > tr.p-highlight, html.dark .p-datatable-tbody > tr.p-highlight { background-color: var(--bg-active) !important; } [data-theme=dark] .p-datatable-tbody > tr > td, html.dark .p-datatable-tbody > tr > td { color: var(--text-primary) !important; border-color: var(--border-primary) !important; } [data-theme=dark] .p-dropdown, [data-theme=dark] .p-dropdown-panel, html.dark .p-dropdown, html.dark .p-dropdown-panel { background-color: var(--bg-card) !important; color: var(--text-primary) !important; border-color: var(--border-primary) !important; } [data-theme=dark] .p-dropdown-item, html.dark .p-dropdown-item { color: var(--text-primary) !important; } [data-theme=dark] .p-dropdown-item:hover, html.dark .p-dropdown-item:hover { background-color: var(--bg-hover) !important; } [data-theme=dark] .p-inputtext, [data-theme=dark] .p-inputnumber-input, html.dark .p-inputtext, html.dark .p-inputnumber-input { background-color: var(--bg-secondary) !important; color: var(--text-primary) !important; border-color: var(--border-primary) !important; } [data-theme=dark] .p-datepicker, html.dark .p-datepicker { background-color: var(--bg-card) !important; color: var(--text-primary) !important; border-color: var(--border-primary) !important; } [data-theme=dark] .p-datepicker-calendar td > span, html.dark .p-datepicker-calendar td > span { color: var(--text-primary) !important; } [data-theme=dark] .p-datepicker-calendar td > span:hover, html.dark .p-datepicker-calendar td > span:hover { background-color: var(--bg-hover) !important; } [data-theme=dark] .p-dialog, [data-theme=dark] .p-dialog-content, html.dark .p-dialog, html.dark .p-dialog-content { background-color: var(--bg-card) !important; color: var(--text-primary) !important; } [data-theme=dark] .p-dialog-header, html.dark .p-dialog-header { background-color: var(--bg-elevated) !important; color: var(--text-primary) !important; border-color: var(--border-primary) !important; } [data-theme=dark] .p-menu, [data-theme=dark] .p-menubar, [data-theme=dark] .p-tieredmenu, html.dark .p-menu, html.dark .p-menubar, html.dark .p-tieredmenu { background-color: var(--bg-card) !important; color: var(--text-primary) !important; border-color: var(--border-primary) !important; } [data-theme=dark] .p-menuitem-link, html.dark .p-menuitem-link { color: var(--text-primary) !important; } [data-theme=dark] .p-menuitem-link:hover, html.dark .p-menuitem-link:hover { background-color: var(--bg-hover) !important; } [data-theme=dark] input, [data-theme=dark] select, html.dark input, html.dark select { color: var(--text-primary) !important; border-color: var(--border-primary) !important; } [data-theme=dark] input::placeholder, [data-theme=dark] select::placeholder, html.dark input::placeholder, html.dark select::placeholder { color: var(--text-muted) !important; } [data-theme=dark] input:focus, [data-theme=dark] select:focus, html.dark input:focus, html.dark select:focus { border-color: var(--brand-primary) !important; } [data-theme=dark] input:disabled, [data-theme=dark] select:disabled, html.dark input:disabled, html.dark select:disabled { background-color: var(--bg-tertiary) !important; color: var(--text-muted) !important; } [data-theme=dark] input[style*="background-color: white"], [data-theme=dark] input[style*="background: white"], [data-theme=dark] textarea[style*="background-color: white"], [data-theme=dark] select[style*="background-color: white"], html.dark input[style*="background-color: white"], html.dark input[style*="background: white"], html.dark textarea[style*="background-color: white"], html.dark select[style*="background-color: white"] { background-color: var(--bg-secondary) !important; } [data-theme=dark] .advanced-search-container, html.dark .advanced-search-container { background-color: var(--bg-card) !important; color: var(--text-primary) !important; } [data-theme=dark] .advanced-search-container .search-form-container, html.dark .advanced-search-container .search-form-container { background-color: transparent !important; } [data-theme=dark] .advanced-search-container .section-title, html.dark .advanced-search-container .section-title { color: var(--text-primary) !important; } [data-theme=dark] .advanced-search-container .field-label, html.dark .advanced-search-container .field-label { color: var(--text-muted) !important; } [data-theme=dark] .advanced-search-container .form-control, [data-theme=dark] .advanced-search-container input.form-control, [data-theme=dark] .advanced-search-container textarea.form-control, [data-theme=dark] .advanced-search-container button.form-control, html.dark .advanced-search-container .form-control, html.dark .advanced-search-container input.form-control, html.dark .advanced-search-container textarea.form-control, html.dark .advanced-search-container button.form-control { background-color: var(--bg-secondary) !important; color: var(--text-primary) !important; border-color: var(--border-primary) !important; } [data-theme=dark] .advanced-search-container .form-control:focus, html.dark .advanced-search-container .form-control:focus { border-color: var(--brand-primary) !important; box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.2) !important; } [data-theme=dark] .advanced-search-container .form-control::placeholder, html.dark .advanced-search-container .form-control::placeholder { color: var(--text-muted) !important; } [data-theme=dark] .advanced-search-container .date-range-button i, html.dark .advanced-search-container .date-range-button i { color: var(--text-muted) !important; } [data-theme=dark] .advanced-search-container .date-picker-container, html.dark .advanced-search-container .date-picker-container { background-color: var(--bg-card) !important; border: 1px solid var(--border-primary) !important; box-shadow: 0 12px 32px rgba(0, 0, 0, 0.55) !important; border-radius: 12px !important; } [data-theme=dark] .advanced-search-container .form-actions, html.dark .advanced-search-container .form-actions { background-color: var(--bg-card) !important; border-top-color: var(--border-muted) !important; box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.35) !important; } [data-theme=dark] .advanced-search-container .form-actions .modern-btn.btn-outline-secondary, html.dark .advanced-search-container .form-actions .modern-btn.btn-outline-secondary { background-color: transparent !important; border-color: var(--border-primary) !important; color: var(--text-secondary) !important; } [data-theme=dark] .advanced-search-container .form-actions .modern-btn.btn-outline-secondary:hover:not(:disabled), [data-theme=dark] .advanced-search-container .form-actions .modern-btn.btn-outline-secondary:active:not(:disabled), html.dark .advanced-search-container .form-actions .modern-btn.btn-outline-secondary:hover:not(:disabled), html.dark .advanced-search-container .form-actions .modern-btn.btn-outline-secondary:active:not(:disabled) { background-color: var(--bg-hover) !important; border-color: var(--border-secondary) !important; color: var(--text-primary) !important; } [data-theme=dark] .advanced-search-container .form-actions .modern-btn.btn-primary, html.dark .advanced-search-container .form-actions .modern-btn.btn-primary { background-color: var(--brand-secondary) !important; border-color: var(--brand-secondary) !important; color: var(--text-primary) !important; } [data-theme=dark] .advanced-search-container .form-actions .modern-btn.btn-primary:hover:not(:disabled), [data-theme=dark] .advanced-search-container .form-actions .modern-btn.btn-primary:active:not(:disabled), html.dark .advanced-search-container .form-actions .modern-btn.btn-primary:hover:not(:disabled), html.dark .advanced-search-container .form-actions .modern-btn.btn-primary:active:not(:disabled) { background-color: var(--brand-primary) !important; border-color: var(--brand-primary) !important; } [data-theme=dark] .advanced-search-container .loading-text, [data-theme=dark] .advanced-search-container .no-results-text, html.dark .advanced-search-container .loading-text, html.dark .advanced-search-container .no-results-text { color: var(--text-muted) !important; } [data-theme=dark] .ng-select, [data-theme=dark] .ng-select-container, html.dark .ng-select, html.dark .ng-select-container { background-color: var(--bg-secondary) !important; color: var(--text-primary) !important; border-color: var(--border-primary) !important; } [data-theme=dark] .ng-dropdown-panel, html.dark .ng-dropdown-panel { background-color: var(--bg-card) !important; border-color: var(--border-primary) !important; } [data-theme=dark] .ng-option, html.dark .ng-option { background-color: var(--bg-card) !important; color: var(--text-primary) !important; } [data-theme=dark] .ng-option:hover, html.dark .ng-option:hover { background-color: var(--bg-hover) !important; } [data-theme=dark] .ng-option.ng-option-selected, html.dark .ng-option.ng-option-selected { background-color: var(--bg-active) !important; } [data-theme=dark] .btn.bg-white, [data-theme=dark] .btn[style*="background-color: white"], [data-theme=dark] .btn[style*="background: white"], [data-theme=dark] button:not(.p-button):not(.refresh-button):not(.export-button):not(.simple-button):not(.filter-button).bg-white, [data-theme=dark] button:not(.p-button):not(.refresh-button):not(.export-button):not(.simple-button):not(.filter-button)[style*="background-color: white"], [data-theme=dark] button:not(.p-button):not(.refresh-button):not(.export-button):not(.simple-button):not(.filter-button)[style*="background: white"], html.dark .btn.bg-white, html.dark .btn[style*="background-color: white"], html.dark .btn[style*="background: white"], html.dark button:not(.p-button):not(.refresh-button):not(.export-button):not(.simple-button):not(.filter-button).bg-white, html.dark button:not(.p-button):not(.refresh-button):not(.export-button):not(.simple-button):not(.filter-button)[style*="background-color: white"], html.dark button:not(.p-button):not(.refresh-button):not(.export-button):not(.simple-button):not(.filter-button)[style*="background: white"] { background-color: #121212 !important; color: var(--text-primary) !important; border-color: var(--border-primary) !important; } [data-theme=dark] .btn.bg-white:hover, [data-theme=dark] .btn[style*="background-color: white"]:hover, [data-theme=dark] .btn[style*="background: white"]:hover, [data-theme=dark] button:not(.p-button):not(.refresh-button):not(.export-button):not(.simple-button):not(.filter-button).bg-white:hover, [data-theme=dark] button:not(.p-button):not(.refresh-button):not(.export-button):not(.simple-button):not(.filter-button)[style*="background-color: white"]:hover, [data-theme=dark] button:not(.p-button):not(.refresh-button):not(.export-button):not(.simple-button):not(.filter-button)[style*="background: white"]:hover, html.dark .btn.bg-white:hover, html.dark .btn[style*="background-color: white"]:hover, html.dark .btn[style*="background: white"]:hover, html.dark button:not(.p-button):not(.refresh-button):not(.export-button):not(.simple-button):not(.filter-button).bg-white:hover, html.dark button:not(.p-button):not(.refresh-button):not(.export-button):not(.simple-button):not(.filter-button)[style*="background-color: white"]:hover, html.dark button:not(.p-button):not(.refresh-button):not(.export-button):not(.simple-button):not(.filter-button)[style*="background: white"]:hover { background-color: var(--bg-hover) !important; } [data-theme=dark] .simple-button, html.dark .simple-button { color: var(--text-primary, #e5e5e5) !important; } [data-theme=dark] .simple-button:hover:not(:disabled), html.dark .simple-button:hover:not(:disabled) { background: rgba(255, 255, 255, 0.08) !important; border: 1px solid var(--border-primary, #404040) !important; } [data-theme=dark] .simple-button .button-icon ::ng-deep svg, html.dark .simple-button .button-icon ::ng-deep svg { color: var(--text-muted, #a3a3a3) !important; } [data-theme=dark] p:not(.panel-content *):not(.popup-content *):not(.detail-page-content *):not([class*=text-]):not(.kpi-growth):not(.kpi-growth *):not(.custom-badge):not(.custom-badge *), [data-theme=dark] span:not(.panel-content *):not(.popup-content *):not(.detail-page-content *):not(.user-initials):not(.avatar-initials):not([class*=text-]):not(.kpi-growth):not(.kpi-growth *):not(.custom-badge):not(.custom-badge *), [data-theme=dark] div:not(.panel-content):not(.panel-content *):not(.popup-content):not(.popup-content *):not(.detail-page-content):not(.detail-page-content *):not(.user-avatar):not(.avatar-placeholder):not([class*=text-]):not(.kpi-growth):not(.kpi-growth *):not(.custom-badge):not(.custom-badge *), [data-theme=dark] label:not(.panel-content *):not(.popup-content *):not(.detail-page-content *):not([class*=text-]):not(.kpi-growth):not(.kpi-growth *):not(.custom-badge):not(.custom-badge *), [data-theme=dark] li:not(.panel-content *):not(.popup-content *):not(.detail-page-content *):not([class*=text-]):not(.kpi-growth):not(.kpi-growth *):not(.custom-badge):not(.custom-badge *), [data-theme=dark] td:not(.panel-content *):not(.popup-content *):not(.detail-page-content *):not([class*=text-]):not(.kpi-growth):not(.kpi-growth *):not(.custom-badge):not(.custom-badge *), [data-theme=dark] th:not(.panel-content *):not(.popup-content *):not(.detail-page-content *):not([class*=text-]):not(.kpi-growth):not(.kpi-growth *):not(.custom-badge):not(.custom-badge *), [data-theme=dark] h1:not(.panel-content *):not(.popup-content *):not(.detail-page-content *):not([class*=text-]):not(.kpi-growth):not(.kpi-growth *):not(.custom-badge):not(.custom-badge *), [data-theme=dark] h2:not(.panel-content *):not(.popup-content *):not(.detail-page-content *):not([class*=text-]):not(.kpi-growth):not(.kpi-growth *):not(.custom-badge):not(.custom-badge *), [data-theme=dark] h3:not(.panel-content *):not(.popup-content *):not(.detail-page-content *):not([class*=text-]):not(.kpi-growth):not(.kpi-growth *):not(.custom-badge):not(.custom-badge *), [data-theme=dark] h4:not(.panel-content *):not(.popup-content *):not(.detail-page-content *):not([class*=text-]):not(.kpi-growth):not(.kpi-growth *):not(.custom-badge):not(.custom-badge *), [data-theme=dark] h5:not(.panel-content *):not(.popup-content *):not(.detail-page-content *):not([class*=text-]):not(.kpi-growth):not(.kpi-growth *):not(.custom-badge):not(.custom-badge *), [data-theme=dark] h6:not(.panel-content *):not(.popup-content *):not(.detail-page-content *):not([class*=text-]):not(.kpi-growth):not(.kpi-growth *):not(.custom-badge):not(.custom-badge *), html.dark p:not(.panel-content *):not(.popup-content *):not(.detail-page-content *):not([class*=text-]):not(.kpi-growth):not(.kpi-growth *):not(.custom-badge):not(.custom-badge *), html.dark span:not(.panel-content *):not(.popup-content *):not(.detail-page-content *):not(.user-initials):not(.avatar-initials):not([class*=text-]):not(.kpi-growth):not(.kpi-growth *):not(.custom-badge):not(.custom-badge *), html.dark div:not(.panel-content):not(.panel-content *):not(.popup-content):not(.popup-content *):not(.detail-page-content):not(.detail-page-content *):not(.user-avatar):not(.avatar-placeholder):not([class*=text-]):not(.kpi-growth):not(.kpi-growth *):not(.custom-badge):not(.custom-badge *), html.dark label:not(.panel-content *):not(.popup-content *):not(.detail-page-content *):not([class*=text-]):not(.kpi-growth):not(.kpi-growth *):not(.custom-badge):not(.custom-badge *), html.dark li:not(.panel-content *):not(.popup-content *):not(.detail-page-content *):not([class*=text-]):not(.kpi-growth):not(.kpi-growth *):not(.custom-badge):not(.custom-badge *), html.dark td:not(.panel-content *):not(.popup-content *):not(.detail-page-content *):not([class*=text-]):not(.kpi-growth):not(.kpi-growth *):not(.custom-badge):not(.custom-badge *), html.dark th:not(.panel-content *):not(.popup-content *):not(.detail-page-content *):not([class*=text-]):not(.kpi-growth):not(.kpi-growth *):not(.custom-badge):not(.custom-badge *), html.dark h1:not(.panel-content *):not(.popup-content *):not(.detail-page-content *):not([class*=text-]):not(.kpi-growth):not(.kpi-growth *):not(.custom-badge):not(.custom-badge *), html.dark h2:not(.panel-content *):not(.popup-content *):not(.detail-page-content *):not([class*=text-]):not(.kpi-growth):not(.kpi-growth *):not(.custom-badge):not(.custom-badge *), html.dark h3:not(.panel-content *):not(.popup-content *):not(.detail-page-content *):not([class*=text-]):not(.kpi-growth):not(.kpi-growth *):not(.custom-badge):not(.custom-badge *), html.dark h4:not(.panel-content *):not(.popup-content *):not(.detail-page-content *):not([class*=text-]):not(.kpi-growth):not(.kpi-growth *):not(.custom-badge):not(.custom-badge *), html.dark h5:not(.panel-content *):not(.popup-content *):not(.detail-page-content *):not([class*=text-]):not(.kpi-growth):not(.kpi-growth *):not(.custom-badge):not(.custom-badge *), html.dark h6:not(.panel-content *):not(.popup-content *):not(.detail-page-content *):not([class*=text-]):not(.kpi-growth):not(.kpi-growth *):not(.custom-badge):not(.custom-badge *) { color: var(--text-primary) !important; } [data-theme=dark] [style*="color: black"], [data-theme=dark] [style*="color: #000"], [data-theme=dark] [style*="color: #000000"], [data-theme=dark] .text-black, html.dark [style*="color: black"], html.dark [style*="color: #000"], html.dark [style*="color: #000000"], html.dark .text-black { color: var(--text-primary) !important; } [data-theme=dark] [style*="color: #666"], [data-theme=dark] [style*="color: #444"], [data-theme=dark] [style*="color: #333"], [data-theme=dark] .text-gray-600, [data-theme=dark] .text-gray-700, [data-theme=dark] .text-gray-800, [data-theme=dark] .text-gray-900, html.dark [style*="color: #666"], html.dark [style*="color: #444"], html.dark [style*="color: #333"], html.dark .text-gray-600, html.dark .text-gray-700, html.dark .text-gray-800, html.dark .text-gray-900 { color: var(--text-secondary) !important; } [data-theme=dark] .text-muted, [data-theme=dark] .text-secondary, html.dark .text-muted, html.dark .text-secondary { color: var(--text-muted) !important; } [data-theme=dark] table, html.dark table { background-color: transparent !important; color: var(--text-primary) !important; border-color: var(--border-primary) !important; } [data-theme=dark] thead, [data-theme=dark] th, html.dark thead, html.dark th { background-color: var(--bg-elevated) !important; color: var(--text-primary) !important; border-color: var(--border-primary) !important; } [data-theme=dark] tbody, html.dark tbody { background-color: #121212 !important; color: var(--text-primary) !important; border-color: var(--border-primary) !important; } [data-theme=dark] tr:not(.table-row):hover, html.dark tr:not(.table-row):hover { background-color: var(--bg-hover) !important; } [data-theme=dark] tr .selected, html.dark tr .selected { background-color: none !important; } [data-theme=dark] tr .active, html.dark tr .active { background-color: var(--bg-active) !important; } [data-theme=dark] .enhanced-table-wrapper .data-table thead, html.dark .enhanced-table-wrapper .data-table thead { background: transparent !important; } [data-theme=dark] .enhanced-table-wrapper .data-table thead .table-header, html.dark .enhanced-table-wrapper .data-table thead .table-header { background: #181818 !important; color: var(--text-secondary) !important; } [data-theme=dark] .enhanced-table-wrapper .data-table thead .grouped-header-content .grouped-header-pill, html.dark .enhanced-table-wrapper .data-table thead .grouped-header-content .grouped-header-pill { background: transparent !important; border: 1px solid var(--border-primary) !important; } [data-theme=dark] .enhanced-table-wrapper .data-table thead .grouped-header-content .grouped-header-pill .grouped-header-sub, html.dark .enhanced-table-wrapper .data-table thead .grouped-header-content .grouped-header-pill .grouped-header-sub { color: var(--text-primary) !important; } [data-theme=dark] .enhanced-table-wrapper .data-table tbody .table-row .table-cell, html.dark .enhanced-table-wrapper .data-table tbody .table-row .table-cell { background: transparent !important; color: var(--text-primary) !important; } [data-theme=dark] .enhanced-table-wrapper .data-table tbody .table-row:hover .table-cell, html.dark .enhanced-table-wrapper .data-table tbody .table-row:hover .table-cell { background: #121212 !important; } [data-theme=dark] .enhanced-table-wrapper .data-table tbody .table-row.selected .table-cell, html.dark .enhanced-table-wrapper .data-table tbody .table-row.selected .table-cell { background: var(--bg-active) !important; } [data-theme=dark] .enhanced-table-wrapper .data-table tbody .skeleton-row .skeleton-cell, html.dark .enhanced-table-wrapper .data-table tbody .skeleton-row .skeleton-cell { background: transparent !important; } [data-theme=dark] .enhanced-table-wrapper .data-table .sr-status-badge.sr-badge-active, html.dark .enhanced-table-wrapper .data-table .sr-status-badge.sr-badge-active { background: rgba(22, 101, 52, 0.25) !important; color: #86efac !important; } [data-theme=dark] .enhanced-table-wrapper .data-table .sr-status-badge.sr-badge-new, html.dark .enhanced-table-wrapper .data-table .sr-status-badge.sr-badge-new { background: rgba(30, 64, 175, 0.25) !important; color: #93c5fd !important; } [data-theme=dark] .enhanced-table-wrapper .data-table .sr-status-badge.sr-badge-cancelled, html.dark .enhanced-table-wrapper .data-table .sr-status-badge.sr-badge-cancelled { background: rgba(153, 27, 27, 0.25) !important; color: #fca5a5 !important; } [data-theme=dark] .enhanced-table-wrapper .data-table .sr-status-badge.sr-badge-suspended, html.dark .enhanced-table-wrapper .data-table .sr-status-badge.sr-badge-suspended { background: rgba(133, 77, 14, 0.25) !important; color: #fde047 !important; } [data-theme=dark] .enhanced-table-wrapper .data-table .sr-status-badge.sr-badge-pending, html.dark .enhanced-table-wrapper .data-table .sr-status-badge.sr-badge-pending { background: rgba(107, 33, 168, 0.25) !important; color: #d8b4fe !important; } [data-theme=dark] .enhanced-table-wrapper .data-table .sr-status-badge.sr-badge-default, html.dark .enhanced-table-wrapper .data-table .sr-status-badge.sr-badge-default { background: rgba(75, 85, 99, 0.25) !important; color: #d1d5db !important; } [data-theme=dark] .enhanced-table-wrapper .data-table .header-tooltip-wrapper svg path, html.dark .enhanced-table-wrapper .data-table .header-tooltip-wrapper svg path { fill: var(--text-muted) !important; } [data-theme=dark] .enhanced-table-wrapper .data-table .header-tooltip-wrapper:hover svg path, html.dark .enhanced-table-wrapper .data-table .header-tooltip-wrapper:hover svg path { fill: var(--text-primary) !important; } [data-theme=dark] .enhanced-table-wrapper .data-table .header-tooltip-popup, html.dark .enhanced-table-wrapper .data-table .header-tooltip-popup { background: var(--bg-card) !important; border-color: var(--border-primary) !important; box-shadow: 0px 28.8px 48px 0px rgba(0, 0, 0, 0.4) !important; } [data-theme=dark] .enhanced-table-wrapper .data-table .header-tooltip-popup::before, html.dark .enhanced-table-wrapper .data-table .header-tooltip-popup::before { background: var(--bg-card) !important; border-color: var(--border-primary) !important; } [data-theme=dark] .enhanced-table-wrapper .data-table .header-tooltip-popup .tooltip-header, html.dark .enhanced-table-wrapper .data-table .header-tooltip-popup .tooltip-header { color: var(--text-primary) !important; } [data-theme=dark] .enhanced-table-wrapper .data-table .header-tooltip-popup .tooltip-section-title, html.dark .enhanced-table-wrapper .data-table .header-tooltip-popup .tooltip-section-title { color: var(--text-muted) !important; } [data-theme=dark] .enhanced-table-wrapper .data-table .header-tooltip-popup .tooltip-list li, html.dark .enhanced-table-wrapper .data-table .header-tooltip-popup .tooltip-list li { color: var(--text-primary) !important; } [data-theme=dark] .enhanced-table-wrapper .data-table .header-tooltip-popup .tooltip-list li strong, html.dark .enhanced-table-wrapper .data-table .header-tooltip-popup .tooltip-list li strong { color: var(--text-primary) !important; } [data-theme=dark] .enhanced-table-wrapper .filter-tabs .filter-tab, html.dark .enhanced-table-wrapper .filter-tabs .filter-tab { color: var(--text-secondary) !important; } [data-theme=dark] .enhanced-table-wrapper .filter-tabs .filter-tab:hover:not(.active), html.dark .enhanced-table-wrapper .filter-tabs .filter-tab:hover:not(.active) { background: var(--bg-hover) !important; color: var(--text-primary) !important; } [data-theme=dark] .enhanced-table-wrapper .filter-tabs .filter-tab.active, html.dark .enhanced-table-wrapper .filter-tabs .filter-tab.active { background: var(--bg-tertiary) !important; color: var(--text-primary) !important; border-bottom-color: var(--bg-tertiary) !important; } [data-theme=dark] .enhanced-table-wrapper .filter-tabs .filter-tab.active::before, html.dark .enhanced-table-wrapper .filter-tabs .filter-tab.active::before { background-color: var(--bg-tertiary) !important; } [data-theme=dark] .enhanced-table-wrapper .filter-tabs .filter-tab.active .filter-count, html.dark .enhanced-table-wrapper .filter-tabs .filter-tab.active .filter-count { background: var(--bg-primary) !important; color: var(--text-primary) !important; } [data-theme=dark] .enhanced-table-wrapper .filter-tabs .filter-tab .filter-count, html.dark .enhanced-table-wrapper .filter-tabs .filter-tab .filter-count { background: var(--bg-hover) !important; color: var(--text-secondary) !important; } [data-theme=dark] .header-section, html.dark .header-section { background: transparent !important; } [data-theme=dark] .renewal-reports-container .header-section, html.dark .renewal-reports-container .header-section { background: transparent !important; } [data-theme=dark] .dropdown-container.select-type .dropdown-trigger, html.dark .dropdown-container.select-type .dropdown-trigger { background: var(--bg-secondary) !important; color: var(--text-primary) !important; border-color: var(--border-primary) !important; } [data-theme=dark] .dropdown-container.select-type .dropdown-trigger:hover, html.dark .dropdown-container.select-type .dropdown-trigger:hover { background: var(--bg-hover) !important; } [data-theme=dark] .dropdown-container.select-type .dropdown-trigger .dropdown-text, html.dark .dropdown-container.select-type .dropdown-trigger .dropdown-text { color: var(--text-primary) !important; } [data-theme=dark] .dropdown-container.select-type .dropdown-trigger .dropdown-icon, html.dark .dropdown-container.select-type .dropdown-trigger .dropdown-icon { color: var(--text-primary) !important; } [data-theme=dark] .dropdown-container.select-type.is-open .dropdown-trigger, html.dark .dropdown-container.select-type.is-open .dropdown-trigger { background: var(--bg-card) !important; border-color: var(--border-primary) !important; border-bottom-color: transparent !important; } [data-theme=dark] .dropdown-container.custom-type .dropdown-trigger, html.dark .dropdown-container.custom-type .dropdown-trigger { background: var(--bg-active) !important; color: var(--text-primary) !important; } [data-theme=dark] .dropdown-container.custom-type .dropdown-trigger:hover, html.dark .dropdown-container.custom-type .dropdown-trigger:hover { background: var(--bg-hover) !important; } [data-theme=dark] .dropdown-container.custom-type .dropdown-trigger .dropdown-text, html.dark .dropdown-container.custom-type .dropdown-trigger .dropdown-text { color: var(--text-primary) !important; } [data-theme=dark] .dropdown-container.custom-type .dropdown-trigger .dropdown-icon, html.dark .dropdown-container.custom-type .dropdown-trigger .dropdown-icon { color: var(--text-primary) !important; } [data-theme=dark] .dropdown-container.custom-type.is-open:not(.kebab-mode):not(.from-advance-filter) .dropdown-trigger, html.dark .dropdown-container.custom-type.is-open:not(.kebab-mode):not(.from-advance-filter) .dropdown-trigger { border-radius: 11px 11px 0 0 !important; border: none !important; background: var(--bg-active) !important; } [data-theme=dark] .dropdown-container.custom-type.is-open:not(.kebab-mode):not(.from-advance-filter) .dropdown-menu, html.dark .dropdown-container.custom-type.is-open:not(.kebab-mode):not(.from-advance-filter) .dropdown-menu { border: none !important; border-radius: 0 0 11px 11px !important; } [data-theme=dark] .dropdown-container .dropdown-menu, html.dark .dropdown-container .dropdown-menu { background: var(--bg-card) !important; border-color: var(--border-primary) !important; } [data-theme=dark] .dropdown-container .dropdown-menu .dropdown-item, html.dark .dropdown-container .dropdown-menu .dropdown-item { background: transparent !important; color: var(--text-primary) !important; } [data-theme=dark] .dropdown-container .dropdown-menu .dropdown-item:hover, html.dark .dropdown-container .dropdown-menu .dropdown-item:hover { background: var(--bg-hover) !important; } [data-theme=dark] .dropdown-container .dropdown-menu .dropdown-item.selected, html.dark .dropdown-container .dropdown-menu .dropdown-item.selected { background: var(--bg-active) !important; color: var(--brand-primary) !important; } [data-theme=dark] common-date-range .btn-date-range, [data-theme=dark] .date-filter-controls .btn-date-range, html.dark common-date-range .btn-date-range, html.dark .date-filter-controls .btn-date-range { background: var(--bg-secondary) !important; color: var(--text-primary) !important; } [data-theme=dark] common-date-range .btn-date-range.has-selection, [data-theme=dark] .date-filter-controls .btn-date-range.has-selection, html.dark common-date-range .btn-date-range.has-selection, html.dark .date-filter-controls .btn-date-range.has-selection { background: var(--bg-secondary) !important; color: var(--text-primary) !important; } [data-theme=dark] common-date-range .btn-date-range:hover, [data-theme=dark] .date-filter-controls .btn-date-range:hover, html.dark common-date-range .btn-date-range:hover, html.dark .date-filter-controls .btn-date-range:hover { background: var(--bg-hover) !important; } [data-theme=dark] common-date-range .btn-date-range svg path, [data-theme=dark] common-date-range .btn-date-range svg, [data-theme=dark] .date-filter-controls .btn-date-range svg path, [data-theme=dark] .date-filter-controls .btn-date-range svg, html.dark common-date-range .btn-date-range svg path, html.dark common-date-range .btn-date-range svg, html.dark .date-filter-controls .btn-date-range svg path, html.dark .date-filter-controls .btn-date-range svg { stroke: var(--text-muted) !important; fill: var(--text-muted) !important; } [data-theme=dark] common-date-range .btn-mono-calendar, [data-theme=dark] .date-filter-controls .btn-mono-calendar, html.dark common-date-range .btn-mono-calendar, html.dark .date-filter-controls .btn-mono-calendar { background: var(--bg-secondary) !important; color: var(--text-primary) !important; } [data-theme=dark] common-date-range .btn-mono-calendar:hover, [data-theme=dark] .date-filter-controls .btn-mono-calendar:hover, html.dark common-date-range .btn-mono-calendar:hover, html.dark .date-filter-controls .btn-mono-calendar:hover { background: var(--bg-hover) !important; } [data-theme=dark] common-date-range .btn-mono-calendar .btn-mono-calendar-text, [data-theme=dark] .date-filter-controls .btn-mono-calendar .btn-mono-calendar-text, html.dark common-date-range .btn-mono-calendar .btn-mono-calendar-text, html.dark .date-filter-controls .btn-mono-calendar .btn-mono-calendar-text { color: var(--text-primary) !important; } [data-theme=dark] common-date-range .btn-mono-calendar svg path, [data-theme=dark] common-date-range .btn-mono-calendar svg, [data-theme=dark] .date-filter-controls .btn-mono-calendar svg path, [data-theme=dark] .date-filter-controls .btn-mono-calendar svg, html.dark common-date-range .btn-mono-calendar svg path, html.dark common-date-range .btn-mono-calendar svg, html.dark .date-filter-controls .btn-mono-calendar svg path, html.dark .date-filter-controls .btn-mono-calendar svg { stroke: var(--text-muted) !important; fill: var(--text-muted) !important; } [data-theme=dark] common-date-range .date-range-dropdown, [data-theme=dark] .date-filter-controls .date-range-dropdown, html.dark common-date-range .date-range-dropdown, html.dark .date-filter-controls .date-range-dropdown { background: var(--bg-card) !important; border-color: var(--border-primary) !important; box-shadow: 0px 28.8px 48px 0px rgba(0, 0, 0, 0.4) !important; } [data-theme=dark] common-date-range .date-range-dropdown::before, [data-theme=dark] .date-filter-controls .date-range-dropdown::before, html.dark common-date-range .date-range-dropdown::before, html.dark .date-filter-controls .date-range-dropdown::before { background: var(--bg-card) !important; border-color: var(--border-primary) !important; } [data-theme=dark] common-date-range .date-range-dropdown .dropdown-item, [data-theme=dark] .date-filter-controls .date-range-dropdown .dropdown-item, html.dark common-date-range .date-range-dropdown .dropdown-item, html.dark .date-filter-controls .date-range-dropdown .dropdown-item { background: transparent !important; color: var(--text-primary) !important; } [data-theme=dark] common-date-range .date-range-dropdown .dropdown-item:hover, [data-theme=dark] .date-filter-controls .date-range-dropdown .dropdown-item:hover, html.dark common-date-range .date-range-dropdown .dropdown-item:hover, html.dark .date-filter-controls .date-range-dropdown .dropdown-item:hover { background: var(--bg-hover) !important; } [data-theme=dark] common-date-range .date-range-dropdown .dropdown-item.active, [data-theme=dark] .date-filter-controls .date-range-dropdown .dropdown-item.active, html.dark common-date-range .date-range-dropdown .dropdown-item.active, html.dark .date-filter-controls .date-range-dropdown .dropdown-item.active { background: var(--bg-primary) !important; color: var(--text-primary) !important; } [data-theme=dark] .date-range-container .filter-button-container, [data-theme=dark] app-common-date-range .filter-button-container, html.dark .date-range-container .filter-button-container, html.dark app-common-date-range .filter-button-container { background: transparent !important; } [data-theme=dark] .date-range-container .filter-dropdown, [data-theme=dark] .date-range-container .date-picker-overlay, [data-theme=dark] .date-range-container .date-picker-container, [data-theme=dark] .date-range-container .filter-dropdown-options, [data-theme=dark] app-common-date-range .filter-dropdown, [data-theme=dark] app-common-date-range .date-picker-overlay, [data-theme=dark] app-common-date-range .date-picker-container, [data-theme=dark] app-common-date-range .filter-dropdown-options, html.dark .date-range-container .filter-dropdown, html.dark .date-range-container .date-picker-overlay, html.dark .date-range-container .date-picker-container, html.dark .date-range-container .filter-dropdown-options, html.dark app-common-date-range .filter-dropdown, html.dark app-common-date-range .date-picker-overlay, html.dark app-common-date-range .date-picker-container, html.dark app-common-date-range .filter-dropdown-options { background: var(--bg-card) !important; color: var(--text-primary) !important; border-color: var(--border-primary) !important; } [data-theme=dark] .date-range-container .filter-dropdown::before, [data-theme=dark] .date-range-container .date-picker-overlay::before, [data-theme=dark] .date-range-container .date-picker-container::before, [data-theme=dark] .date-range-container .filter-dropdown-options::before, [data-theme=dark] app-common-date-range .filter-dropdown::before, [data-theme=dark] app-common-date-range .date-picker-overlay::before, [data-theme=dark] app-common-date-range .date-picker-container::before, [data-theme=dark] app-common-date-range .filter-dropdown-options::before, html.dark .date-range-container .filter-dropdown::before, html.dark .date-range-container .date-picker-overlay::before, html.dark .date-range-container .date-picker-container::before, html.dark .date-range-container .filter-dropdown-options::before, html.dark app-common-date-range .filter-dropdown::before, html.dark app-common-date-range .date-picker-overlay::before, html.dark app-common-date-range .date-picker-container::before, html.dark app-common-date-range .filter-dropdown-options::before { background: var(--bg-card) !important; border-color: var(--border-primary) !important; } [data-theme=dark] .date-range-container .filter-dropdown-header, [data-theme=dark] app-common-date-range .filter-dropdown-header, html.dark .date-range-container .filter-dropdown-header, html.dark app-common-date-range .filter-dropdown-header { color: var(--text-primary) !important; border-color: var(--border-primary) !important; } [data-theme=dark] .date-range-container .filter-dropdown-header h4, [data-theme=dark] app-common-date-range .filter-dropdown-header h4, html.dark .date-range-container .filter-dropdown-header h4, html.dark app-common-date-range .filter-dropdown-header h4 { color: var(--text-primary) !important; } [data-theme=dark] .date-range-container .filter-dropdown-header .reset-date-filter-btn, [data-theme=dark] app-common-date-range .filter-dropdown-header .reset-date-filter-btn, html.dark .date-range-container .filter-dropdown-header .reset-date-filter-btn, html.dark app-common-date-range .filter-dropdown-header .reset-date-filter-btn { background: transparent !important; color: var(--text-muted) !important; } [data-theme=dark] .date-range-container .filter-dropdown-header .reset-date-filter-btn:hover, [data-theme=dark] app-common-date-range .filter-dropdown-header .reset-date-filter-btn:hover, html.dark .date-range-container .filter-dropdown-header .reset-date-filter-btn:hover, html.dark app-common-date-range .filter-dropdown-header .reset-date-filter-btn:hover { background: var(--bg-hover) !important; color: var(--brand-primary) !important; } [data-theme=dark] .date-range-container .date-picker-header, [data-theme=dark] app-common-date-range .date-picker-header, html.dark .date-range-container .date-picker-header, html.dark app-common-date-range .date-picker-header { background: transparent !important; color: var(--text-primary) !important; border-color: var(--border-primary) !important; } [data-theme=dark] .date-range-container .date-picker-header h4, [data-theme=dark] app-common-date-range .date-picker-header h4, html.dark .date-range-container .date-picker-header h4, html.dark app-common-date-range .date-picker-header h4 { color: var(--text-primary) !important; } [data-theme=dark] .date-range-container .date-picker-header .btn-close-picker, [data-theme=dark] app-common-date-range .date-picker-header .btn-close-picker, html.dark .date-range-container .date-picker-header .btn-close-picker, html.dark app-common-date-range .date-picker-header .btn-close-picker { background: transparent !important; color: var(--text-muted) !important; } [data-theme=dark] .date-range-container .date-picker-header .btn-close-picker:hover, [data-theme=dark] app-common-date-range .date-picker-header .btn-close-picker:hover, html.dark .date-range-container .date-picker-header .btn-close-picker:hover, html.dark app-common-date-range .date-picker-header .btn-close-picker:hover { background: var(--bg-hover) !important; color: var(--text-primary) !important; } [data-theme=dark] .date-range-container .filter-option, [data-theme=dark] app-common-date-range .filter-option, html.dark .date-range-container .filter-option, html.dark app-common-date-range .filter-option { background: transparent !important; color: var(--text-primary) !important; } [data-theme=dark] .date-range-container .filter-option:hover, [data-theme=dark] app-common-date-range .filter-option:hover, html.dark .date-range-container .filter-option:hover, html.dark app-common-date-range .filter-option:hover { background: var(--bg-hover) !important; } [data-theme=dark] .date-range-container .filter-option.active, [data-theme=dark] app-common-date-range .filter-option.active, html.dark .date-range-container .filter-option.active, html.dark app-common-date-range .filter-option.active { background: var(--bg-active) !important; color: var(--brand-primary) !important; } [data-theme=dark] .date-range-container .date-range-actions, [data-theme=dark] app-common-date-range .date-range-actions, html.dark .date-range-container .date-range-actions, html.dark app-common-date-range .date-range-actions { background: transparent !important; border-color: var(--border-primary) !important; } [data-theme=dark] .date-range-container .date-range-actions button, [data-theme=dark] app-common-date-range .date-range-actions button, html.dark .date-range-container .date-range-actions button, html.dark app-common-date-range .date-range-actions button { color: var(--text-primary) !important; border-color: var(--border-primary) !important; } [data-theme=dark] .date-range-container .date-range-actions button.btn-apply-date, [data-theme=dark] app-common-date-range .date-range-actions button.btn-apply-date, html.dark .date-range-container .date-range-actions button.btn-apply-date, html.dark app-common-date-range .date-range-actions button.btn-apply-date { background: var(--brand-primary) !important; color: var(--text-inverse) !important; } [data-theme=dark] .date-range-container .date-range-actions button.btn-apply-date:hover, [data-theme=dark] app-common-date-range .date-range-actions button.btn-apply-date:hover, html.dark .date-range-container .date-range-actions button.btn-apply-date:hover, html.dark app-common-date-range .date-range-actions button.btn-apply-date:hover { background: var(--brand-primary) !important; opacity: 0.9; } [data-theme=dark] .date-range-container .date-range-actions button.btn-cancel-date, [data-theme=dark] app-common-date-range .date-range-actions button.btn-cancel-date, html.dark .date-range-container .date-range-actions button.btn-cancel-date, html.dark app-common-date-range .date-range-actions button.btn-cancel-date { background: var(--bg-elevated) !important; color: var(--text-primary) !important; } [data-theme=dark] .date-range-container .date-range-actions button.btn-cancel-date:hover, [data-theme=dark] app-common-date-range .date-range-actions button.btn-cancel-date:hover, html.dark .date-range-container .date-range-actions button.btn-cancel-date:hover, html.dark app-common-date-range .date-range-actions button.btn-cancel-date:hover { background: var(--bg-hover) !important; } [data-theme=dark] .date-range-container .p-calendar, [data-theme=dark] .date-range-container .p-datepicker, [data-theme=dark] .date-range-container .date-range-calendar, [data-theme=dark] app-common-date-range .p-calendar, [data-theme=dark] app-common-date-range .p-datepicker, [data-theme=dark] app-common-date-range .date-range-calendar, html.dark .date-range-container .p-calendar, html.dark .date-range-container .p-datepicker, html.dark .date-range-container .date-range-calendar, html.dark app-common-date-range .p-calendar, html.dark app-common-date-range .p-datepicker, html.dark app-common-date-range .date-range-calendar { background: var(--bg-card) !important; color: var(--text-primary) !important; } [data-theme=dark] .date-range-container .p-calendar .p-datepicker-header, [data-theme=dark] .date-range-container .p-datepicker .p-datepicker-header, [data-theme=dark] .date-range-container .date-range-calendar .p-datepicker-header, [data-theme=dark] app-common-date-range .p-calendar .p-datepicker-header, [data-theme=dark] app-common-date-range .p-datepicker .p-datepicker-header, [data-theme=dark] app-common-date-range .date-range-calendar .p-datepicker-header, html.dark .date-range-container .p-calendar .p-datepicker-header, html.dark .date-range-container .p-datepicker .p-datepicker-header, html.dark .date-range-container .date-range-calendar .p-datepicker-header, html.dark app-common-date-range .p-calendar .p-datepicker-header, html.dark app-common-date-range .p-datepicker .p-datepicker-header, html.dark app-common-date-range .date-range-calendar .p-datepicker-header { background: var(--bg-elevated) !important; color: var(--text-primary) !important; } [data-theme=dark] .date-range-container .p-calendar .p-datepicker-calendar td, [data-theme=dark] .date-range-container .p-datepicker .p-datepicker-calendar td, [data-theme=dark] .date-range-container .date-range-calendar .p-datepicker-calendar td, [data-theme=dark] app-common-date-range .p-calendar .p-datepicker-calendar td, [data-theme=dark] app-common-date-range .p-datepicker .p-datepicker-calendar td, [data-theme=dark] app-common-date-range .date-range-calendar .p-datepicker-calendar td, html.dark .date-range-container .p-calendar .p-datepicker-calendar td, html.dark .date-range-container .p-datepicker .p-datepicker-calendar td, html.dark .date-range-container .date-range-calendar .p-datepicker-calendar td, html.dark app-common-date-range .p-calendar .p-datepicker-calendar td, html.dark app-common-date-range .p-datepicker .p-datepicker-calendar td, html.dark app-common-date-range .date-range-calendar .p-datepicker-calendar td { color: var(--text-primary) !important; } [data-theme=dark] .date-range-container .p-calendar .p-datepicker-calendar td span, [data-theme=dark] .date-range-container .p-datepicker .p-datepicker-calendar td span, [data-theme=dark] .date-range-container .date-range-calendar .p-datepicker-calendar td span, [data-theme=dark] app-common-date-range .p-calendar .p-datepicker-calendar td span, [data-theme=dark] app-common-date-range .p-datepicker .p-datepicker-calendar td span, [data-theme=dark] app-common-date-range .date-range-calendar .p-datepicker-calendar td span, html.dark .date-range-container .p-calendar .p-datepicker-calendar td span, html.dark .date-range-container .p-datepicker .p-datepicker-calendar td span, html.dark .date-range-container .date-range-calendar .p-datepicker-calendar td span, html.dark app-common-date-range .p-calendar .p-datepicker-calendar td span, html.dark app-common-date-range .p-datepicker .p-datepicker-calendar td span, html.dark app-common-date-range .date-range-calendar .p-datepicker-calendar td span { color: var(--text-primary) !important; } [data-theme=dark] .date-range-container .p-calendar .p-datepicker-calendar td span:hover, [data-theme=dark] .date-range-container .p-datepicker .p-datepicker-calendar td span:hover, [data-theme=dark] .date-range-container .date-range-calendar .p-datepicker-calendar td span:hover, [data-theme=dark] app-common-date-range .p-calendar .p-datepicker-calendar td span:hover, [data-theme=dark] app-common-date-range .p-datepicker .p-datepicker-calendar td span:hover, [data-theme=dark] app-common-date-range .date-range-calendar .p-datepicker-calendar td span:hover, html.dark .date-range-container .p-calendar .p-datepicker-calendar td span:hover, html.dark .date-range-container .p-datepicker .p-datepicker-calendar td span:hover, html.dark .date-range-container .date-range-calendar .p-datepicker-calendar td span:hover, html.dark app-common-date-range .p-calendar .p-datepicker-calendar td span:hover, html.dark app-common-date-range .p-datepicker .p-datepicker-calendar td span:hover, html.dark app-common-date-range .date-range-calendar .p-datepicker-calendar td span:hover { background: var(--bg-hover) !important; } [data-theme=dark] .date-range-container .p-calendar .p-datepicker-calendar td.p-datepicker-today span, [data-theme=dark] .date-range-container .p-datepicker .p-datepicker-calendar td.p-datepicker-today span, [data-theme=dark] .date-range-container .date-range-calendar .p-datepicker-calendar td.p-datepicker-today span, [data-theme=dark] app-common-date-range .p-calendar .p-datepicker-calendar td.p-datepicker-today span, [data-theme=dark] app-common-date-range .p-datepicker .p-datepicker-calendar td.p-datepicker-today span, [data-theme=dark] app-common-date-range .date-range-calendar .p-datepicker-calendar td.p-datepicker-today span, html.dark .date-range-container .p-calendar .p-datepicker-calendar td.p-datepicker-today span, html.dark .date-range-container .p-datepicker .p-datepicker-calendar td.p-datepicker-today span, html.dark .date-range-container .date-range-calendar .p-datepicker-calendar td.p-datepicker-today span, html.dark app-common-date-range .p-calendar .p-datepicker-calendar td.p-datepicker-today span, html.dark app-common-date-range .p-datepicker .p-datepicker-calendar td.p-datepicker-today span, html.dark app-common-date-range .date-range-calendar .p-datepicker-calendar td.p-datepicker-today span { background: var(--bg-active) !important; color: var(--brand-primary) !important; } [data-theme=dark] app-date-range-picker, [data-theme=dark] .date-range-picker-dropdown, html.dark app-date-range-picker, html.dark .date-range-picker-dropdown { background: var(--bg-card) !important; border: 1px solid rgba(255, 255, 255, 0.12) !important; border-radius: 12px !important; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4) !important; } [data-theme=dark] app-date-range-picker.inline-mode, [data-theme=dark] .date-range-picker-dropdown.inline-mode, html.dark app-date-range-picker.inline-mode, html.dark .date-range-picker-dropdown.inline-mode { border: none !important; box-shadow: none !important; } [data-theme=dark] app-date-range-picker .picker-container, [data-theme=dark] .date-range-picker-dropdown .picker-container, html.dark app-date-range-picker .picker-container, html.dark .date-range-picker-dropdown .picker-container { background: transparent !important; } [data-theme=dark] app-date-range-picker .calendar-header .nav-button, [data-theme=dark] .date-range-picker-dropdown .calendar-header .nav-button, html.dark app-date-range-picker .calendar-header .nav-button, html.dark .date-range-picker-dropdown .calendar-header .nav-button { background: transparent !important; color: var(--text-muted) !important; } [data-theme=dark] app-date-range-picker .calendar-header .nav-button:hover, [data-theme=dark] .date-range-picker-dropdown .calendar-header .nav-button:hover, html.dark app-date-range-picker .calendar-header .nav-button:hover, html.dark .date-range-picker-dropdown .calendar-header .nav-button:hover { background: var(--bg-hover) !important; color: var(--text-primary) !important; } [data-theme=dark] app-date-range-picker .calendar-header .month-year-selector, [data-theme=dark] .date-range-picker-dropdown .calendar-header .month-year-selector, html.dark app-date-range-picker .calendar-header .month-year-selector, html.dark .date-range-picker-dropdown .calendar-header .month-year-selector { color: var(--text-primary) !important; } [data-theme=dark] app-date-range-picker .calendar-header .month-year-selector .month-text, [data-theme=dark] app-date-range-picker .calendar-header .month-year-selector .year-text, [data-theme=dark] .date-range-picker-dropdown .calendar-header .month-year-selector .month-text, [data-theme=dark] .date-range-picker-dropdown .calendar-header .month-year-selector .year-text, html.dark app-date-range-picker .calendar-header .month-year-selector .month-text, html.dark app-date-range-picker .calendar-header .month-year-selector .year-text, html.dark .date-range-picker-dropdown .calendar-header .month-year-selector .month-text, html.dark .date-range-picker-dropdown .calendar-header .month-year-selector .year-text { color: var(--text-primary) !important; } [data-theme=dark] app-date-range-picker .calendar-header .month-year-selector .month-text:hover, [data-theme=dark] app-date-range-picker .calendar-header .month-year-selector .year-text:hover, [data-theme=dark] .date-range-picker-dropdown .calendar-header .month-year-selector .month-text:hover, [data-theme=dark] .date-range-picker-dropdown .calendar-header .month-year-selector .year-text:hover, html.dark app-date-range-picker .calendar-header .month-year-selector .month-text:hover, html.dark app-date-range-picker .calendar-header .month-year-selector .year-text:hover, html.dark .date-range-picker-dropdown .calendar-header .month-year-selector .month-text:hover, html.dark .date-range-picker-dropdown .calendar-header .month-year-selector .year-text:hover { color: var(--brand-primary) !important; } [data-theme=dark] app-date-range-picker .calendar-header .month-year-selector .month-dropdown, [data-theme=dark] .date-range-picker-dropdown .calendar-header .month-year-selector .month-dropdown, html.dark app-date-range-picker .calendar-header .month-year-selector .month-dropdown, html.dark .date-range-picker-dropdown .calendar-header .month-year-selector .month-dropdown { background: var(--bg-card) !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important; } [data-theme=dark] app-date-range-picker .calendar-header .month-year-selector .month-dropdown .month-grid .month-item, [data-theme=dark] .date-range-picker-dropdown .calendar-header .month-year-selector .month-dropdown .month-grid .month-item, html.dark app-date-range-picker .calendar-header .month-year-selector .month-dropdown .month-grid .month-item, html.dark .date-range-picker-dropdown .calendar-header .month-year-selector .month-dropdown .month-grid .month-item { background: transparent !important; color: var(--text-primary) !important; } [data-theme=dark] app-date-range-picker .calendar-header .month-year-selector .month-dropdown .month-grid .month-item:hover, [data-theme=dark] .date-range-picker-dropdown .calendar-header .month-year-selector .month-dropdown .month-grid .month-item:hover, html.dark app-date-range-picker .calendar-header .month-year-selector .month-dropdown .month-grid .month-item:hover, html.dark .date-range-picker-dropdown .calendar-header .month-year-selector .month-dropdown .month-grid .month-item:hover { background: var(--bg-hover) !important; } [data-theme=dark] app-date-range-picker .calendar-header .month-year-selector .month-dropdown .month-grid .month-item.active, [data-theme=dark] .date-range-picker-dropdown .calendar-header .month-year-selector .month-dropdown .month-grid .month-item.active, html.dark app-date-range-picker .calendar-header .month-year-selector .month-dropdown .month-grid .month-item.active, html.dark .date-range-picker-dropdown .calendar-header .month-year-selector .month-dropdown .month-grid .month-item.active { background: var(--brand-primary) !important; color: var(--text-inverse) !important; } [data-theme=dark] app-date-range-picker .calendar-header .month-year-selector .year-dropdown, [data-theme=dark] .date-range-picker-dropdown .calendar-header .month-year-selector .year-dropdown, html.dark app-date-range-picker .calendar-header .month-year-selector .year-dropdown, html.dark .date-range-picker-dropdown .calendar-header .month-year-selector .year-dropdown { background: var(--bg-card) !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important; } [data-theme=dark] app-date-range-picker .calendar-header .month-year-selector .year-dropdown .year-header, [data-theme=dark] .date-range-picker-dropdown .calendar-header .month-year-selector .year-dropdown .year-header, html.dark app-date-range-picker .calendar-header .month-year-selector .year-dropdown .year-header, html.dark .date-range-picker-dropdown .calendar-header .month-year-selector .year-dropdown .year-header { border-color: var(--border-primary) !important; } [data-theme=dark] app-date-range-picker .calendar-header .month-year-selector .year-dropdown .year-header .year-nav-button, [data-theme=dark] .date-range-picker-dropdown .calendar-header .month-year-selector .year-dropdown .year-header .year-nav-button, html.dark app-date-range-picker .calendar-header .month-year-selector .year-dropdown .year-header .year-nav-button, html.dark .date-range-picker-dropdown .calendar-header .month-year-selector .year-dropdown .year-header .year-nav-button { background: transparent !important; color: var(--text-muted) !important; } [data-theme=dark] app-date-range-picker .calendar-header .month-year-selector .year-dropdown .year-header .year-nav-button:hover, [data-theme=dark] .date-range-picker-dropdown .calendar-header .month-year-selector .year-dropdown .year-header .year-nav-button:hover, html.dark app-date-range-picker .calendar-header .month-year-selector .year-dropdown .year-header .year-nav-button:hover, html.dark .date-range-picker-dropdown .calendar-header .month-year-selector .year-dropdown .year-header .year-nav-button:hover { background: var(--bg-hover) !important; color: var(--text-primary) !important; } [data-theme=dark] app-date-range-picker .calendar-header .month-year-selector .year-dropdown .year-header .year-range-display, [data-theme=dark] .date-range-picker-dropdown .calendar-header .month-year-selector .year-dropdown .year-header .year-range-display, html.dark app-date-range-picker .calendar-header .month-year-selector .year-dropdown .year-header .year-range-display, html.dark .date-range-picker-dropdown .calendar-header .month-year-selector .year-dropdown .year-header .year-range-display { color: var(--text-primary) !important; } [data-theme=dark] app-date-range-picker .calendar-header .month-year-selector .year-dropdown .year-grid .year-item, [data-theme=dark] .date-range-picker-dropdown .calendar-header .month-year-selector .year-dropdown .year-grid .year-item, html.dark app-date-range-picker .calendar-header .month-year-selector .year-dropdown .year-grid .year-item, html.dark .date-range-picker-dropdown .calendar-header .month-year-selector .year-dropdown .year-grid .year-item { background: transparent !important; color: var(--text-primary) !important; } [data-theme=dark] app-date-range-picker .calendar-header .month-year-selector .year-dropdown .year-grid .year-item:hover, [data-theme=dark] .date-range-picker-dropdown .calendar-header .month-year-selector .year-dropdown .year-grid .year-item:hover, html.dark app-date-range-picker .calendar-header .month-year-selector .year-dropdown .year-grid .year-item:hover, html.dark .date-range-picker-dropdown .calendar-header .month-year-selector .year-dropdown .year-grid .year-item:hover { background: var(--bg-hover) !important; } [data-theme=dark] app-date-range-picker .calendar-header .month-year-selector .year-dropdown .year-grid .year-item.active, [data-theme=dark] .date-range-picker-dropdown .calendar-header .month-year-selector .year-dropdown .year-grid .year-item.active, html.dark app-date-range-picker .calendar-header .month-year-selector .year-dropdown .year-grid .year-item.active, html.dark .date-range-picker-dropdown .calendar-header .month-year-selector .year-dropdown .year-grid .year-item.active { background: var(--brand-primary) !important; color: var(--text-inverse) !important; } [data-theme=dark] app-date-range-picker .week-days .week-day, [data-theme=dark] .date-range-picker-dropdown .week-days .week-day, html.dark app-date-range-picker .week-days .week-day, html.dark .date-range-picker-dropdown .week-days .week-day { color: var(--text-muted) !important; } [data-theme=dark] app-date-range-picker .calendar-grid .calendar-week .calendar-day, [data-theme=dark] .date-range-picker-dropdown .calendar-grid .calendar-week .calendar-day, html.dark app-date-range-picker .calendar-grid .calendar-week .calendar-day, html.dark .date-range-picker-dropdown .calendar-grid .calendar-week .calendar-day { background: transparent !important; color: var(--text-primary) !important; } [data-theme=dark] app-date-range-picker .calendar-grid .calendar-week .calendar-day:hover:not(:disabled):not(.selected), [data-theme=dark] .date-range-picker-dropdown .calendar-grid .calendar-week .calendar-day:hover:not(:disabled):not(.selected), html.dark app-date-range-picker .calendar-grid .calendar-week .calendar-day:hover:not(:disabled):not(.selected), html.dark .date-range-picker-dropdown .calendar-grid .calendar-week .calendar-day:hover:not(:disabled):not(.selected) { background: var(--bg-hover) !important; } [data-theme=dark] app-date-range-picker .calendar-grid .calendar-week .calendar-day:disabled, [data-theme=dark] app-date-range-picker .calendar-grid .calendar-week .calendar-day.disabled, [data-theme=dark] .date-range-picker-dropdown .calendar-grid .calendar-week .calendar-day:disabled, [data-theme=dark] .date-range-picker-dropdown .calendar-grid .calendar-week .calendar-day.disabled, html.dark app-date-range-picker .calendar-grid .calendar-week .calendar-day:disabled, html.dark app-date-range-picker .calendar-grid .calendar-week .calendar-day.disabled, html.dark .date-range-picker-dropdown .calendar-grid .calendar-week .calendar-day:disabled, html.dark .date-range-picker-dropdown .calendar-grid .calendar-week .calendar-day.disabled { color: var(--text-muted) !important; opacity: 0.3; } [data-theme=dark] app-date-range-picker .calendar-grid .calendar-week .calendar-day.empty, [data-theme=dark] .date-range-picker-dropdown .calendar-grid .calendar-week .calendar-day.empty, html.dark app-date-range-picker .calendar-grid .calendar-week .calendar-day.empty, html.dark .date-range-picker-dropdown .calendar-grid .calendar-week .calendar-day.empty { visibility: hidden; } [data-theme=dark] app-date-range-picker .calendar-grid .calendar-week .calendar-day.today, [data-theme=dark] .date-range-picker-dropdown .calendar-grid .calendar-week .calendar-day.today, html.dark app-date-range-picker .calendar-grid .calendar-week .calendar-day.today, html.dark .date-range-picker-dropdown .calendar-grid .calendar-week .calendar-day.today { color: var(--brand-primary) !important; } [data-theme=dark] app-date-range-picker .calendar-grid .calendar-week .calendar-day.selected, [data-theme=dark] .date-range-picker-dropdown .calendar-grid .calendar-week .calendar-day.selected, html.dark app-date-range-picker .calendar-grid .calendar-week .calendar-day.selected, html.dark .date-range-picker-dropdown .calendar-grid .calendar-week .calendar-day.selected { background: var(--brand-primary) !important; color: var(--text-inverse) !important; } [data-theme=dark] app-date-range-picker .calendar-grid .calendar-week .calendar-day.selected:hover, [data-theme=dark] .date-range-picker-dropdown .calendar-grid .calendar-week .calendar-day.selected:hover, html.dark app-date-range-picker .calendar-grid .calendar-week .calendar-day.selected:hover, html.dark .date-range-picker-dropdown .calendar-grid .calendar-week .calendar-day.selected:hover { background: var(--brand-primary) !important; } [data-theme=dark] app-date-range-picker .calendar-grid .calendar-week .calendar-day.in-range, [data-theme=dark] .date-range-picker-dropdown .calendar-grid .calendar-week .calendar-day.in-range, html.dark app-date-range-picker .calendar-grid .calendar-week .calendar-day.in-range, html.dark .date-range-picker-dropdown .calendar-grid .calendar-week .calendar-day.in-range { background: var(--bg-active) !important; color: var(--brand-primary) !important; } [data-theme=dark] app-date-range-picker .calendar-grid .calendar-week .calendar-day.in-range:hover, [data-theme=dark] .date-range-picker-dropdown .calendar-grid .calendar-week .calendar-day.in-range:hover, html.dark app-date-range-picker .calendar-grid .calendar-week .calendar-day.in-range:hover, html.dark .date-range-picker-dropdown .calendar-grid .calendar-week .calendar-day.in-range:hover { background: var(--bg-hover) !important; } [data-theme=dark] app-date-range-picker .calendar-grid .calendar-week .calendar-day.range-start, [data-theme=dark] app-date-range-picker .calendar-grid .calendar-week .calendar-day.range-end, [data-theme=dark] .date-range-picker-dropdown .calendar-grid .calendar-week .calendar-day.range-start, [data-theme=dark] .date-range-picker-dropdown .calendar-grid .calendar-week .calendar-day.range-end, html.dark app-date-range-picker .calendar-grid .calendar-week .calendar-day.range-start, html.dark app-date-range-picker .calendar-grid .calendar-week .calendar-day.range-end, html.dark .date-range-picker-dropdown .calendar-grid .calendar-week .calendar-day.range-start, html.dark .date-range-picker-dropdown .calendar-grid .calendar-week .calendar-day.range-end { background: var(--brand-primary) !important; color: var(--text-inverse) !important; } [data-theme=dark] app-date-range-picker .calendar-grid .calendar-week .calendar-day.range-start:hover, [data-theme=dark] app-date-range-picker .calendar-grid .calendar-week .calendar-day.range-end:hover, [data-theme=dark] .date-range-picker-dropdown .calendar-grid .calendar-week .calendar-day.range-start:hover, [data-theme=dark] .date-range-picker-dropdown .calendar-grid .calendar-week .calendar-day.range-end:hover, html.dark app-date-range-picker .calendar-grid .calendar-week .calendar-day.range-start:hover, html.dark app-date-range-picker .calendar-grid .calendar-week .calendar-day.range-end:hover, html.dark .date-range-picker-dropdown .calendar-grid .calendar-week .calendar-day.range-start:hover, html.dark .date-range-picker-dropdown .calendar-grid .calendar-week .calendar-day.range-end:hover { background: var(--brand-primary) !important; } [data-theme=dark] common-search-input .search-container, html.dark common-search-input .search-container { background: var(--bg-secondary) !important; } [data-theme=dark] common-search-input .search-container.expanded, html.dark common-search-input .search-container.expanded { background: var(--bg-secondary) !important; } [data-theme=dark] common-search-input .search-input-wrapper, html.dark common-search-input .search-input-wrapper { background: var(--bg-secondary) !important; } [data-theme=dark] common-search-input .search-input-wrapper.show, html.dark common-search-input .search-input-wrapper.show { background: var(--bg-secondary) !important; } [data-theme=dark] common-search-input .search-input-wrapper svg path, html.dark common-search-input .search-input-wrapper svg path { fill: var(--text-muted) !important; } [data-theme=dark] common-search-input .search-input, html.dark common-search-input .search-input { background: transparent !important; color: var(--text-primary) !important; } [data-theme=dark] common-search-input .search-input::placeholder, html.dark common-search-input .search-input::placeholder { color: var(--text-muted) !important; } [data-theme=dark] common-search-input .search-icon-btn svg path, html.dark common-search-input .search-icon-btn svg path { fill: var(--text-muted) !important; } [data-theme=dark] .badge.badge-success, [data-theme=dark] .badge.bg-success, [data-theme=dark] .badge[class*=success], [data-theme=dark] .label.badge-success, [data-theme=dark] .label.bg-success, [data-theme=dark] .label[class*=success], [data-theme=dark] .tag.badge-success, [data-theme=dark] .tag.bg-success, [data-theme=dark] .tag[class*=success], html.dark .badge.badge-success, html.dark .badge.bg-success, html.dark .badge[class*=success], html.dark .label.badge-success, html.dark .label.bg-success, html.dark .label[class*=success], html.dark .tag.badge-success, html.dark .tag.bg-success, html.dark .tag[class*=success] { background-color: var(--status-success-bg) !important; color: var(--status-success-text) !important; } [data-theme=dark] .badge.badge-warning, [data-theme=dark] .badge.bg-warning, [data-theme=dark] .badge[class*=warning], [data-theme=dark] .label.badge-warning, [data-theme=dark] .label.bg-warning, [data-theme=dark] .label[class*=warning], [data-theme=dark] .tag.badge-warning, [data-theme=dark] .tag.bg-warning, [data-theme=dark] .tag[class*=warning], html.dark .badge.badge-warning, html.dark .badge.bg-warning, html.dark .badge[class*=warning], html.dark .label.badge-warning, html.dark .label.bg-warning, html.dark .label[class*=warning], html.dark .tag.badge-warning, html.dark .tag.bg-warning, html.dark .tag[class*=warning] { background-color: var(--status-warning-bg) !important; color: var(--status-warning-text) !important; } [data-theme=dark] .badge.badge-danger, [data-theme=dark] .badge.badge-error, [data-theme=dark] .badge.bg-danger, [data-theme=dark] .badge.bg-error, [data-theme=dark] .badge[class*=danger], [data-theme=dark] .badge[class*=error], [data-theme=dark] .label.badge-danger, [data-theme=dark] .label.badge-error, [data-theme=dark] .label.bg-danger, [data-theme=dark] .label.bg-error, [data-theme=dark] .label[class*=danger], [data-theme=dark] .label[class*=error], [data-theme=dark] .tag.badge-danger, [data-theme=dark] .tag.badge-error, [data-theme=dark] .tag.bg-danger, [data-theme=dark] .tag.bg-error, [data-theme=dark] .tag[class*=danger], [data-theme=dark] .tag[class*=error], html.dark .badge.badge-danger, html.dark .badge.badge-error, html.dark .badge.bg-danger, html.dark .badge.bg-error, html.dark .badge[class*=danger], html.dark .badge[class*=error], html.dark .label.badge-danger, html.dark .label.badge-error, html.dark .label.bg-danger, html.dark .label.bg-error, html.dark .label[class*=danger], html.dark .label[class*=error], html.dark .tag.badge-danger, html.dark .tag.badge-error, html.dark .tag.bg-danger, html.dark .tag.bg-error, html.dark .tag[class*=danger], html.dark .tag[class*=error] { background-color: var(--status-error-bg) !important; color: var(--status-error-text) !important; } [data-theme=dark] .badge.badge-info, [data-theme=dark] .badge.bg-info, [data-theme=dark] .badge[class*=info], [data-theme=dark] .label.badge-info, [data-theme=dark] .label.bg-info, [data-theme=dark] .label[class*=info], [data-theme=dark] .tag.badge-info, [data-theme=dark] .tag.bg-info, [data-theme=dark] .tag[class*=info], html.dark .badge.badge-info, html.dark .badge.bg-info, html.dark .badge[class*=info], html.dark .label.badge-info, html.dark .label.bg-info, html.dark .label[class*=info], html.dark .tag.badge-info, html.dark .tag.bg-info, html.dark .tag[class*=info] { background-color: var(--status-info-bg) !important; color: var(--status-info-text) !important; } [data-theme=dark] .badge.badge-primary, [data-theme=dark] .badge.bg-primary, [data-theme=dark] .label.badge-primary, [data-theme=dark] .label.bg-primary, [data-theme=dark] .tag.badge-primary, [data-theme=dark] .tag.bg-primary, html.dark .badge.badge-primary, html.dark .badge.bg-primary, html.dark .label.badge-primary, html.dark .label.bg-primary, html.dark .tag.badge-primary, html.dark .tag.bg-primary { background-color: var(--brand-primary) !important; color: var(--text-inverse) !important; } [data-theme=dark] .badge.badge-secondary, [data-theme=dark] .badge.bg-secondary, [data-theme=dark] .label.badge-secondary, [data-theme=dark] .label.bg-secondary, [data-theme=dark] .tag.badge-secondary, [data-theme=dark] .tag.bg-secondary, html.dark .badge.badge-secondary, html.dark .badge.bg-secondary, html.dark .label.badge-secondary, html.dark .label.bg-secondary, html.dark .tag.badge-secondary, html.dark .tag.bg-secondary { background-color: var(--bg-elevated) !important; color: var(--text-primary) !important; border: 1px solid var(--border-primary) !important; } [data-theme=dark] .badge.badge-purple, [data-theme=dark] .label.badge-purple, [data-theme=dark] .tag.badge-purple, html.dark .badge.badge-purple, html.dark .label.badge-purple, html.dark .tag.badge-purple { background-color: rgba(139, 92, 246, 0.18) !important; color: #c4b5fd !important; } [data-theme=dark] .badge.badge-teal, [data-theme=dark] .label.badge-teal, [data-theme=dark] .tag.badge-teal, html.dark .badge.badge-teal, html.dark .label.badge-teal, html.dark .tag.badge-teal { background-color: rgba(20, 184, 166, 0.18) !important; color: #5eead4 !important; } [data-theme=dark] .badge.badge-orange, [data-theme=dark] .label.badge-orange, [data-theme=dark] .tag.badge-orange, html.dark .badge.badge-orange, html.dark .label.badge-orange, html.dark .tag.badge-orange { background-color: rgba(249, 115, 22, 0.18) !important; color: #fdba74 !important; } [data-theme=dark] .badge.badge-pink, [data-theme=dark] .label.badge-pink, [data-theme=dark] .tag.badge-pink, html.dark .badge.badge-pink, html.dark .label.badge-pink, html.dark .tag.badge-pink { background-color: rgba(236, 72, 153, 0.18) !important; color: #f9a8d4 !important; } [data-theme=dark] .badge.badge-indigo, [data-theme=dark] .label.badge-indigo, [data-theme=dark] .tag.badge-indigo, html.dark .badge.badge-indigo, html.dark .label.badge-indigo, html.dark .tag.badge-indigo { background-color: rgba(99, 102, 241, 0.18) !important; color: #a5b4fc !important; } [data-theme=dark] .badge.badge-cyan, [data-theme=dark] .label.badge-cyan, [data-theme=dark] .tag.badge-cyan, html.dark .badge.badge-cyan, html.dark .label.badge-cyan, html.dark .tag.badge-cyan { background-color: rgba(6, 182, 212, 0.18) !important; color: #67e8f9 !important; } [data-theme=dark] .badge.badge-rose, [data-theme=dark] .label.badge-rose, [data-theme=dark] .tag.badge-rose, html.dark .badge.badge-rose, html.dark .label.badge-rose, html.dark .tag.badge-rose { background-color: rgba(244, 63, 94, 0.18) !important; color: #fda4af !important; } [data-theme=dark] .badge.badge-lime, [data-theme=dark] .label.badge-lime, [data-theme=dark] .tag.badge-lime, html.dark .badge.badge-lime, html.dark .label.badge-lime, html.dark .tag.badge-lime { background-color: rgba(132, 204, 22, 0.18) !important; color: #bef264 !important; } [data-theme=dark] .custom-badge:not([style*=background-color]):not([style*=color]):not([class*=success]):not([class*=warning]):not([class*=danger]):not([class*=error]):not([class*=info]):not([class*=primary]), html.dark .custom-badge:not([style*=background-color]):not([style*=color]):not([class*=success]):not([class*=warning]):not([class*=danger]):not([class*=error]):not([class*=info]):not([class*=primary]) { background-color: var(--bg-elevated) !important; color: var(--text-primary) !important; } [data-theme=dark] .custom-badge.badge-success, html.dark .custom-badge.badge-success { background-color: var(--status-success-bg) !important; color: var(--status-success-text) !important; } [data-theme=dark] .custom-badge.badge-warning, html.dark .custom-badge.badge-warning { background-color: var(--status-warning-bg) !important; color: var(--status-warning-text) !important; } [data-theme=dark] .custom-badge.badge-danger, html.dark .custom-badge.badge-danger { background-color: var(--status-error-bg) !important; color: var(--status-error-text) !important; } [data-theme=dark] .custom-badge.badge-primary, html.dark .custom-badge.badge-primary { background-color: var(--brand-primary, #3b82f6) !important; color: #ffffff !important; } [data-theme=dark] .custom-badge.badge-info, html.dark .custom-badge.badge-info { background-color: var(--status-info-bg) !important; color: var(--status-info-text) !important; } [data-theme=dark] .custom-badge.badge-secondary, html.dark .custom-badge.badge-secondary { background-color: var(--bg-elevated) !important; color: var(--text-secondary) !important; border: 1px solid var(--border-primary) !important; } [data-theme=dark] .status-badge[style*=background-color], html.dark .status-badge[style*=background-color] { border: 1px solid currentColor !important; } [data-theme=dark] .status-badge[style*=background-color][style*="#d1fae5"], [data-theme=dark] .status-badge[style*=background-color][style*="rgb(209, 250, 229)"], html.dark .status-badge[style*=background-color][style*="#d1fae5"], html.dark .status-badge[style*=background-color][style*="rgb(209, 250, 229)"] { background-color: rgba(6, 78, 59, 0.3) !important; color: #6ee7b7 !important; border-color: #059669 !important; } [data-theme=dark] .status-badge[style*=background-color][style*="#fee2e2"], [data-theme=dark] .status-badge[style*=background-color][style*="rgb(254, 226, 226)"], html.dark .status-badge[style*=background-color][style*="#fee2e2"], html.dark .status-badge[style*=background-color][style*="rgb(254, 226, 226)"] { background-color: rgba(127, 29, 29, 0.3) !important; color: #fca5a5 !important; border-color: #dc2626 !important; } [data-theme=dark] .status-badge[style*=background-color][style*="#fef3c7"], [data-theme=dark] .status-badge[style*=background-color][style*="rgb(254, 243, 199)"], html.dark .status-badge[style*=background-color][style*="#fef3c7"], html.dark .status-badge[style*=background-color][style*="rgb(254, 243, 199)"] { background-color: rgba(120, 53, 15, 0.3) !important; color: #fcd34d !important; border-color: #f59e0b !important; } [data-theme=dark] .status-badge[style*=background-color][style*="#e5e7eb"], [data-theme=dark] .status-badge[style*=background-color][style*="rgb(229, 231, 235)"], html.dark .status-badge[style*=background-color][style*="#e5e7eb"], html.dark .status-badge[style*=background-color][style*="rgb(229, 231, 235)"] { background-color: rgba(64, 64, 64, 0.3) !important; color: #d4d4d4 !important; border-color: #737373 !important; } [data-theme=dark] .swal2-container.swal2-backdrop-show, html.dark .swal2-container.swal2-backdrop-show { background: rgba(0, 0, 0, 0.6) !important; } [data-theme=dark] .swal2-popup, [data-theme=dark] body.dark-mode .swal2-popup, [data-theme=dark] html.dark-mode .swal2-popup, [data-theme=dark] [data-theme=dark] .swal2-popup, html.dark .swal2-popup, html.dark body.dark-mode .swal2-popup, html.dark html.dark-mode .swal2-popup, html.dark [data-theme=dark] .swal2-popup { background: var(--bg-card) !important; color: var(--text-primary) !important; border: 1px solid var(--border-primary) !important; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4) !important; } [data-theme=dark] .swal2-popup.swal2-toast, [data-theme=dark] body.dark-mode .swal2-popup.swal2-toast, [data-theme=dark] html.dark-mode .swal2-popup.swal2-toast, [data-theme=dark] [data-theme=dark] .swal2-popup.swal2-toast, html.dark .swal2-popup.swal2-toast, html.dark body.dark-mode .swal2-popup.swal2-toast, html.dark html.dark-mode .swal2-popup.swal2-toast, html.dark [data-theme=dark] .swal2-popup.swal2-toast { background: var(--bg-card) !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5) !important; } [data-theme=dark] .swal2-popup.swal2-modal, [data-theme=dark] body.dark-mode .swal2-popup.swal2-modal, [data-theme=dark] html.dark-mode .swal2-popup.swal2-modal, [data-theme=dark] [data-theme=dark] .swal2-popup.swal2-modal, html.dark .swal2-popup.swal2-modal, html.dark body.dark-mode .swal2-popup.swal2-modal, html.dark html.dark-mode .swal2-popup.swal2-modal, html.dark [data-theme=dark] .swal2-popup.swal2-modal { background: var(--bg-card) !important; } [data-theme=dark] .swal2-popup .swal2-title, [data-theme=dark] body.dark-mode .swal2-popup .swal2-title, [data-theme=dark] html.dark-mode .swal2-popup .swal2-title, [data-theme=dark] [data-theme=dark] .swal2-popup .swal2-title, html.dark .swal2-popup .swal2-title, html.dark body.dark-mode .swal2-popup .swal2-title, html.dark html.dark-mode .swal2-popup .swal2-title, html.dark [data-theme=dark] .swal2-popup .swal2-title { color: var(--text-primary) !important; } [data-theme=dark] .swal2-popup .swal2-content, [data-theme=dark] body.dark-mode .swal2-popup .swal2-content, [data-theme=dark] html.dark-mode .swal2-popup .swal2-content, [data-theme=dark] [data-theme=dark] .swal2-popup .swal2-content, html.dark .swal2-popup .swal2-content, html.dark body.dark-mode .swal2-popup .swal2-content, html.dark html.dark-mode .swal2-popup .swal2-content, html.dark [data-theme=dark] .swal2-popup .swal2-content { color: var(--text-secondary) !important; } [data-theme=dark] .swal2-popup .swal2-html-container, [data-theme=dark] body.dark-mode .swal2-popup .swal2-html-container, [data-theme=dark] html.dark-mode .swal2-popup .swal2-html-container, [data-theme=dark] [data-theme=dark] .swal2-popup .swal2-html-container, html.dark .swal2-popup .swal2-html-container, html.dark body.dark-mode .swal2-popup .swal2-html-container, html.dark html.dark-mode .swal2-popup .swal2-html-container, html.dark [data-theme=dark] .swal2-popup .swal2-html-container { color: var(--text-secondary) !important; } [data-theme=dark] .swal2-popup .swal2-icon, [data-theme=dark] body.dark-mode .swal2-popup .swal2-icon, [data-theme=dark] html.dark-mode .swal2-popup .swal2-icon, [data-theme=dark] [data-theme=dark] .swal2-popup .swal2-icon, html.dark .swal2-popup .swal2-icon, html.dark body.dark-mode .swal2-popup .swal2-icon, html.dark html.dark-mode .swal2-popup .swal2-icon, html.dark [data-theme=dark] .swal2-popup .swal2-icon { border-color: transparent !important; } [data-theme=dark] .swal2-popup .swal2-icon.swal2-success .swal2-success-ring, [data-theme=dark] body.dark-mode .swal2-popup .swal2-icon.swal2-success .swal2-success-ring, [data-theme=dark] html.dark-mode .swal2-popup .swal2-icon.swal2-success .swal2-success-ring, [data-theme=dark] [data-theme=dark] .swal2-popup .swal2-icon.swal2-success .swal2-success-ring, html.dark .swal2-popup .swal2-icon.swal2-success .swal2-success-ring, html.dark body.dark-mode .swal2-popup .swal2-icon.swal2-success .swal2-success-ring, html.dark html.dark-mode .swal2-popup .swal2-icon.swal2-success .swal2-success-ring, html.dark [data-theme=dark] .swal2-popup .swal2-icon.swal2-success .swal2-success-ring { border-color: rgba(16, 185, 129, 0.3) !important; } [data-theme=dark] .swal2-popup .swal2-icon.swal2-success .swal2-success-line-tip, [data-theme=dark] .swal2-popup .swal2-icon.swal2-success .swal2-success-line-long, [data-theme=dark] body.dark-mode .swal2-popup .swal2-icon.swal2-success .swal2-success-line-tip, [data-theme=dark] body.dark-mode .swal2-popup .swal2-icon.swal2-success .swal2-success-line-long, [data-theme=dark] html.dark-mode .swal2-popup .swal2-icon.swal2-success .swal2-success-line-tip, [data-theme=dark] html.dark-mode .swal2-popup .swal2-icon.swal2-success .swal2-success-line-long, [data-theme=dark] [data-theme=dark] .swal2-popup .swal2-icon.swal2-success .swal2-success-line-tip, [data-theme=dark] [data-theme=dark] .swal2-popup .swal2-icon.swal2-success .swal2-success-line-long, html.dark .swal2-popup .swal2-icon.swal2-success .swal2-success-line-tip, html.dark .swal2-popup .swal2-icon.swal2-success .swal2-success-line-long, html.dark body.dark-mode .swal2-popup .swal2-icon.swal2-success .swal2-success-line-tip, html.dark body.dark-mode .swal2-popup .swal2-icon.swal2-success .swal2-success-line-long, html.dark html.dark-mode .swal2-popup .swal2-icon.swal2-success .swal2-success-line-tip, html.dark html.dark-mode .swal2-popup .swal2-icon.swal2-success .swal2-success-line-long, html.dark [data-theme=dark] .swal2-popup .swal2-icon.swal2-success .swal2-success-line-tip, html.dark [data-theme=dark] .swal2-popup .swal2-icon.swal2-success .swal2-success-line-long { background-color: #10b981 !important; } [data-theme=dark] .swal2-popup .swal2-icon.swal2-success .swal2-success-circular-line-left, [data-theme=dark] .swal2-popup .swal2-icon.swal2-success .swal2-success-circular-line-right, [data-theme=dark] .swal2-popup .swal2-icon.swal2-success .swal2-success-fix, [data-theme=dark] body.dark-mode .swal2-popup .swal2-icon.swal2-success .swal2-success-circular-line-left, [data-theme=dark] body.dark-mode .swal2-popup .swal2-icon.swal2-success .swal2-success-circular-line-right, [data-theme=dark] body.dark-mode .swal2-popup .swal2-icon.swal2-success .swal2-success-fix, [data-theme=dark] html.dark-mode .swal2-popup .swal2-icon.swal2-success .swal2-success-circular-line-left, [data-theme=dark] html.dark-mode .swal2-popup .swal2-icon.swal2-success .swal2-success-circular-line-right, [data-theme=dark] html.dark-mode .swal2-popup .swal2-icon.swal2-success .swal2-success-fix, [data-theme=dark] [data-theme=dark] .swal2-popup .swal2-icon.swal2-success .swal2-success-circular-line-left, [data-theme=dark] [data-theme=dark] .swal2-popup .swal2-icon.swal2-success .swal2-success-circular-line-right, [data-theme=dark] [data-theme=dark] .swal2-popup .swal2-icon.swal2-success .swal2-success-fix, html.dark .swal2-popup .swal2-icon.swal2-success .swal2-success-circular-line-left, html.dark .swal2-popup .swal2-icon.swal2-success .swal2-success-circular-line-right, html.dark .swal2-popup .swal2-icon.swal2-success .swal2-success-fix, html.dark body.dark-mode .swal2-popup .swal2-icon.swal2-success .swal2-success-circular-line-left, html.dark body.dark-mode .swal2-popup .swal2-icon.swal2-success .swal2-success-circular-line-right, html.dark body.dark-mode .swal2-popup .swal2-icon.swal2-success .swal2-success-fix, html.dark html.dark-mode .swal2-popup .swal2-icon.swal2-success .swal2-success-circular-line-left, html.dark html.dark-mode .swal2-popup .swal2-icon.swal2-success .swal2-success-circular-line-right, html.dark html.dark-mode .swal2-popup .swal2-icon.swal2-success .swal2-success-fix, html.dark [data-theme=dark] .swal2-popup .swal2-icon.swal2-success .swal2-success-circular-line-left, html.dark [data-theme=dark] .swal2-popup .swal2-icon.swal2-success .swal2-success-circular-line-right, html.dark [data-theme=dark] .swal2-popup .swal2-icon.swal2-success .swal2-success-fix { background-color: var(--bg-card) !important; } [data-theme=dark] .swal2-popup .swal2-icon.swal2-error .swal2-x-mark-line-left, [data-theme=dark] .swal2-popup .swal2-icon.swal2-error .swal2-x-mark-line-right, [data-theme=dark] body.dark-mode .swal2-popup .swal2-icon.swal2-error .swal2-x-mark-line-left, [data-theme=dark] body.dark-mode .swal2-popup .swal2-icon.swal2-error .swal2-x-mark-line-right, [data-theme=dark] html.dark-mode .swal2-popup .swal2-icon.swal2-error .swal2-x-mark-line-left, [data-theme=dark] html.dark-mode .swal2-popup .swal2-icon.swal2-error .swal2-x-mark-line-right, [data-theme=dark] [data-theme=dark] .swal2-popup .swal2-icon.swal2-error .swal2-x-mark-line-left, [data-theme=dark] [data-theme=dark] .swal2-popup .swal2-icon.swal2-error .swal2-x-mark-line-right, html.dark .swal2-popup .swal2-icon.swal2-error .swal2-x-mark-line-left, html.dark .swal2-popup .swal2-icon.swal2-error .swal2-x-mark-line-right, html.dark body.dark-mode .swal2-popup .swal2-icon.swal2-error .swal2-x-mark-line-left, html.dark body.dark-mode .swal2-popup .swal2-icon.swal2-error .swal2-x-mark-line-right, html.dark html.dark-mode .swal2-popup .swal2-icon.swal2-error .swal2-x-mark-line-left, html.dark html.dark-mode .swal2-popup .swal2-icon.swal2-error .swal2-x-mark-line-right, html.dark [data-theme=dark] .swal2-popup .swal2-icon.swal2-error .swal2-x-mark-line-left, html.dark [data-theme=dark] .swal2-popup .swal2-icon.swal2-error .swal2-x-mark-line-right { background-color: #ef4444 !important; } [data-theme=dark] .swal2-popup .swal2-icon.swal2-warning, [data-theme=dark] body.dark-mode .swal2-popup .swal2-icon.swal2-warning, [data-theme=dark] html.dark-mode .swal2-popup .swal2-icon.swal2-warning, [data-theme=dark] [data-theme=dark] .swal2-popup .swal2-icon.swal2-warning, html.dark .swal2-popup .swal2-icon.swal2-warning, html.dark body.dark-mode .swal2-popup .swal2-icon.swal2-warning, html.dark html.dark-mode .swal2-popup .swal2-icon.swal2-warning, html.dark [data-theme=dark] .swal2-popup .swal2-icon.swal2-warning { border-color: #f59e0b !important; color: #f59e0b !important; } [data-theme=dark] .swal2-popup .swal2-icon.swal2-info, [data-theme=dark] body.dark-mode .swal2-popup .swal2-icon.swal2-info, [data-theme=dark] html.dark-mode .swal2-popup .swal2-icon.swal2-info, [data-theme=dark] [data-theme=dark] .swal2-popup .swal2-icon.swal2-info, html.dark .swal2-popup .swal2-icon.swal2-info, html.dark body.dark-mode .swal2-popup .swal2-icon.swal2-info, html.dark html.dark-mode .swal2-popup .swal2-icon.swal2-info, html.dark [data-theme=dark] .swal2-popup .swal2-icon.swal2-info { border-color: #3b82f6 !important; color: #3b82f6 !important; } [data-theme=dark] .swal2-popup .swal2-icon.swal2-question, [data-theme=dark] body.dark-mode .swal2-popup .swal2-icon.swal2-question, [data-theme=dark] html.dark-mode .swal2-popup .swal2-icon.swal2-question, [data-theme=dark] [data-theme=dark] .swal2-popup .swal2-icon.swal2-question, html.dark .swal2-popup .swal2-icon.swal2-question, html.dark body.dark-mode .swal2-popup .swal2-icon.swal2-question, html.dark html.dark-mode .swal2-popup .swal2-icon.swal2-question, html.dark [data-theme=dark] .swal2-popup .swal2-icon.swal2-question { border-color: var(--brand-primary) !important; color: var(--brand-primary) !important; } [data-theme=dark] .swal2-popup .swal2-timer-progress-bar, [data-theme=dark] body.dark-mode .swal2-popup .swal2-timer-progress-bar, [data-theme=dark] html.dark-mode .swal2-popup .swal2-timer-progress-bar, [data-theme=dark] [data-theme=dark] .swal2-popup .swal2-timer-progress-bar, html.dark .swal2-popup .swal2-timer-progress-bar, html.dark body.dark-mode .swal2-popup .swal2-timer-progress-bar, html.dark html.dark-mode .swal2-popup .swal2-timer-progress-bar, html.dark [data-theme=dark] .swal2-popup .swal2-timer-progress-bar { background: var(--brand-primary) !important; } [data-theme=dark] .swal2-popup .swal2-close, [data-theme=dark] body.dark-mode .swal2-popup .swal2-close, [data-theme=dark] html.dark-mode .swal2-popup .swal2-close, [data-theme=dark] [data-theme=dark] .swal2-popup .swal2-close, html.dark .swal2-popup .swal2-close, html.dark body.dark-mode .swal2-popup .swal2-close, html.dark html.dark-mode .swal2-popup .swal2-close, html.dark [data-theme=dark] .swal2-popup .swal2-close { color: var(--text-secondary) !important; } [data-theme=dark] .swal2-popup .swal2-close:hover, [data-theme=dark] body.dark-mode .swal2-popup .swal2-close:hover, [data-theme=dark] html.dark-mode .swal2-popup .swal2-close:hover, [data-theme=dark] [data-theme=dark] .swal2-popup .swal2-close:hover, html.dark .swal2-popup .swal2-close:hover, html.dark body.dark-mode .swal2-popup .swal2-close:hover, html.dark html.dark-mode .swal2-popup .swal2-close:hover, html.dark [data-theme=dark] .swal2-popup .swal2-close:hover { color: var(--text-primary) !important; } [data-theme=dark] .swal2-popup .swal2-actions, [data-theme=dark] body.dark-mode .swal2-popup .swal2-actions, [data-theme=dark] html.dark-mode .swal2-popup .swal2-actions, [data-theme=dark] [data-theme=dark] .swal2-popup .swal2-actions, html.dark .swal2-popup .swal2-actions, html.dark body.dark-mode .swal2-popup .swal2-actions, html.dark html.dark-mode .swal2-popup .swal2-actions, html.dark [data-theme=dark] .swal2-popup .swal2-actions { background: transparent !important; } [data-theme=dark] .swal2-popup .swal2-styled.swal2-confirm, [data-theme=dark] .swal2-popup .swal2-styled.swal2-cancel, [data-theme=dark] .swal2-popup .swal2-styled.swal2-deny, [data-theme=dark] body.dark-mode .swal2-popup .swal2-styled.swal2-confirm, [data-theme=dark] body.dark-mode .swal2-popup .swal2-styled.swal2-cancel, [data-theme=dark] body.dark-mode .swal2-popup .swal2-styled.swal2-deny, [data-theme=dark] html.dark-mode .swal2-popup .swal2-styled.swal2-confirm, [data-theme=dark] html.dark-mode .swal2-popup .swal2-styled.swal2-cancel, [data-theme=dark] html.dark-mode .swal2-popup .swal2-styled.swal2-deny, [data-theme=dark] [data-theme=dark] .swal2-popup .swal2-styled.swal2-confirm, [data-theme=dark] [data-theme=dark] .swal2-popup .swal2-styled.swal2-cancel, [data-theme=dark] [data-theme=dark] .swal2-popup .swal2-styled.swal2-deny, html.dark .swal2-popup .swal2-styled.swal2-confirm, html.dark .swal2-popup .swal2-styled.swal2-cancel, html.dark .swal2-popup .swal2-styled.swal2-deny, html.dark body.dark-mode .swal2-popup .swal2-styled.swal2-confirm, html.dark body.dark-mode .swal2-popup .swal2-styled.swal2-cancel, html.dark body.dark-mode .swal2-popup .swal2-styled.swal2-deny, html.dark html.dark-mode .swal2-popup .swal2-styled.swal2-confirm, html.dark html.dark-mode .swal2-popup .swal2-styled.swal2-cancel, html.dark html.dark-mode .swal2-popup .swal2-styled.swal2-deny, html.dark [data-theme=dark] .swal2-popup .swal2-styled.swal2-confirm, html.dark [data-theme=dark] .swal2-popup .swal2-styled.swal2-cancel, html.dark [data-theme=dark] .swal2-popup .swal2-styled.swal2-deny { background-color: var(--bg-elevated) !important; color: var(--text-primary) !important; border: 1px solid var(--border-primary) !important; box-shadow: none !important; } [data-theme=dark] .swal2-popup .swal2-styled.swal2-confirm:hover, [data-theme=dark] .swal2-popup .swal2-styled.swal2-cancel:hover, [data-theme=dark] .swal2-popup .swal2-styled.swal2-deny:hover, [data-theme=dark] body.dark-mode .swal2-popup .swal2-styled.swal2-confirm:hover, [data-theme=dark] body.dark-mode .swal2-popup .swal2-styled.swal2-cancel:hover, [data-theme=dark] body.dark-mode .swal2-popup .swal2-styled.swal2-deny:hover, [data-theme=dark] html.dark-mode .swal2-popup .swal2-styled.swal2-confirm:hover, [data-theme=dark] html.dark-mode .swal2-popup .swal2-styled.swal2-cancel:hover, [data-theme=dark] html.dark-mode .swal2-popup .swal2-styled.swal2-deny:hover, [data-theme=dark] [data-theme=dark] .swal2-popup .swal2-styled.swal2-confirm:hover, [data-theme=dark] [data-theme=dark] .swal2-popup .swal2-styled.swal2-cancel:hover, [data-theme=dark] [data-theme=dark] .swal2-popup .swal2-styled.swal2-deny:hover, html.dark .swal2-popup .swal2-styled.swal2-confirm:hover, html.dark .swal2-popup .swal2-styled.swal2-cancel:hover, html.dark .swal2-popup .swal2-styled.swal2-deny:hover, html.dark body.dark-mode .swal2-popup .swal2-styled.swal2-confirm:hover, html.dark body.dark-mode .swal2-popup .swal2-styled.swal2-cancel:hover, html.dark body.dark-mode .swal2-popup .swal2-styled.swal2-deny:hover, html.dark html.dark-mode .swal2-popup .swal2-styled.swal2-confirm:hover, html.dark html.dark-mode .swal2-popup .swal2-styled.swal2-cancel:hover, html.dark html.dark-mode .swal2-popup .swal2-styled.swal2-deny:hover, html.dark [data-theme=dark] .swal2-popup .swal2-styled.swal2-confirm:hover, html.dark [data-theme=dark] .swal2-popup .swal2-styled.swal2-cancel:hover, html.dark [data-theme=dark] .swal2-popup .swal2-styled.swal2-deny:hover { background-color: var(--bg-hover) !important; } [data-theme=dark] .swal2-popup .swal2-styled.swal2-confirm:focus, [data-theme=dark] .swal2-popup .swal2-styled.swal2-cancel:focus, [data-theme=dark] .swal2-popup .swal2-styled.swal2-deny:focus, [data-theme=dark] body.dark-mode .swal2-popup .swal2-styled.swal2-confirm:focus, [data-theme=dark] body.dark-mode .swal2-popup .swal2-styled.swal2-cancel:focus, [data-theme=dark] body.dark-mode .swal2-popup .swal2-styled.swal2-deny:focus, [data-theme=dark] html.dark-mode .swal2-popup .swal2-styled.swal2-confirm:focus, [data-theme=dark] html.dark-mode .swal2-popup .swal2-styled.swal2-cancel:focus, [data-theme=dark] html.dark-mode .swal2-popup .swal2-styled.swal2-deny:focus, [data-theme=dark] [data-theme=dark] .swal2-popup .swal2-styled.swal2-confirm:focus, [data-theme=dark] [data-theme=dark] .swal2-popup .swal2-styled.swal2-cancel:focus, [data-theme=dark] [data-theme=dark] .swal2-popup .swal2-styled.swal2-deny:focus, html.dark .swal2-popup .swal2-styled.swal2-confirm:focus, html.dark .swal2-popup .swal2-styled.swal2-cancel:focus, html.dark .swal2-popup .swal2-styled.swal2-deny:focus, html.dark body.dark-mode .swal2-popup .swal2-styled.swal2-confirm:focus, html.dark body.dark-mode .swal2-popup .swal2-styled.swal2-cancel:focus, html.dark body.dark-mode .swal2-popup .swal2-styled.swal2-deny:focus, html.dark html.dark-mode .swal2-popup .swal2-styled.swal2-confirm:focus, html.dark html.dark-mode .swal2-popup .swal2-styled.swal2-cancel:focus, html.dark html.dark-mode .swal2-popup .swal2-styled.swal2-deny:focus, html.dark [data-theme=dark] .swal2-popup .swal2-styled.swal2-confirm:focus, html.dark [data-theme=dark] .swal2-popup .swal2-styled.swal2-cancel:focus, html.dark [data-theme=dark] .swal2-popup .swal2-styled.swal2-deny:focus { box-shadow: 0 0 0 3px rgba(103, 59, 190, 0.3) !important; } [data-theme=dark] .swal2-popup .swal2-styled.swal2-confirm, [data-theme=dark] body.dark-mode .swal2-popup .swal2-styled.swal2-confirm, [data-theme=dark] html.dark-mode .swal2-popup .swal2-styled.swal2-confirm, [data-theme=dark] [data-theme=dark] .swal2-popup .swal2-styled.swal2-confirm, html.dark .swal2-popup .swal2-styled.swal2-confirm, html.dark body.dark-mode .swal2-popup .swal2-styled.swal2-confirm, html.dark html.dark-mode .swal2-popup .swal2-styled.swal2-confirm, html.dark [data-theme=dark] .swal2-popup .swal2-styled.swal2-confirm { background-color: var(--brand-primary) !important; color: white !important; border-color: var(--brand-primary) !important; } [data-theme=dark] .swal2-popup .swal2-styled.swal2-confirm:hover, [data-theme=dark] body.dark-mode .swal2-popup .swal2-styled.swal2-confirm:hover, [data-theme=dark] html.dark-mode .swal2-popup .swal2-styled.swal2-confirm:hover, [data-theme=dark] [data-theme=dark] .swal2-popup .swal2-styled.swal2-confirm:hover, html.dark .swal2-popup .swal2-styled.swal2-confirm:hover, html.dark body.dark-mode .swal2-popup .swal2-styled.swal2-confirm:hover, html.dark html.dark-mode .swal2-popup .swal2-styled.swal2-confirm:hover, html.dark [data-theme=dark] .swal2-popup .swal2-styled.swal2-confirm:hover { background-color: var(--brand-hover) !important; } [data-theme=dark] .swal2-popup .swal2-styled.swal2-cancel, [data-theme=dark] body.dark-mode .swal2-popup .swal2-styled.swal2-cancel, [data-theme=dark] html.dark-mode .swal2-popup .swal2-styled.swal2-cancel, [data-theme=dark] [data-theme=dark] .swal2-popup .swal2-styled.swal2-cancel, html.dark .swal2-popup .swal2-styled.swal2-cancel, html.dark body.dark-mode .swal2-popup .swal2-styled.swal2-cancel, html.dark html.dark-mode .swal2-popup .swal2-styled.swal2-cancel, html.dark [data-theme=dark] .swal2-popup .swal2-styled.swal2-cancel { background-color: var(--bg-elevated) !important; color: var(--text-primary) !important; } [data-theme=dark] .swal2-popup .swal2-styled.swal2-cancel:hover, [data-theme=dark] body.dark-mode .swal2-popup .swal2-styled.swal2-cancel:hover, [data-theme=dark] html.dark-mode .swal2-popup .swal2-styled.swal2-cancel:hover, [data-theme=dark] [data-theme=dark] .swal2-popup .swal2-styled.swal2-cancel:hover, html.dark .swal2-popup .swal2-styled.swal2-cancel:hover, html.dark body.dark-mode .swal2-popup .swal2-styled.swal2-cancel:hover, html.dark html.dark-mode .swal2-popup .swal2-styled.swal2-cancel:hover, html.dark [data-theme=dark] .swal2-popup .swal2-styled.swal2-cancel:hover { background-color: var(--bg-hover) !important; } [data-theme=dark] .swal2-popup .swal2-styled.swal2-deny, [data-theme=dark] body.dark-mode .swal2-popup .swal2-styled.swal2-deny, [data-theme=dark] html.dark-mode .swal2-popup .swal2-styled.swal2-deny, [data-theme=dark] [data-theme=dark] .swal2-popup .swal2-styled.swal2-deny, html.dark .swal2-popup .swal2-styled.swal2-deny, html.dark body.dark-mode .swal2-popup .swal2-styled.swal2-deny, html.dark html.dark-mode .swal2-popup .swal2-styled.swal2-deny, html.dark [data-theme=dark] .swal2-popup .swal2-styled.swal2-deny { background-color: #dc2626 !important; color: white !important; border-color: #dc2626 !important; } [data-theme=dark] .swal2-popup .swal2-styled.swal2-deny:hover, [data-theme=dark] body.dark-mode .swal2-popup .swal2-styled.swal2-deny:hover, [data-theme=dark] html.dark-mode .swal2-popup .swal2-styled.swal2-deny:hover, [data-theme=dark] [data-theme=dark] .swal2-popup .swal2-styled.swal2-deny:hover, html.dark .swal2-popup .swal2-styled.swal2-deny:hover, html.dark body.dark-mode .swal2-popup .swal2-styled.swal2-deny:hover, html.dark html.dark-mode .swal2-popup .swal2-styled.swal2-deny:hover, html.dark [data-theme=dark] .swal2-popup .swal2-styled.swal2-deny:hover { background-color: #b91c1c !important; } [data-theme=dark] .swal2-popup .btn.btn-primary, [data-theme=dark] body.dark-mode .swal2-popup .btn.btn-primary, [data-theme=dark] html.dark-mode .swal2-popup .btn.btn-primary, [data-theme=dark] [data-theme=dark] .swal2-popup .btn.btn-primary, html.dark .swal2-popup .btn.btn-primary, html.dark body.dark-mode .swal2-popup .btn.btn-primary, html.dark html.dark-mode .swal2-popup .btn.btn-primary, html.dark [data-theme=dark] .swal2-popup .btn.btn-primary { background-color: var(--brand-primary) !important; color: white !important; border-color: var(--brand-primary) !important; } [data-theme=dark] .swal2-popup .btn.btn-primary:hover, [data-theme=dark] body.dark-mode .swal2-popup .btn.btn-primary:hover, [data-theme=dark] html.dark-mode .swal2-popup .btn.btn-primary:hover, [data-theme=dark] [data-theme=dark] .swal2-popup .btn.btn-primary:hover, html.dark .swal2-popup .btn.btn-primary:hover, html.dark body.dark-mode .swal2-popup .btn.btn-primary:hover, html.dark html.dark-mode .swal2-popup .btn.btn-primary:hover, html.dark [data-theme=dark] .swal2-popup .btn.btn-primary:hover { background-color: var(--brand-hover) !important; } [data-theme=dark] .swal2-popup .btn.btn-secondary, [data-theme=dark] body.dark-mode .swal2-popup .btn.btn-secondary, [data-theme=dark] html.dark-mode .swal2-popup .btn.btn-secondary, [data-theme=dark] [data-theme=dark] .swal2-popup .btn.btn-secondary, html.dark .swal2-popup .btn.btn-secondary, html.dark body.dark-mode .swal2-popup .btn.btn-secondary, html.dark html.dark-mode .swal2-popup .btn.btn-secondary, html.dark [data-theme=dark] .swal2-popup .btn.btn-secondary { background-color: var(--bg-elevated) !important; color: var(--text-primary) !important; border-color: var(--border-primary) !important; } [data-theme=dark] .swal2-popup .btn.btn-secondary:hover, [data-theme=dark] body.dark-mode .swal2-popup .btn.btn-secondary:hover, [data-theme=dark] html.dark-mode .swal2-popup .btn.btn-secondary:hover, [data-theme=dark] [data-theme=dark] .swal2-popup .btn.btn-secondary:hover, html.dark .swal2-popup .btn.btn-secondary:hover, html.dark body.dark-mode .swal2-popup .btn.btn-secondary:hover, html.dark html.dark-mode .swal2-popup .btn.btn-secondary:hover, html.dark [data-theme=dark] .swal2-popup .btn.btn-secondary:hover { background-color: var(--bg-hover) !important; } [data-theme=dark] .swal2-popup .btn.btn-danger, [data-theme=dark] body.dark-mode .swal2-popup .btn.btn-danger, [data-theme=dark] html.dark-mode .swal2-popup .btn.btn-danger, [data-theme=dark] [data-theme=dark] .swal2-popup .btn.btn-danger, html.dark .swal2-popup .btn.btn-danger, html.dark body.dark-mode .swal2-popup .btn.btn-danger, html.dark html.dark-mode .swal2-popup .btn.btn-danger, html.dark [data-theme=dark] .swal2-popup .btn.btn-danger { background-color: #dc2626 !important; color: white !important; border-color: #dc2626 !important; } [data-theme=dark] .swal2-popup .btn.btn-danger:hover, [data-theme=dark] body.dark-mode .swal2-popup .btn.btn-danger:hover, [data-theme=dark] html.dark-mode .swal2-popup .btn.btn-danger:hover, [data-theme=dark] [data-theme=dark] .swal2-popup .btn.btn-danger:hover, html.dark .swal2-popup .btn.btn-danger:hover, html.dark body.dark-mode .swal2-popup .btn.btn-danger:hover, html.dark html.dark-mode .swal2-popup .btn.btn-danger:hover, html.dark [data-theme=dark] .swal2-popup .btn.btn-danger:hover { background-color: #b91c1c !important; } [data-theme=dark] .swal2-popup .swal2-input, [data-theme=dark] .swal2-popup .swal2-textarea, [data-theme=dark] .swal2-popup .swal2-select, [data-theme=dark] body.dark-mode .swal2-popup .swal2-input, [data-theme=dark] body.dark-mode .swal2-popup .swal2-textarea, [data-theme=dark] body.dark-mode .swal2-popup .swal2-select, [data-theme=dark] html.dark-mode .swal2-popup .swal2-input, [data-theme=dark] html.dark-mode .swal2-popup .swal2-textarea, [data-theme=dark] html.dark-mode .swal2-popup .swal2-select, [data-theme=dark] [data-theme=dark] .swal2-popup .swal2-input, [data-theme=dark] [data-theme=dark] .swal2-popup .swal2-textarea, [data-theme=dark] [data-theme=dark] .swal2-popup .swal2-select, html.dark .swal2-popup .swal2-input, html.dark .swal2-popup .swal2-textarea, html.dark .swal2-popup .swal2-select, html.dark body.dark-mode .swal2-popup .swal2-input, html.dark body.dark-mode .swal2-popup .swal2-textarea, html.dark body.dark-mode .swal2-popup .swal2-select, html.dark html.dark-mode .swal2-popup .swal2-input, html.dark html.dark-mode .swal2-popup .swal2-textarea, html.dark html.dark-mode .swal2-popup .swal2-select, html.dark [data-theme=dark] .swal2-popup .swal2-input, html.dark [data-theme=dark] .swal2-popup .swal2-textarea, html.dark [data-theme=dark] .swal2-popup .swal2-select { background-color: var(--bg-secondary) !important; color: var(--text-primary) !important; border-color: var(--border-primary) !important; } [data-theme=dark] .swal2-popup .swal2-input:focus, [data-theme=dark] .swal2-popup .swal2-textarea:focus, [data-theme=dark] .swal2-popup .swal2-select:focus, [data-theme=dark] body.dark-mode .swal2-popup .swal2-input:focus, [data-theme=dark] body.dark-mode .swal2-popup .swal2-textarea:focus, [data-theme=dark] body.dark-mode .swal2-popup .swal2-select:focus, [data-theme=dark] html.dark-mode .swal2-popup .swal2-input:focus, [data-theme=dark] html.dark-mode .swal2-popup .swal2-textarea:focus, [data-theme=dark] html.dark-mode .swal2-popup .swal2-select:focus, [data-theme=dark] [data-theme=dark] .swal2-popup .swal2-input:focus, [data-theme=dark] [data-theme=dark] .swal2-popup .swal2-textarea:focus, [data-theme=dark] [data-theme=dark] .swal2-popup .swal2-select:focus, html.dark .swal2-popup .swal2-input:focus, html.dark .swal2-popup .swal2-textarea:focus, html.dark .swal2-popup .swal2-select:focus, html.dark body.dark-mode .swal2-popup .swal2-input:focus, html.dark body.dark-mode .swal2-popup .swal2-textarea:focus, html.dark body.dark-mode .swal2-popup .swal2-select:focus, html.dark html.dark-mode .swal2-popup .swal2-input:focus, html.dark html.dark-mode .swal2-popup .swal2-textarea:focus, html.dark html.dark-mode .swal2-popup .swal2-select:focus, html.dark [data-theme=dark] .swal2-popup .swal2-input:focus, html.dark [data-theme=dark] .swal2-popup .swal2-textarea:focus, html.dark [data-theme=dark] .swal2-popup .swal2-select:focus { border-color: var(--brand-primary) !important; box-shadow: 0 0 0 3px rgba(103, 59, 190, 0.2) !important; } [data-theme=dark] .swal2-popup .swal2-input::placeholder, [data-theme=dark] .swal2-popup .swal2-textarea::placeholder, [data-theme=dark] .swal2-popup .swal2-select::placeholder, [data-theme=dark] body.dark-mode .swal2-popup .swal2-input::placeholder, [data-theme=dark] body.dark-mode .swal2-popup .swal2-textarea::placeholder, [data-theme=dark] body.dark-mode .swal2-popup .swal2-select::placeholder, [data-theme=dark] html.dark-mode .swal2-popup .swal2-input::placeholder, [data-theme=dark] html.dark-mode .swal2-popup .swal2-textarea::placeholder, [data-theme=dark] html.dark-mode .swal2-popup .swal2-select::placeholder, [data-theme=dark] [data-theme=dark] .swal2-popup .swal2-input::placeholder, [data-theme=dark] [data-theme=dark] .swal2-popup .swal2-textarea::placeholder, [data-theme=dark] [data-theme=dark] .swal2-popup .swal2-select::placeholder, html.dark .swal2-popup .swal2-input::placeholder, html.dark .swal2-popup .swal2-textarea::placeholder, html.dark .swal2-popup .swal2-select::placeholder, html.dark body.dark-mode .swal2-popup .swal2-input::placeholder, html.dark body.dark-mode .swal2-popup .swal2-textarea::placeholder, html.dark body.dark-mode .swal2-popup .swal2-select::placeholder, html.dark html.dark-mode .swal2-popup .swal2-input::placeholder, html.dark html.dark-mode .swal2-popup .swal2-textarea::placeholder, html.dark html.dark-mode .swal2-popup .swal2-select::placeholder, html.dark [data-theme=dark] .swal2-popup .swal2-input::placeholder, html.dark [data-theme=dark] .swal2-popup .swal2-textarea::placeholder, html.dark [data-theme=dark] .swal2-popup .swal2-select::placeholder { color: var(--text-muted) !important; } [data-theme=dark] .swal2-popup .swal2-validation-message, [data-theme=dark] body.dark-mode .swal2-popup .swal2-validation-message, [data-theme=dark] html.dark-mode .swal2-popup .swal2-validation-message, [data-theme=dark] [data-theme=dark] .swal2-popup .swal2-validation-message, html.dark .swal2-popup .swal2-validation-message, html.dark body.dark-mode .swal2-popup .swal2-validation-message, html.dark html.dark-mode .swal2-popup .swal2-validation-message, html.dark [data-theme=dark] .swal2-popup .swal2-validation-message { background-color: rgba(239, 68, 68, 0.2) !important; color: #fca5a5 !important; border-color: #ef4444 !important; } [data-theme=dark] .swal2-popup .swal2-footer, [data-theme=dark] body.dark-mode .swal2-popup .swal2-footer, [data-theme=dark] html.dark-mode .swal2-popup .swal2-footer, [data-theme=dark] [data-theme=dark] .swal2-popup .swal2-footer, html.dark .swal2-popup .swal2-footer, html.dark body.dark-mode .swal2-popup .swal2-footer, html.dark html.dark-mode .swal2-popup .swal2-footer, html.dark [data-theme=dark] .swal2-popup .swal2-footer { background: transparent !important; color: var(--text-secondary) !important; border-top-color: var(--border-primary) !important; } [data-theme=dark] .swal2-popup .swal2-loader, [data-theme=dark] body.dark-mode .swal2-popup .swal2-loader, [data-theme=dark] html.dark-mode .swal2-popup .swal2-loader, [data-theme=dark] [data-theme=dark] .swal2-popup .swal2-loader, html.dark .swal2-popup .swal2-loader, html.dark body.dark-mode .swal2-popup .swal2-loader, html.dark html.dark-mode .swal2-popup .swal2-loader, html.dark [data-theme=dark] .swal2-popup .swal2-loader { border-color: var(--brand-primary) transparent var(--brand-primary) transparent !important; } [data-theme=dark] body.dark-mode .swal2-container .swal2-popup, [data-theme=dark] html.dark-mode .swal2-container .swal2-popup, [data-theme=dark] [data-theme=dark] .swal2-container .swal2-popup, html.dark body.dark-mode .swal2-container .swal2-popup, html.dark html.dark-mode .swal2-container .swal2-popup, html.dark [data-theme=dark] .swal2-container .swal2-popup { background: var(--bg-card) !important; color: var(--text-primary) !important; border: 1px solid var(--border-primary) !important; } [data-theme=dark] .toast-container, html.dark .toast-container { z-index: 9999; } [data-theme=dark] .toast-container .toast, html.dark .toast-container .toast { background: var(--bg-card) !important; color: var(--text-primary) !important; border: 1px solid var(--border-primary) !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5) !important; } [data-theme=dark] .toast-container .toast .toast-header, html.dark .toast-container .toast .toast-header { background: var(--bg-elevated) !important; color: var(--text-primary) !important; border-bottom-color: var(--border-primary) !important; } [data-theme=dark] .toast-container .toast .toast-body, html.dark .toast-container .toast .toast-body { background: transparent !important; color: var(--text-secondary) !important; } [data-theme=dark] .toast-container .toast .toast-title, html.dark .toast-container .toast .toast-title { color: var(--text-primary) !important; } [data-theme=dark] .toast-container .toast .toast-message, html.dark .toast-container .toast .toast-message { color: var(--text-secondary) !important; } [data-theme=dark] .toast-container .toast .toast-close, html.dark .toast-container .toast .toast-close { color: var(--text-secondary) !important; } [data-theme=dark] .toast-container .toast .toast-close:hover, html.dark .toast-container .toast .toast-close:hover { color: var(--text-primary) !important; } [data-theme=dark] .toast-container .toast.toast-success, html.dark .toast-container .toast.toast-success { border-left: 4px solid #10b981 !important; } [data-theme=dark] .toast-container .toast.toast-success .toast-icon, html.dark .toast-container .toast.toast-success .toast-icon { color: #10b981 !important; } [data-theme=dark] .toast-container .toast.toast-success .toast-title, html.dark .toast-container .toast.toast-success .toast-title { color: #10b981 !important; } [data-theme=dark] .toast-container .toast.toast-error, html.dark .toast-container .toast.toast-error { border-left: 4px solid #ef4444 !important; } [data-theme=dark] .toast-container .toast.toast-error .toast-icon, html.dark .toast-container .toast.toast-error .toast-icon { color: #ef4444 !important; } [data-theme=dark] .toast-container .toast.toast-error .toast-title, html.dark .toast-container .toast.toast-error .toast-title { color: #ef4444 !important; } [data-theme=dark] .toast-container .toast.toast-warning, html.dark .toast-container .toast.toast-warning { border-left: 4px solid #f59e0b !important; } [data-theme=dark] .toast-container .toast.toast-warning .toast-icon, html.dark .toast-container .toast.toast-warning .toast-icon { color: #f59e0b !important; } [data-theme=dark] .toast-container .toast.toast-warning .toast-title, html.dark .toast-container .toast.toast-warning .toast-title { color: #f59e0b !important; } [data-theme=dark] .toast-container .toast.toast-info, html.dark .toast-container .toast.toast-info { border-left: 4px solid #3b82f6 !important; } [data-theme=dark] .toast-container .toast.toast-info .toast-icon, html.dark .toast-container .toast.toast-info .toast-icon { color: #3b82f6 !important; } [data-theme=dark] .toast-container .toast.toast-info .toast-title, html.dark .toast-container .toast.toast-info .toast-title { color: #3b82f6 !important; } [data-theme=dark] .toast-container .toast .toast-progress, html.dark .toast-container .toast .toast-progress { background: var(--bg-secondary) !important; } [data-theme=dark] .toast-container .toast .toast-progress .toast-progress-bar, html.dark .toast-container .toast .toast-progress .toast-progress-bar { background: var(--brand-primary) !important; } [data-theme=dark] .notification, [data-theme=dark] .snackbar, [data-theme=dark] .alert-toast, html.dark .notification, html.dark .snackbar, html.dark .alert-toast { background: var(--bg-card) !important; color: var(--text-primary) !important; border: 1px solid var(--border-primary) !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5) !important; } [data-theme=dark] .notification .notification-title, [data-theme=dark] .notification .snackbar-title, [data-theme=dark] .notification .alert-title, [data-theme=dark] .snackbar .notification-title, [data-theme=dark] .snackbar .snackbar-title, [data-theme=dark] .snackbar .alert-title, [data-theme=dark] .alert-toast .notification-title, [data-theme=dark] .alert-toast .snackbar-title, [data-theme=dark] .alert-toast .alert-title, html.dark .notification .notification-title, html.dark .notification .snackbar-title, html.dark .notification .alert-title, html.dark .snackbar .notification-title, html.dark .snackbar .snackbar-title, html.dark .snackbar .alert-title, html.dark .alert-toast .notification-title, html.dark .alert-toast .snackbar-title, html.dark .alert-toast .alert-title { color: var(--text-primary) !important; } [data-theme=dark] .notification .notification-message, [data-theme=dark] .notification .snackbar-message, [data-theme=dark] .notification .alert-message, [data-theme=dark] .snackbar .notification-message, [data-theme=dark] .snackbar .snackbar-message, [data-theme=dark] .snackbar .alert-message, [data-theme=dark] .alert-toast .notification-message, [data-theme=dark] .alert-toast .snackbar-message, [data-theme=dark] .alert-toast .alert-message, html.dark .notification .notification-message, html.dark .notification .snackbar-message, html.dark .notification .alert-message, html.dark .snackbar .notification-message, html.dark .snackbar .snackbar-message, html.dark .snackbar .alert-message, html.dark .alert-toast .notification-message, html.dark .alert-toast .snackbar-message, html.dark .alert-toast .alert-message { color: var(--text-secondary) !important; } [data-theme=dark] .notification .notification-close, [data-theme=dark] .notification .snackbar-close, [data-theme=dark] .notification .alert-close, [data-theme=dark] .snackbar .notification-close, [data-theme=dark] .snackbar .snackbar-close, [data-theme=dark] .snackbar .alert-close, [data-theme=dark] .alert-toast .notification-close, [data-theme=dark] .alert-toast .snackbar-close, [data-theme=dark] .alert-toast .alert-close, html.dark .notification .notification-close, html.dark .notification .snackbar-close, html.dark .notification .alert-close, html.dark .snackbar .notification-close, html.dark .snackbar .snackbar-close, html.dark .snackbar .alert-close, html.dark .alert-toast .notification-close, html.dark .alert-toast .snackbar-close, html.dark .alert-toast .alert-close { color: var(--text-secondary) !important; } [data-theme=dark] .notification .notification-close:hover, [data-theme=dark] .notification .snackbar-close:hover, [data-theme=dark] .notification .alert-close:hover, [data-theme=dark] .snackbar .notification-close:hover, [data-theme=dark] .snackbar .snackbar-close:hover, [data-theme=dark] .snackbar .alert-close:hover, [data-theme=dark] .alert-toast .notification-close:hover, [data-theme=dark] .alert-toast .snackbar-close:hover, [data-theme=dark] .alert-toast .alert-close:hover, html.dark .notification .notification-close:hover, html.dark .notification .snackbar-close:hover, html.dark .notification .alert-close:hover, html.dark .snackbar .notification-close:hover, html.dark .snackbar .snackbar-close:hover, html.dark .snackbar .alert-close:hover, html.dark .alert-toast .notification-close:hover, html.dark .alert-toast .snackbar-close:hover, html.dark .alert-toast .alert-close:hover { color: var(--text-primary) !important; } [data-theme=dark] app-bulk-process-report-modal .bulk-report-carousel, html.dark app-bulk-process-report-modal .bulk-report-carousel { background-color: transparent !important; } [data-theme=dark] app-bulk-process-report-modal .carousel-wrapper, html.dark app-bulk-process-report-modal .carousel-wrapper { background-color: transparent !important; } [data-theme=dark] app-bulk-process-report-modal .carousel-view, html.dark app-bulk-process-report-modal .carousel-view { background-color: transparent !important; } [data-theme=dark] app-bulk-process-report-modal .bulk-report-content, html.dark app-bulk-process-report-modal .bulk-report-content { background: var(--bg-primary) !important; color: var(--text-primary) !important; } [data-theme=dark] app-bulk-process-report-modal .details-header, html.dark app-bulk-process-report-modal .details-header { border-bottom-color: var(--border-primary) !important; } [data-theme=dark] app-bulk-process-report-modal .back-to-main-btn, html.dark app-bulk-process-report-modal .back-to-main-btn { color: var(--text-secondary) !important; } [data-theme=dark] app-bulk-process-report-modal .back-to-main-btn:hover, html.dark app-bulk-process-report-modal .back-to-main-btn:hover { color: var(--text-primary) !important; } [data-theme=dark] app-bulk-process-report-modal .back-to-main-btn svg path, html.dark app-bulk-process-report-modal .back-to-main-btn svg path { stroke: currentColor !important; } [data-theme=dark] app-bulk-process-report-modal .details-title, html.dark app-bulk-process-report-modal .details-title { color: var(--text-primary) !important; } [data-theme=dark] app-bulk-process-report-modal .loading-container, html.dark app-bulk-process-report-modal .loading-container { background-color: transparent !important; color: var(--text-primary) !important; } [data-theme=dark] app-bulk-process-report-modal .spinner, html.dark app-bulk-process-report-modal .spinner { border-color: var(--bg-elevated) !important; border-top-color: var(--brand-primary) !important; } [data-theme=dark] app-bulk-process-report-modal .loading-message, html.dark app-bulk-process-report-modal .loading-message { color: var(--text-secondary) !important; } [data-theme=dark] app-bulk-process-report-modal .header-controls, html.dark app-bulk-process-report-modal .header-controls { background-color: transparent !important; } [data-theme=dark] app-bulk-process-report-modal .search-container, html.dark app-bulk-process-report-modal .search-container { background-color: transparent !important; } [data-theme=dark] app-bulk-process-report-modal .search-input, html.dark app-bulk-process-report-modal .search-input { background-color: var(--bg-secondary) !important; color: var(--text-primary) !important; border-color: var(--border-primary) !important; } [data-theme=dark] app-bulk-process-report-modal .search-input::placeholder, html.dark app-bulk-process-report-modal .search-input::placeholder { color: var(--text-muted) !important; } [data-theme=dark] app-bulk-process-report-modal .search-input:focus, html.dark app-bulk-process-report-modal .search-input:focus { border-color: var(--brand-primary) !important; background-color: var(--bg-secondary) !important; } [data-theme=dark] app-bulk-process-report-modal .search-icon, html.dark app-bulk-process-report-modal .search-icon { color: var(--text-muted) !important; } [data-theme=dark] app-bulk-process-report-modal .search-icon path, [data-theme=dark] app-bulk-process-report-modal .search-icon circle, html.dark app-bulk-process-report-modal .search-icon path, html.dark app-bulk-process-report-modal .search-icon circle { stroke: var(--text-muted) !important; } [data-theme=dark] app-bulk-process-report-modal .legend-container, html.dark app-bulk-process-report-modal .legend-container { color: var(--text-primary) !important; } [data-theme=dark] app-bulk-process-report-modal .legend-container .legend-item, html.dark app-bulk-process-report-modal .legend-container .legend-item { color: var(--text-primary) !important; } [data-theme=dark] app-bulk-process-report-modal .table-container, html.dark app-bulk-process-report-modal .table-container { background-color: transparent !important; } [data-theme=dark] app-bulk-process-report-modal .data-table, html.dark app-bulk-process-report-modal .data-table { background-color: transparent !important; } [data-theme=dark] app-bulk-process-report-modal .data-table th, html.dark app-bulk-process-report-modal .data-table th { background: var(--bg-elevated) !important; color: var(--text-primary) !important; } [data-theme=dark] app-bulk-process-report-modal .data-table td, html.dark app-bulk-process-report-modal .data-table td { background: var(--bg-card) !important; color: var(--text-primary) !important; } [data-theme=dark] app-bulk-process-report-modal .data-table .data-row, html.dark app-bulk-process-report-modal .data-table .data-row { background: var(--bg-card) !important; } [data-theme=dark] app-bulk-process-report-modal .data-table .data-row td, html.dark app-bulk-process-report-modal .data-table .data-row td { background: var(--bg-card) !important; } [data-theme=dark] app-bulk-process-report-modal .data-table .data-row:hover, html.dark app-bulk-process-report-modal .data-table .data-row:hover { background-color: var(--bg-hover) !important; } [data-theme=dark] app-bulk-process-report-modal .data-table .data-row:hover td, html.dark app-bulk-process-report-modal .data-table .data-row:hover td { background-color: var(--bg-hover) !important; } [data-theme=dark] app-bulk-process-report-modal .td-name, html.dark app-bulk-process-report-modal .td-name { color: var(--text-primary) !important; } [data-theme=dark] app-bulk-process-report-modal .td-code, html.dark app-bulk-process-report-modal .td-code { color: var(--text-secondary) !important; } [data-theme=dark] app-bulk-process-report-modal .td-checksum, html.dark app-bulk-process-report-modal .td-checksum { color: var(--text-secondary) !important; } [data-theme=dark] app-bulk-process-report-modal .td-date, html.dark app-bulk-process-report-modal .td-date { color: var(--text-primary) !important; } [data-theme=dark] app-bulk-process-report-modal .td-date .time, html.dark app-bulk-process-report-modal .td-date .time { color: var(--text-muted) !important; } [data-theme=dark] app-bulk-process-report-modal .time, html.dark app-bulk-process-report-modal .time { color: var(--text-muted) !important; } [data-theme=dark] app-bulk-process-report-modal .status-btn, html.dark app-bulk-process-report-modal .status-btn { background: transparent !important; border-color: var(--border-primary) !important; color: var(--text-primary) !important; } [data-theme=dark] app-bulk-process-report-modal .status-btn:hover:not(:disabled), html.dark app-bulk-process-report-modal .status-btn:hover:not(:disabled) { background: var(--bg-hover) !important; border-color: var(--border-secondary) !important; } [data-theme=dark] app-bulk-process-report-modal .status-btn:disabled, html.dark app-bulk-process-report-modal .status-btn:disabled { opacity: 0.6; cursor: not-allowed; } [data-theme=dark] app-bulk-process-report-modal .btn-count, [data-theme=dark] app-bulk-process-report-modal .btn-processed, [data-theme=dark] app-bulk-process-report-modal .btn-completed, [data-theme=dark] app-bulk-process-report-modal .btn-failed, [data-theme=dark] app-bulk-process-report-modal .btn-ph-completed, [data-theme=dark] app-bulk-process-report-modal .btn-ph-failed, [data-theme=dark] app-bulk-process-report-modal .btn-awaiting, [data-theme=dark] app-bulk-process-report-modal .btn-dispatched, html.dark app-bulk-process-report-modal .btn-count, html.dark app-bulk-process-report-modal .btn-processed, html.dark app-bulk-process-report-modal .btn-completed, html.dark app-bulk-process-report-modal .btn-failed, html.dark app-bulk-process-report-modal .btn-ph-completed, html.dark app-bulk-process-report-modal .btn-ph-failed, html.dark app-bulk-process-report-modal .btn-awaiting, html.dark app-bulk-process-report-modal .btn-dispatched { background: transparent !important; border-color: var(--border-primary) !important; color: var(--text-primary) !important; } [data-theme=dark] app-bulk-process-report-modal .dots, html.dark app-bulk-process-report-modal .dots { border-color: var(--border-primary) !important; color: var(--text-primary) !important; } [data-theme=dark] app-bulk-process-report-modal .status-icon.bg-green-500, html.dark app-bulk-process-report-modal .status-icon.bg-green-500 { background-color: #40C86B !important; } [data-theme=dark] app-bulk-process-report-modal .status-icon.bg-red-500, html.dark app-bulk-process-report-modal .status-icon.bg-red-500 { background-color: #DF6464 !important; } [data-theme=dark] app-bulk-process-report-modal .status-icon[class*="bg-[#40C86B]"], [data-theme=dark] app-bulk-process-report-modal .bg-green-500, html.dark app-bulk-process-report-modal .status-icon[class*="bg-[#40C86B]"], html.dark app-bulk-process-report-modal .bg-green-500 { background-color: #40C86B !important; } [data-theme=dark] app-bulk-process-report-modal .status-icon[class*="bg-[#DF6464]"], [data-theme=dark] app-bulk-process-report-modal .bg-red-500, html.dark app-bulk-process-report-modal .status-icon[class*="bg-[#DF6464]"], html.dark app-bulk-process-report-modal .bg-red-500 { background-color: #DF6464 !important; } [data-theme=dark] app-bulk-process-report-modal .status-icon[class*="bg-[#DCC346]"], html.dark app-bulk-process-report-modal .status-icon[class*="bg-[#DCC346]"] { background-color: #DCC346 !important; } [data-theme=dark] app-bulk-process-report-modal .status-icon[class*="bg-[#46C3DC]"], html.dark app-bulk-process-report-modal .status-icon[class*="bg-[#46C3DC]"] { background-color: #46C3DC !important; } [data-theme=dark] app-bulk-process-report-modal .refresh-btn, html.dark app-bulk-process-report-modal .refresh-btn { background: transparent !important; } [data-theme=dark] app-bulk-process-report-modal .refresh-btn:hover, html.dark app-bulk-process-report-modal .refresh-btn:hover { opacity: 0.8; } [data-theme=dark] app-bulk-process-report-modal .refresh-btn.refreshing, html.dark app-bulk-process-report-modal .refresh-btn.refreshing { opacity: 0.6; } [data-theme=dark] app-bulk-process-report-modal .spinner-small, html.dark app-bulk-process-report-modal .spinner-small { border-color: rgba(148, 163, 184, 0.2) !important; border-top-color: var(--brand-primary) !important; } [data-theme=dark] app-bulk-process-report-modal .loading-text, html.dark app-bulk-process-report-modal .loading-text { color: var(--text-muted) !important; } [data-theme=dark] app-bulk-process-report-modal .pagination-wrapper, html.dark app-bulk-process-report-modal .pagination-wrapper { background: var(--bg-secondary) !important; border-top-color: var(--border-primary) !important; } [data-theme=dark] app-bulk-process-report-modal .pagination-info, html.dark app-bulk-process-report-modal .pagination-info { color: var(--text-secondary) !important; } [data-theme=dark] app-bulk-process-report-modal .pagination-btn, html.dark app-bulk-process-report-modal .pagination-btn { background: var(--bg-card) !important; color: var(--text-primary) !important; border-color: var(--border-primary) !important; } [data-theme=dark] app-bulk-process-report-modal .pagination-btn:hover:not(:disabled), html.dark app-bulk-process-report-modal .pagination-btn:hover:not(:disabled) { background: var(--bg-hover) !important; border-color: var(--border-secondary) !important; } [data-theme=dark] app-bulk-process-report-modal .pagination-btn:disabled, html.dark app-bulk-process-report-modal .pagination-btn:disabled { opacity: 0.5; cursor: not-allowed; } [data-theme=dark] app-bulk-process-report-modal .no-data-container, html.dark app-bulk-process-report-modal .no-data-container { background-color: transparent !important; } [data-theme=dark] app-bulk-process-report-modal .no-data-message, html.dark app-bulk-process-report-modal .no-data-message { color: var(--text-muted) !important; } [data-theme=dark] app-bulk-process-report-modal .modal-overlay, html.dark app-bulk-process-report-modal .modal-overlay { background: rgba(0, 0, 0, 0.75) !important; } [data-theme=dark] app-bulk-process-report-modal .modal-content, html.dark app-bulk-process-report-modal .modal-content { background: var(--bg-card) !important; border: 1px solid var(--border-primary) !important; } [data-theme=dark] app-bulk-process-report-modal .modal-header, html.dark app-bulk-process-report-modal .modal-header { background: var(--bg-elevated) !important; border-bottom-color: var(--border-primary) !important; } [data-theme=dark] app-bulk-process-report-modal .modal-title, html.dark app-bulk-process-report-modal .modal-title { color: var(--text-primary) !important; } [data-theme=dark] app-bulk-process-report-modal .close-button, html.dark app-bulk-process-report-modal .close-button { color: var(--text-secondary) !important; } [data-theme=dark] app-bulk-process-report-modal .close-button:hover, html.dark app-bulk-process-report-modal .close-button:hover { background: var(--bg-hover) !important; color: var(--text-primary) !important; } [data-theme=dark] app-bulk-process-report-modal .close-button svg path, html.dark app-bulk-process-report-modal .close-button svg path { fill: currentColor !important; } [data-theme=dark] app-bulk-process-report-modal .modal-body, html.dark app-bulk-process-report-modal .modal-body { background: var(--bg-primary) !important; color: var(--text-primary) !important; } [data-theme=dark] app-bulk-process-report-modal .info-modal-overlay, html.dark app-bulk-process-report-modal .info-modal-overlay { background: rgba(0, 0, 0, 0.75) !important; } [data-theme=dark] app-bulk-process-report-modal .info-modal-panel, html.dark app-bulk-process-report-modal .info-modal-panel { background: var(--bg-card) !important; box-shadow: -4px 0 20px rgba(0, 0, 0, 0.6) !important; border-left: 1px solid var(--border-primary) !important; } [data-theme=dark] app-bulk-process-report-modal .info-modal-header, html.dark app-bulk-process-report-modal .info-modal-header { background: var(--bg-elevated) !important; border-bottom-color: var(--border-primary) !important; } [data-theme=dark] app-bulk-process-report-modal .info-modal-title, html.dark app-bulk-process-report-modal .info-modal-title { color: var(--text-primary) !important; } [data-theme=dark] app-bulk-process-report-modal .info-modal-close-btn, html.dark app-bulk-process-report-modal .info-modal-close-btn { color: var(--text-secondary) !important; } [data-theme=dark] app-bulk-process-report-modal .info-modal-close-btn:hover, html.dark app-bulk-process-report-modal .info-modal-close-btn:hover { background: var(--bg-hover) !important; color: var(--text-primary) !important; } [data-theme=dark] app-bulk-process-report-modal .info-modal-close-btn svg path, html.dark app-bulk-process-report-modal .info-modal-close-btn svg path { fill: currentColor !important; } [data-theme=dark] app-bulk-process-report-modal .info-modal-body, html.dark app-bulk-process-report-modal .info-modal-body { background: var(--bg-card) !important; } [data-theme=dark] app-bulk-process-report-modal .table-section, html.dark app-bulk-process-report-modal .table-section { background-color: transparent !important; } [data-theme=dark] app-batch-report-modal .batch-report-carousel, html.dark app-batch-report-modal .batch-report-carousel { background-color: transparent !important; } [data-theme=dark] app-batch-report-modal .carousel-wrapper, html.dark app-batch-report-modal .carousel-wrapper { background-color: transparent !important; } [data-theme=dark] app-batch-report-modal .carousel-view, html.dark app-batch-report-modal .carousel-view { background-color: transparent !important; } [data-theme=dark] app-batch-report-modal .batch-report-content, html.dark app-batch-report-modal .batch-report-content { background: var(--bg-primary) !important; color: var(--text-primary) !important; } [data-theme=dark] app-batch-report-modal .loading-container, html.dark app-batch-report-modal .loading-container { background-color: transparent !important; color: var(--text-primary) !important; } [data-theme=dark] app-batch-report-modal .spinner, html.dark app-batch-report-modal .spinner { border-color: var(--bg-elevated) !important; border-top-color: var(--brand-primary) !important; } [data-theme=dark] app-batch-report-modal .loading-message, html.dark app-batch-report-modal .loading-message { color: var(--text-secondary) !important; } [data-theme=dark] app-batch-report-modal .header-controls, html.dark app-batch-report-modal .header-controls { background-color: transparent !important; } [data-theme=dark] app-batch-report-modal .search-container, html.dark app-batch-report-modal .search-container { background-color: transparent !important; } [data-theme=dark] app-batch-report-modal .search-input, html.dark app-batch-report-modal .search-input { background-color: var(--bg-secondary) !important; color: var(--text-primary) !important; border-color: var(--border-primary) !important; } [data-theme=dark] app-batch-report-modal .search-input::placeholder, html.dark app-batch-report-modal .search-input::placeholder { color: var(--text-muted) !important; } [data-theme=dark] app-batch-report-modal .search-input:focus, html.dark app-batch-report-modal .search-input:focus { border-color: var(--brand-primary) !important; background-color: var(--bg-secondary) !important; } [data-theme=dark] app-batch-report-modal .search-icon, html.dark app-batch-report-modal .search-icon { color: var(--text-muted) !important; } [data-theme=dark] app-batch-report-modal .search-icon path, [data-theme=dark] app-batch-report-modal .search-icon circle, html.dark app-batch-report-modal .search-icon path, html.dark app-batch-report-modal .search-icon circle { stroke: var(--text-muted) !important; } [data-theme=dark] app-batch-report-modal .legend-container, html.dark app-batch-report-modal .legend-container { color: var(--text-primary) !important; } [data-theme=dark] app-batch-report-modal .legend-container .legend-item, html.dark app-batch-report-modal .legend-container .legend-item { color: var(--text-primary) !important; } [data-theme=dark] app-batch-report-modal .table-container, html.dark app-batch-report-modal .table-container { background-color: transparent !important; } [data-theme=dark] app-batch-report-modal .data-table, html.dark app-batch-report-modal .data-table { background-color: transparent !important; } [data-theme=dark] app-batch-report-modal .data-table th, html.dark app-batch-report-modal .data-table th { background: var(--bg-elevated) !important; color: var(--text-primary) !important; } [data-theme=dark] app-batch-report-modal .data-table td, html.dark app-batch-report-modal .data-table td { background: var(--bg-card) !important; color: var(--text-primary) !important; } [data-theme=dark] app-batch-report-modal .data-table .data-row, html.dark app-batch-report-modal .data-table .data-row { background: var(--bg-card) !important; } [data-theme=dark] app-batch-report-modal .data-table .data-row td, html.dark app-batch-report-modal .data-table .data-row td { background: var(--bg-card) !important; } [data-theme=dark] app-batch-report-modal .data-table .data-row:hover, html.dark app-batch-report-modal .data-table .data-row:hover { background-color: var(--bg-hover) !important; } [data-theme=dark] app-batch-report-modal .data-table .data-row:hover td, html.dark app-batch-report-modal .data-table .data-row:hover td { background-color: var(--bg-hover) !important; } [data-theme=dark] app-batch-report-modal .td-name, html.dark app-batch-report-modal .td-name { color: var(--text-primary) !important; } [data-theme=dark] app-batch-report-modal .td-code, html.dark app-batch-report-modal .td-code { color: var(--text-secondary) !important; } [data-theme=dark] app-batch-report-modal .td-checksum, html.dark app-batch-report-modal .td-checksum { color: var(--text-secondary) !important; } [data-theme=dark] app-batch-report-modal .td-date, html.dark app-batch-report-modal .td-date { color: var(--text-primary) !important; } [data-theme=dark] app-batch-report-modal .td-date .time, html.dark app-batch-report-modal .td-date .time { color: var(--text-muted) !important; } [data-theme=dark] app-batch-report-modal .time, html.dark app-batch-report-modal .time { color: var(--text-muted) !important; } [data-theme=dark] app-batch-report-modal .status-btn, html.dark app-batch-report-modal .status-btn { background: transparent !important; border-color: var(--border-primary) !important; color: var(--text-primary) !important; } [data-theme=dark] app-batch-report-modal .status-btn:hover:not(:disabled), html.dark app-batch-report-modal .status-btn:hover:not(:disabled) { background: var(--bg-hover) !important; border-color: var(--border-secondary) !important; } [data-theme=dark] app-batch-report-modal .status-btn:disabled, html.dark app-batch-report-modal .status-btn:disabled { opacity: 0.6; cursor: not-allowed; } [data-theme=dark] app-batch-report-modal .btn-count, [data-theme=dark] app-batch-report-modal .btn-processed, [data-theme=dark] app-batch-report-modal .btn-completed, [data-theme=dark] app-batch-report-modal .btn-failed, [data-theme=dark] app-batch-report-modal .btn-ph-completed, [data-theme=dark] app-batch-report-modal .btn-ph-failed, [data-theme=dark] app-batch-report-modal .btn-awaiting, [data-theme=dark] app-batch-report-modal .btn-dispatched, html.dark app-batch-report-modal .btn-count, html.dark app-batch-report-modal .btn-processed, html.dark app-batch-report-modal .btn-completed, html.dark app-batch-report-modal .btn-failed, html.dark app-batch-report-modal .btn-ph-completed, html.dark app-batch-report-modal .btn-ph-failed, html.dark app-batch-report-modal .btn-awaiting, html.dark app-batch-report-modal .btn-dispatched { background: transparent !important; border-color: var(--border-primary) !important; color: var(--text-primary) !important; } [data-theme=dark] app-batch-report-modal .dots, html.dark app-batch-report-modal .dots { border-color: var(--border-primary) !important; color: var(--text-primary) !important; } [data-theme=dark] app-batch-report-modal .status-icon.bg-green-500, html.dark app-batch-report-modal .status-icon.bg-green-500 { background-color: #40C86B !important; } [data-theme=dark] app-batch-report-modal .status-icon.bg-red-500, html.dark app-batch-report-modal .status-icon.bg-red-500 { background-color: #DF6464 !important; } [data-theme=dark] app-batch-report-modal .status-icon[class*="bg-[#40C86B]"], [data-theme=dark] app-batch-report-modal .bg-green-500, html.dark app-batch-report-modal .status-icon[class*="bg-[#40C86B]"], html.dark app-batch-report-modal .bg-green-500 { background-color: #40C86B !important; } [data-theme=dark] app-batch-report-modal .status-icon[class*="bg-[#DF6464]"], [data-theme=dark] app-batch-report-modal .bg-red-500, html.dark app-batch-report-modal .status-icon[class*="bg-[#DF6464]"], html.dark app-batch-report-modal .bg-red-500 { background-color: #DF6464 !important; } [data-theme=dark] app-batch-report-modal .status-icon[class*="bg-[#DCC346]"], html.dark app-batch-report-modal .status-icon[class*="bg-[#DCC346]"] { background-color: #DCC346 !important; } [data-theme=dark] app-batch-report-modal .status-icon[class*="bg-[#46C3DC]"], html.dark app-batch-report-modal .status-icon[class*="bg-[#46C3DC]"] { background-color: #46C3DC !important; } [data-theme=dark] app-batch-report-modal .status-icon[class*="bg-[#AA46DC]"], html.dark app-batch-report-modal .status-icon[class*="bg-[#AA46DC]"] { background-color: #AA46DC !important; } [data-theme=dark] app-batch-report-modal .refresh-btn, html.dark app-batch-report-modal .refresh-btn { background: transparent !important; } [data-theme=dark] app-batch-report-modal .refresh-btn:hover, html.dark app-batch-report-modal .refresh-btn:hover { opacity: 0.8; } [data-theme=dark] app-batch-report-modal .refresh-btn.refreshing, html.dark app-batch-report-modal .refresh-btn.refreshing { opacity: 0.6; } [data-theme=dark] app-batch-report-modal .spinner-small, html.dark app-batch-report-modal .spinner-small { border-color: rgba(148, 163, 184, 0.2) !important; border-top-color: var(--brand-primary) !important; } [data-theme=dark] app-batch-report-modal .loading-text, html.dark app-batch-report-modal .loading-text { color: var(--text-muted) !important; } [data-theme=dark] app-batch-report-modal .pagination-wrapper, html.dark app-batch-report-modal .pagination-wrapper { background: var(--bg-secondary) !important; border-top-color: var(--border-primary) !important; } [data-theme=dark] app-batch-report-modal .pagination-info, html.dark app-batch-report-modal .pagination-info { color: var(--text-secondary) !important; } [data-theme=dark] app-batch-report-modal .pagination-btn, html.dark app-batch-report-modal .pagination-btn { background: var(--bg-card) !important; color: var(--text-primary) !important; border-color: var(--border-primary) !important; } [data-theme=dark] app-batch-report-modal .pagination-btn:hover:not(:disabled), html.dark app-batch-report-modal .pagination-btn:hover:not(:disabled) { background: var(--bg-hover) !important; border-color: var(--border-secondary) !important; } [data-theme=dark] app-batch-report-modal .pagination-btn:disabled, html.dark app-batch-report-modal .pagination-btn:disabled { opacity: 0.5; cursor: not-allowed; } [data-theme=dark] app-batch-report-modal .no-data-container, html.dark app-batch-report-modal .no-data-container { background-color: transparent !important; } [data-theme=dark] app-batch-report-modal .no-data-message, html.dark app-batch-report-modal .no-data-message { color: var(--text-muted) !important; } [data-theme=dark] app-batch-report-modal div[style*="position: fixed"][style*="z-index: 99999"], html.dark app-batch-report-modal div[style*="position: fixed"][style*="z-index: 99999"] { background: rgba(0, 0, 0, 0.75) !important; } [data-theme=dark] app-batch-report-modal div[style*="width: 800px"][style*="height: 100vh"][style*="background: #fff"], html.dark app-batch-report-modal div[style*="width: 800px"][style*="height: 100vh"][style*="background: #fff"] { background: var(--bg-card) !important; box-shadow: -4px 0 20px rgba(0, 0, 0, 0.6) !important; } [data-theme=dark] app-batch-report-modal div[style*="width: 800px"][style*="height: 100vh"][style*="background: #fff"] > div[style*=border-bottom], html.dark app-batch-report-modal div[style*="width: 800px"][style*="height: 100vh"][style*="background: #fff"] > div[style*=border-bottom] { background: var(--bg-elevated) !important; border-bottom-color: var(--border-primary) !important; } [data-theme=dark] app-batch-report-modal div[style*="width: 800px"][style*="height: 100vh"][style*="background: #fff"] > div[style*=border-bottom] h5, html.dark app-batch-report-modal div[style*="width: 800px"][style*="height: 100vh"][style*="background: #fff"] > div[style*=border-bottom] h5 { color: var(--text-primary) !important; } [data-theme=dark] app-batch-report-modal div[style*="width: 800px"][style*="height: 100vh"][style*="background: #fff"] > div[style*=border-bottom] button, html.dark app-batch-report-modal div[style*="width: 800px"][style*="height: 100vh"][style*="background: #fff"] > div[style*=border-bottom] button { color: var(--text-secondary) !important; } [data-theme=dark] app-batch-report-modal div[style*="width: 800px"][style*="height: 100vh"][style*="background: #fff"] > div[style*=border-bottom] button:hover, html.dark app-batch-report-modal div[style*="width: 800px"][style*="height: 100vh"][style*="background: #fff"] > div[style*=border-bottom] button:hover { color: var(--text-primary) !important; } [data-theme=dark] app-batch-report-modal div[style*="width: 800px"][style*="height: 100vh"][style*="background: #fff"] > div[style*=border-bottom] button svg path, html.dark app-batch-report-modal div[style*="width: 800px"][style*="height: 100vh"][style*="background: #fff"] > div[style*=border-bottom] button svg path { fill: currentColor !important; } [data-theme=dark] app-batch-report-modal div[style*="width: 800px"][style*="height: 100vh"][style*="background: #fff"] > div[style*="padding: 32px 24px"], html.dark app-batch-report-modal div[style*="width: 800px"][style*="height: 100vh"][style*="background: #fff"] > div[style*="padding: 32px 24px"] { background: var(--bg-card) !important; } [data-theme=dark] app-batch-report-modal .table-section, html.dark app-batch-report-modal .table-section { background-color: transparent !important; } [data-theme=dark] .sidebar, [data-theme=dark] .nav, [data-theme=dark] .navbar, [data-theme=dark] .topbar, [data-theme=dark] header, html.dark .sidebar, html.dark .nav, html.dark .navbar, html.dark .topbar, html.dark header { background-color: var(--bg-secondary) !important; color: var(--text-primary) !important; border-color: var(--border-primary) !important; } [data-theme=dark] .nav-link, [data-theme=dark] .sidebar-item, [data-theme=dark] .menu-item, html.dark .nav-link, html.dark .sidebar-item, html.dark .menu-item { color: var(--text-primary) !important; } [data-theme=dark] .nav-link:hover, [data-theme=dark] .sidebar-item:hover, [data-theme=dark] .menu-item:hover, html.dark .nav-link:hover, html.dark .sidebar-item:hover, html.dark .menu-item:hover { background-color: var(--bg-hover) !important; } [data-theme=dark] .nav-link.active, [data-theme=dark] .sidebar-item.active, [data-theme=dark] .menu-item.active, html.dark .nav-link.active, html.dark .sidebar-item.active, html.dark .menu-item.active { background-color: var(--bg-active) !important; color: var(--brand-primary) !important; } [data-theme=dark] .modal, [data-theme=dark] .modal-content, [data-theme=dark] .overlay, [data-theme=dark] .dialog, html.dark .modal, html.dark .modal-content, html.dark .overlay, html.dark .dialog { background-color: var(--bg-card) !important; color: var(--text-primary) !important; border-color: var(--border-primary) !important; } [data-theme=dark] .modal-header, html.dark .modal-header { background-color: var(--bg-elevated) !important; color: var(--text-primary) !important; border-color: var(--border-primary) !important; } [data-theme=dark] .modal-backdrop, html.dark .modal-backdrop { background-color: rgba(0, 0, 0, 0.8) !important; } [data-theme=dark] ::-webkit-scrollbar, html.dark ::-webkit-scrollbar { background-color: var(--bg-secondary) !important; } [data-theme=dark] ::-webkit-scrollbar-thumb, html.dark ::-webkit-scrollbar-thumb { background-color: var(--border-secondary) !important; } [data-theme=dark] ::-webkit-scrollbar-thumb:hover, html.dark ::-webkit-scrollbar-thumb:hover { background-color: var(--border-primary) !important; } [data-theme=dark] .border, [data-theme=dark] [class*=border-], html.dark .border, html.dark [class*=border-] { border-color: var(--border-primary) !important; } [data-theme=dark] hr, html.dark hr { border-color: var(--border-primary) !important; background-color: var(--border-primary) !important; } [data-theme=dark] .shadow, [data-theme=dark] .shadow-sm, [data-theme=dark] .shadow-md, [data-theme=dark] .shadow-lg, [data-theme=dark] [class*=shadow-], html.dark .shadow, html.dark .shadow-sm, html.dark .shadow-md, html.dark .shadow-lg, html.dark [class*=shadow-] { box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.5), 0 2px 4px -1px rgba(0, 0, 0, 0.3) !important; } [data-theme=dark] .apexcharts-canvas, [data-theme=dark] .chart-container, html.dark .apexcharts-canvas, html.dark .chart-container { background-color: transparent !important; } [data-theme=dark] .apexcharts-canvas text, [data-theme=dark] .chart-container text, html.dark .apexcharts-canvas text, html.dark .chart-container text { fill: var(--text-primary) !important; } [data-theme=dark] .apexcharts-canvas .apexcharts-gridline, [data-theme=dark] .chart-container .apexcharts-gridline, html.dark .apexcharts-canvas .apexcharts-gridline, html.dark .chart-container .apexcharts-gridline { stroke: var(--border-primary) !important; } [data-theme=dark] .apexcharts-canvas .apexcharts-xaxis-line, [data-theme=dark] .apexcharts-canvas .apexcharts-yaxis-line, [data-theme=dark] .chart-container .apexcharts-xaxis-line, [data-theme=dark] .chart-container .apexcharts-yaxis-line, html.dark .apexcharts-canvas .apexcharts-xaxis-line, html.dark .apexcharts-canvas .apexcharts-yaxis-line, html.dark .chart-container .apexcharts-xaxis-line, html.dark .chart-container .apexcharts-yaxis-line { stroke: var(--border-primary) !important; } [data-theme=dark] .apexcharts-canvas .apexcharts-xaxis-label, [data-theme=dark] .apexcharts-canvas .apexcharts-yaxis-label, [data-theme=dark] .chart-container .apexcharts-xaxis-label, [data-theme=dark] .chart-container .apexcharts-yaxis-label, html.dark .apexcharts-canvas .apexcharts-xaxis-label, html.dark .apexcharts-canvas .apexcharts-yaxis-label, html.dark .chart-container .apexcharts-xaxis-label, html.dark .chart-container .apexcharts-yaxis-label { fill: var(--text-secondary) !important; } [data-theme=dark] .apexcharts-canvas .apexcharts-title-text, [data-theme=dark] .apexcharts-canvas .apexcharts-subtitle-text, [data-theme=dark] .chart-container .apexcharts-title-text, [data-theme=dark] .chart-container .apexcharts-subtitle-text, html.dark .apexcharts-canvas .apexcharts-title-text, html.dark .apexcharts-canvas .apexcharts-subtitle-text, html.dark .chart-container .apexcharts-title-text, html.dark .chart-container .apexcharts-subtitle-text { fill: var(--text-primary) !important; } [data-theme=dark] .apexcharts-canvas .apexcharts-legend-text, [data-theme=dark] .chart-container .apexcharts-legend-text, html.dark .apexcharts-canvas .apexcharts-legend-text, html.dark .chart-container .apexcharts-legend-text { color: var(--text-primary) !important; } [data-theme=dark] .apexcharts-canvas .apexcharts-tooltip:not(.apexcharts-tooltip-custom), [data-theme=dark] .chart-container .apexcharts-tooltip:not(.apexcharts-tooltip-custom), html.dark .apexcharts-canvas .apexcharts-tooltip:not(.apexcharts-tooltip-custom), html.dark .chart-container .apexcharts-tooltip:not(.apexcharts-tooltip-custom) { background: var(--bg-card) !important; border-color: var(--border-primary) !important; color: var(--text-primary) !important; } [data-theme=dark] .apexcharts-canvas .apexcharts-tooltip:not(.apexcharts-tooltip-custom) .apexcharts-tooltip-title, [data-theme=dark] .chart-container .apexcharts-tooltip:not(.apexcharts-tooltip-custom) .apexcharts-tooltip-title, html.dark .apexcharts-canvas .apexcharts-tooltip:not(.apexcharts-tooltip-custom) .apexcharts-tooltip-title, html.dark .chart-container .apexcharts-tooltip:not(.apexcharts-tooltip-custom) .apexcharts-tooltip-title { background: var(--bg-elevated) !important; border-color: var(--border-primary) !important; color: var(--text-primary) !important; } [data-theme=dark] .apexcharts-canvas .apexcharts-tooltip:not(.apexcharts-tooltip-custom) .apexcharts-tooltip-series-group, [data-theme=dark] .chart-container .apexcharts-tooltip:not(.apexcharts-tooltip-custom) .apexcharts-tooltip-series-group, html.dark .apexcharts-canvas .apexcharts-tooltip:not(.apexcharts-tooltip-custom) .apexcharts-tooltip-series-group, html.dark .chart-container .apexcharts-tooltip:not(.apexcharts-tooltip-custom) .apexcharts-tooltip-series-group { background: var(--bg-card) !important; color: var(--text-primary) !important; } [data-theme=dark] .apexcharts-canvas .apexcharts-tooltip:not(.apexcharts-tooltip-custom) .apexcharts-tooltip-text, [data-theme=dark] .apexcharts-canvas .apexcharts-tooltip:not(.apexcharts-tooltip-custom) .apexcharts-tooltip-text-y-label, [data-theme=dark] .apexcharts-canvas .apexcharts-tooltip:not(.apexcharts-tooltip-custom) .apexcharts-tooltip-text-y-value, [data-theme=dark] .chart-container .apexcharts-tooltip:not(.apexcharts-tooltip-custom) .apexcharts-tooltip-text, [data-theme=dark] .chart-container .apexcharts-tooltip:not(.apexcharts-tooltip-custom) .apexcharts-tooltip-text-y-label, [data-theme=dark] .chart-container .apexcharts-tooltip:not(.apexcharts-tooltip-custom) .apexcharts-tooltip-text-y-value, html.dark .apexcharts-canvas .apexcharts-tooltip:not(.apexcharts-tooltip-custom) .apexcharts-tooltip-text, html.dark .apexcharts-canvas .apexcharts-tooltip:not(.apexcharts-tooltip-custom) .apexcharts-tooltip-text-y-label, html.dark .apexcharts-canvas .apexcharts-tooltip:not(.apexcharts-tooltip-custom) .apexcharts-tooltip-text-y-value, html.dark .chart-container .apexcharts-tooltip:not(.apexcharts-tooltip-custom) .apexcharts-tooltip-text, html.dark .chart-container .apexcharts-tooltip:not(.apexcharts-tooltip-custom) .apexcharts-tooltip-text-y-label, html.dark .chart-container .apexcharts-tooltip:not(.apexcharts-tooltip-custom) .apexcharts-tooltip-text-y-value { color: var(--text-primary) !important; } [data-theme=dark] .apexcharts-canvas .apexcharts-tooltip.apexcharts-tooltip-custom, [data-theme=dark] .chart-container .apexcharts-tooltip.apexcharts-tooltip-custom, html.dark .apexcharts-canvas .apexcharts-tooltip.apexcharts-tooltip-custom, html.dark .chart-container .apexcharts-tooltip.apexcharts-tooltip-custom { background: transparent !important; border: none !important; box-shadow: none !important; } [data-theme=dark] .chart-card .chart-wrapper, [data-theme=dark] [class*=chart] .chart-wrapper, html.dark .chart-card .chart-wrapper, html.dark [class*=chart] .chart-wrapper { background-color: transparent !important; } [data-theme=dark] app-charts .chart-wrapper, [data-theme=dark] app-line-chart .chart-wrapper, [data-theme=dark] app-area-chart .chart-wrapper, [data-theme=dark] app-bar-chart .chart-wrapper, [data-theme=dark] app-gauge-chart .chart-wrapper, html.dark app-charts .chart-wrapper, html.dark app-line-chart .chart-wrapper, html.dark app-area-chart .chart-wrapper, html.dark app-bar-chart .chart-wrapper, html.dark app-gauge-chart .chart-wrapper { background-color: transparent !important; } [data-theme=dark] .main-content:has(app-executive-dashboard-main), html.dark .main-content:has(app-executive-dashboard-main) { background-color: transparent !important; } [data-theme=dark] .main-content:has(app-reports-dashboard), html.dark .main-content:has(app-reports-dashboard) { background-color: transparent !important; } [data-theme=dark] .main-content:has(app-bulk-operations-dashboard), html.dark .main-content:has(app-bulk-operations-dashboard) { background-color: transparent !important; } [data-theme=dark] .figma-download-btn, html.dark .figma-download-btn { color: var(--text-primary) !important; border-color: var(--border-primary) !important; background-color: transparent !important; } [data-theme=dark] .figma-download-btn:hover:not(:disabled), html.dark .figma-download-btn:hover:not(:disabled) { background-color: var(--bg-hover) !important; } [data-theme=dark] .figma-download-btn svg, html.dark .figma-download-btn svg { color: var(--text-primary) !important; } [data-theme=dark] .figma-download-text, html.dark .figma-download-text { color: var(--text-primary) !important; } [data-theme=dark] .figma-download-icon svg, html.dark .figma-download-icon svg { color: var(--text-primary) !important; } [data-theme=dark] .main-content:has(app-customer-dashboard-layout), html.dark .main-content:has(app-customer-dashboard-layout) { background-color: transparent !important; } [data-theme=dark] app-form-input label, html.dark app-form-input label { color: var(--text-secondary) !important; } [data-theme=dark] app-form-input input, html.dark app-form-input input { background-color: var(--bg-secondary) !important; color: var(--text-primary) !important; border-color: var(--border-primary) !important; } [data-theme=dark] app-form-input input::placeholder, html.dark app-form-input input::placeholder { color: var(--text-muted) !important; } [data-theme=dark] app-form-input input:disabled, [data-theme=dark] app-form-input input[readonly], html.dark app-form-input input:disabled, html.dark app-form-input input[readonly] { background-color: var(--bg-tertiary) !important; color: var(--text-muted) !important; } [data-theme=dark] app-form-input input:focus, html.dark app-form-input input:focus { border-color: var(--brand-primary) !important; background-color: var(--bg-secondary) !important; } [data-theme=dark] app-form-toggle label, html.dark app-form-toggle label { color: var(--text-secondary) !important; } [data-theme=dark] app-form-toggle button span:first-child.bg-gray-200, html.dark app-form-toggle button span:first-child.bg-gray-200 { background-color: var(--border-primary) !important; } [data-theme=dark] app-form-toggle button span:last-child, html.dark app-form-toggle button span:last-child { background-color: var(--bg-primary) !important; } [data-theme=dark] app-form-toggle p, html.dark app-form-toggle p { color: var(--text-muted) !important; } [data-theme=dark] .loading-skeleton, [data-theme=dark] .skeleton, [data-theme=dark] .skeleton-loader, [data-theme=dark] .skeleton-row, [data-theme=dark] .skeleton-cell, [data-theme=dark] .skeleton-item, [data-theme=dark] .skeleton-line, [data-theme=dark] .skeleton-circle, [data-theme=dark] .skeleton-rect, [data-theme=dark] .skeleton-text, [data-theme=dark] [class*=skeleton], [data-theme=dark] app-table-skeleton, [data-theme=dark] .table-skeleton, html.dark .loading-skeleton, html.dark .skeleton, html.dark .skeleton-loader, html.dark .skeleton-row, html.dark .skeleton-cell, html.dark .skeleton-item, html.dark .skeleton-line, html.dark .skeleton-circle, html.dark .skeleton-rect, html.dark .skeleton-text, html.dark [class*=skeleton], html.dark app-table-skeleton, html.dark .table-skeleton { background: linear-gradient(90deg, var(--bg-tertiary) 25%, var(--bg-hover) 50%, var(--bg-tertiary) 75%) !important; background-size: 200% 100% !important; animation: skeleton-loading 1.5s ease-in-out infinite !important; } @keyframes skeleton-loading { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } } [data-theme=dark] app-sidebar-navigation-skeleton .sidebar-skeleton, [data-theme=dark] app-sidebar-navigation-skeleton .sidebar-skeleton-container, [data-theme=dark] .sidebar-skeleton-container, [data-theme=dark] app-normal-card-skeleton, [data-theme=dark] app-medium-card-skeleton, [data-theme=dark] app-small-card-skeleton, [data-theme=dark] app-bar-chart-skeleton, [data-theme=dark] app-table-skeleton, [data-theme=dark] app-ticket-system-skeleton, [data-theme=dark] app-transaction-skeleton, [data-theme=dark] app-usage-summary-skeleton, html.dark app-sidebar-navigation-skeleton .sidebar-skeleton, html.dark app-sidebar-navigation-skeleton .sidebar-skeleton-container, html.dark .sidebar-skeleton-container, html.dark app-normal-card-skeleton, html.dark app-medium-card-skeleton, html.dark app-small-card-skeleton, html.dark app-bar-chart-skeleton, html.dark app-table-skeleton, html.dark app-ticket-system-skeleton, html.dark app-transaction-skeleton, html.dark app-usage-summary-skeleton { background: #121212 !important; animation: none !important; } [data-theme=dark] app-profile-header-skeleton .header-skeleton, html.dark app-profile-header-skeleton .header-skeleton { background: transparent !important; animation: none !important; } [data-theme=dark] .skeleton-card, [data-theme=dark] .skeleton-header, [data-theme=dark] .skeleton-body, html.dark .skeleton-card, html.dark .skeleton-header, html.dark .skeleton-body { background: var(--bg-card) !important; } [data-theme=dark] .skeleton-card > *, [data-theme=dark] .skeleton-header > *, [data-theme=dark] .skeleton-body > *, html.dark .skeleton-card > *, html.dark .skeleton-header > *, html.dark .skeleton-body > * { background: linear-gradient(90deg, var(--bg-tertiary) 25%, var(--bg-hover) 50%, var(--bg-tertiary) 75%) !important; background-size: 200% 100% !important; } [data-theme=dark] .spinner, [data-theme=dark] .loader, html.dark .spinner, html.dark .loader { border-color: var(--border-primary) !important; border-top-color: var(--brand-primary) !important; } [data-theme=dark] .subscription-more-info-container .action-button:hover, [data-theme=dark] .application-more-info-container .action-button:hover, html.dark .subscription-more-info-container .action-button:hover, html.dark .application-more-info-container .action-button:hover { background-color: var(--bg-hover) !important; } [data-theme=dark] .subscription-more-info-container .action-button svg path, [data-theme=dark] .application-more-info-container .action-button svg path, html.dark .subscription-more-info-container .action-button svg path, html.dark .application-more-info-container .action-button svg path { fill: var(--text-muted) !important; stroke: var(--text-muted) !important; } [data-theme=dark] .subscription-more-info-container .action-button:hover svg path, [data-theme=dark] .application-more-info-container .action-button:hover svg path, html.dark .subscription-more-info-container .action-button:hover svg path, html.dark .application-more-info-container .action-button:hover svg path { fill: var(--text-primary) !important; stroke: var(--text-primary) !important; } [data-theme=dark] .usage-more-info-content .usage-content, [data-theme=dark] .usage-container-50 .usage-content, [data-theme=dark] app-usages .usage-content, html.dark .usage-more-info-content .usage-content, html.dark .usage-container-50 .usage-content, html.dark app-usages .usage-content { background-color: var(--bg-card) !important; } [data-theme=dark] .main-container .sidebar-backdrop, html.dark .main-container .sidebar-backdrop { background: #121212 !important; } [data-theme=dark] .customer-side-navigation, html.dark .customer-side-navigation { background-color: #121212 !important; } .main-container [data-theme=dark] .customer-side-navigation, .main-container html.dark .customer-side-navigation { border: 1px solid var(--border-primary) !important; } [data-theme=dark] .customer-side-navigation h2, html.dark .customer-side-navigation h2 { color: var(--text-primary) !important; } [data-theme=dark] .customer-side-navigation .nav-item > div, html.dark .customer-side-navigation .nav-item > div { background-color: transparent !important; } [data-theme=dark] .customer-side-navigation .nav-item > div.flex.items-center.justify-between, html.dark .customer-side-navigation .nav-item > div.flex.items-center.justify-between { background-color: transparent !important; border: 1px solid transparent !important; transition: all 0.2s ease-in-out; } [data-theme=dark] .customer-side-navigation .nav-item > div.flex.items-center.justify-between:hover, html.dark .customer-side-navigation .nav-item > div.flex.items-center.justify-between:hover { background-color: rgba(148, 163, 184, 0.1) !important; border-color: rgba(148, 163, 184, 0.2) !important; } [data-theme=dark] .customer-side-navigation .nav-item span, html.dark .customer-side-navigation .nav-item span { color: var(--text-secondary) !important; } [data-theme=dark] .customer-side-navigation .nav-item:hover span, html.dark .customer-side-navigation .nav-item:hover span { color: var(--text-primary) !important; } [data-theme=dark] .customer-side-navigation .nav-item.active > div.flex.items-center.justify-between, html.dark .customer-side-navigation .nav-item.active > div.flex.items-center.justify-between { background-color: rgba(148, 163, 184, 0.15) !important; border-color: rgba(148, 163, 184, 0.3) !important; } [data-theme=dark] .customer-side-navigation .nav-item.active > div.flex.items-center.justify-between span, html.dark .customer-side-navigation .nav-item.active > div.flex.items-center.justify-between span { color: var(--text-primary) !important; font-weight: 500; } [data-theme=dark] .customer-side-navigation .nav-item svg path, html.dark .customer-side-navigation .nav-item svg path { stroke: var(--text-muted) !important; fill: var(--text-muted) !important; } [data-theme=dark] .customer-side-navigation .nav-item:hover svg path, [data-theme=dark] .customer-side-navigation .nav-item.active svg path, html.dark .customer-side-navigation .nav-item:hover svg path, html.dark .customer-side-navigation .nav-item.active svg path { stroke: var(--text-primary) !important; fill: var(--text-primary) !important; } [data-theme=dark] .customer-side-navigation .nav-item > div.mt-1, html.dark .customer-side-navigation .nav-item > div.mt-1 { background-color: transparent !important; } [data-theme=dark] .customer-side-navigation .absolute svg, html.dark .customer-side-navigation .absolute svg { background-color: transparent !important; } [data-theme=dark] .customer-side-navigation .absolute svg path, html.dark .customer-side-navigation .absolute svg path { stroke: var(--border-primary) !important; fill: none !important; } [data-theme=dark] .customer-side-navigation div[class*=bg-][class*=CCCCCC], html.dark .customer-side-navigation div[class*=bg-][class*=CCCCCC] { background-color: var(--border-primary) !important; left: 1px !important; } [data-theme=dark] .customer-side-navigation .transform svg path, html.dark .customer-side-navigation .transform svg path { fill: var(--text-muted) !important; } [data-theme=dark] .customer-side-navigation svg[viewBox*="17 30"], [data-theme=dark] .customer-side-navigation svg[width="17"][height="30"], html.dark .customer-side-navigation svg[viewBox*="17 30"], html.dark .customer-side-navigation svg[width="17"][height="30"] { background-color: transparent !important; } [data-theme=dark] .customer-side-navigation svg[viewBox*="17 30"] path, [data-theme=dark] .customer-side-navigation svg[width="17"][height="30"] path, html.dark .customer-side-navigation svg[viewBox*="17 30"] path, html.dark .customer-side-navigation svg[width="17"][height="30"] path { stroke: var(--border-primary) !important; fill: none !important; } [data-theme=dark] .customer-side-navigation .animate-pulse .bg-gray-200, html.dark .customer-side-navigation .animate-pulse .bg-gray-200 { background-color: var(--bg-tertiary) !important; } [data-theme=dark] .customer-side-navigation .scroll::-webkit-scrollbar, html.dark .customer-side-navigation .scroll::-webkit-scrollbar { width: 6px; background: transparent; } [data-theme=dark] .customer-side-navigation .scroll::-webkit-scrollbar-track, html.dark .customer-side-navigation .scroll::-webkit-scrollbar-track { background: transparent; } [data-theme=dark] .customer-side-navigation .scroll::-webkit-scrollbar-thumb, html.dark .customer-side-navigation .scroll::-webkit-scrollbar-thumb { background: rgba(148, 163, 184, 0.2); border-radius: 4px; } [data-theme=dark] .customer-side-navigation .scroll::-webkit-scrollbar-thumb:hover, html.dark .customer-side-navigation .scroll::-webkit-scrollbar-thumb:hover { background: rgba(148, 163, 184, 0.3); } [data-theme=dark] .customer-side-navigation *::before, [data-theme=dark] .customer-side-navigation *::after, html.dark .customer-side-navigation *::before, html.dark .customer-side-navigation *::after { background: transparent !important; } [data-theme=dark] app-global-search, [data-theme=dark] .global-search-container, html.dark app-global-search, html.dark .global-search-container { background-color: transparent !important; } [data-theme=dark] app-global-search .custom-badge1, [data-theme=dark] .global-search-container .custom-badge1, html.dark app-global-search .custom-badge1, html.dark .global-search-container .custom-badge1 { background-color: transparent !important; color: var(--text-secondary) !important; border-color: var(--border-primary) !important; } [data-theme=dark] app-global-search .custom-badge1:hover, [data-theme=dark] .global-search-container .custom-badge1:hover, html.dark app-global-search .custom-badge1:hover, html.dark .global-search-container .custom-badge1:hover { background-color: var(--bg-hover) !important; border-color: var(--border-secondary) !important; color: var(--text-primary) !important; } [data-theme=dark] app-global-search .custom-badge1.bg-primary, [data-theme=dark] .global-search-container .custom-badge1.bg-primary, html.dark app-global-search .custom-badge1.bg-primary, html.dark .global-search-container .custom-badge1.bg-primary { background-color: rgba(148, 163, 184, 0.15) !important; color: var(--text-primary) !important; border-color: rgba(148, 163, 184, 0.3) !important; } [data-theme=dark] app-global-search .sticky-top, [data-theme=dark] .global-search-container .sticky-top, html.dark app-global-search .sticky-top, html.dark .global-search-container .sticky-top { background-color: transparent !important; } [data-theme=dark] app-global-search .search-tabs-container, [data-theme=dark] app-global-search .result-tabs-container, [data-theme=dark] .global-search-container .search-tabs-container, [data-theme=dark] .global-search-container .result-tabs-container, html.dark app-global-search .search-tabs-container, html.dark app-global-search .result-tabs-container, html.dark .global-search-container .search-tabs-container, html.dark .global-search-container .result-tabs-container { background-color: #2a2a2a !important; } [data-theme=dark] app-global-search .search-tabs-container .search-tab, [data-theme=dark] app-global-search .search-tabs-container .result-tab, [data-theme=dark] app-global-search .result-tabs-container .search-tab, [data-theme=dark] app-global-search .result-tabs-container .result-tab, [data-theme=dark] .global-search-container .search-tabs-container .search-tab, [data-theme=dark] .global-search-container .search-tabs-container .result-tab, [data-theme=dark] .global-search-container .result-tabs-container .search-tab, [data-theme=dark] .global-search-container .result-tabs-container .result-tab, html.dark app-global-search .search-tabs-container .search-tab, html.dark app-global-search .search-tabs-container .result-tab, html.dark app-global-search .result-tabs-container .search-tab, html.dark app-global-search .result-tabs-container .result-tab, html.dark .global-search-container .search-tabs-container .search-tab, html.dark .global-search-container .search-tabs-container .result-tab, html.dark .global-search-container .result-tabs-container .search-tab, html.dark .global-search-container .result-tabs-container .result-tab { background-color: transparent !important; color: var(--text-secondary) !important; border: 1px solid transparent !important; transition: all 0.2s ease-in-out; } [data-theme=dark] app-global-search .search-tabs-container .search-tab svg path, [data-theme=dark] app-global-search .search-tabs-container .result-tab svg path, [data-theme=dark] app-global-search .result-tabs-container .search-tab svg path, [data-theme=dark] app-global-search .result-tabs-container .result-tab svg path, [data-theme=dark] .global-search-container .search-tabs-container .search-tab svg path, [data-theme=dark] .global-search-container .search-tabs-container .result-tab svg path, [data-theme=dark] .global-search-container .result-tabs-container .search-tab svg path, [data-theme=dark] .global-search-container .result-tabs-container .result-tab svg path, html.dark app-global-search .search-tabs-container .search-tab svg path, html.dark app-global-search .search-tabs-container .result-tab svg path, html.dark app-global-search .result-tabs-container .search-tab svg path, html.dark app-global-search .result-tabs-container .result-tab svg path, html.dark .global-search-container .search-tabs-container .search-tab svg path, html.dark .global-search-container .search-tabs-container .result-tab svg path, html.dark .global-search-container .result-tabs-container .search-tab svg path, html.dark .global-search-container .result-tabs-container .result-tab svg path { stroke: var(--text-muted) !important; fill: none !important; } [data-theme=dark] app-global-search .search-tabs-container .search-tab svg path[fill]:not([fill=none]), [data-theme=dark] app-global-search .search-tabs-container .result-tab svg path[fill]:not([fill=none]), [data-theme=dark] app-global-search .result-tabs-container .search-tab svg path[fill]:not([fill=none]), [data-theme=dark] app-global-search .result-tabs-container .result-tab svg path[fill]:not([fill=none]), [data-theme=dark] .global-search-container .search-tabs-container .search-tab svg path[fill]:not([fill=none]), [data-theme=dark] .global-search-container .search-tabs-container .result-tab svg path[fill]:not([fill=none]), [data-theme=dark] .global-search-container .result-tabs-container .search-tab svg path[fill]:not([fill=none]), [data-theme=dark] .global-search-container .result-tabs-container .result-tab svg path[fill]:not([fill=none]), html.dark app-global-search .search-tabs-container .search-tab svg path[fill]:not([fill=none]), html.dark app-global-search .search-tabs-container .result-tab svg path[fill]:not([fill=none]), html.dark app-global-search .result-tabs-container .search-tab svg path[fill]:not([fill=none]), html.dark app-global-search .result-tabs-container .result-tab svg path[fill]:not([fill=none]), html.dark .global-search-container .search-tabs-container .search-tab svg path[fill]:not([fill=none]), html.dark .global-search-container .search-tabs-container .result-tab svg path[fill]:not([fill=none]), html.dark .global-search-container .result-tabs-container .search-tab svg path[fill]:not([fill=none]), html.dark .global-search-container .result-tabs-container .result-tab svg path[fill]:not([fill=none]) { fill: var(--text-muted) !important; stroke: none !important; } [data-theme=dark] app-global-search .search-tabs-container .search-tab:hover:not(:disabled), [data-theme=dark] app-global-search .search-tabs-container .result-tab:hover:not(:disabled), [data-theme=dark] app-global-search .result-tabs-container .search-tab:hover:not(:disabled), [data-theme=dark] app-global-search .result-tabs-container .result-tab:hover:not(:disabled), [data-theme=dark] .global-search-container .search-tabs-container .search-tab:hover:not(:disabled), [data-theme=dark] .global-search-container .search-tabs-container .result-tab:hover:not(:disabled), [data-theme=dark] .global-search-container .result-tabs-container .search-tab:hover:not(:disabled), [data-theme=dark] .global-search-container .result-tabs-container .result-tab:hover:not(:disabled), html.dark app-global-search .search-tabs-container .search-tab:hover:not(:disabled), html.dark app-global-search .search-tabs-container .result-tab:hover:not(:disabled), html.dark app-global-search .result-tabs-container .search-tab:hover:not(:disabled), html.dark app-global-search .result-tabs-container .result-tab:hover:not(:disabled), html.dark .global-search-container .search-tabs-container .search-tab:hover:not(:disabled), html.dark .global-search-container .search-tabs-container .result-tab:hover:not(:disabled), html.dark .global-search-container .result-tabs-container .search-tab:hover:not(:disabled), html.dark .global-search-container .result-tabs-container .result-tab:hover:not(:disabled) { background-color: var(--bg-hover) !important; color: var(--text-primary) !important; border-color: var(--border-primary) !important; } [data-theme=dark] app-global-search .search-tabs-container .search-tab:hover:not(:disabled) svg path, [data-theme=dark] app-global-search .search-tabs-container .result-tab:hover:not(:disabled) svg path, [data-theme=dark] app-global-search .result-tabs-container .search-tab:hover:not(:disabled) svg path, [data-theme=dark] app-global-search .result-tabs-container .result-tab:hover:not(:disabled) svg path, [data-theme=dark] .global-search-container .search-tabs-container .search-tab:hover:not(:disabled) svg path, [data-theme=dark] .global-search-container .search-tabs-container .result-tab:hover:not(:disabled) svg path, [data-theme=dark] .global-search-container .result-tabs-container .search-tab:hover:not(:disabled) svg path, [data-theme=dark] .global-search-container .result-tabs-container .result-tab:hover:not(:disabled) svg path, html.dark app-global-search .search-tabs-container .search-tab:hover:not(:disabled) svg path, html.dark app-global-search .search-tabs-container .result-tab:hover:not(:disabled) svg path, html.dark app-global-search .result-tabs-container .search-tab:hover:not(:disabled) svg path, html.dark app-global-search .result-tabs-container .result-tab:hover:not(:disabled) svg path, html.dark .global-search-container .search-tabs-container .search-tab:hover:not(:disabled) svg path, html.dark .global-search-container .search-tabs-container .result-tab:hover:not(:disabled) svg path, html.dark .global-search-container .result-tabs-container .search-tab:hover:not(:disabled) svg path, html.dark .global-search-container .result-tabs-container .result-tab:hover:not(:disabled) svg path { stroke: var(--text-primary) !important; } [data-theme=dark] app-global-search .search-tabs-container .search-tab.active, [data-theme=dark] app-global-search .search-tabs-container .result-tab.active, [data-theme=dark] app-global-search .result-tabs-container .search-tab.active, [data-theme=dark] app-global-search .result-tabs-container .result-tab.active, [data-theme=dark] .global-search-container .search-tabs-container .search-tab.active, [data-theme=dark] .global-search-container .search-tabs-container .result-tab.active, [data-theme=dark] .global-search-container .result-tabs-container .search-tab.active, [data-theme=dark] .global-search-container .result-tabs-container .result-tab.active, html.dark app-global-search .search-tabs-container .search-tab.active, html.dark app-global-search .search-tabs-container .result-tab.active, html.dark app-global-search .result-tabs-container .search-tab.active, html.dark app-global-search .result-tabs-container .result-tab.active, html.dark .global-search-container .search-tabs-container .search-tab.active, html.dark .global-search-container .search-tabs-container .result-tab.active, html.dark .global-search-container .result-tabs-container .search-tab.active, html.dark .global-search-container .result-tabs-container .result-tab.active { background-color: rgba(148, 163, 184, 0.15) !important; color: var(--text-primary) !important; border-color: rgba(148, 163, 184, 0.3) !important; } [data-theme=dark] app-global-search .search-tabs-container .search-tab.active svg path, [data-theme=dark] app-global-search .search-tabs-container .result-tab.active svg path, [data-theme=dark] app-global-search .result-tabs-container .search-tab.active svg path, [data-theme=dark] app-global-search .result-tabs-container .result-tab.active svg path, [data-theme=dark] .global-search-container .search-tabs-container .search-tab.active svg path, [data-theme=dark] .global-search-container .search-tabs-container .result-tab.active svg path, [data-theme=dark] .global-search-container .result-tabs-container .search-tab.active svg path, [data-theme=dark] .global-search-container .result-tabs-container .result-tab.active svg path, html.dark app-global-search .search-tabs-container .search-tab.active svg path, html.dark app-global-search .search-tabs-container .result-tab.active svg path, html.dark app-global-search .result-tabs-container .search-tab.active svg path, html.dark app-global-search .result-tabs-container .result-tab.active svg path, html.dark .global-search-container .search-tabs-container .search-tab.active svg path, html.dark .global-search-container .search-tabs-container .result-tab.active svg path, html.dark .global-search-container .result-tabs-container .search-tab.active svg path, html.dark .global-search-container .result-tabs-container .result-tab.active svg path { stroke: var(--text-primary) !important; } [data-theme=dark] app-global-search .search-tabs-container .search-tab .tab-count, [data-theme=dark] app-global-search .search-tabs-container .result-tab .tab-count, [data-theme=dark] app-global-search .result-tabs-container .search-tab .tab-count, [data-theme=dark] app-global-search .result-tabs-container .result-tab .tab-count, [data-theme=dark] .global-search-container .search-tabs-container .search-tab .tab-count, [data-theme=dark] .global-search-container .search-tabs-container .result-tab .tab-count, [data-theme=dark] .global-search-container .result-tabs-container .search-tab .tab-count, [data-theme=dark] .global-search-container .result-tabs-container .result-tab .tab-count, html.dark app-global-search .search-tabs-container .search-tab .tab-count, html.dark app-global-search .search-tabs-container .result-tab .tab-count, html.dark app-global-search .result-tabs-container .search-tab .tab-count, html.dark app-global-search .result-tabs-container .result-tab .tab-count, html.dark .global-search-container .search-tabs-container .search-tab .tab-count, html.dark .global-search-container .search-tabs-container .result-tab .tab-count, html.dark .global-search-container .result-tabs-container .search-tab .tab-count, html.dark .global-search-container .result-tabs-container .result-tab .tab-count { background: var(--bg-elevated) !important; color: var(--text-primary) !important; border: 1px solid var(--border-primary) !important; } [data-theme=dark] app-global-search .search-item-card, [data-theme=dark] .global-search-container .search-item-card, html.dark app-global-search .search-item-card, html.dark .global-search-container .search-item-card { background-color: transparent !important; border: 1px solid rgba(255, 255, 255, 0.1) !important; } [data-theme=dark] app-global-search .search-item-card:hover, [data-theme=dark] .global-search-container .search-item-card:hover, html.dark app-global-search .search-item-card:hover, html.dark .global-search-container .search-item-card:hover { background-color: var(--bg-hover) !important; border-color: rgba(255, 255, 255, 0.18) !important; } [data-theme=dark] app-global-search .search-item-card .search-id-badge-new, [data-theme=dark] app-global-search .search-item-card .customer-id-badge, [data-theme=dark] .global-search-container .search-item-card .search-id-badge-new, [data-theme=dark] .global-search-container .search-item-card .customer-id-badge, html.dark app-global-search .search-item-card .search-id-badge-new, html.dark app-global-search .search-item-card .customer-id-badge, html.dark .global-search-container .search-item-card .search-id-badge-new, html.dark .global-search-container .search-item-card .customer-id-badge { background-color: rgba(148, 163, 184, 0.1) !important; color: var(--text-primary) !important; border-color: var(--border-primary) !important; } [data-theme=dark] app-global-search .search-item-card .search-entity-name, [data-theme=dark] app-global-search .search-item-card .customer-name-large, [data-theme=dark] .global-search-container .search-item-card .search-entity-name, [data-theme=dark] .global-search-container .search-item-card .customer-name-large, html.dark app-global-search .search-item-card .search-entity-name, html.dark app-global-search .search-item-card .customer-name-large, html.dark .global-search-container .search-item-card .search-entity-name, html.dark .global-search-container .search-item-card .customer-name-large { color: var(--text-primary) !important; } [data-theme=dark] app-global-search .search-item-card .search-detail-label, [data-theme=dark] .global-search-container .search-item-card .search-detail-label, html.dark app-global-search .search-item-card .search-detail-label, html.dark .global-search-container .search-item-card .search-detail-label { color: var(--text-muted) !important; } [data-theme=dark] app-global-search .search-item-card .search-detail-value, [data-theme=dark] .global-search-container .search-item-card .search-detail-value, html.dark app-global-search .search-item-card .search-detail-value, html.dark .global-search-container .search-item-card .search-detail-value { color: var(--text-primary) !important; } [data-theme=dark] app-global-search .search-item-card .timestamp-date, [data-theme=dark] app-global-search .search-item-card .timestamp-time, [data-theme=dark] .global-search-container .search-item-card .timestamp-date, [data-theme=dark] .global-search-container .search-item-card .timestamp-time, html.dark app-global-search .search-item-card .timestamp-date, html.dark app-global-search .search-item-card .timestamp-time, html.dark .global-search-container .search-item-card .timestamp-date, html.dark .global-search-container .search-item-card .timestamp-time { color: var(--text-secondary) !important; } [data-theme=dark] app-global-search .search-item-card .separator, [data-theme=dark] .global-search-container .search-item-card .separator, html.dark app-global-search .search-item-card .separator, html.dark .global-search-container .search-item-card .separator { color: var(--text-muted) !important; } [data-theme=dark] app-global-search .search-count-badge, [data-theme=dark] .global-search-container .search-count-badge, html.dark app-global-search .search-count-badge, html.dark .global-search-container .search-count-badge { background-color: var(--brand-primary) !important; color: var(--text-inverse) !important; border-color: var(--brand-primary) !important; } [data-theme=dark] app-global-search .search-count-badge .badge-count, [data-theme=dark] .global-search-container .search-count-badge .badge-count, html.dark app-global-search .search-count-badge .badge-count, html.dark .global-search-container .search-count-badge .badge-count { color: var(--text-inverse) !important; } [data-theme=dark] app-global-search .search-count-badge .search-count-tooltip, [data-theme=dark] .global-search-container .search-count-badge .search-count-tooltip, html.dark app-global-search .search-count-badge .search-count-tooltip, html.dark .global-search-container .search-count-badge .search-count-tooltip { background-color: var(--bg-card) !important; border-color: var(--border-primary) !important; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4) !important; } [data-theme=dark] app-global-search .search-count-badge .search-count-tooltip .tooltip-header, [data-theme=dark] .global-search-container .search-count-badge .search-count-tooltip .tooltip-header, html.dark app-global-search .search-count-badge .search-count-tooltip .tooltip-header, html.dark .global-search-container .search-count-badge .search-count-tooltip .tooltip-header { background-color: var(--bg-elevated) !important; color: var(--text-primary) !important; border-bottom-color: var(--border-primary) !important; } [data-theme=dark] app-global-search .search-count-badge .search-count-tooltip .tooltip-content, [data-theme=dark] .global-search-container .search-count-badge .search-count-tooltip .tooltip-content, html.dark app-global-search .search-count-badge .search-count-tooltip .tooltip-content, html.dark .global-search-container .search-count-badge .search-count-tooltip .tooltip-content { background-color: var(--bg-card) !important; } [data-theme=dark] app-global-search .search-count-badge .search-count-tooltip .tooltip-content .tooltip-item, [data-theme=dark] .global-search-container .search-count-badge .search-count-tooltip .tooltip-content .tooltip-item, html.dark app-global-search .search-count-badge .search-count-tooltip .tooltip-content .tooltip-item, html.dark .global-search-container .search-count-badge .search-count-tooltip .tooltip-content .tooltip-item { color: var(--text-primary) !important; border-bottom-color: var(--border-muted) !important; } [data-theme=dark] app-global-search .search-count-badge .search-count-tooltip .tooltip-content .tooltip-item:hover, [data-theme=dark] .global-search-container .search-count-badge .search-count-tooltip .tooltip-content .tooltip-item:hover, html.dark app-global-search .search-count-badge .search-count-tooltip .tooltip-content .tooltip-item:hover, html.dark .global-search-container .search-count-badge .search-count-tooltip .tooltip-content .tooltip-item:hover { background-color: var(--bg-hover) !important; } [data-theme=dark] app-global-search .customer-tab-layout, [data-theme=dark] app-global-search .suggestion-item, [data-theme=dark] .global-search-container .customer-tab-layout, [data-theme=dark] .global-search-container .suggestion-item, html.dark app-global-search .customer-tab-layout, html.dark app-global-search .suggestion-item, html.dark .global-search-container .customer-tab-layout, html.dark .global-search-container .suggestion-item { background-color: transparent !important; border: 1px solid rgba(255, 255, 255, 0.1) !important; } [data-theme=dark] app-global-search .customer-tab-layout:hover, [data-theme=dark] app-global-search .suggestion-item:hover, [data-theme=dark] .global-search-container .customer-tab-layout:hover, [data-theme=dark] .global-search-container .suggestion-item:hover, html.dark app-global-search .customer-tab-layout:hover, html.dark app-global-search .suggestion-item:hover, html.dark .global-search-container .customer-tab-layout:hover, html.dark .global-search-container .suggestion-item:hover { background-color: var(--bg-hover) !important; border-color: rgba(255, 255, 255, 0.18) !important; } [data-theme=dark] app-global-search .customer-tab-layout .customer-id-badge, [data-theme=dark] app-global-search .suggestion-item .customer-id-badge, [data-theme=dark] .global-search-container .customer-tab-layout .customer-id-badge, [data-theme=dark] .global-search-container .suggestion-item .customer-id-badge, html.dark app-global-search .customer-tab-layout .customer-id-badge, html.dark app-global-search .suggestion-item .customer-id-badge, html.dark .global-search-container .customer-tab-layout .customer-id-badge, html.dark .global-search-container .suggestion-item .customer-id-badge { background-color: var(--bg-elevated) !important; color: var(--text-primary) !important; border: 1px solid var(--border-primary) !important; } [data-theme=dark] app-global-search .customer-tab-layout .customer-name-large, [data-theme=dark] app-global-search .suggestion-item .customer-name-large, [data-theme=dark] .global-search-container .customer-tab-layout .customer-name-large, [data-theme=dark] .global-search-container .suggestion-item .customer-name-large, html.dark app-global-search .customer-tab-layout .customer-name-large, html.dark app-global-search .suggestion-item .customer-name-large, html.dark .global-search-container .customer-tab-layout .customer-name-large, html.dark .global-search-container .suggestion-item .customer-name-large { color: var(--text-primary) !important; } [data-theme=dark] app-global-search .customer-tab-layout .customer-contact-row, [data-theme=dark] app-global-search .suggestion-item .customer-contact-row, [data-theme=dark] .global-search-container .customer-tab-layout .customer-contact-row, [data-theme=dark] .global-search-container .suggestion-item .customer-contact-row, html.dark app-global-search .customer-tab-layout .customer-contact-row, html.dark app-global-search .suggestion-item .customer-contact-row, html.dark .global-search-container .customer-tab-layout .customer-contact-row, html.dark .global-search-container .suggestion-item .customer-contact-row { color: var(--text-secondary) !important; } [data-theme=dark] app-global-search .customer-tab-layout .customer-contact-row .text-light, [data-theme=dark] app-global-search .suggestion-item .customer-contact-row .text-light, [data-theme=dark] .global-search-container .customer-tab-layout .customer-contact-row .text-light, [data-theme=dark] .global-search-container .suggestion-item .customer-contact-row .text-light, html.dark app-global-search .customer-tab-layout .customer-contact-row .text-light, html.dark app-global-search .suggestion-item .customer-contact-row .text-light, html.dark .global-search-container .customer-tab-layout .customer-contact-row .text-light, html.dark .global-search-container .suggestion-item .customer-contact-row .text-light { color: var(--text-secondary) !important; } [data-theme=dark] app-global-search .customer-tab-layout .customer-contact-row i, [data-theme=dark] app-global-search .suggestion-item .customer-contact-row i, [data-theme=dark] .global-search-container .customer-tab-layout .customer-contact-row i, [data-theme=dark] .global-search-container .suggestion-item .customer-contact-row i, html.dark app-global-search .customer-tab-layout .customer-contact-row i, html.dark app-global-search .suggestion-item .customer-contact-row i, html.dark .global-search-container .customer-tab-layout .customer-contact-row i, html.dark .global-search-container .suggestion-item .customer-contact-row i { color: var(--text-muted) !important; } [data-theme=dark] app-global-search .result-tabs-container .search-result-label, [data-theme=dark] .global-search-container .result-tabs-container .search-result-label, html.dark app-global-search .result-tabs-container .search-result-label, html.dark .global-search-container .result-tabs-container .search-result-label { color: var(--text-secondary) !important; } [data-theme=dark] app-global-search .result-tabs-container .search-result-label .tab-count, [data-theme=dark] .global-search-container .result-tabs-container .search-result-label .tab-count, html.dark app-global-search .result-tabs-container .search-result-label .tab-count, html.dark .global-search-container .result-tabs-container .search-result-label .tab-count { background: var(--bg-elevated) !important; color: var(--text-primary) !important; border: 1px solid var(--border-primary) !important; } [data-theme=dark] app-global-search .text-badge.textt-success, [data-theme=dark] app-global-search .custom-badge.textt-success, [data-theme=dark] .global-search-container .text-badge.textt-success, [data-theme=dark] .global-search-container .custom-badge.textt-success, html.dark app-global-search .text-badge.textt-success, html.dark app-global-search .custom-badge.textt-success, html.dark .global-search-container .text-badge.textt-success, html.dark .global-search-container .custom-badge.textt-success { color: var(--status-success-text) !important; } [data-theme=dark] app-global-search .text-badge.textt-danger, [data-theme=dark] app-global-search .custom-badge.textt-danger, [data-theme=dark] .global-search-container .text-badge.textt-danger, [data-theme=dark] .global-search-container .custom-badge.textt-danger, html.dark app-global-search .text-badge.textt-danger, html.dark app-global-search .custom-badge.textt-danger, html.dark .global-search-container .text-badge.textt-danger, html.dark .global-search-container .custom-badge.textt-danger { color: var(--status-error-text) !important; } [data-theme=dark] app-global-search .text-badge.textt-warning, [data-theme=dark] app-global-search .custom-badge.textt-warning, [data-theme=dark] .global-search-container .text-badge.textt-warning, [data-theme=dark] .global-search-container .custom-badge.textt-warning, html.dark app-global-search .text-badge.textt-warning, html.dark app-global-search .custom-badge.textt-warning, html.dark .global-search-container .text-badge.textt-warning, html.dark .global-search-container .custom-badge.textt-warning { color: var(--status-warning-text) !important; } [data-theme=dark] app-global-search .text-badge.textt-primary, [data-theme=dark] app-global-search .custom-badge.textt-primary, [data-theme=dark] .global-search-container .text-badge.textt-primary, [data-theme=dark] .global-search-container .custom-badge.textt-primary, html.dark app-global-search .text-badge.textt-primary, html.dark app-global-search .custom-badge.textt-primary, html.dark .global-search-container .text-badge.textt-primary, html.dark .global-search-container .custom-badge.textt-primary { color: var(--brand-primary) !important; } [data-theme=dark] app-global-search .text-badge.badge-success, [data-theme=dark] app-global-search .custom-badge.badge-success, [data-theme=dark] .global-search-container .text-badge.badge-success, [data-theme=dark] .global-search-container .custom-badge.badge-success, html.dark app-global-search .text-badge.badge-success, html.dark app-global-search .custom-badge.badge-success, html.dark .global-search-container .text-badge.badge-success, html.dark .global-search-container .custom-badge.badge-success { background-color: var(--status-success-bg) !important; color: var(--status-success-text) !important; } [data-theme=dark] app-global-search .text-badge.badge-danger, [data-theme=dark] app-global-search .custom-badge.badge-danger, [data-theme=dark] .global-search-container .text-badge.badge-danger, [data-theme=dark] .global-search-container .custom-badge.badge-danger, html.dark app-global-search .text-badge.badge-danger, html.dark app-global-search .custom-badge.badge-danger, html.dark .global-search-container .text-badge.badge-danger, html.dark .global-search-container .custom-badge.badge-danger { background-color: var(--status-error-bg) !important; color: var(--status-error-text) !important; } [data-theme=dark] app-global-search .text-badge.badge-warning, [data-theme=dark] app-global-search .custom-badge.badge-warning, [data-theme=dark] .global-search-container .text-badge.badge-warning, [data-theme=dark] .global-search-container .custom-badge.badge-warning, html.dark app-global-search .text-badge.badge-warning, html.dark app-global-search .custom-badge.badge-warning, html.dark .global-search-container .text-badge.badge-warning, html.dark .global-search-container .custom-badge.badge-warning { background-color: var(--status-warning-bg) !important; color: var(--status-warning-text) !important; } [data-theme=dark] app-global-search .text-badge.badge-primary, [data-theme=dark] app-global-search .custom-badge.badge-primary, [data-theme=dark] .global-search-container .text-badge.badge-primary, [data-theme=dark] .global-search-container .custom-badge.badge-primary, html.dark app-global-search .text-badge.badge-primary, html.dark app-global-search .custom-badge.badge-primary, html.dark .global-search-container .text-badge.badge-primary, html.dark .global-search-container .custom-badge.badge-primary { background-color: rgba(148, 163, 184, 0.2) !important; color: var(--brand-primary) !important; } [data-theme=dark] app-global-search .skeleton-loader-container .skeleton-search-card, [data-theme=dark] app-global-search .skeleton-loader-container .skeleton-item, [data-theme=dark] app-global-search .skeleton-loader-container-history .skeleton-search-card, [data-theme=dark] app-global-search .skeleton-loader-container-history .skeleton-item, [data-theme=dark] .global-search-container .skeleton-loader-container .skeleton-search-card, [data-theme=dark] .global-search-container .skeleton-loader-container .skeleton-item, [data-theme=dark] .global-search-container .skeleton-loader-container-history .skeleton-search-card, [data-theme=dark] .global-search-container .skeleton-loader-container-history .skeleton-item, html.dark app-global-search .skeleton-loader-container .skeleton-search-card, html.dark app-global-search .skeleton-loader-container .skeleton-item, html.dark app-global-search .skeleton-loader-container-history .skeleton-search-card, html.dark app-global-search .skeleton-loader-container-history .skeleton-item, html.dark .global-search-container .skeleton-loader-container .skeleton-search-card, html.dark .global-search-container .skeleton-loader-container .skeleton-item, html.dark .global-search-container .skeleton-loader-container-history .skeleton-search-card, html.dark .global-search-container .skeleton-loader-container-history .skeleton-item { background-color: var(--bg-card) !important; } [data-theme=dark] app-global-search .skeleton-loader-container .skeleton-badge, [data-theme=dark] app-global-search .skeleton-loader-container .skeleton-avatar, [data-theme=dark] app-global-search .skeleton-loader-container .skeleton-text-line, [data-theme=dark] app-global-search .skeleton-loader-container .skeleton-line, [data-theme=dark] app-global-search .skeleton-loader-container-history .skeleton-badge, [data-theme=dark] app-global-search .skeleton-loader-container-history .skeleton-avatar, [data-theme=dark] app-global-search .skeleton-loader-container-history .skeleton-text-line, [data-theme=dark] app-global-search .skeleton-loader-container-history .skeleton-line, [data-theme=dark] .global-search-container .skeleton-loader-container .skeleton-badge, [data-theme=dark] .global-search-container .skeleton-loader-container .skeleton-avatar, [data-theme=dark] .global-search-container .skeleton-loader-container .skeleton-text-line, [data-theme=dark] .global-search-container .skeleton-loader-container .skeleton-line, [data-theme=dark] .global-search-container .skeleton-loader-container-history .skeleton-badge, [data-theme=dark] .global-search-container .skeleton-loader-container-history .skeleton-avatar, [data-theme=dark] .global-search-container .skeleton-loader-container-history .skeleton-text-line, [data-theme=dark] .global-search-container .skeleton-loader-container-history .skeleton-line, html.dark app-global-search .skeleton-loader-container .skeleton-badge, html.dark app-global-search .skeleton-loader-container .skeleton-avatar, html.dark app-global-search .skeleton-loader-container .skeleton-text-line, html.dark app-global-search .skeleton-loader-container .skeleton-line, html.dark app-global-search .skeleton-loader-container-history .skeleton-badge, html.dark app-global-search .skeleton-loader-container-history .skeleton-avatar, html.dark app-global-search .skeleton-loader-container-history .skeleton-text-line, html.dark app-global-search .skeleton-loader-container-history .skeleton-line, html.dark .global-search-container .skeleton-loader-container .skeleton-badge, html.dark .global-search-container .skeleton-loader-container .skeleton-avatar, html.dark .global-search-container .skeleton-loader-container .skeleton-text-line, html.dark .global-search-container .skeleton-loader-container .skeleton-line, html.dark .global-search-container .skeleton-loader-container-history .skeleton-badge, html.dark .global-search-container .skeleton-loader-container-history .skeleton-avatar, html.dark .global-search-container .skeleton-loader-container-history .skeleton-text-line, html.dark .global-search-container .skeleton-loader-container-history .skeleton-line { background: linear-gradient(90deg, var(--bg-tertiary) 25%, var(--bg-hover) 50%, var(--bg-tertiary) 75%) !important; background-size: 200% 100% !important; } [data-theme=dark] app-global-search .no-search-suggestions, [data-theme=dark] .global-search-container .no-search-suggestions, html.dark app-global-search .no-search-suggestions, html.dark .global-search-container .no-search-suggestions { background-color: transparent !important; } [data-theme=dark] app-global-search .no-search-suggestions .no-results-text, [data-theme=dark] .global-search-container .no-search-suggestions .no-results-text, html.dark app-global-search .no-search-suggestions .no-results-text, html.dark .global-search-container .no-search-suggestions .no-results-text { color: var(--text-secondary) !important; } [data-theme=dark] app-global-search .btn-outline-primary, [data-theme=dark] .global-search-container .btn-outline-primary, html.dark app-global-search .btn-outline-primary, html.dark .global-search-container .btn-outline-primary { background-color: transparent !important; color: var(--brand-primary) !important; border-color: var(--brand-primary) !important; } [data-theme=dark] app-global-search .btn-outline-primary:hover, [data-theme=dark] .global-search-container .btn-outline-primary:hover, html.dark app-global-search .btn-outline-primary:hover, html.dark .global-search-container .btn-outline-primary:hover { background-color: var(--brand-primary) !important; color: var(--text-inverse) !important; } [data-theme=dark] app-global-search .loading-more-container, [data-theme=dark] .global-search-container .loading-more-container, html.dark app-global-search .loading-more-container, html.dark .global-search-container .loading-more-container { color: var(--text-secondary) !important; } [data-theme=dark] app-global-search .loading-more-container .spinner-border, [data-theme=dark] .global-search-container .loading-more-container .spinner-border, html.dark app-global-search .loading-more-container .spinner-border, html.dark .global-search-container .loading-more-container .spinner-border { border-color: var(--brand-primary) !important; border-right-color: transparent !important; } [data-theme=dark] app-global-search .heading-bottom-rule, [data-theme=dark] .global-search-container .heading-bottom-rule, html.dark app-global-search .heading-bottom-rule, html.dark .global-search-container .heading-bottom-rule { border-color: var(--border-primary) !important; background-color: var(--border-primary) !important; } [data-theme=dark] app-global-search .payment-card-info .card-brand-badge, [data-theme=dark] .global-search-container .payment-card-info .card-brand-badge, html.dark app-global-search .payment-card-info .card-brand-badge, html.dark .global-search-container .payment-card-info .card-brand-badge { background-color: transparent !important; } [data-theme=dark] app-global-search .searches-list-scrollable, [data-theme=dark] app-global-search .search-suggestions, [data-theme=dark] .global-search-container .searches-list-scrollable, [data-theme=dark] .global-search-container .search-suggestions, html.dark app-global-search .searches-list-scrollable, html.dark app-global-search .search-suggestions, html.dark .global-search-container .searches-list-scrollable, html.dark .global-search-container .search-suggestions { background-color: transparent !important; scrollbar-color: rgba(148, 163, 184, 0.3) transparent !important; } [data-theme=dark] app-global-search .searches-list-scrollable::-webkit-scrollbar-thumb, [data-theme=dark] app-global-search .search-suggestions::-webkit-scrollbar-thumb, [data-theme=dark] .global-search-container .searches-list-scrollable::-webkit-scrollbar-thumb, [data-theme=dark] .global-search-container .search-suggestions::-webkit-scrollbar-thumb, html.dark app-global-search .searches-list-scrollable::-webkit-scrollbar-thumb, html.dark app-global-search .search-suggestions::-webkit-scrollbar-thumb, html.dark .global-search-container .searches-list-scrollable::-webkit-scrollbar-thumb, html.dark .global-search-container .search-suggestions::-webkit-scrollbar-thumb { background-color: rgba(148, 163, 184, 0.3) !important; } [data-theme=dark] app-global-search .searches-list-scrollable::-webkit-scrollbar-thumb:hover, [data-theme=dark] app-global-search .search-suggestions::-webkit-scrollbar-thumb:hover, [data-theme=dark] .global-search-container .searches-list-scrollable::-webkit-scrollbar-thumb:hover, [data-theme=dark] .global-search-container .search-suggestions::-webkit-scrollbar-thumb:hover, html.dark app-global-search .searches-list-scrollable::-webkit-scrollbar-thumb:hover, html.dark app-global-search .search-suggestions::-webkit-scrollbar-thumb:hover, html.dark .global-search-container .searches-list-scrollable::-webkit-scrollbar-thumb:hover, html.dark .global-search-container .search-suggestions::-webkit-scrollbar-thumb:hover { background-color: rgba(148, 163, 184, 0.5) !important; } [data-theme=dark] app-global-search .searches-list-scrollable::after, [data-theme=dark] app-global-search .search-suggestions::after, [data-theme=dark] .global-search-container .searches-list-scrollable::after, [data-theme=dark] .global-search-container .search-suggestions::after, html.dark app-global-search .searches-list-scrollable::after, html.dark app-global-search .search-suggestions::after, html.dark .global-search-container .searches-list-scrollable::after, html.dark .global-search-container .search-suggestions::after { color: var(--text-muted) !important; } [data-theme=dark] app-global-search div[style*="background: white"], [data-theme=dark] app-global-search div[style*="background-color: white"], [data-theme=dark] app-global-search div[class*=bg-white], [data-theme=dark] .global-search-container div[style*="background: white"], [data-theme=dark] .global-search-container div[style*="background-color: white"], [data-theme=dark] .global-search-container div[class*=bg-white], html.dark app-global-search div[style*="background: white"], html.dark app-global-search div[style*="background-color: white"], html.dark app-global-search div[class*=bg-white], html.dark .global-search-container div[style*="background: white"], html.dark .global-search-container div[style*="background-color: white"], html.dark .global-search-container div[class*=bg-white] { background-color: transparent !important; } [data-theme=dark] app-customer-profile-header, [data-theme=dark] .customer-profile-header, html.dark app-customer-profile-header, html.dark .customer-profile-header { background-color: transparent !important; border-color: var(--border-primary) !important; } [data-theme=dark] app-customer-profile-header .page-title, [data-theme=dark] .customer-profile-header .page-title, html.dark app-customer-profile-header .page-title, html.dark .customer-profile-header .page-title { color: var(--text-primary) !important; } [data-theme=dark] app-customer-profile-header .customer-id-badge, [data-theme=dark] .customer-profile-header .customer-id-badge, html.dark app-customer-profile-header .customer-id-badge, html.dark .customer-profile-header .customer-id-badge { background-color: rgba(148, 163, 184, 0.1) !important; border-color: var(--border-primary) !important; transition: all 0.2s ease-in-out; } [data-theme=dark] app-customer-profile-header .customer-id-badge:hover, [data-theme=dark] .customer-profile-header .customer-id-badge:hover, html.dark app-customer-profile-header .customer-id-badge:hover, html.dark .customer-profile-header .customer-id-badge:hover { background-color: rgba(148, 163, 184, 0.15) !important; border-color: var(--border-secondary) !important; } [data-theme=dark] app-customer-profile-header .customer-id-text, [data-theme=dark] .customer-profile-header .customer-id-text, html.dark app-customer-profile-header .customer-id-text, html.dark .customer-profile-header .customer-id-text { color: var(--text-primary) !important; } [data-theme=dark] app-customer-profile-header .sidebar-toggle, [data-theme=dark] .customer-profile-header .sidebar-toggle, html.dark app-customer-profile-header .sidebar-toggle, html.dark .customer-profile-header .sidebar-toggle { background-color: transparent !important; color: var(--text-primary) !important; } [data-theme=dark] app-customer-profile-header .sidebar-toggle svg path, [data-theme=dark] .customer-profile-header .sidebar-toggle svg path, html.dark app-customer-profile-header .sidebar-toggle svg path, html.dark .customer-profile-header .sidebar-toggle svg path { stroke: var(--text-primary) !important; } [data-theme=dark] app-customer-profile-header .sidebar-toggle:hover, [data-theme=dark] .customer-profile-header .sidebar-toggle:hover, html.dark app-customer-profile-header .sidebar-toggle:hover, html.dark .customer-profile-header .sidebar-toggle:hover { background-color: var(--bg-hover) !important; } [data-theme=dark] app-customer-profile-header .back-nav-button, [data-theme=dark] .customer-profile-header .back-nav-button, html.dark app-customer-profile-header .back-nav-button, html.dark .customer-profile-header .back-nav-button { background-color: transparent !important; color: var(--text-secondary) !important; } [data-theme=dark] app-customer-profile-header .back-nav-button:hover, [data-theme=dark] .customer-profile-header .back-nav-button:hover, html.dark app-customer-profile-header .back-nav-button:hover, html.dark .customer-profile-header .back-nav-button:hover { background-color: var(--bg-hover) !important; color: var(--text-primary) !important; } [data-theme=dark] app-customer-profile-header .action-button, [data-theme=dark] .customer-profile-header .action-button, html.dark app-customer-profile-header .action-button, html.dark .customer-profile-header .action-button { background-color: transparent !important; color: var(--text-secondary) !important; border-color: transparent !important; transition: all 0.2s ease-in-out; } [data-theme=dark] app-customer-profile-header .action-button span, [data-theme=dark] .customer-profile-header .action-button span, html.dark app-customer-profile-header .action-button span, html.dark .customer-profile-header .action-button span { color: var(--text-secondary) !important; } [data-theme=dark] app-customer-profile-header .action-button svg path, [data-theme=dark] .customer-profile-header .action-button svg path, html.dark app-customer-profile-header .action-button svg path, html.dark .customer-profile-header .action-button svg path { stroke: var(--text-muted) !important; fill: var(--text-muted) !important; } [data-theme=dark] app-customer-profile-header .action-button:hover, [data-theme=dark] .customer-profile-header .action-button:hover, html.dark app-customer-profile-header .action-button:hover, html.dark .customer-profile-header .action-button:hover { background-color: var(--bg-hover) !important; color: var(--text-primary) !important; } [data-theme=dark] app-customer-profile-header .action-button:hover span, [data-theme=dark] .customer-profile-header .action-button:hover span, html.dark app-customer-profile-header .action-button:hover span, html.dark .customer-profile-header .action-button:hover span { color: var(--text-primary) !important; } [data-theme=dark] app-customer-profile-header .action-button:hover svg path, [data-theme=dark] .customer-profile-header .action-button:hover svg path, html.dark app-customer-profile-header .action-button:hover svg path, html.dark .customer-profile-header .action-button:hover svg path { stroke: var(--text-primary) !important; } [data-theme=dark] app-customer-profile-header .refresh-button:hover, [data-theme=dark] .customer-profile-header .refresh-button:hover, html.dark app-customer-profile-header .refresh-button:hover, html.dark .customer-profile-header .refresh-button:hover { background-color: rgba(34, 197, 94, 0.15) !important; } [data-theme=dark] app-customer-profile-header .visitors-container .action-button:hover, [data-theme=dark] .customer-profile-header .visitors-container .action-button:hover, html.dark app-customer-profile-header .visitors-container .action-button:hover, html.dark .customer-profile-header .visitors-container .action-button:hover { background-color: var(--bg-hover) !important; } [data-theme=dark] app-customer-content, [data-theme=dark] .customer-content, html.dark app-customer-content, html.dark .customer-content { background-color: transparent !important; } [data-theme=dark] app-customer-content .content-wrapper, [data-theme=dark] .customer-content .content-wrapper, html.dark app-customer-content .content-wrapper, html.dark .customer-content .content-wrapper { background-color: transparent !important; } [data-theme=dark] app-customer-content .content-wrapper > div, [data-theme=dark] .customer-content .content-wrapper > div, html.dark app-customer-content .content-wrapper > div, html.dark .customer-content .content-wrapper > div { background-color: transparent !important; } [data-theme=dark] app-customer-content .profile-wrapper, [data-theme=dark] .customer-content .profile-wrapper, html.dark app-customer-content .profile-wrapper, html.dark .customer-content .profile-wrapper { background-color: transparent !important; } [data-theme=dark] app-customer-content .default-content, [data-theme=dark] .customer-content .default-content, html.dark app-customer-content .default-content, html.dark .customer-content .default-content { background-color: transparent !important; } [data-theme=dark] app-customer-content .default-content h2, [data-theme=dark] .customer-content .default-content h2, html.dark app-customer-content .default-content h2, html.dark .customer-content .default-content h2 { color: var(--text-primary) !important; } [data-theme=dark] app-customer-content .default-content p, [data-theme=dark] .customer-content .default-content p, html.dark app-customer-content .default-content p, html.dark .customer-content .default-content p { color: var(--text-secondary) !important; } [data-theme=dark] app-customer-profile, [data-theme=dark] .customer-profile-container, html.dark app-customer-profile, html.dark .customer-profile-container { background-color: transparent !important; } [data-theme=dark] app-customer-profile .profile-grid, [data-theme=dark] .customer-profile-container .profile-grid, html.dark app-customer-profile .profile-grid, html.dark .customer-profile-container .profile-grid { background-color: transparent !important; } [data-theme=dark] app-customer-profile .left-column, [data-theme=dark] app-customer-profile .right-column, [data-theme=dark] .customer-profile-container .left-column, [data-theme=dark] .customer-profile-container .right-column, html.dark app-customer-profile .left-column, html.dark app-customer-profile .right-column, html.dark .customer-profile-container .left-column, html.dark .customer-profile-container .right-column { background-color: transparent !important; } [data-theme=dark] app-customer-profile .profile-card, [data-theme=dark] .customer-profile-container .profile-card, html.dark app-customer-profile .profile-card, html.dark .customer-profile-container .profile-card { background-color: var(--bg-card) !important; border-color: var(--border-primary) !important; transition: all 0.2s ease-in-out; } [data-theme=dark] app-customer-profile .profile-card.hover-card:hover, [data-theme=dark] .customer-profile-container .profile-card.hover-card:hover, html.dark app-customer-profile .profile-card.hover-card:hover, html.dark .customer-profile-container .profile-card.hover-card:hover { border-color: var(--border-secondary) !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important; } [data-theme=dark] app-customer-profile .notes-card, [data-theme=dark] app-customer-profile .activity-logs-card, [data-theme=dark] .customer-profile-container .notes-card, [data-theme=dark] .customer-profile-container .activity-logs-card, html.dark app-customer-profile .notes-card, html.dark app-customer-profile .activity-logs-card, html.dark .customer-profile-container .notes-card, html.dark .customer-profile-container .activity-logs-card { background-color: var(--bg-card) !important; border-color: var(--border-primary) !important; } [data-theme=dark] app-customer-profile .card-header, [data-theme=dark] .customer-profile-container .card-header, html.dark app-customer-profile .card-header, html.dark .customer-profile-container .card-header { background-color: transparent !important; } [data-theme=dark] app-customer-profile .card-title, [data-theme=dark] .customer-profile-container .card-title, html.dark app-customer-profile .card-title, html.dark .customer-profile-container .card-title { color: var(--text-primary) !important; } [data-theme=dark] app-customer-profile .maximize-btn, [data-theme=dark] app-customer-profile .hover-maximize-btn, [data-theme=dark] .customer-profile-container .maximize-btn, [data-theme=dark] .customer-profile-container .hover-maximize-btn, html.dark app-customer-profile .maximize-btn, html.dark app-customer-profile .hover-maximize-btn, html.dark .customer-profile-container .maximize-btn, html.dark .customer-profile-container .hover-maximize-btn { background-color: transparent !important; color: var(--text-secondary) !important; border: none !important; transition: all 0.2s ease-in-out; } [data-theme=dark] app-customer-profile .maximize-btn svg path, [data-theme=dark] app-customer-profile .hover-maximize-btn svg path, [data-theme=dark] .customer-profile-container .maximize-btn svg path, [data-theme=dark] .customer-profile-container .hover-maximize-btn svg path, html.dark app-customer-profile .maximize-btn svg path, html.dark app-customer-profile .hover-maximize-btn svg path, html.dark .customer-profile-container .maximize-btn svg path, html.dark .customer-profile-container .hover-maximize-btn svg path { stroke: var(--text-muted) !important; } [data-theme=dark] app-customer-profile .maximize-btn:hover, [data-theme=dark] app-customer-profile .hover-maximize-btn:hover, [data-theme=dark] .customer-profile-container .maximize-btn:hover, [data-theme=dark] .customer-profile-container .hover-maximize-btn:hover, html.dark app-customer-profile .maximize-btn:hover, html.dark app-customer-profile .hover-maximize-btn:hover, html.dark .customer-profile-container .maximize-btn:hover, html.dark .customer-profile-container .hover-maximize-btn:hover { background-color: var(--bg-hover) !important; color: var(--text-primary) !important; } [data-theme=dark] app-customer-profile .maximize-btn:hover svg path, [data-theme=dark] app-customer-profile .hover-maximize-btn:hover svg path, [data-theme=dark] .customer-profile-container .maximize-btn:hover svg path, [data-theme=dark] .customer-profile-container .hover-maximize-btn:hover svg path, html.dark app-customer-profile .maximize-btn:hover svg path, html.dark app-customer-profile .hover-maximize-btn:hover svg path, html.dark .customer-profile-container .maximize-btn:hover svg path, html.dark .customer-profile-container .hover-maximize-btn:hover svg path { stroke: var(--text-primary) !important; } [data-theme=dark] app-customer-profile .refresh-btn, [data-theme=dark] .customer-profile-container .refresh-btn, html.dark app-customer-profile .refresh-btn, html.dark .customer-profile-container .refresh-btn { background-color: transparent !important; color: var(--text-secondary) !important; border: none !important; transition: all 0.2s ease-in-out; } [data-theme=dark] app-customer-profile .refresh-btn svg path, [data-theme=dark] .customer-profile-container .refresh-btn svg path, html.dark app-customer-profile .refresh-btn svg path, html.dark .customer-profile-container .refresh-btn svg path { stroke: var(--text-muted) !important; } [data-theme=dark] app-customer-profile .refresh-btn:hover, [data-theme=dark] .customer-profile-container .refresh-btn:hover, html.dark app-customer-profile .refresh-btn:hover, html.dark .customer-profile-container .refresh-btn:hover { background-color: rgba(34, 197, 94, 0.15) !important; color: #22c55e !important; } [data-theme=dark] app-customer-profile .refresh-btn:hover svg path, [data-theme=dark] .customer-profile-container .refresh-btn:hover svg path, html.dark app-customer-profile .refresh-btn:hover svg path, html.dark .customer-profile-container .refresh-btn:hover svg path { stroke: #22c55e !important; } [data-theme=dark] app-customer-profile .floating-notes-btn, [data-theme=dark] .customer-profile-container .floating-notes-btn, html.dark app-customer-profile .floating-notes-btn, html.dark .customer-profile-container .floating-notes-btn { background-color: var(--bg-card) !important; color: var(--text-primary) !important; border: 1px solid var(--border-primary) !important; box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.4) !important; } [data-theme=dark] app-customer-profile .floating-notes-btn:hover, [data-theme=dark] .customer-profile-container .floating-notes-btn:hover, html.dark app-customer-profile .floating-notes-btn:hover, html.dark .customer-profile-container .floating-notes-btn:hover { background-color: var(--bg-hover) !important; border-color: var(--border-secondary) !important; box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.5) !important; } [data-theme=dark] app-customer-dashboard-layout .right-content-area, html.dark app-customer-dashboard-layout .right-content-area { background: transparent !important; } [data-theme=dark] app-common-filter-button .filter-button, [data-theme=dark] .filter-button-container .filter-button, html.dark app-common-filter-button .filter-button, html.dark .filter-button-container .filter-button { color: var(--text-primary) !important; background: transparent !important; border-color: var(--border-primary) !important; } [data-theme=dark] app-common-filter-button .filter-button.has-selection, [data-theme=dark] .filter-button-container .filter-button.has-selection, html.dark app-common-filter-button .filter-button.has-selection, html.dark .filter-button-container .filter-button.has-selection { background: var(--bg-active) !important; border: 1px solid #673BBE !important; } [data-theme=dark] app-common-filter-button .filter-button:hover, [data-theme=dark] .filter-button-container .filter-button:hover, html.dark app-common-filter-button .filter-button:hover, html.dark .filter-button-container .filter-button:hover { background: var(--bg-hover) !important; border: 1px solid var(--border-primary) !important; } [data-theme=dark] app-common-filter-button .filter-button svg, [data-theme=dark] app-common-filter-button .filter-button svg path, [data-theme=dark] .filter-button-container .filter-button svg, [data-theme=dark] .filter-button-container .filter-button svg path, html.dark app-common-filter-button .filter-button svg, html.dark app-common-filter-button .filter-button svg path, html.dark .filter-button-container .filter-button svg, html.dark .filter-button-container .filter-button svg path { fill: var(--text-muted) !important; stroke: var(--text-muted) !important; color: var(--text-muted) !important; } [data-theme=dark] app-common-filter-button .filter-button .filter-count, [data-theme=dark] .filter-button-container .filter-button .filter-count, html.dark app-common-filter-button .filter-button .filter-count, html.dark .filter-button-container .filter-button .filter-count { background-color: #673BBE !important; color: white !important; } [data-theme=dark] app-common-filter-button .filter-dropdown, [data-theme=dark] .filter-button-container .filter-dropdown, html.dark app-common-filter-button .filter-dropdown, html.dark .filter-button-container .filter-dropdown { background: var(--bg-card) !important; border-color: var(--border-primary) !important; box-shadow: 0px 28.8px 48px 0px rgba(0, 0, 0, 0.6) !important; } [data-theme=dark] app-common-filter-button .filter-dropdown::before, [data-theme=dark] .filter-button-container .filter-dropdown::before, html.dark app-common-filter-button .filter-dropdown::before, html.dark .filter-button-container .filter-dropdown::before { background: var(--bg-card) !important; border-color: var(--border-primary) !important; } [data-theme=dark] app-common-filter-button .filter-header h3, [data-theme=dark] .filter-button-container .filter-header h3, html.dark app-common-filter-button .filter-header h3, html.dark .filter-button-container .filter-header h3 { color: var(--text-primary) !important; } [data-theme=dark] app-common-filter-button .filter-header .close-button, [data-theme=dark] .filter-button-container .filter-header .close-button, html.dark app-common-filter-button .filter-header .close-button, html.dark .filter-button-container .filter-header .close-button { color: var(--text-muted) !important; } [data-theme=dark] app-common-filter-button .filter-header .close-button svg, [data-theme=dark] app-common-filter-button .filter-header .close-button svg path, [data-theme=dark] .filter-button-container .filter-header .close-button svg, [data-theme=dark] .filter-button-container .filter-header .close-button svg path, html.dark app-common-filter-button .filter-header .close-button svg, html.dark app-common-filter-button .filter-header .close-button svg path, html.dark .filter-button-container .filter-header .close-button svg, html.dark .filter-button-container .filter-header .close-button svg path { fill: var(--text-muted) !important; stroke: var(--text-muted) !important; } [data-theme=dark] app-common-filter-button .filter-header .close-button:hover, [data-theme=dark] .filter-button-container .filter-header .close-button:hover, html.dark app-common-filter-button .filter-header .close-button:hover, html.dark .filter-button-container .filter-header .close-button:hover { background-color: var(--bg-hover) !important; color: var(--text-primary) !important; } [data-theme=dark] app-common-filter-button .filter-header .close-button:hover svg, [data-theme=dark] app-common-filter-button .filter-header .close-button:hover svg path, [data-theme=dark] .filter-button-container .filter-header .close-button:hover svg, [data-theme=dark] .filter-button-container .filter-header .close-button:hover svg path, html.dark app-common-filter-button .filter-header .close-button:hover svg, html.dark app-common-filter-button .filter-header .close-button:hover svg path, html.dark .filter-button-container .filter-header .close-button:hover svg, html.dark .filter-button-container .filter-header .close-button:hover svg path { fill: var(--text-primary) !important; stroke: var(--text-primary) !important; } [data-theme=dark] app-common-filter-button .filter-group .filter-topic, [data-theme=dark] .filter-button-container .filter-group .filter-topic, html.dark app-common-filter-button .filter-group .filter-topic, html.dark .filter-button-container .filter-group .filter-topic { color: var(--text-secondary) !important; } [data-theme=dark] app-common-filter-button .filter-group .filter-items app-common-checkbox label, [data-theme=dark] app-common-filter-button .filter-group .filter-items app-common-checkbox span, [data-theme=dark] app-common-filter-button .filter-group .filter-items .checkbox-container label, [data-theme=dark] app-common-filter-button .filter-group .filter-items .checkbox-container span, [data-theme=dark] .filter-button-container .filter-group .filter-items app-common-checkbox label, [data-theme=dark] .filter-button-container .filter-group .filter-items app-common-checkbox span, [data-theme=dark] .filter-button-container .filter-group .filter-items .checkbox-container label, [data-theme=dark] .filter-button-container .filter-group .filter-items .checkbox-container span, html.dark app-common-filter-button .filter-group .filter-items app-common-checkbox label, html.dark app-common-filter-button .filter-group .filter-items app-common-checkbox span, html.dark app-common-filter-button .filter-group .filter-items .checkbox-container label, html.dark app-common-filter-button .filter-group .filter-items .checkbox-container span, html.dark .filter-button-container .filter-group .filter-items app-common-checkbox label, html.dark .filter-button-container .filter-group .filter-items app-common-checkbox span, html.dark .filter-button-container .filter-group .filter-items .checkbox-container label, html.dark .filter-button-container .filter-group .filter-items .checkbox-container span { color: var(--text-primary) !important; } [data-theme=dark] app-common-filter-button .filter-group .filter-items app-common-checkbox input[type=checkbox], [data-theme=dark] app-common-filter-button .filter-group .filter-items .checkbox-container input[type=checkbox], [data-theme=dark] .filter-button-container .filter-group .filter-items app-common-checkbox input[type=checkbox], [data-theme=dark] .filter-button-container .filter-group .filter-items .checkbox-container input[type=checkbox], html.dark app-common-filter-button .filter-group .filter-items app-common-checkbox input[type=checkbox], html.dark app-common-filter-button .filter-group .filter-items .checkbox-container input[type=checkbox], html.dark .filter-button-container .filter-group .filter-items app-common-checkbox input[type=checkbox], html.dark .filter-button-container .filter-group .filter-items .checkbox-container input[type=checkbox] { border-color: var(--border-primary) !important; background-color: var(--bg-secondary) !important; } [data-theme=dark] app-common-filter-button .filter-group .filter-items app-common-checkbox input[type=checkbox]:checked, [data-theme=dark] app-common-filter-button .filter-group .filter-items .checkbox-container input[type=checkbox]:checked, [data-theme=dark] .filter-button-container .filter-group .filter-items app-common-checkbox input[type=checkbox]:checked, [data-theme=dark] .filter-button-container .filter-group .filter-items .checkbox-container input[type=checkbox]:checked, html.dark app-common-filter-button .filter-group .filter-items app-common-checkbox input[type=checkbox]:checked, html.dark app-common-filter-button .filter-group .filter-items .checkbox-container input[type=checkbox]:checked, html.dark .filter-button-container .filter-group .filter-items app-common-checkbox input[type=checkbox]:checked, html.dark .filter-button-container .filter-group .filter-items .checkbox-container input[type=checkbox]:checked { background-color: var(--brand-primary) !important; border-color: var(--brand-primary) !important; } [data-theme=dark] app-common-filter-button .filter-footer .clear-button, [data-theme=dark] .filter-button-container .filter-footer .clear-button, html.dark app-common-filter-button .filter-footer .clear-button, html.dark .filter-button-container .filter-footer .clear-button { background-color: transparent !important; color: var(--text-primary) !important; border-color: var(--border-primary) !important; } [data-theme=dark] app-common-filter-button .filter-footer .clear-button:hover:not(:disabled), [data-theme=dark] .filter-button-container .filter-footer .clear-button:hover:not(:disabled), html.dark app-common-filter-button .filter-footer .clear-button:hover:not(:disabled), html.dark .filter-button-container .filter-footer .clear-button:hover:not(:disabled) { background-color: var(--bg-hover) !important; border-color: var(--border-secondary) !important; } [data-theme=dark] app-common-filter-button .filter-footer .apply-button, [data-theme=dark] .filter-button-container .filter-footer .apply-button, html.dark app-common-filter-button .filter-footer .apply-button, html.dark .filter-button-container .filter-footer .apply-button { background: radial-gradient(38.61% 40.02% at 50.15% 0%, #707070 0%, #2a2a2a 100%) !important; color: var(--text-primary) !important; } [data-theme=dark] app-common-filter-button .filter-footer .apply-button:hover:not(:disabled), [data-theme=dark] .filter-button-container .filter-footer .apply-button:hover:not(:disabled), html.dark app-common-filter-button .filter-footer .apply-button:hover:not(:disabled), html.dark .filter-button-container .filter-footer .apply-button:hover:not(:disabled) { background: radial-gradient(38.61% 40.02% at 50.15% 0%, #808080 0%, #3a3a3a 100%) !important; } [data-theme=dark] app-email-details .bg-gray-50, html.dark app-email-details .bg-gray-50 { background-color: #111827 !important; } [data-theme=dark] app-email-details .bg-white, html.dark app-email-details .bg-white { background-color: #1f2937 !important; } [data-theme=dark] app-email-details .text-gray-900, html.dark app-email-details .text-gray-900 { color: #f3f4f6 !important; } [data-theme=dark] app-email-details .text-gray-500, [data-theme=dark] app-email-details .text-gray-600, html.dark app-email-details .text-gray-500, html.dark app-email-details .text-gray-600 { color: #9ca3af !important; } [data-theme=dark] app-email-details .hover\:bg-gray-100:hover, html.dark app-email-details .hover\:bg-gray-100:hover { background-color: #374151 !important; } [data-theme=dark] app-email-details svg path[stroke=black], html.dark app-email-details svg path[stroke=black] { stroke: #d1d5db !important; } [data-theme=dark] app-email-details [style*="border: 1px solid #1212121F"], html.dark app-email-details [style*="border: 1px solid #1212121F"] { border-color: rgba(255, 255, 255, 0.1) !important; } [data-theme=dark] app-email-details [style*="background-color: #F9F9F9"], [data-theme=dark] app-email-details [style*="background-color:#F9F9F9"], html.dark app-email-details [style*="background-color: #F9F9F9"], html.dark app-email-details [style*="background-color:#F9F9F9"] { background-color: #111827 !important; } [data-theme=dark] app-component-specific-resizable-panel .resizable-panel, [data-theme=dark] .component-specific-panel-container .resizable-panel, html.dark app-component-specific-resizable-panel .resizable-panel, html.dark .component-specific-panel-container .resizable-panel { background: #1f2937 !important; box-shadow: -4px 0 20px rgba(0, 0, 0, 0.5) !important; } [data-theme=dark] app-component-specific-resizable-panel .drag-handle:hover, [data-theme=dark] .component-specific-panel-container .drag-handle:hover, html.dark app-component-specific-resizable-panel .drag-handle:hover, html.dark .component-specific-panel-container .drag-handle:hover { background: #374151 !important; } [data-theme=dark] app-component-specific-resizable-panel .drag-handle:active, [data-theme=dark] .component-specific-panel-container .drag-handle:active, html.dark app-component-specific-resizable-panel .drag-handle:active, html.dark .component-specific-panel-container .drag-handle:active { background: #4b5563 !important; } [data-theme=dark] app-component-specific-resizable-panel .drag-indicator, [data-theme=dark] .component-specific-panel-container .drag-indicator, html.dark app-component-specific-resizable-panel .drag-indicator, html.dark .component-specific-panel-container .drag-indicator { color: #d1d5db !important; } [data-theme=dark] app-component-specific-resizable-panel .drag-line, [data-theme=dark] .component-specific-panel-container .drag-line, html.dark app-component-specific-resizable-panel .drag-line, html.dark .component-specific-panel-container .drag-line { background: #6b7280 !important; } [data-theme=dark] app-component-specific-resizable-panel .panel-header, [data-theme=dark] .component-specific-panel-container .panel-header, html.dark app-component-specific-resizable-panel .panel-header, html.dark .component-specific-panel-container .panel-header { border-bottom: 1px solid #374151 !important; background: #1f2937 !important; } [data-theme=dark] app-component-specific-resizable-panel .panel-title, [data-theme=dark] .component-specific-panel-container .panel-title, html.dark app-component-specific-resizable-panel .panel-title, html.dark .component-specific-panel-container .panel-title { color: #f3f4f6 !important; } [data-theme=dark] app-component-specific-resizable-panel .panel-close-btn, [data-theme=dark] .component-specific-panel-container .panel-close-btn, html.dark app-component-specific-resizable-panel .panel-close-btn, html.dark .component-specific-panel-container .panel-close-btn { color: #d1d5db !important; } [data-theme=dark] app-component-specific-resizable-panel .panel-close-btn:hover, [data-theme=dark] .component-specific-panel-container .panel-close-btn:hover, html.dark app-component-specific-resizable-panel .panel-close-btn:hover, html.dark .component-specific-panel-container .panel-close-btn:hover { background: #374151 !important; border-color: #4b5563 !important; } [data-theme=dark] app-component-specific-resizable-panel .panel-close-btn:active, [data-theme=dark] .component-specific-panel-container .panel-close-btn:active, html.dark app-component-specific-resizable-panel .panel-close-btn:active, html.dark .component-specific-panel-container .panel-close-btn:active { background: #4b5563 !important; } [data-theme=dark] app-component-specific-resizable-panel .panel-close-btn svg path, [data-theme=dark] .component-specific-panel-container .panel-close-btn svg path, html.dark app-component-specific-resizable-panel .panel-close-btn svg path, html.dark .component-specific-panel-container .panel-close-btn svg path { stroke: #d1d5db !important; } [data-theme=dark] app-component-specific-resizable-panel .panel-content, [data-theme=dark] .component-specific-panel-container .panel-content, html.dark app-component-specific-resizable-panel .panel-content, html.dark .component-specific-panel-container .panel-content { background: #1f2937 !important; } [data-theme=dark] app-component-specific-resizable-panel .panel-content p, [data-theme=dark] app-component-specific-resizable-panel .panel-content span, [data-theme=dark] app-component-specific-resizable-panel .panel-content div, [data-theme=dark] app-component-specific-resizable-panel .panel-content a, [data-theme=dark] app-component-specific-resizable-panel .panel-content li, [data-theme=dark] app-component-specific-resizable-panel .panel-content td, [data-theme=dark] app-component-specific-resizable-panel .panel-content h1, [data-theme=dark] app-component-specific-resizable-panel .panel-content h2, [data-theme=dark] app-component-specific-resizable-panel .panel-content h3, [data-theme=dark] app-component-specific-resizable-panel .panel-content h4, [data-theme=dark] app-component-specific-resizable-panel .panel-content h5, [data-theme=dark] app-component-specific-resizable-panel .panel-content h6, [data-theme=dark] app-component-specific-resizable-panel .panel-content input, [data-theme=dark] app-component-specific-resizable-panel .panel-content textarea, [data-theme=dark] app-component-specific-resizable-panel .panel-content select, [data-theme=dark] .component-specific-panel-container .panel-content p, [data-theme=dark] .component-specific-panel-container .panel-content span, [data-theme=dark] .component-specific-panel-container .panel-content div, [data-theme=dark] .component-specific-panel-container .panel-content a, [data-theme=dark] .component-specific-panel-container .panel-content li, [data-theme=dark] .component-specific-panel-container .panel-content td, [data-theme=dark] .component-specific-panel-container .panel-content h1, [data-theme=dark] .component-specific-panel-container .panel-content h2, [data-theme=dark] .component-specific-panel-container .panel-content h3, [data-theme=dark] .component-specific-panel-container .panel-content h4, [data-theme=dark] .component-specific-panel-container .panel-content h5, [data-theme=dark] .component-specific-panel-container .panel-content h6, [data-theme=dark] .component-specific-panel-container .panel-content input, [data-theme=dark] .component-specific-panel-container .panel-content textarea, [data-theme=dark] .component-specific-panel-container .panel-content select, html.dark app-component-specific-resizable-panel .panel-content p, html.dark app-component-specific-resizable-panel .panel-content span, html.dark app-component-specific-resizable-panel .panel-content div, html.dark app-component-specific-resizable-panel .panel-content a, html.dark app-component-specific-resizable-panel .panel-content li, html.dark app-component-specific-resizable-panel .panel-content td, html.dark app-component-specific-resizable-panel .panel-content h1, html.dark app-component-specific-resizable-panel .panel-content h2, html.dark app-component-specific-resizable-panel .panel-content h3, html.dark app-component-specific-resizable-panel .panel-content h4, html.dark app-component-specific-resizable-panel .panel-content h5, html.dark app-component-specific-resizable-panel .panel-content h6, html.dark app-component-specific-resizable-panel .panel-content input, html.dark app-component-specific-resizable-panel .panel-content textarea, html.dark app-component-specific-resizable-panel .panel-content select, html.dark .component-specific-panel-container .panel-content p, html.dark .component-specific-panel-container .panel-content span, html.dark .component-specific-panel-container .panel-content div, html.dark .component-specific-panel-container .panel-content a, html.dark .component-specific-panel-container .panel-content li, html.dark .component-specific-panel-container .panel-content td, html.dark .component-specific-panel-container .panel-content h1, html.dark .component-specific-panel-container .panel-content h2, html.dark .component-specific-panel-container .panel-content h3, html.dark .component-specific-panel-container .panel-content h4, html.dark .component-specific-panel-container .panel-content h5, html.dark .component-specific-panel-container .panel-content h6, html.dark .component-specific-panel-container .panel-content input, html.dark .component-specific-panel-container .panel-content textarea, html.dark .component-specific-panel-container .panel-content select { color: #ffffff !important; } [data-theme=dark] app-component-specific-resizable-panel .panel-content label, [data-theme=dark] .component-specific-panel-container .panel-content label, html.dark app-component-specific-resizable-panel .panel-content label, html.dark .component-specific-panel-container .panel-content label { color: #9ca3af !important; } [data-theme=dark] app-component-specific-resizable-panel .panel-content .label, [data-theme=dark] app-component-specific-resizable-panel .panel-content .field-label, [data-theme=dark] app-component-specific-resizable-panel .panel-content [class*=label], [data-theme=dark] app-component-specific-resizable-panel .panel-content .text-muted, [data-theme=dark] app-component-specific-resizable-panel .panel-content .text-secondary, [data-theme=dark] app-component-specific-resizable-panel .panel-content [class*=heading], [data-theme=dark] app-component-specific-resizable-panel .panel-content [class*=title], [data-theme=dark] .component-specific-panel-container .panel-content .label, [data-theme=dark] .component-specific-panel-container .panel-content .field-label, [data-theme=dark] .component-specific-panel-container .panel-content [class*=label], [data-theme=dark] .component-specific-panel-container .panel-content .text-muted, [data-theme=dark] .component-specific-panel-container .panel-content .text-secondary, [data-theme=dark] .component-specific-panel-container .panel-content [class*=heading], [data-theme=dark] .component-specific-panel-container .panel-content [class*=title], html.dark app-component-specific-resizable-panel .panel-content .label, html.dark app-component-specific-resizable-panel .panel-content .field-label, html.dark app-component-specific-resizable-panel .panel-content [class*=label], html.dark app-component-specific-resizable-panel .panel-content .text-muted, html.dark app-component-specific-resizable-panel .panel-content .text-secondary, html.dark app-component-specific-resizable-panel .panel-content [class*=heading], html.dark app-component-specific-resizable-panel .panel-content [class*=title], html.dark .component-specific-panel-container .panel-content .label, html.dark .component-specific-panel-container .panel-content .field-label, html.dark .component-specific-panel-container .panel-content [class*=label], html.dark .component-specific-panel-container .panel-content .text-muted, html.dark .component-specific-panel-container .panel-content .text-secondary, html.dark .component-specific-panel-container .panel-content [class*=heading], html.dark .component-specific-panel-container .panel-content [class*=title] { color: #9ca3af !important; } [data-theme=dark] app-component-specific-resizable-panel .panel-content .value, [data-theme=dark] app-component-specific-resizable-panel .panel-content .field-value, [data-theme=dark] app-component-specific-resizable-panel .panel-content [class*=value], [data-theme=dark] app-component-specific-resizable-panel .panel-content strong, [data-theme=dark] app-component-specific-resizable-panel .panel-content b, [data-theme=dark] .component-specific-panel-container .panel-content .value, [data-theme=dark] .component-specific-panel-container .panel-content .field-value, [data-theme=dark] .component-specific-panel-container .panel-content [class*=value], [data-theme=dark] .component-specific-panel-container .panel-content strong, [data-theme=dark] .component-specific-panel-container .panel-content b, html.dark app-component-specific-resizable-panel .panel-content .value, html.dark app-component-specific-resizable-panel .panel-content .field-value, html.dark app-component-specific-resizable-panel .panel-content [class*=value], html.dark app-component-specific-resizable-panel .panel-content strong, html.dark app-component-specific-resizable-panel .panel-content b, html.dark .component-specific-panel-container .panel-content .value, html.dark .component-specific-panel-container .panel-content .field-value, html.dark .component-specific-panel-container .panel-content [class*=value], html.dark .component-specific-panel-container .panel-content strong, html.dark .component-specific-panel-container .panel-content b { color: #ffffff !important; } [data-theme=dark] app-component-specific-resizable-panel .panel-content [style*="color: #1f2937"], [data-theme=dark] app-component-specific-resizable-panel .panel-content [style*="color: #333"], [data-theme=dark] app-component-specific-resizable-panel .panel-content [style*="color: black"], [data-theme=dark] app-component-specific-resizable-panel .panel-content [style*="color: #000"], [data-theme=dark] app-component-specific-resizable-panel .panel-content [style*="color: rgb(0, 0, 0)"], [data-theme=dark] .component-specific-panel-container .panel-content [style*="color: #1f2937"], [data-theme=dark] .component-specific-panel-container .panel-content [style*="color: #333"], [data-theme=dark] .component-specific-panel-container .panel-content [style*="color: black"], [data-theme=dark] .component-specific-panel-container .panel-content [style*="color: #000"], [data-theme=dark] .component-specific-panel-container .panel-content [style*="color: rgb(0, 0, 0)"], html.dark app-component-specific-resizable-panel .panel-content [style*="color: #1f2937"], html.dark app-component-specific-resizable-panel .panel-content [style*="color: #333"], html.dark app-component-specific-resizable-panel .panel-content [style*="color: black"], html.dark app-component-specific-resizable-panel .panel-content [style*="color: #000"], html.dark app-component-specific-resizable-panel .panel-content [style*="color: rgb(0, 0, 0)"], html.dark .component-specific-panel-container .panel-content [style*="color: #1f2937"], html.dark .component-specific-panel-container .panel-content [style*="color: #333"], html.dark .component-specific-panel-container .panel-content [style*="color: black"], html.dark .component-specific-panel-container .panel-content [style*="color: #000"], html.dark .component-specific-panel-container .panel-content [style*="color: rgb(0, 0, 0)"] { color: #ffffff !important; } [data-theme=dark] app-component-specific-resizable-panel .panel-content [style*="color: #6b7280"], [data-theme=dark] app-component-specific-resizable-panel .panel-content [style*="color: #9ca3af"], [data-theme=dark] app-component-specific-resizable-panel .panel-content [style*="color: #64748b"], [data-theme=dark] app-component-specific-resizable-panel .panel-content .text-gray-500, [data-theme=dark] app-component-specific-resizable-panel .panel-content .text-gray-600, [data-theme=dark] app-component-specific-resizable-panel .panel-content .text-gray-400, [data-theme=dark] .component-specific-panel-container .panel-content [style*="color: #6b7280"], [data-theme=dark] .component-specific-panel-container .panel-content [style*="color: #9ca3af"], [data-theme=dark] .component-specific-panel-container .panel-content [style*="color: #64748b"], [data-theme=dark] .component-specific-panel-container .panel-content .text-gray-500, [data-theme=dark] .component-specific-panel-container .panel-content .text-gray-600, [data-theme=dark] .component-specific-panel-container .panel-content .text-gray-400, html.dark app-component-specific-resizable-panel .panel-content [style*="color: #6b7280"], html.dark app-component-specific-resizable-panel .panel-content [style*="color: #9ca3af"], html.dark app-component-specific-resizable-panel .panel-content [style*="color: #64748b"], html.dark app-component-specific-resizable-panel .panel-content .text-gray-500, html.dark app-component-specific-resizable-panel .panel-content .text-gray-600, html.dark app-component-specific-resizable-panel .panel-content .text-gray-400, html.dark .component-specific-panel-container .panel-content [style*="color: #6b7280"], html.dark .component-specific-panel-container .panel-content [style*="color: #9ca3af"], html.dark .component-specific-panel-container .panel-content [style*="color: #64748b"], html.dark .component-specific-panel-container .panel-content .text-gray-500, html.dark .component-specific-panel-container .panel-content .text-gray-600, html.dark .component-specific-panel-container .panel-content .text-gray-400 { color: #9ca3af !important; } [data-theme=dark] .empty-state .empty-icon-container .empty-icon, html.dark .empty-state .empty-icon-container .empty-icon { filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2)) !important; } [data-theme=dark] .empty-state .empty-icon-container .empty-icon .empty-icon-bg, html.dark .empty-state .empty-icon-container .empty-icon .empty-icon-bg { fill: transparent !important; } [data-theme=dark] .empty-state .empty-icon-container .empty-icon .empty-icon-clip, html.dark .empty-state .empty-icon-container .empty-icon .empty-icon-clip { fill: none !important; stroke: #6B7280 !important; stroke-width: 2 !important; } [data-theme=dark] .empty-state .empty-icon-container .empty-icon .empty-icon-board, html.dark .empty-state .empty-icon-container .empty-icon .empty-icon-board { fill: transparent !important; stroke: #6B7280 !important; stroke-width: 2 !important; } [data-theme=dark] .empty-state .empty-icon-container .empty-icon .empty-icon-line, html.dark .empty-state .empty-icon-container .empty-icon .empty-icon-line { stroke: #4B5563 !important; stroke-width: 2 !important; } [data-theme=dark] .empty-state .empty-title, html.dark .empty-state .empty-title { color: #F9FAFB !important; } [data-theme=dark] .empty-state .empty-description, html.dark .empty-state .empty-description { color: #D1D5DB !important; } [data-theme=dark] .filter-tabs-controls .filter-tabs .filter-tab.active, html.dark .filter-tabs-controls .filter-tabs .filter-tab.active { background: #181818 !important; border-bottom-color: var(--bg-elevated) !important; } [data-theme=dark] .filter-tabs-controls .filter-tabs .filter-tab.active::before, html.dark .filter-tabs-controls .filter-tabs .filter-tab.active::before { background-color: var(--bg-elevated) !important; } [data-theme=dark] .filter-tabs-controls .filter-tabs svg.tab-separator-left path, [data-theme=dark] .filter-tabs-controls .filter-tabs svg.tab-separator-right path, html.dark .filter-tabs-controls .filter-tabs svg.tab-separator-left path, html.dark .filter-tabs-controls .filter-tabs svg.tab-separator-right path { fill: #181818 !important; } [data-theme=dark] .resizable-panel .panel-header, html.dark .resizable-panel .panel-header { background: #1E1E1E !important; } [data-theme=dark] .resizable-panel .panel-content, html.dark .resizable-panel .panel-content { background: #1A1A1A !important; } [data-theme=dark] .resizable-panel .panel-content *[style*="background-color: white"], [data-theme=dark] .resizable-panel .panel-content *[style*="background-color: #fff"], [data-theme=dark] .resizable-panel .panel-content *[style*="background-color: #ffffff"], [data-theme=dark] .resizable-panel .panel-content *[style*="background-color: #FFFFFF"], [data-theme=dark] .resizable-panel .panel-content *[style*="background: white"], [data-theme=dark] .resizable-panel .panel-content *[style*="background: #fff"], [data-theme=dark] .resizable-panel .panel-content *[style*="background: #ffffff"], [data-theme=dark] .resizable-panel .panel-content *[style*="background: #FFFFFF"], html.dark .resizable-panel .panel-content *[style*="background-color: white"], html.dark .resizable-panel .panel-content *[style*="background-color: #fff"], html.dark .resizable-panel .panel-content *[style*="background-color: #ffffff"], html.dark .resizable-panel .panel-content *[style*="background-color: #FFFFFF"], html.dark .resizable-panel .panel-content *[style*="background: white"], html.dark .resizable-panel .panel-content *[style*="background: #fff"], html.dark .resizable-panel .panel-content *[style*="background: #ffffff"], html.dark .resizable-panel .panel-content *[style*="background: #FFFFFF"] { background-color: #1A1A1A !important; } [data-theme=dark] .resizable-panel .panel-content .bg-white, [data-theme=dark] .resizable-panel .panel-content .bg-gray-50, [data-theme=dark] .resizable-panel .panel-content .bg-gray-100, [data-theme=dark] .resizable-panel .panel-content [class*="bg-[#F"], html.dark .resizable-panel .panel-content .bg-white, html.dark .resizable-panel .panel-content .bg-gray-50, html.dark .resizable-panel .panel-content .bg-gray-100, html.dark .resizable-panel .panel-content [class*="bg-[#F"] { background-color: #1A1A1A !important; } [data-theme=dark] .resizable-panel .panel-content .bg-gray-100:first-child, [data-theme=dark] .resizable-panel .panel-content .flex.items-center.bg-gray-100, [data-theme=dark] .resizable-panel .panel-content [class*=bg-gray]:first-child, [data-theme=dark] .resizable-panel .panel-content .email-details-header, [data-theme=dark] .resizable-panel .panel-content > div:first-child, html.dark .resizable-panel .panel-content .bg-gray-100:first-child, html.dark .resizable-panel .panel-content .flex.items-center.bg-gray-100, html.dark .resizable-panel .panel-content [class*=bg-gray]:first-child, html.dark .resizable-panel .panel-content .email-details-header, html.dark .resizable-panel .panel-content > div:first-child { background: #1E1E1E !important; } [data-theme=dark] .resizable-panel .panel-content .email-content, [data-theme=dark] .resizable-panel .panel-content .overflow-auto, [data-theme=dark] .resizable-panel .panel-content .min-h-screen, [data-theme=dark] .resizable-panel .panel-content > div > div, html.dark .resizable-panel .panel-content .email-content, html.dark .resizable-panel .panel-content .overflow-auto, html.dark .resizable-panel .panel-content .min-h-screen, html.dark .resizable-panel .panel-content > div > div { background: #1A1A1A !important; } [data-theme=dark] .resizable-panel .panel-content .border.rounded-lg, [data-theme=dark] .resizable-panel .panel-content .border.rounded, html.dark .resizable-panel .panel-content .border.rounded-lg, html.dark .resizable-panel .panel-content .border.rounded { background: #1E1E1E !important; border-color: #404040 !important; } [data-theme=dark] .resizable-panel .panel-content .text-gray-900, [data-theme=dark] .resizable-panel .panel-content .text-gray-800, [data-theme=dark] .resizable-panel .panel-content .text-gray-700, [data-theme=dark] .resizable-panel .panel-content .text-gray-600, [data-theme=dark] .resizable-panel .panel-content .text-gray-500, html.dark .resizable-panel .panel-content .text-gray-900, html.dark .resizable-panel .panel-content .text-gray-800, html.dark .resizable-panel .panel-content .text-gray-700, html.dark .resizable-panel .panel-content .text-gray-600, html.dark .resizable-panel .panel-content .text-gray-500 { color: #e5e5e5 !important; } [data-theme=dark] .resizable-panel .panel-content svg path[stroke=black], [data-theme=dark] .resizable-panel .panel-content svg path[stroke="#000000"], html.dark .resizable-panel .panel-content svg path[stroke=black], html.dark .resizable-panel .panel-content svg path[stroke="#000000"] { stroke: #e5e5e5 !important; } [data-theme=dark] .flex.items-center.space-x-2.px-3.py-2.rounded-\[50px\].bg-white, html.dark .flex.items-center.space-x-2.px-3.py-2.rounded-\[50px\].bg-white { background: var(--surface-secondary, #1e1e1e) !important; border: 1px solid var(--border-secondary, #525252) !important; } [data-theme=dark] .flex.items-center.space-x-2.px-3.py-2.rounded-\[50px\].bg-white:hover, html.dark .flex.items-center.space-x-2.px-3.py-2.rounded-\[50px\].bg-white:hover { background: var(--surface-tertiary, #2a2a2a) !important; } [data-theme=dark] .flex.items-center.space-x-2.px-3.py-2.rounded-\[50px\].bg-white span, html.dark .flex.items-center.space-x-2.px-3.py-2.rounded-\[50px\].bg-white span { color: var(--text-primary, #e5e5e5) !important; } [data-theme=dark] .flex.items-center.space-x-2.px-3.py-2.rounded-\[50px\].bg-blue-50, html.dark .flex.items-center.space-x-2.px-3.py-2.rounded-\[50px\].bg-blue-50 { background: rgba(59, 130, 246, 0.15) !important; border-color: rgba(59, 130, 246, 0.3) !important; } [data-theme=dark] .filter-button, html.dark .filter-button { color: var(--text-primary, #e5e5e5) !important; } [data-theme=dark] .filter-button.active-filter, html.dark .filter-button.active-filter { background: rgba(255, 255, 255, 0.08) !important; } [data-theme=dark] .filter-button:hover, html.dark .filter-button:hover { background: rgba(255, 255, 255, 0.08) !important; } [data-theme=dark] .filter-button span, [data-theme=dark] .filter-button svg, html.dark .filter-button span, html.dark .filter-button svg { color: var(--text-primary, #e5e5e5) !important; } [data-theme=dark] .filter-dropdown, html.dark .filter-dropdown { background: var(--surface-secondary, #1e1e1e) !important; border-color: var(--border-primary, #3a3a3a) !important; } [data-theme=dark] .filter-dropdown.bg-white, html.dark .filter-dropdown.bg-white { background: var(--surface-secondary, #1e1e1e) !important; border-color: var(--border-primary, #3a3a3a) !important; } [data-theme=dark] .filter-dropdown::before, html.dark .filter-dropdown::before { background: var(--surface-secondary, #1e1e1e) !important; border-color: var(--border-primary, #3a3a3a) !important; } [data-theme=dark] .filter-dropdown h3, [data-theme=dark] .filter-dropdown label, html.dark .filter-dropdown h3, html.dark .filter-dropdown label { color: var(--text-primary, #e5e5e5) !important; } [data-theme=dark] .filter-dropdown span, html.dark .filter-dropdown span { color: var(--text-primary, #e5e5e5) !important; } [data-theme=dark] .filter-dropdown input[type=text], html.dark .filter-dropdown input[type=text] { background: var(--surface-primary, #121212) !important; border-color: var(--border-secondary, #525252) !important; color: var(--text-primary, #e5e5e5) !important; } [data-theme=dark] .filter-dropdown input[type=text]::placeholder, html.dark .filter-dropdown input[type=text]::placeholder { color: var(--text-tertiary, #8c8c8c) !important; } [data-theme=dark] .filter-dropdown input[type=text]:focus, html.dark .filter-dropdown input[type=text]:focus { background: var(--surface-primary, #121212) !important; border-color: var(--primary-color, #3b82f6) !important; outline: none !important; box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1) !important; } [data-theme=dark] .filter-dropdown svg, html.dark .filter-dropdown svg { color: var(--text-secondary, #a3a3a3) !important; } [data-theme=dark] .filter-dropdown button.text-gray-600, [data-theme=dark] .filter-dropdown button.text-gray-400, html.dark .filter-dropdown button.text-gray-600, html.dark .filter-dropdown button.text-gray-400 { color: var(--text-secondary, #a3a3a3) !important; } [data-theme=dark] .filter-dropdown button.text-gray-600:hover, [data-theme=dark] .filter-dropdown button.text-gray-400:hover, html.dark .filter-dropdown button.text-gray-600:hover, html.dark .filter-dropdown button.text-gray-400:hover { color: var(--text-primary, #e5e5e5) !important; } [data-theme=dark] .filter-dropdown button.bg-white, html.dark .filter-dropdown button.bg-white { background: var(--surface-primary, #121212) !important; border-color: var(--border-secondary, #525252) !important; color: var(--text-primary, #e5e5e5) !important; } [data-theme=dark] .filter-dropdown button.bg-white:hover, html.dark .filter-dropdown button.bg-white:hover { background: var(--surface-secondary, #1e1e1e) !important; } [data-theme=dark] .filter-dropdown button.bg-blue-600, html.dark .filter-dropdown button.bg-blue-600 { background: var(--primary-color, #3b82f6) !important; color: white !important; } [data-theme=dark] .filter-dropdown button.bg-blue-600:hover, html.dark .filter-dropdown button.bg-blue-600:hover { background: var(--primary-color-hover, #2563eb) !important; } [data-theme=dark] .filter-dropdown .border-gray-200, [data-theme=dark] .filter-dropdown .border-gray-300, html.dark .filter-dropdown .border-gray-200, html.dark .filter-dropdown .border-gray-300 { border-color: var(--border-secondary, #525252) !important; } [data-theme=dark] .filter-dropdown app-dropdown-option .trigger span.bg-gray-100, html.dark .filter-dropdown app-dropdown-option .trigger span.bg-gray-100 { background: var(--surface-primary, #121212) !important; color: var(--text-primary, #e5e5e5) !important; } [data-theme=dark] .filter-dropdown app-dropdown-option .trigger span.text-gray-400, html.dark .filter-dropdown app-dropdown-option .trigger span.text-gray-400 { color: var(--text-tertiary, #8c8c8c) !important; } [data-theme=dark] .filter-dropdown app-dropdown-option .trigger span.text-gray-900, html.dark .filter-dropdown app-dropdown-option .trigger span.text-gray-900 { color: var(--text-primary, #e5e5e5) !important; } [data-theme=dark] .filter-dropdown app-dropdown-option .trigger button.clear-btn, html.dark .filter-dropdown app-dropdown-option .trigger button.clear-btn { color: var(--text-secondary, #a3a3a3) !important; } [data-theme=dark] .filter-dropdown app-dropdown-option .trigger button.clear-btn:hover, html.dark .filter-dropdown app-dropdown-option .trigger button.clear-btn:hover { color: var(--text-primary, #e5e5e5) !important; } [data-theme=dark] .filter-dropdown app-dropdown-option div.bg-white, html.dark .filter-dropdown app-dropdown-option div.bg-white { background: var(--surface-primary, #121212) !important; border-color: var(--border-primary, #3a3a3a) !important; } [data-theme=dark] .filter-dropdown app-dropdown-option div.bg-white input, html.dark .filter-dropdown app-dropdown-option div.bg-white input { background: var(--surface-secondary, #1e1e1e) !important; border-color: var(--border-secondary, #525252) !important; color: var(--text-primary, #e5e5e5) !important; } [data-theme=dark] .filter-dropdown app-dropdown-option div.bg-white input::placeholder, html.dark .filter-dropdown app-dropdown-option div.bg-white input::placeholder { color: var(--text-tertiary, #8c8c8c) !important; } [data-theme=dark] .filter-dropdown app-dropdown-option div.bg-white input:focus, html.dark .filter-dropdown app-dropdown-option div.bg-white input:focus { border-color: var(--border-secondary, #525252) !important; } [data-theme=dark] .filter-dropdown app-dropdown-option div.bg-white div.text-gray-500, html.dark .filter-dropdown app-dropdown-option div.bg-white div.text-gray-500 { color: var(--text-secondary, #a3a3a3) !important; } [data-theme=dark] .filter-dropdown app-dropdown-option div.bg-white div.hover\:bg-gray-100:hover, html.dark .filter-dropdown app-dropdown-option div.bg-white div.hover\:bg-gray-100:hover { background: var(--surface-secondary, #1e1e1e) !important; } [data-theme=dark] .filter-dropdown app-dropdown-option div.bg-white div.bg-gray-50, html.dark .filter-dropdown app-dropdown-option div.bg-white div.bg-gray-50 { background: var(--surface-secondary, #1e1e1e) !important; } [data-theme=dark] .filter-dropdown app-dropdown-option div.bg-white div.text-gray-400, html.dark .filter-dropdown app-dropdown-option div.bg-white div.text-gray-400 { color: var(--text-tertiary, #8c8c8c) !important; } [data-theme=dark] .filter-dropdown app-dropdown-option div.bg-white span, html.dark .filter-dropdown app-dropdown-option div.bg-white span { color: var(--text-primary, #e5e5e5) !important; } [data-theme=dark] .filter-dropdown app-dropdown-option div.bg-white span.text-blue-600, html.dark .filter-dropdown app-dropdown-option div.bg-white span.text-blue-600 { color: var(--primary-color, #3b82f6) !important; } [data-theme=dark] .filter-dropdown app-flatpickr-datepicker input, html.dark .filter-dropdown app-flatpickr-datepicker input { background: var(--surface-primary, #121212) !important; border-color: var(--border-secondary, #525252) !important; color: var(--text-primary, #e5e5e5) !important; } [data-theme=dark] .filter-dropdown app-flatpickr-datepicker input::placeholder, html.dark .filter-dropdown app-flatpickr-datepicker input::placeholder { color: var(--text-tertiary, #8c8c8c) !important; } [data-theme=dark] app-customer-more-info .more-info-shell, [data-theme=dark] app-customer-more-info .more-info-body, [data-theme=dark] app-customer-more-info .more-info-main, [data-theme=dark] app-customer-more-info .more-info-main > .flex-1.hide-scrollbar, html.dark app-customer-more-info .more-info-shell, html.dark app-customer-more-info .more-info-body, html.dark app-customer-more-info .more-info-main, html.dark app-customer-more-info .more-info-main > .flex-1.hide-scrollbar { background: var(--bg-primary) !important; color: var(--text-primary) !important; } [data-theme=dark] app-customer-more-info .desktop-header, [data-theme=dark] app-customer-more-info .more-info-header, [data-theme=dark] app-customer-more-info .mobile-sidebar-header, html.dark app-customer-more-info .desktop-header, html.dark app-customer-more-info .more-info-header, html.dark app-customer-more-info .mobile-sidebar-header { background: var(--bg-card) !important; border-bottom: 1px solid var(--border-primary) !important; } [data-theme=dark] app-customer-more-info .desktop-header-title, [data-theme=dark] app-customer-more-info .header-title, [data-theme=dark] app-customer-more-info .mobile-sidebar-title, html.dark app-customer-more-info .desktop-header-title, html.dark app-customer-more-info .header-title, html.dark app-customer-more-info .mobile-sidebar-title { color: var(--text-primary) !important; } [data-theme=dark] app-customer-more-info .desktop-close-btn, html.dark app-customer-more-info .desktop-close-btn { color: var(--text-secondary) !important; } [data-theme=dark] app-customer-more-info .desktop-close-btn:hover, html.dark app-customer-more-info .desktop-close-btn:hover { background: var(--bg-hover) !important; color: var(--text-primary) !important; } [data-theme=dark] app-customer-more-info .mobile-back-btn, [data-theme=dark] app-customer-more-info .back-button, html.dark app-customer-more-info .mobile-back-btn, html.dark app-customer-more-info .back-button { background: var(--bg-tertiary) !important; color: var(--text-primary) !important; } [data-theme=dark] app-customer-more-info .more-info-nav, html.dark app-customer-more-info .more-info-nav { background: var(--bg-card) !important; border-right-color: var(--border-primary) !important; } [data-theme=dark] app-customer-more-info .update-button-container, html.dark app-customer-more-info .update-button-container { background: var(--bg-primary) !important; } [data-theme=dark] app-personal-more-info-content .personal-more-info-container, [data-theme=dark] app-personal-more-info-content .figma-container, html.dark app-personal-more-info-content .personal-more-info-container, html.dark app-personal-more-info-content .figma-container { background: var(--bg-primary) !important; color: var(--text-primary) !important; } [data-theme=dark] app-personal-more-info-content .loading-text, [data-theme=dark] app-personal-more-info-content .error-message, [data-theme=dark] app-personal-more-info-content .empty-message, html.dark app-personal-more-info-content .loading-text, html.dark app-personal-more-info-content .error-message, html.dark app-personal-more-info-content .empty-message { color: var(--text-muted) !important; } [data-theme=dark] app-personal-more-info-content .error-title, [data-theme=dark] app-personal-more-info-content .empty-title, [data-theme=dark] app-personal-more-info-content .customer-name, [data-theme=dark] app-personal-more-info-content .field-text, [data-theme=dark] app-personal-more-info-content .summary-title, [data-theme=dark] app-personal-more-info-content .summary-value, html.dark app-personal-more-info-content .error-title, html.dark app-personal-more-info-content .empty-title, html.dark app-personal-more-info-content .customer-name, html.dark app-personal-more-info-content .field-text, html.dark app-personal-more-info-content .summary-title, html.dark app-personal-more-info-content .summary-value { color: var(--text-primary) !important; } [data-theme=dark] app-personal-more-info-content .customer-id-badge, html.dark app-personal-more-info-content .customer-id-badge { background: var(--bg-tertiary) !important; border-color: var(--border-primary) !important; color: var(--text-muted) !important; } [data-theme=dark] app-personal-more-info-content .status-badge-container, html.dark app-personal-more-info-content .status-badge-container { background: rgba(34, 197, 94, 0.15) !important; border-color: rgba(34, 197, 94, 0.35) !important; } [data-theme=dark] app-personal-more-info-content .status-badge, [data-theme=dark] app-personal-more-info-content .status-badge.active, html.dark app-personal-more-info-content .status-badge, html.dark app-personal-more-info-content .status-badge.active { color: #6ee7b7 !important; } [data-theme=dark] app-personal-more-info-content .field-label, [data-theme=dark] app-personal-more-info-content .summary-label, html.dark app-personal-more-info-content .field-label, html.dark app-personal-more-info-content .summary-label { color: var(--text-muted) !important; } [data-theme=dark] app-personal-more-info-content .field-input, [data-theme=dark] app-personal-more-info-content .field-input-control, [data-theme=dark] app-personal-more-info-content .field-select, [data-theme=dark] app-personal-more-info-content .summary-card, html.dark app-personal-more-info-content .field-input, html.dark app-personal-more-info-content .field-input-control, html.dark app-personal-more-info-content .field-select, html.dark app-personal-more-info-content .summary-card { background: var(--bg-card) !important; border-color: var(--border-primary) !important; color: var(--text-primary) !important; } [data-theme=dark] app-personal-more-info-content .summary-card, html.dark app-personal-more-info-content .summary-card { background: var(--bg-secondary) !important; } [data-theme=dark] app-personal-more-info-content .summary-value.empty, html.dark app-personal-more-info-content .summary-value.empty { color: var(--text-muted) !important; } [data-theme=dark] app-personal-more-info-content .checkbox-custom, html.dark app-personal-more-info-content .checkbox-custom { background: var(--bg-card) !important; border-color: var(--border-secondary) !important; } [data-theme=dark] app-personal-more-info-content .checkbox-text, html.dark app-personal-more-info-content .checkbox-text { color: var(--text-primary) !important; } [data-theme=dark] app-personal-more-info-content .select-arrow, html.dark app-personal-more-info-content .select-arrow { color: var(--text-muted) !important; } [data-theme=dark] app-personal-more-info-content .btn-cancel, html.dark app-personal-more-info-content .btn-cancel { background: var(--bg-secondary) !important; border-color: var(--border-primary) !important; color: var(--text-primary) !important; } [data-theme=dark] app-personal-more-info-content .btn-update, html.dark app-personal-more-info-content .btn-update { background: var(--bg-tertiary) !important; color: var(--text-primary) !important; } [data-theme=dark] app-personal-more-info-content .address-status-message.success, html.dark app-personal-more-info-content .address-status-message.success { background-color: rgba(16, 185, 129, 0.15) !important; border-color: rgba(16, 185, 129, 0.35) !important; color: #6ee7b7 !important; } [data-theme=dark] app-personal-more-info-content .address-status-message.error, html.dark app-personal-more-info-content .address-status-message.error { background-color: rgba(239, 68, 68, 0.15) !important; border-color: rgba(239, 68, 68, 0.35) !important; color: #fca5a5 !important; } [data-theme=dark] app-common-header .status-badge.active, html.dark app-common-header .status-badge.active { background: rgba(34, 197, 94, 0.15) !important; border-color: rgba(34, 197, 94, 0.35) !important; color: #6ee7b7 !important; } [data-theme=dark] app-common-header .status-badge.inactive, html.dark app-common-header .status-badge.inactive { background: rgba(239, 68, 68, 0.15) !important; border-color: rgba(239, 68, 68, 0.35) !important; color: #fca5a5 !important; } [data-theme=dark] app-line-more-info-content .section-container, [data-theme=dark] app-line-info-form .section-container, html.dark app-line-more-info-content .section-container, html.dark app-line-info-form .section-container { border-bottom-color: var(--border-primary) !important; } [data-theme=dark] app-line-more-info-content .section-header, [data-theme=dark] app-line-more-info-content .field-value, [data-theme=dark] app-line-info-form .section-header, [data-theme=dark] app-line-info-form .field-value, html.dark app-line-more-info-content .section-header, html.dark app-line-more-info-content .field-value, html.dark app-line-info-form .section-header, html.dark app-line-info-form .field-value { color: var(--text-primary) !important; } [data-theme=dark] app-line-more-info-content .field-label, [data-theme=dark] app-line-info-form .field-label, html.dark app-line-more-info-content .field-label, html.dark app-line-info-form .field-label { color: var(--text-muted) !important; } [data-theme=dark] app-line-more-info-content .text-gray-900, html.dark app-line-more-info-content .text-gray-900 { color: var(--text-primary) !important; } [data-theme=dark] app-line-more-info-content .text-gray-600, [data-theme=dark] app-line-more-info-content .text-gray-500, html.dark app-line-more-info-content .text-gray-600, html.dark app-line-more-info-content .text-gray-500 { color: var(--text-muted) !important; } [data-theme=dark] app-line-more-info-content .bg-red-100, html.dark app-line-more-info-content .bg-red-100 { background: rgba(239, 68, 68, 0.15) !important; } [data-theme=dark] app-custom-modal .modal-container, [data-theme=dark] app-custom-modal .modal-header, [data-theme=dark] app-custom-modal .modal-body, [data-theme=dark] app-custom-modal .modal-footer, html.dark app-custom-modal .modal-container, html.dark app-custom-modal .modal-header, html.dark app-custom-modal .modal-body, html.dark app-custom-modal .modal-footer { background: var(--bg-card) !important; color: var(--text-primary) !important; } [data-theme=dark] app-custom-modal .modal-title, html.dark app-custom-modal .modal-title { color: var(--text-primary) !important; } [data-theme=dark] app-custom-modal .modal-close-btn, html.dark app-custom-modal .modal-close-btn { color: var(--text-secondary) !important; } [data-theme=dark] app-custom-modal .modal-close-btn:hover, html.dark app-custom-modal .modal-close-btn:hover { background: var(--bg-hover) !important; color: var(--text-primary) !important; } [data-theme=dark] app-custom-modal .enhanced-table-wrapper, [data-theme=dark] app-custom-modal .enhanced-table-wrapper .table-container, html.dark app-custom-modal .enhanced-table-wrapper, html.dark app-custom-modal .enhanced-table-wrapper .table-container { background: var(--bg-card) !important; } [data-theme=dark] app-custom-modal .enhanced-table-wrapper .data-table thead, [data-theme=dark] app-custom-modal .enhanced-table-wrapper .data-table .table-header, html.dark app-custom-modal .enhanced-table-wrapper .data-table thead, html.dark app-custom-modal .enhanced-table-wrapper .data-table .table-header { background: var(--bg-elevated) !important; color: var(--text-secondary) !important; } [data-theme=dark] app-custom-modal .enhanced-table-wrapper .data-table tbody .table-cell, [data-theme=dark] app-custom-modal .enhanced-table-wrapper .data-table tbody .skeleton-cell, html.dark app-custom-modal .enhanced-table-wrapper .data-table tbody .table-cell, html.dark app-custom-modal .enhanced-table-wrapper .data-table tbody .skeleton-cell { background: var(--bg-card) !important; color: var(--text-primary) !important; border-color: var(--border-primary) !important; } [data-theme=dark] app-custom-modal .enhanced-table-wrapper .data-table tbody .table-row:hover .table-cell, html.dark app-custom-modal .enhanced-table-wrapper .data-table tbody .table-row:hover .table-cell { background: #000000 !important; } [data-theme=dark] app-custom-modal .enhanced-table-wrapper .table-container::-webkit-scrollbar-track, html.dark app-custom-modal .enhanced-table-wrapper .table-container::-webkit-scrollbar-track { background: var(--bg-secondary) !important; } [data-theme=dark] app-custom-modal .enhanced-table-wrapper .table-container::-webkit-scrollbar-thumb, html.dark app-custom-modal .enhanced-table-wrapper .table-container::-webkit-scrollbar-thumb { background: var(--border-secondary) !important; } [data-theme=dark] app-custom-modal .enhanced-table-wrapper .pagination-wrapper, [data-theme=dark] app-custom-modal .enhanced-table-wrapper .pagination-controls, html.dark app-custom-modal .enhanced-table-wrapper .pagination-wrapper, html.dark app-custom-modal .enhanced-table-wrapper .pagination-controls { color: var(--text-secondary) !important; } [data-theme=dark] app-common-kpi-card .kpi-card, html.dark app-common-kpi-card .kpi-card { background: var(--bg-card, #1e1e1e) !important; border: 1px solid var(--border-primary, #404040); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3); } [data-theme=dark] app-common-kpi-card .kpi-card:hover:not(.loading), html.dark app-common-kpi-card .kpi-card:hover:not(.loading) { box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.4); border-color: var(--border-secondary, #525252); } [data-theme=dark] app-common-kpi-card .kpi-card:active:not(.loading), html.dark app-common-kpi-card .kpi-card:active:not(.loading) { background: var(--bg-elevated, #2a2a2a) !important; } [data-theme=dark] app-common-kpi-card .kpi-card.active, html.dark app-common-kpi-card .kpi-card.active { background: var(--bg-elevated, #2a2a2a) !important; } [data-theme=dark] app-common-kpi-card .kpi-content .kpi-title, html.dark app-common-kpi-card .kpi-content .kpi-title { color: var(--text-secondary, #d4d4d4) !important; } [data-theme=dark] app-common-kpi-card .kpi-content .kpi-count, html.dark app-common-kpi-card .kpi-content .kpi-count { color: var(--text-primary, #e5e5e5) !important; } [data-theme=dark] app-common-kpi-card .kpi-content .kpi-count.legacy, html.dark app-common-kpi-card .kpi-content .kpi-count.legacy { color: var(--text-primary, #e5e5e5) !important; } [data-theme=dark] app-common-kpi-card .kpi-content .kpi-count.enhanced, html.dark app-common-kpi-card .kpi-content .kpi-count.enhanced { color: var(--text-primary, #e5e5e5) !important; } [data-theme=dark] app-common-kpi-card .kpi-card.active .kpi-title, html.dark app-common-kpi-card .kpi-card.active .kpi-title { color: var(--text-primary, #e5e5e5) !important; } [data-theme=dark] app-common-kpi-card .kpi-card.active .kpi-count, html.dark app-common-kpi-card .kpi-card.active .kpi-count { color: var(--text-primary, #e5e5e5) !important; } [data-theme=dark] app-common-kpi-card .kpi-card:not(.active) .kpi-title, html.dark app-common-kpi-card .kpi-card:not(.active) .kpi-title { color: var(--text-muted, #a3a3a3) !important; } [data-theme=dark] app-common-kpi-card .kpi-icon, html.dark app-common-kpi-card .kpi-icon { background: var(--bg-tertiary, #262626) !important; } [data-theme=dark] app-common-kpi-card .kpi-icon svg, html.dark app-common-kpi-card .kpi-icon svg { stroke: var(--text-primary, #e5e5e5) !important; } [data-theme=dark] app-common-kpi-card .kpi-icon:has(.custom-icon), html.dark app-common-kpi-card .kpi-icon:has(.custom-icon) { background: transparent !important; } [data-theme=dark] app-common-kpi-card .kpi-growth.arrow-up, html.dark app-common-kpi-card .kpi-growth.arrow-up { color: #6ee7b7 !important; } [data-theme=dark] app-common-kpi-card .kpi-growth.arrow-up .arrow-icon, html.dark app-common-kpi-card .kpi-growth.arrow-up .arrow-icon { stroke: #6ee7b7 !important; } [data-theme=dark] app-common-kpi-card .kpi-growth.arrow-down, html.dark app-common-kpi-card .kpi-growth.arrow-down { color: #fca5a5 !important; } [data-theme=dark] app-common-kpi-card .kpi-growth.arrow-down .arrow-icon, html.dark app-common-kpi-card .kpi-growth.arrow-down .arrow-icon { stroke: #fca5a5 !important; } [data-theme=dark] app-common-kpi-card .kpi-growth .growth-percentage, html.dark app-common-kpi-card .kpi-growth .growth-percentage { color: inherit; } [data-theme=dark] app-common-kpi-card .growth-label, html.dark app-common-kpi-card .growth-label { color: var(--text-secondary, #d4d4d4) !important; } [data-theme=dark] app-common-kpi-card .kpi-skeleton .skeleton-title, [data-theme=dark] app-common-kpi-card .kpi-skeleton .skeleton-count, html.dark app-common-kpi-card .kpi-skeleton .skeleton-title, html.dark app-common-kpi-card .kpi-skeleton .skeleton-count { background: linear-gradient(90deg, var(--bg-tertiary, #262626) 25%, var(--bg-elevated, #2a2a2a) 50%, var(--bg-tertiary, #262626) 75%) !important; background-size: 200% 100%; animation: shimmer 1.5s infinite; } [data-theme=dark] app-common-kpi-card .enhanced-container .icon-title-wrapper .kpi-title, html.dark app-common-kpi-card .enhanced-container .icon-title-wrapper .kpi-title { color: var(--text-secondary, #d4d4d4) !important; } [data-theme=dark] app-common-kpi-card .enhanced-container .enhanced-row-2 .kpi-title-section .kpi-title, html.dark app-common-kpi-card .enhanced-container .enhanced-row-2 .kpi-title-section .kpi-title { color: var(--text-secondary, #d4d4d4) !important; } [data-theme=dark] app-common-kpi-card .kpi-count.success, html.dark app-common-kpi-card .kpi-count.success { color: #6ee7b7 !important; } [data-theme=dark] app-common-kpi-card .kpi-count.warning, html.dark app-common-kpi-card .kpi-count.warning { color: #fcd34d !important; } [data-theme=dark] app-common-kpi-card .kpi-count.error, html.dark app-common-kpi-card .kpi-count.error { color: #fca5a5 !important; } [data-theme=dark] app-common-kpi-card .kpi-count.info, html.dark app-common-kpi-card .kpi-count.info { color: #93c5fd !important; } [data-theme=dark] app-common-kpi-card .kpi-count.primary, html.dark app-common-kpi-card .kpi-count.primary { color: var(--brand-primary, #60a5fa) !important; } [data-theme=dark] .mobile-sheet-backdrop, html.dark .mobile-sheet-backdrop { background: rgba(0, 0, 0, 0.75) !important; } [data-theme=dark] .mobile-sheet, html.dark .mobile-sheet { background: #1f1f1f !important; } [data-theme=dark] .mobile-sheet-handle, html.dark .mobile-sheet-handle { background: #525252 !important; } [data-theme=dark] .mobile-sheet-title, html.dark .mobile-sheet-title { color: #e5e5e5 !important; } [data-theme=dark] .mobile-sheet-back, html.dark .mobile-sheet-back { color: #d4d4d4 !important; } [data-theme=dark] .mobile-sheet-content, html.dark .mobile-sheet-content { background: #1f1f1f !important; } [data-theme=dark] .mobile-sheet-item, html.dark .mobile-sheet-item { background: #1f1f1f !important; color: #d4d4d4 !important; } [data-theme=dark] .mobile-sheet-item:hover, html.dark .mobile-sheet-item:hover { background: rgba(255, 255, 255, 0.08) !important; } [data-theme=dark] .mobile-sheet-item.active, html.dark .mobile-sheet-item.active { background: rgba(255, 255, 255, 0.05) !important; } [data-theme=dark] .preset-indicator, html.dark .preset-indicator { border-color: rgba(255, 255, 255, 0.18) !important; background: transparent !important; } [data-theme=dark] .preset-indicator.checked, html.dark .preset-indicator.checked { border-color: rgba(103, 59, 179, 0.5) !important; } [data-theme=dark] app-shipment-details .shipment-details-container, html.dark app-shipment-details .shipment-details-container { background: var(--bg-card, #1a1a1a) !important; border-color: var(--border-primary, #333) !important; } [data-theme=dark] app-shipment-details .mobile-modal-header, html.dark app-shipment-details .mobile-modal-header { background: var(--bg-card, #1a1a1a) !important; } [data-theme=dark] app-shipment-details .mobile-header-title, html.dark app-shipment-details .mobile-header-title { color: var(--text-primary, #e5e5e5) !important; } [data-theme=dark] app-shipment-details .mobile-badges-row, html.dark app-shipment-details .mobile-badges-row { background: var(--bg-card, #1a1a1a) !important; } [data-theme=dark] app-shipment-details .custom-badge, [data-theme=dark] app-shipment-details .badge-success, [data-theme=dark] app-shipment-details .badge-warning, html.dark app-shipment-details .custom-badge, html.dark app-shipment-details .badge-success, html.dark app-shipment-details .badge-warning { background: var(--bg-tertiary, #262626) !important; color: var(--text-primary, #e5e5e5) !important; border: none !important; } [data-theme=dark] app-shipment-details .main-content, html.dark app-shipment-details .main-content { background: var(--bg-primary, #0f0f0f) !important; } [data-theme=dark] app-shipment-details .customer-details, [data-theme=dark] app-shipment-details .section-title, [data-theme=dark] app-shipment-details h2, [data-theme=dark] app-shipment-details h3, html.dark app-shipment-details .customer-details, html.dark app-shipment-details .section-title, html.dark app-shipment-details h2, html.dark app-shipment-details h3 { color: var(--text-primary, #e5e5e5) !important; } [data-theme=dark] app-shipment-details .text-sm, [data-theme=dark] app-shipment-details p, [data-theme=dark] app-shipment-details .detail-value, html.dark app-shipment-details .text-sm, html.dark app-shipment-details p, html.dark app-shipment-details .detail-value { color: var(--text-secondary, #d4d4d4) !important; } [data-theme=dark] app-shipment-details label, [data-theme=dark] app-shipment-details .detail-label, [data-theme=dark] app-shipment-details .text-xs, html.dark app-shipment-details label, html.dark app-shipment-details .detail-label, html.dark app-shipment-details .text-xs { color: var(--text-muted, #a3a3a3) !important; } [data-theme=dark] app-shipment-details .left-card, [data-theme=dark] app-shipment-details .summary-card, html.dark app-shipment-details .left-card, html.dark app-shipment-details .summary-card { background: var(--bg-card, #1e1e1e) !important; border: 1px solid var(--border-secondary, #404040) !important; } [data-theme=dark] app-shipment-details .left-bottom-card, html.dark app-shipment-details .left-bottom-card { background: var(--bg-tertiary, #262626) !important; } [data-theme=dark] app-shipment-details .flex.items-center.space-x-3, html.dark app-shipment-details .flex.items-center.space-x-3 { background: var(--bg-tertiary, #262626) !important; border-color: var(--border-primary, #404040) !important; } [data-theme=dark] app-shipment-details .border-t, html.dark app-shipment-details .border-t { border-color: var(--border-primary, #333) !important; } [data-theme=dark] app-shipment-details .button-color, html.dark app-shipment-details .button-color { background: var(--bg-active, #404040) !important; } [data-theme=dark] app-shipment-details button.border, html.dark app-shipment-details button.border { border-color: var(--border-secondary, #404040) !important; color: var(--text-primary, #e5e5e5) !important; } [data-theme=dark] app-shipment-details .underline, html.dark app-shipment-details .underline { color: var(--brand-primary, #60a5fa) !important; } [data-theme=dark] app-shipment-details .border-l, html.dark app-shipment-details .border-l { border-color: var(--border-primary, #333) !important; } [data-theme=dark] app-shipment-details .bg-purple-100, html.dark app-shipment-details .bg-purple-100 { background: rgba(124, 58, 237, 0.2) !important; } [data-theme=dark] app-shipment-details .text-purple-800, html.dark app-shipment-details .text-purple-800 { color: #a78bfa !important; } [data-theme=dark] app-dynamic-invoice-template, html.dark app-dynamic-invoice-template { background: transparent !important; } [data-theme=dark] app-dynamic-invoice-template .rounded-lg, [data-theme=dark] app-dynamic-invoice-template .rounded-xl, [data-theme=dark] app-dynamic-invoice-template .rounded-2xl, [data-theme=dark] app-dynamic-invoice-template .overflow-hidden, html.dark app-dynamic-invoice-template .rounded-lg, html.dark app-dynamic-invoice-template .rounded-xl, html.dark app-dynamic-invoice-template .rounded-2xl, html.dark app-dynamic-invoice-template .overflow-hidden { background: var(--bg-card, #1e1e1e) !important; border: 1px solid var(--border-primary, #333) !important; } [data-theme=dark] app-dynamic-invoice-template table, html.dark app-dynamic-invoice-template table { background: var(--bg-card, #1e1e1e) !important; } [data-theme=dark] app-dynamic-invoice-template thead, html.dark app-dynamic-invoice-template thead { background: var(--bg-tertiary, #262626) !important; } [data-theme=dark] app-dynamic-invoice-template thead tr, html.dark app-dynamic-invoice-template thead tr { background: var(--bg-tertiary, #262626) !important; } [data-theme=dark] app-dynamic-invoice-template thead th, html.dark app-dynamic-invoice-template thead th { background: var(--bg-tertiary, #262626) !important; color: var(--text-primary, #e5e5e5) !important; border-color: var(--border-primary, #333) !important; } [data-theme=dark] app-dynamic-invoice-template tbody, html.dark app-dynamic-invoice-template tbody { background: var(--bg-card, #1e1e1e) !important; } [data-theme=dark] app-dynamic-invoice-template tbody tr, html.dark app-dynamic-invoice-template tbody tr { background: var(--bg-card, #1e1e1e) !important; border-color: var(--border-primary, #333) !important; } [data-theme=dark] app-dynamic-invoice-template tbody tr:hover, html.dark app-dynamic-invoice-template tbody tr:hover { background: var(--bg-hover, #2a2a2a) !important; } [data-theme=dark] app-dynamic-invoice-template tbody tr:hover td, html.dark app-dynamic-invoice-template tbody tr:hover td { background: var(--bg-hover, #2a2a2a) !important; } [data-theme=dark] app-dynamic-invoice-template tbody td, html.dark app-dynamic-invoice-template tbody td { background: var(--bg-card, #121212) !important; color: var(--text-secondary, #d4d4d4) !important; border-color: var(--border-primary, #333) !important; } [data-theme=dark] app-dynamic-invoice-template .border, [data-theme=dark] app-dynamic-invoice-template .border-gray-200, [data-theme=dark] app-dynamic-invoice-template .border-gray-100, html.dark app-dynamic-invoice-template .border, html.dark app-dynamic-invoice-template .border-gray-200, html.dark app-dynamic-invoice-template .border-gray-100 { border-color: var(--border-primary, #333) !important; } [data-theme=dark] app-dynamic-invoice-template .text-gray-500, [data-theme=dark] app-dynamic-invoice-template .text-gray-600, [data-theme=dark] app-dynamic-invoice-template .text-gray-400, html.dark app-dynamic-invoice-template .text-gray-500, html.dark app-dynamic-invoice-template .text-gray-600, html.dark app-dynamic-invoice-template .text-gray-400 { color: var(--text-muted, #a3a3a3) !important; } [data-theme=dark] app-dynamic-invoice-template .text-gray-900, [data-theme=dark] app-dynamic-invoice-template .text-gray-800, [data-theme=dark] app-dynamic-invoice-template .text-gray-700, [data-theme=dark] app-dynamic-invoice-template .text-black, html.dark app-dynamic-invoice-template .text-gray-900, html.dark app-dynamic-invoice-template .text-gray-800, html.dark app-dynamic-invoice-template .text-gray-700, html.dark app-dynamic-invoice-template .text-black { color: var(--text-primary, #e5e5e5) !important; } [data-theme=dark] app-dynamic-invoice-template .pagination, [data-theme=dark] app-dynamic-invoice-template .pagination-wrapper, [data-theme=dark] app-dynamic-invoice-template .pagination-controls, [data-theme=dark] app-dynamic-invoice-template nav, html.dark app-dynamic-invoice-template .pagination, html.dark app-dynamic-invoice-template .pagination-wrapper, html.dark app-dynamic-invoice-template .pagination-controls, html.dark app-dynamic-invoice-template nav { background: transparent !important; color: var(--text-secondary, #d4d4d4) !important; } [data-theme=dark] app-dynamic-invoice-template button, [data-theme=dark] app-dynamic-invoice-template .page-btn, [data-theme=dark] app-dynamic-invoice-template .pagination-btn, html.dark app-dynamic-invoice-template button, html.dark app-dynamic-invoice-template .page-btn, html.dark app-dynamic-invoice-template .pagination-btn { background: var(--bg-card, #1e1e1e) !important; color: var(--text-secondary, #d4d4d4) !important; border-color: var(--border-primary, #333) !important; } [data-theme=dark] app-dynamic-invoice-template button:hover:not(:disabled), [data-theme=dark] app-dynamic-invoice-template .page-btn:hover:not(:disabled), [data-theme=dark] app-dynamic-invoice-template .pagination-btn:hover:not(:disabled), html.dark app-dynamic-invoice-template button:hover:not(:disabled), html.dark app-dynamic-invoice-template .page-btn:hover:not(:disabled), html.dark app-dynamic-invoice-template .pagination-btn:hover:not(:disabled) { background: var(--bg-hover, #2a2a2a) !important; color: var(--text-primary, #e5e5e5) !important; } [data-theme=dark] app-dynamic-invoice-template button.active, [data-theme=dark] app-dynamic-invoice-template button[aria-current=page], [data-theme=dark] app-dynamic-invoice-template .page-btn.active, [data-theme=dark] app-dynamic-invoice-template .page-btn[aria-current=page], [data-theme=dark] app-dynamic-invoice-template .pagination-btn.active, [data-theme=dark] app-dynamic-invoice-template .pagination-btn[aria-current=page], html.dark app-dynamic-invoice-template button.active, html.dark app-dynamic-invoice-template button[aria-current=page], html.dark app-dynamic-invoice-template .page-btn.active, html.dark app-dynamic-invoice-template .page-btn[aria-current=page], html.dark app-dynamic-invoice-template .pagination-btn.active, html.dark app-dynamic-invoice-template .pagination-btn[aria-current=page] { background: var(--brand-secondary, #7c3aed) !important; color: white !important; border-color: var(--brand-secondary, #7c3aed) !important; } [data-theme=dark] app-dynamic-invoice-template button:disabled, [data-theme=dark] app-dynamic-invoice-template .page-btn:disabled, [data-theme=dark] app-dynamic-invoice-template .pagination-btn:disabled, html.dark app-dynamic-invoice-template button:disabled, html.dark app-dynamic-invoice-template .page-btn:disabled, html.dark app-dynamic-invoice-template .pagination-btn:disabled { opacity: 0.5; cursor: not-allowed; } [data-theme=dark] app-dynamic-invoice-template .page-info, [data-theme=dark] app-dynamic-invoice-template .pagination-info, [data-theme=dark] app-dynamic-invoice-template span, html.dark app-dynamic-invoice-template .page-info, html.dark app-dynamic-invoice-template .pagination-info, html.dark app-dynamic-invoice-template span { color: var(--text-muted, #a3a3a3) !important; } [data-theme=dark] app-custom-pagination .pagination-wrapper, [data-theme=dark] app-custom-pagination .pagination-controls, [data-theme=dark] .custom-pagination .pagination-wrapper, [data-theme=dark] .custom-pagination .pagination-controls, html.dark app-custom-pagination .pagination-wrapper, html.dark app-custom-pagination .pagination-controls, html.dark .custom-pagination .pagination-wrapper, html.dark .custom-pagination .pagination-controls { background: transparent !important; } [data-theme=dark] app-custom-pagination button, [data-theme=dark] app-custom-pagination .page-btn, [data-theme=dark] .custom-pagination button, [data-theme=dark] .custom-pagination .page-btn, html.dark app-custom-pagination button, html.dark app-custom-pagination .page-btn, html.dark .custom-pagination button, html.dark .custom-pagination .page-btn { background: var(--bg-card, #1e1e1e) !important; color: var(--text-secondary, #d4d4d4) !important; border: 1px solid var(--border-primary, #333) !important; } [data-theme=dark] app-custom-pagination button:hover:not(:disabled), [data-theme=dark] app-custom-pagination .page-btn:hover:not(:disabled), [data-theme=dark] .custom-pagination button:hover:not(:disabled), [data-theme=dark] .custom-pagination .page-btn:hover:not(:disabled), html.dark app-custom-pagination button:hover:not(:disabled), html.dark app-custom-pagination .page-btn:hover:not(:disabled), html.dark .custom-pagination button:hover:not(:disabled), html.dark .custom-pagination .page-btn:hover:not(:disabled) { background: var(--bg-hover, #2a2a2a) !important; } [data-theme=dark] app-custom-pagination button.active, [data-theme=dark] app-custom-pagination .page-btn.active, [data-theme=dark] .custom-pagination button.active, [data-theme=dark] .custom-pagination .page-btn.active, html.dark app-custom-pagination button.active, html.dark app-custom-pagination .page-btn.active, html.dark .custom-pagination button.active, html.dark .custom-pagination .page-btn.active { background: var(--brand-secondary, #7c3aed) !important; color: white !important; border-color: var(--brand-secondary, #7c3aed) !important; } [data-theme=dark] app-custom-pagination span, [data-theme=dark] app-custom-pagination .page-info, [data-theme=dark] .custom-pagination span, [data-theme=dark] .custom-pagination .page-info, html.dark app-custom-pagination span, html.dark app-custom-pagination .page-info, html.dark .custom-pagination span, html.dark .custom-pagination .page-info { color: var(--text-muted, #a3a3a3) !important; } [data-theme=dark] app-payments-details .modal-container, html.dark app-payments-details .modal-container { background: var(--bg-card, #1e1e1e) !important; border: 1px solid var(--border-primary, #404040) !important; } [data-theme=dark] app-payments-details .modal-header, html.dark app-payments-details .modal-header { background: var(--bg-elevated, #2a2a2a) !important; border-bottom: 1px solid var(--border-primary, #404040) !important; } [data-theme=dark] app-payments-details .modal-title, html.dark app-payments-details .modal-title { color: var(--text-primary, #e5e5e5) !important; } [data-theme=dark] app-payments-details .action-btn, html.dark app-payments-details .action-btn { color: var(--text-muted, #a3a3a3) !important; } [data-theme=dark] app-payments-details .action-btn:hover, html.dark app-payments-details .action-btn:hover { background-color: var(--bg-hover, #333333) !important; } [data-theme=dark] app-payments-details .action-btn svg path, html.dark app-payments-details .action-btn svg path { stroke: var(--text-muted, #a3a3a3) !important; } [data-theme=dark] app-payments-details .theme-toggle-btn, html.dark app-payments-details .theme-toggle-btn { background: transparent !important; } [data-theme=dark] app-payments-details .theme-toggle-btn:hover, [data-theme=dark] app-payments-details .theme-toggle-btn:focus, [data-theme=dark] app-payments-details .theme-toggle-btn:active, html.dark app-payments-details .theme-toggle-btn:hover, html.dark app-payments-details .theme-toggle-btn:focus, html.dark app-payments-details .theme-toggle-btn:active { background: transparent !important; outline: none !important; box-shadow: none !important; } [data-theme=dark] app-payments-details .theme-toggle-btn svg path, html.dark app-payments-details .theme-toggle-btn svg path { stroke: unset !important; fill: unset !important; } [data-theme=dark] app-payments-details .modal-content, html.dark app-payments-details .modal-content { background: var(--bg-secondary, #1a1a1a) !important; } [data-theme=dark] app-payments-details .sidebar, html.dark app-payments-details .sidebar { background-color: var(--bg-card, #1e1e1e) !important; border-right-color: var(--border-primary, #404040) !important; } [data-theme=dark] app-payments-details .section-title, html.dark app-payments-details .section-title { color: var(--text-primary, #e5e5e5) !important; } [data-theme=dark] app-payments-details .detail-label, html.dark app-payments-details .detail-label { color: var(--text-muted, #a3a3a3) !important; } [data-theme=dark] app-payments-details .detail-value, html.dark app-payments-details .detail-value { color: var(--text-primary, #e5e5e5) !important; } [data-theme=dark] app-payments-details .plan-card, [data-theme=dark] app-payments-details .bg-\[\#F9F9F9\], html.dark app-payments-details .plan-card, html.dark app-payments-details .bg-\[\#F9F9F9\] { background: var(--bg-tertiary, #262626) !important; } [data-theme=dark] app-payments-details .plan-name, html.dark app-payments-details .plan-name { color: var(--text-primary, #e5e5e5) !important; } [data-theme=dark] app-payments-details .price, html.dark app-payments-details .price { color: var(--text-primary, #e5e5e5) !important; } [data-theme=dark] app-payments-details .plan-dates-container, html.dark app-payments-details .plan-dates-container { background-color: var(--bg-elevated, #2a2a2a) !important; } [data-theme=dark] app-payments-details .date-label, [data-theme=dark] app-payments-details .date-value, html.dark app-payments-details .date-label, html.dark app-payments-details .date-value { color: var(--text-primary, #e5e5e5) !important; } [data-theme=dark] app-payments-details .feature-item, html.dark app-payments-details .feature-item { color: var(--text-primary, #e5e5e5) !important; } [data-theme=dark] app-payments-details .usage-label, [data-theme=dark] app-payments-details .usage-card-label, html.dark app-payments-details .usage-label, html.dark app-payments-details .usage-card-label { color: var(--text-muted, #a3a3a3) !important; } [data-theme=dark] app-payments-details .usage-value, [data-theme=dark] app-payments-details .usage-card-value, html.dark app-payments-details .usage-value, html.dark app-payments-details .usage-card-value { color: var(--text-primary, #e5e5e5) !important; } [data-theme=dark] app-payments-details .usage-card, html.dark app-payments-details .usage-card { border-color: var(--border-primary, #404040) !important; background: var(--bg-card, #1e1e1e) !important; } [data-theme=dark] app-payments-details .usage-card-icon, html.dark app-payments-details .usage-card-icon { background-color: var(--bg-tertiary, #262626) !important; } [data-theme=dark] app-payments-details .table thead th, html.dark app-payments-details .table thead th { color: var(--text-muted, #a3a3a3) !important; border-bottom-color: var(--border-primary, #404040) !important; } [data-theme=dark] app-payments-details .table tbody td, html.dark app-payments-details .table tbody td { color: var(--text-primary, #e5e5e5) !important; border-bottom-color: var(--border-muted, #333333) !important; } [data-theme=dark] app-payments-details .table tbody tr, html.dark app-payments-details .table tbody tr { color: var(--text-primary, #e5e5e5) !important; } [data-theme=dark] app-payments-details .text-gray-900, html.dark app-payments-details .text-gray-900 { color: var(--text-primary, #e5e5e5) !important; } [data-theme=dark] app-payments-details .text-\[\#777777\], html.dark app-payments-details .text-\[\#777777\] { color: var(--text-muted, #a3a3a3) !important; } [data-theme=dark] app-payments-details .text-black, html.dark app-payments-details .text-black { color: var(--text-primary, #e5e5e5) !important; } [data-theme=dark] app-payments-details .timeline-date, html.dark app-payments-details .timeline-date { color: var(--text-muted, #a3a3a3) !important; } [data-theme=dark] app-payments-details .timeline-actor, html.dark app-payments-details .timeline-actor { color: var(--text-primary, #e5e5e5) !important; } [data-theme=dark] app-payments-details .timeline-description, html.dark app-payments-details .timeline-description { color: var(--text-muted, #a3a3a3) !important; } [data-theme=dark] app-payments-details .tab, html.dark app-payments-details .tab { background-color: var(--bg-tertiary, #262626) !important; color: var(--text-primary, #e5e5e5) !important; } [data-theme=dark] app-payments-details .tab.active, html.dark app-payments-details .tab.active { background-color: var(--bg-hover, #333333) !important; color: var(--text-primary, #e5e5e5) !important; } [data-theme=dark] app-payments-details .action-btn-small, html.dark app-payments-details .action-btn-small { color: var(--text-muted, #a3a3a3) !important; } [data-theme=dark] app-payments-details .action-btn-small:hover, html.dark app-payments-details .action-btn-small:hover { background-color: var(--bg-hover, #333333) !important; } [data-theme=dark] app-payments-details .border-b, [data-theme=dark] app-payments-details .border-t, html.dark app-payments-details .border-b, html.dark app-payments-details .border-t { border-color: var(--border-primary, #404040) !important; } [data-theme=dark] app-payments-details .progress-ring-bg, html.dark app-payments-details .progress-ring-bg { stroke: var(--border-primary, #404040) !important; } [data-theme=dark] app-payments-details .mobile-modal-header, html.dark app-payments-details .mobile-modal-header { background: var(--bg-card, #1e1e1e) !important; } [data-theme=dark] app-payments-details .mobile-header-title, html.dark app-payments-details .mobile-header-title { color: var(--text-primary, #e5e5e5) !important; } [data-theme=dark] app-payments-details .mobile-badges-row, html.dark app-payments-details .mobile-badges-row { background: var(--bg-card, #1e1e1e) !important; } [data-theme=dark] app-payments-details .mobile-back-btn, html.dark app-payments-details .mobile-back-btn { background: var(--bg-hover, #333333) !important; border: 1px solid var(--border-secondary, #525252) !important; } [data-theme=dark] app-payments-details .mobile-back-btn img, html.dark app-payments-details .mobile-back-btn img { filter: brightness(0) invert(1) !important; opacity: 1 !important; } [data-theme=dark] app-payments-details .custom-badge.badge-success, html.dark app-payments-details .custom-badge.badge-success { background-color: var(--status-success-bg, #064e3b) !important; color: var(--status-success-text, #6ee7b7) !important; } [data-theme=dark] app-payments-details .custom-badge.badge-primary, html.dark app-payments-details .custom-badge.badge-primary { background-color: var(--status-info-bg, #1e3a8a) !important; color: var(--status-info-text, #93c5fd) !important; } [data-theme=dark] app-payments-details .custom-badge.badge-warning, html.dark app-payments-details .custom-badge.badge-warning { background-color: var(--status-warning-bg, #78350f) !important; color: var(--status-warning-text, #fcd34d) !important; } [data-theme=dark] app-payments-details .custom-badge.badge-danger, html.dark app-payments-details .custom-badge.badge-danger { background-color: var(--status-error-bg, #7f1d1d) !important; color: var(--status-error-text, #fca5a5) !important; } [data-theme=dark] app-payments-details .custom-badge.badge-secondary, html.dark app-payments-details .custom-badge.badge-secondary { background-color: var(--bg-tertiary, #262626) !important; color: var(--text-secondary, #d4d4d4) !important; } [data-theme=dark] app-payments-details .mobile-badges-row, html.dark app-payments-details .mobile-badges-row { background: var(--bg-card, #1e1e1e) !important; } [data-theme=dark] app-payments-details .mobile-badges-row span, [data-theme=dark] app-payments-details .mobile-badges-row .text-2xl, [data-theme=dark] app-payments-details .mobile-badges-row .text-black, html.dark app-payments-details .mobile-badges-row span, html.dark app-payments-details .mobile-badges-row .text-2xl, html.dark app-payments-details .mobile-badges-row .text-black { color: var(--text-primary, #e5e5e5) !important; } [data-theme=dark] app-payments-details .mobile-badges-row .custom-badge, html.dark app-payments-details .mobile-badges-row .custom-badge { border: none !important; } @media (max-width: 768px) { [data-theme=dark] app-payments-details .modal-content, html.dark app-payments-details .modal-content { background: var(--bg-secondary, #1a1a1a) !important; border-radius: 40px 40px 0 0; } [data-theme=dark] app-payments-details .sidebar, html.dark app-payments-details .sidebar { background: transparent !important; } [data-theme=dark] .mobile-header-icon-btn, html.dark .mobile-header-icon-btn { background: var(--bg-secondary) !important; border-color: transparent !important; color: var(--text-muted) !important; } [data-theme=dark] .mobile-header-icon-btn:hover, html.dark .mobile-header-icon-btn:hover { background: var(--bg-secondary) !important; } [data-theme=dark] .mobile-header-icon-btn svg path, html.dark .mobile-header-icon-btn svg path { stroke: var(--text-muted) !important; } } [data-theme=dark] app-upload-manager .upload-widget, html.dark app-upload-manager .upload-widget { background: #1e1e1e !important; border-color: #3a3a3a !important; } [data-theme=dark] app-upload-manager .upload-widget .upload-header .header-count, html.dark app-upload-manager .upload-widget .upload-header .header-count { background: rgba(0, 0, 0, 0.35) !important; color: #ffffff !important; } [data-theme=dark] app-upload-manager .upload-widget .upload-list, html.dark app-upload-manager .upload-widget .upload-list { background: #1e1e1e !important; } [data-theme=dark] app-upload-manager .upload-widget .upload-list::-webkit-scrollbar-track, html.dark app-upload-manager .upload-widget .upload-list::-webkit-scrollbar-track { background: #2a2a2a !important; } [data-theme=dark] app-upload-manager .upload-widget .upload-list::-webkit-scrollbar-thumb, html.dark app-upload-manager .upload-widget .upload-list::-webkit-scrollbar-thumb { background: #404040 !important; } [data-theme=dark] app-upload-manager .upload-widget .upload-item, html.dark app-upload-manager .upload-widget .upload-item { border-bottom-color: #2e2e2e !important; } [data-theme=dark] app-upload-manager .upload-widget .upload-item .file-name, html.dark app-upload-manager .upload-widget .upload-item .file-name { color: #e5e5e5 !important; } [data-theme=dark] app-upload-manager .upload-widget .upload-item .status-label, html.dark app-upload-manager .upload-widget .upload-item .status-label { color: #a3a3a3 !important; } [data-theme=dark] app-upload-manager .upload-widget .upload-item .record-count, [data-theme=dark] app-upload-manager .upload-widget .upload-item .percent, html.dark app-upload-manager .upload-widget .upload-item .record-count, html.dark app-upload-manager .upload-widget .upload-item .percent { color: #d4d4d4 !important; } [data-theme=dark] app-upload-manager .upload-widget .upload-item .record-count.muted, [data-theme=dark] app-upload-manager .upload-widget .upload-item .percent.muted, html.dark app-upload-manager .upload-widget .upload-item .record-count.muted, html.dark app-upload-manager .upload-widget .upload-item .percent.muted { color: #525252 !important; } [data-theme=dark] app-upload-manager .upload-widget .spinner, html.dark app-upload-manager .upload-widget .spinner { border-color: #3a3a3a !important; border-top-color: #976DEA !important; } [data-theme=dark] app-upload-manager .upload-widget .abort-btn, html.dark app-upload-manager .upload-widget .abort-btn { background: #3f1c1c !important; border-color: #7f1d1d !important; color: #fca5a5 !important; } [data-theme=dark] app-upload-manager .upload-widget .abort-btn:hover, html.dark app-upload-manager .upload-widget .abort-btn:hover { background: #4d2020 !important; border-color: #991b1b !important; } [data-theme=dark] app-logs .logs-content-wrapper, html.dark app-logs .logs-content-wrapper { background: var(--bg-secondary, #1a1a1a) !important; } [data-theme=dark] app-logs .logs-content, html.dark app-logs .logs-content { background: var(--bg-secondary, #1a1a1a) !important; } [data-theme=dark] app-logs .logs-mobile-header, html.dark app-logs .logs-mobile-header { background: var(--bg-secondary, #1a1a1a) !important; } [data-theme=dark] app-logs .logs-mobile-panel-header, html.dark app-logs .logs-mobile-panel-header { background: var(--bg-elevated, #2a2a2a) !important; border-bottom-color: var(--border-muted, #333333) !important; } [data-theme=dark] app-logs .logs-mobile-header-title, html.dark app-logs .logs-mobile-header-title { color: var(--text-primary, #e5e5e5) !important; } [data-theme=dark] app-logs .logs-mobile-back-btn, html.dark app-logs .logs-mobile-back-btn { background: var(--bg-hover, #333333) !important; } [data-theme=dark] app-logs .logs-mobile-back-btn img.logs-mobile-back-icon, html.dark app-logs .logs-mobile-back-btn img.logs-mobile-back-icon { filter: brightness(0) invert(1) !important; opacity: 0.85 !important; } [data-theme=dark] app-logs .mobile-refresh-button ::ng-deep .simple-button, html.dark app-logs .mobile-refresh-button ::ng-deep .simple-button { background: var(--bg-elevated, #2a2a2a) !important; border-color: var(--border-muted, #333333) !important; color: var(--text-primary, #e5e5e5) !important; } @media (max-width: 768px) { [data-theme=dark] app-review-detail .detail-header, html.dark app-review-detail .detail-header { background-color: var(--bg-primary, #121212) !important; } } @media (max-width: 576px) { [data-theme=dark] app-review-detail .mobile-panel-header, html.dark app-review-detail .mobile-panel-header { background: var(--bg-primary, #121212) !important; border-bottom-color: var(--border-muted, #333333) !important; } [data-theme=dark] app-review-detail .mobile-header-title, html.dark app-review-detail .mobile-header-title { color: var(--text-primary, #e5e5e5) !important; } [data-theme=dark] app-review-detail .header-actions, html.dark app-review-detail .header-actions { background-color: var(--bg-secondary, #1a1a1a) !important; } [data-theme=dark] app-review-detail .header-btn, html.dark app-review-detail .header-btn { background-color: var(--bg-elevated, #2a2a2a) !important; color: var(--text-primary, #e5e5e5) !important; } [data-theme=dark] app-review-detail .header-btn.program-requirements-btn, html.dark app-review-detail .header-btn.program-requirements-btn { background-color: rgba(56, 142, 60, 0.2) !important; color: #81c784 !important; } [data-theme=dark] app-review-detail .header-btn.ucl-enrollments-btn, html.dark app-review-detail .header-btn.ucl-enrollments-btn { background-color: rgba(25, 118, 210, 0.2) !important; color: #64b5f6 !important; } } body.quick-options-panel-open app-header .header-container { z-index: auto !important; } :root { --color-primary-50: #eff6ff; --color-primary-500: #3b82f6; --color-primary-600: #2563eb; --color-primary-700: #1d4ed8; --color-primary-900: #1e3a8a; --color-gray-50: #f9fafb; --color-gray-100: #f3f4f6; --color-gray-200: #e5e7eb; --color-gray-300: #d1d5db; --color-gray-400: #9ca3af; --color-gray-500: #6b7280; --color-gray-600: #4b5563; --color-gray-700: #374151; --color-gray-800: #1f2937; --color-gray-900: #111827; --color-success: #10b981; --color-warning: #f59e0b; --color-error: #ef4444; --font-family-primary: "Lexend", sans-serif; --font-size-xs: 0.75rem; --font-size-sm: 0.875rem; --font-size-base: 1rem; --font-size-lg: 1.125rem; --font-size-xl: 1.25rem; --font-size-2xl: 1.5rem; --font-size-3xl: 1.875rem; --space-1: 0.25rem; --space-2: 0.5rem; --space-3: 0.75rem; --space-4: 1rem; --space-5: 1.25rem; --space-6: 1.5rem; --space-8: 2rem; --space-10: 2.5rem; --space-12: 3rem; --space-16: 4rem; --space-20: 5rem; --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05); --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1); --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1); --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1); --shadow-soft: 0 2px 15px 0 rgba(0, 0, 0, 0.08); --radius-sm: 0.25rem; --radius-md: 0.375rem; --radius-lg: 0.5rem; --radius-xl: 0.75rem; --radius-2xl: 1rem; --transition-fast: 150ms ease-in-out; --transition-normal: 250ms ease-in-out; --transition-slow: 350ms ease-in-out; } .text-labal-color { color: #666666; } .ng-select .ng-select-container { border-radius: 9px !important; } .button-color { background: radial-gradient(38.61% 40.02% at 50.15% 0%, #505050 0%, #121212 100%); } *, *::before, *::after { box-sizing: border-box; } html, body { font-family: var(--font-family-primary); background: white; color: black; overflow: hidden; height: 100vh; margin: 0; padding: 0; } @media (min-width: 769px) and (max-width: 1600px) { app-layout { zoom: 0.8 !important; height: 125vh !important; /* 125vh × zoom(0.8) = 100vh visual, 100vh in parent layout */ overflow: hidden !important; } .dashboard-layout { height: 100% !important; /* fill app-layout — NOT 100vh which would re-introduce blank space */ } /* Route component hosts must fill .content-area instead of resolving vh against the real viewport — which causes a 20% blank strip under zoom:0.8 */ app-layout .content-area > *:not(router-outlet) { display: block !important; height: 100% !important; max-height: 100% !important; } /* Resizable panel: position:fixed descendants scale with ancestor zoom. 100vw/100vh at zoom:0.8 = 80% of screen visually. Compensate: 125vw/125vh × 0.8 = 100% visual coverage. */ app-layout app-resizable-panel .resizable-panel-overlay { width: 125vw !important; height: 125vh !important; } app-layout app-resizable-panel .resizable-panel { height: 125vh !important; } app-login { zoom: 0.8 !important; height: 125vh !important; /* 125vh × zoom(0.8) = 100vh visual fill */ overflow: hidden !important; display: block !important; } /* .login-container resolves height:100vh against the real viewport under zoom, causing a 20% blank strip — use height:100% to fill the zoomed app-login instead */ app-login .login-container { height: 100% !important; } /* Modals / popups use position:fixed backdrops which escape app-layout zoom in Chrome. We zoom only the visible content box — NOT the backdrop — so the dark overlay still fills the full viewport. Patterns found in this codebase: - subscription-details, payments-details, awaiting-shipment, etc. → .modal-container - custom-modal.component → .modal-container (inside .modal-backdrop) - modal-container.component (ModalService) → .modal-dialog (inside .modal-overlay) - common-detail popup → .detail-popup-container (inside .detail-popup-overlay) */ .modal-container, .modal-dialog, .detail-popup-container { zoom: 0.8 !important; } /* CDK global overlays (Angular Material dialogs) render in .cdk-overlay-container outside app-layout, so they bypass the app-layout zoom entirely. NOTE: Connected overlays (dropdowns, menus) use .cdk-overlay-connected-position-bounding-box, not .cdk-global-overlay-wrapper, so their pixel-based positioning is unaffected. */ .cdk-global-overlay-wrapper .cdk-overlay-pane { zoom: 0.8 !important; } /* Zoom only the filter-dropdown content, NOT the pane itself. Zooming the pane breaks CDK's pixel-based positioning (pane drifts from trigger). Zooming only the inner content keeps CDK anchor correct while scaling the UI. */ .filter-overlay-pane .filter-dropdown { zoom: 0.8 !important; } /* common-dropdown portal menus are moved to via attachMenuToBody(), escaping app-layout zoom. Apply zoom directly to the portaled menu element. */ .common-dropdown-portal-menu { zoom: 0.8 !important; } /* SweetAlert2 dialogs render in their own fixed container outside app-layout. */ .swal2-container .swal2-popup { zoom: 0.8 !important; } /* iframes render independent documents and don't inherit parent zoom. Zoom the iframe element itself to match the app scale. */ app-layout iframe, .cdk-overlay-container iframe { zoom: 0.8 !important; } } .cdk-overlay-container, .cdk-global-overlay-wrapper { pointer-events: none; top: 0; left: 0; height: 100%; width: 100%; position: fixed; } .cdk-overlay-container { z-index: 10000; } .cdk-overlay-container:empty { display: none; } .cdk-global-overlay-wrapper { display: flex; position: absolute; } .cdk-overlay-pane { position: absolute; pointer-events: auto; box-sizing: border-box; display: flex; max-width: 100%; max-height: 100%; } .cdk-overlay-backdrop { position: fixed; top: 0; bottom: 0; left: 0; right: 0; pointer-events: auto; opacity: 0; } .cdk-overlay-backdrop.cdk-overlay-backdrop-showing { opacity: 1; } .cdk-overlay-transparent-backdrop { background: transparent; } .filter-overlay-pane { z-index: 12000 !important; } .filter-overlay-backdrop { background: transparent; } body.mobile-search-open .filter-button-container { display: none !important; } body.mobile-search-open .dropdown-container.kebab-mode { display: none !important; } body.mobile-sidebar-open { overflow: hidden; overscroll-behavior: none; } .cdk-overlay-connected-position-bounding-box { position: absolute; display: flex; flex-direction: column; min-width: 1px; min-height: 1px; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes slideUp { from { transform: translateY(10px); opacity: 0; } to { transform: translateY(0); opacity: 1; } } @keyframes scaleIn { from { transform: scale(0.95); opacity: 0; } to { transform: scale(1); opacity: 1; } } body.app-loaded #initial-loader { display: none; } .mat-mdc-button{ font-weight: 500; } .mat-mdc-form-field{ width: 100%; } .mat-mdc-card{ border-width: 1px; --tw-border-opacity: 1; border-color: rgb(241 245 249 / var(--tw-border-opacity, 1)); --tw-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.08); --tw-shadow-colored: 0 2px 15px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } [data-theme=dark] .mat-mdc-card, html.dark .mat-mdc-card { border-color: var(--border-primary); } [data-theme=dark] .resizable-panel .panel-content .mat-mdc-card.rounded-lg, [data-theme=dark] .resizable-panel .panel-content .mat-mdc-card.rounded, html.dark .resizable-panel .panel-content .mat-mdc-card.rounded-lg, html.dark .resizable-panel .panel-content .mat-mdc-card.rounded { background: #1E1E1E; border-color: #404040; } [data-theme=dark] app-shipment-details button.mat-mdc-card, html.dark app-shipment-details button.mat-mdc-card { border-color: var(--border-secondary, #404040); color: var(--text-primary, #e5e5e5); } [data-theme=dark] app-dynamic-invoice-template .mat-mdc-card, html.dark app-dynamic-invoice-template .mat-mdc-card { border-color: var(--border-primary, #333); } [data-theme=dark] app-dynamic-invoice-template .mat-mdc-card, html.dark app-dynamic-invoice-template .mat-mdc-card { border-color: var(--border-primary, #333); } .mat-mdc-card { border-width: 1px; border: 1px solid rgba(0, 0, 0, 0.08); } .mat-app-background { background-color: var(--color-gray-50) !important; } @keyframes pulse{ 50%{ opacity: .5; } } .loading-skeleton{ animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; border-radius: 0.25rem; --tw-bg-opacity: 1; background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1)); } [data-theme=dark] app-form-toggle button span:first-child.loading-skeleton, html.dark app-form-toggle button span:first-child.loading-skeleton { background-color: var(--border-primary); } [data-theme=dark] .customer-side-navigation .loading-skeleton .bg-gray-200, html.dark .customer-side-navigation .loading-skeleton .bg-gray-200 { background-color: var(--bg-tertiary); } [data-theme=dark] .customer-side-navigation .animate-pulse .loading-skeleton, html.dark .customer-side-navigation .animate-pulse .loading-skeleton { background-color: var(--bg-tertiary); } [data-theme=dark] .resizable-panel .panel-content .border.loading-skeleton, html.dark .resizable-panel .panel-content .border.loading-skeleton { background: #1E1E1E; border-color: #404040; } .error-message{ margin-top: 0.25rem; font-size: 0.875rem; line-height: 1.25rem; --tw-text-opacity: 1; color: rgb(220 38 38 / var(--tw-text-opacity, 1)); } [data-theme=dark] .customer-side-navigation .nav-item > div.error-message, html.dark .customer-side-navigation .nav-item > div.error-message { background-color: transparent; } [data-theme=dark] app-shipment-details .error-message, html.dark app-shipment-details .error-message { color: var(--text-secondary, #d4d4d4); } .success-message{ margin-top: 0.25rem; font-size: 0.875rem; line-height: 1.25rem; --tw-text-opacity: 1; color: rgb(5 150 105 / var(--tw-text-opacity, 1)); } [data-theme=dark] .customer-side-navigation .nav-item > div.success-message, html.dark .customer-side-navigation .nav-item > div.success-message { background-color: transparent; } [data-theme=dark] app-shipment-details .success-message, html.dark app-shipment-details .success-message { color: var(--text-secondary, #d4d4d4); } @media print { .no-print { display: none !important; } body { font-family: var(--font-family-primary) !important; background: white !important; color: black !important; } } .hide-scrollbar { scrollbar-width: none; /* Firefox */ -ms-overflow-style: none; /* IE and Edge */ } .hide-scrollbar::-webkit-scrollbar { display: none; /* Chrome, Safari, Opera */ } .font-normal { letter-spacing: 0.2px; line-height: 25px; } input:focus, textarea:focus, select:focus, .ng-select.ng-select-focused .ng-select-container { outline: none !important; box-shadow: none !important; border-color: inherit !important; --tw-ring-shadow: none !important; --tw-ring-offset-shadow: none !important; } .focus\:ring-blue-500:focus, .focus\:border-blue-500:focus, .focus\:ring-primary-500:focus, .focus\:border-primary-500:focus { --tw-ring-color: transparent !important; --tw-ring-shadow: none !important; box-shadow: none !important; border-color: #d1d5db !important; /* Keep original border color */ } .ng-valid:focus, .ng-invalid:focus, .ng-pending:focus, .ng-pristine:focus, .ng-dirty:focus, .ng-touched:focus, .ng-untouched:focus { outline: none !important; box-shadow: none !important; --tw-ring-shadow: none !important; } *:focus { outline: none !important; } form input:focus, form textarea:focus, form select:focus, [type=text]:focus, [type=email]:focus, [type=number]:focus, [type=password]:focus, [type=search]:focus, [type=tel]:focus, [type=url]:focus { outline: none !important; box-shadow: none !important; border-color: #d1d5db !important; --tw-ring-shadow: none !important; --tw-ring-offset-shadow: none !important; } .badge { display: inline-block; font-size: 14px; border-radius: 58px; font-weight: 400; padding: 7px 14px 7px 14px; text-align: center; } .custom-badge { display: inline-block; font-size: 14px; border-radius: 58px; font-weight: 400; padding: 7px 14px 7px 14px; text-align: center; } .text-badge { display: inline-block; font-size: 16px; font-weight: 300; text-align: center; background-color: transparent; } .badge-success { background-color: #E4FFED; color: #006B22; } .badge-danger { background-color: #f8d7da; color: #842029; } .badge-warning { background-color: #fff3cd; color: #664d03; } .badge-secondary { background-color: #e2e3e5; color: #41464b; } .badge-primary { background-color: #cfe2ff; color: #084298; } .badge-id { background-color: #f0f4f5; color: #0f172a; font-weight: 500; } .badge-info { background-color: #cfe2ff; color: #084298; } /* Extended order-type badge palette (used by getOrderTypeBadgeClass) */ .badge-purple { background-color: #ede9fe; color: #5b21b6; } .badge-teal { background-color: #ccfbf1; color: #115e59; } .badge-orange { background-color: #ffedd5; color: #9a3412; } .badge-pink { background-color: #fce7f3; color: #9d174d; } .badge-indigo { background-color: #e0e7ff; color: #3730a3; } .badge-cyan { background-color: #cffafe; color: #155e75; } .badge-rose { background-color: #ffe4e6; color: #9f1239; } .badge-lime { background-color: #ecfccb; color: #3f6212; } .textt-success { color: #006B22; } .textt-danger { color: #842029; } .textt-warning { color: #664d03; } .textt-secondary { color: #41464b; } .textt-primary { color: #084298; } .textt-info { color: #084298; } html[data-theme=dark], html.dark { background-color: #0f0f0f !important; } html[data-theme=dark] body, html.dark body { background-color: #0f0f0f !important; color: #e5e5e5 !important; } .common-tooltip-overlay-panel { pointer-events: none; z-index: 10000 !important; } .simple-tooltip { position: fixed; width: fit-content; max-width: 300px; height: fit-content; max-height: 1000px; background-color: #121212; border: 1px solid transparent; border-radius: 7px; padding: 7px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3); pointer-events: none; z-index: 999999; word-wrap: break-word; white-space: normal; overflow: visible; font-family: "Lexend", sans-serif; font-weight: 300; font-size: 10px; line-height: 14px; letter-spacing: 0; color: #ffffff; } [data-theme=dark] .simple-tooltip, .dark .simple-tooltip { border-color: #404040; } /* TODO: Work on tooltip pointer later */ /* .simple-tooltip::before { content: ''; position: absolute; width: 8px; height: 8px; background-color: #121212; transform: rotate(45deg); top: -4px; left: var(--arrow-left, 20px); z-index: 1; } */ @media (max-width: 768px) { .sidebar-wrapper { position: absolute !important; top: 0 !important; left: 0 !important; height: 100% !important; z-index: 1000 !important; background: transparent !important; width: 100% !important; max-width: 100% !important; transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0s linear 0.4s !important; will-change: transform !important; backface-visibility: hidden !important; -webkit-backface-visibility: hidden !important; } .sidebar-wrapper.sidebar-closed { transform: translateX(-100%) !important; visibility: hidden !important; pointer-events: none !important; } .sidebar-wrapper.sidebar-open { transform: translateX(0) !important; visibility: visible !important; pointer-events: auto !important; transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important; } .mobile-sidebar-backdrop { position: absolute !important; inset: 0 !important; background: rgba(0, 0, 0, 0.5) !important; z-index: 999 !important; transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; } .mobile-sidebar-backdrop.active { opacity: 1 !important; pointer-events: auto !important; } .mobile-sidebar-backdrop.inactive { opacity: 0 !important; pointer-events: none !important; } .main-content-wrapper { margin-left: 0 !important; width: 100% !important; padding: 0 !important; } .header-section { padding: 0 !important; } } .main-content:has(app-executive-dashboard-main) { background-color: transparent !important; } body > .common-dropdown-portal-menu { display: none; flex-direction: column; width: fit-content; min-width: 160px; max-height: 300px; gap: 5px; padding: 8px; background: #FFFFFF; border: 1px solid var(--colors-border-primary, #E5E7EB); border-radius: 0px 0px 12px 12px; overflow-y: auto; -webkit-overflow-scrolling: touch; z-index: 20000; font-family: "Lexend", sans-serif; scrollbar-width: none; -ms-overflow-style: none; } body > .common-dropdown-portal-menu::-webkit-scrollbar { display: none; } body > .common-dropdown-portal-menu.open { display: flex; } body > .common-dropdown-portal-menu .dropdown-item { padding: 10px 14px; font-family: "Lexend", sans-serif; font-size: 14px; font-weight: 300; line-height: 1.4; letter-spacing: 0.02em; flex: 0 0 auto; color: #121212; cursor: pointer; transition: background-color 0.15s ease; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-radius: 6px; } body > .common-dropdown-portal-menu .dropdown-item:hover { background-color: #f5f5f5; } body > .common-dropdown-portal-menu .dropdown-item.selected { background-color: #C5D0D3; border-radius: 12px; } html[data-theme=dark] body > .common-dropdown-portal-menu, html.dark body > .common-dropdown-portal-menu { background: var(--colors-background-secondary, #2d2d2d); border-color: var(--colors-border-primary, #404040); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3); } html[data-theme=dark] body > .common-dropdown-portal-menu .dropdown-item, html.dark body > .common-dropdown-portal-menu .dropdown-item { color: var(--colors-text-primary, #ffffff); } html[data-theme=dark] body > .common-dropdown-portal-menu .dropdown-item:hover, html.dark body > .common-dropdown-portal-menu .dropdown-item:hover { background-color: var(--colors-background-hover, #3d3d3d); } html[data-theme=dark] body > .common-dropdown-portal-menu .dropdown-item.selected, html.dark body > .common-dropdown-portal-menu .dropdown-item.selected { background-color: var(--colors-background-tertiary, #353535); } /* Settings (mobile): header icon buttons (e.g. +) should match search button style */ @media (max-width: 768px) { .mobile-header-icon-btn { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; padding: 0; border-radius: 11px; background: #ffffff; border: 1px solid rgba(0, 0, 0, 0.12); color: #737373; cursor: pointer; transition: background-color 0.15s ease-in-out; } .mobile-header-icon-btn svg { width: 18px; height: 18px; } } /* Ensure it never appears on desktop even if a template leaks outside mobile header */ @media (min-width: 769px) { .mobile-header-icon-btn { display: none !important; } } /* SweetAlert2: ensure dialogs appear above resizable panel (z-index 6001) */ .swal2-container { z-index: 7500 !important; } /* Google Places Autocomplete — must appear above all modals (modal-container z-index: 10000) */ .pac-container { z-index: 20000 !important; font-family: inherit; border-radius: 8px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); border: 1px solid var(--colors-border-default, #e5e7eb); background: var(--colors-background-card, #ffffff); margin-top: 4px; } .pac-item { padding: 10px 16px; cursor: pointer; color: var(--colors-text-primary, #212529); font-size: 14px; } .pac-item:hover, .pac-item-selected { background-color: var(--colors-background-hover, #f3f4f6); } .pac-item-query { color: var(--colors-text-primary, #212529); font-size: 14px; } .pac-matched { font-weight: 600; } .angular-editor-toolbar { overflow: visible !important; } .angular-editor-toolbar .ae-font.ae-picker { position: relative; } .angular-editor-toolbar .ae-font.ae-picker .ae-picker-options { position: absolute !important; top: 100% !important; left: 0 !important; z-index: 99999 !important; margin-top: 2px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); border-radius: 4px; background-color: #fff; } .angular-editor-wrapper, angular-editor, .angular-editor { overflow: visible !important; } /* Instantly suppress ALL transitions during theme switch so nothing fades from light to dark */ html.theme-switching, html.theme-switching * { transition: none !important; } .cell-name-wrapper { display: flex; align-items: center; justify-content: space-between; width: 100%; gap: 8px; } .cell-name-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 1; font-size: 13px; font-weight: 400; color: #232323; line-height: 24px; } .customer-avatar-icon { cursor: pointer; flex-shrink: 0; min-width: 20px; color: #9CA3AF; } .subscription-id-link { color: #673BBE; text-decoration: none; cursor: default; } .subscription-id-link.has-link { text-decoration: underline; cursor: pointer; } .cell-date-text { font-size: 13px; font-weight: 400; color: #232323; white-space: nowrap; line-height: 24px; } .cell-dot-row { display: flex; align-items: center; gap: 0; justify-content: flex-start; padding: 4px 0; } .cell-dot-col-renewal { width: 72px; display: flex; justify-content: flex-start; padding-left: 22px; } .cell-dot-col-payment { width: 84px; display: flex; justify-content: flex-start; padding-left: 30px; } .cell-dot-col-po { width: 48px; display: flex; justify-content: flex-start; padding-left: 23px; } .cell-dot-col-risk { display: flex; align-items: center; justify-content: flex-start; padding: 4px 0; } .cell-status-dot { width: 12px; height: 12px; border-radius: 50%; cursor: pointer; } .cell-actions-center { display: flex; align-items: center; justify-content: center; } .status-dot-container { position: relative; display: inline-block; } .status-dot-container:hover::before, .status-dot-container:hover::after { opacity: 1; visibility: visible; } .status-dot-container::before { content: attr(data-tooltip); position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%) translateY(-8px); background-color: #1f2937; color: #ffffff; padding: 6px 12px; border-radius: 6px; font-size: 12px; font-weight: 500; white-space: nowrap; opacity: 0; visibility: hidden; transition: opacity 0.2s ease, visibility 0.2s ease; z-index: 1000; pointer-events: none; } .status-dot-container::after { content: attr(data-description); position: absolute; bottom: calc(100% + 28px); left: 50%; transform: translateX(-50%); background-color: #1f2937; color: #d1d5db; padding: 8px 12px; border-radius: 6px; font-size: 11px; font-weight: 400; white-space: normal; max-width: 220px; opacity: 0; visibility: hidden; transition: opacity 0.2s ease, visibility 0.2s ease; z-index: 999; pointer-events: none; text-align: center; line-height: 1.4; } .btn-radial-dark { background: radial-gradient(38.61% 40.02% at 50.15% 0%, #505050 0%, #121212 100%) !important; color: #fff !important; padding: 10px 15px; border-radius: 12px; gap: 5px; display: flex; align-items: center; justify-content: center; font-weight: 300; } td.order-tags-column .order-tags-cell { display: inline-flex; align-items: center; gap: 8px; overflow: hidden; max-width: 100%; } td.order-tags-column .order-tag-na { font-family: "Lexend", sans-serif; font-weight: 400; font-size: 16px; line-height: 24px; color: #9ca3af; letter-spacing: 0; -webkit-user-select: none; user-select: none; } td.order-tags-column .order-tag-pill { display: inline-flex; align-items: center; height: 28px; border-radius: 8px; padding: 10px 8px; background: #D5F7FF; border: none; gap: 10px; font-family: "Lexend", sans-serif; font-weight: 300; font-size: 12px; line-height: 24px; letter-spacing: 0; color: #0369a1; white-space: nowrap; cursor: default; flex-shrink: 0; } td.order-tags-column .order-tags-trigger-btn { display: inline-flex; align-items: center; justify-content: center; background: transparent; border: 1px solid transparent; border-radius: 7px; cursor: pointer; flex-shrink: 0; color: #6b7280; padding: 0; width: 28px; height: 28px; transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, color 0.12s ease, transform 0.1s ease; } td.order-tags-column .order-tags-trigger-btn svg path { fill: currentColor; } td.order-tags-column .order-tags-trigger-btn:hover, td.order-tags-column .order-tags-trigger-btn:focus-visible, td.order-tags-column .order-tags-trigger-btn.is-open { border-color: rgba(0, 0, 0, 0.1294117647); background: #F5F5F5; box-shadow: 0px -1px 20px 0px rgba(0, 0, 0, 0.05); } td.order-tags-column .order-tags-trigger-btn:active { transform: scale(0.92); } td.order-tags-column .order-tags-trigger-btn.otb-plus { padding: 10px 7px; font-size: 0; } td.order-tags-column .order-tags-trigger-btn.otb-count { width: auto; min-width: 28px; padding: 0 7px; gap: 3px; font-size: 0; } td.order-tags-column .order-tags-trigger-btn.otb-count .otb-num { font-size: 11px; font-weight: 700; line-height: 1; letter-spacing: -0.3px; } td.order-tags-column .order-tags-trigger-btn.otb-count:hover, td.order-tags-column .order-tags-trigger-btn.otb-count:focus-visible, td.order-tags-column .order-tags-trigger-btn.otb-count.is-open { border-color: rgba(0, 0, 0, 0.1294117647); background: #F5F5F5; box-shadow: 0px -1px 20px 0px rgba(0, 0, 0, 0.05); } .dark td.order-tags-column .order-tag-pill { background: #164e63; color: #7dd3fc; } .dark td.order-tags-column .order-tag-pill:hover { background: #1e3a5f; } .dark td.order-tags-column .order-tags-trigger-btn { color: #9ca3af; } .dark td.order-tags-column .order-tags-trigger-btn:hover, .dark td.order-tags-column .order-tags-trigger-btn:focus-visible, .dark td.order-tags-column .order-tags-trigger-btn.is-open { border-color: #374151; background: #1f2937; color: #d1d5db; box-shadow: 0px -1px 20px 0px rgba(0, 0, 0, 0.2); } .dark td.order-tags-column .order-tags-trigger-btn.otb-count:hover, .dark td.order-tags-column .order-tags-trigger-btn.otb-count:focus-visible, .dark td.order-tags-column .order-tags-trigger-btn.otb-count.is-open { border-color: #4338ca; background: #1e1b4b; color: #a5b4fc; } .border { border-width: 1px; border: 1px solid rgba(0, 0, 0, 0.08) !important; } .border-width-5 { border-bottom: 10px solid #F0F4F5; } .placeholder\:text-theme-text-muted::placeholder{ color: var(--colors-text-muted); } .after\:absolute::after{ content: var(--tw-content); position: absolute; } .after\:left-\[2px\]::after{ content: var(--tw-content); left: 2px; } .after\:top-\[2px\]::after{ content: var(--tw-content); top: 2px; } .after\:h-5::after{ content: var(--tw-content); height: 1.25rem; } .after\:w-5::after{ content: var(--tw-content); width: 1.25rem; } .after\:rounded-full::after{ content: var(--tw-content); border-radius: 9999px; } .after\:bg-white::after{ content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .after\:transition-all::after{ content: var(--tw-content); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .after\:content-\[\'\'\]::after{ --tw-content: ''; content: var(--tw-content); } .last\:border-b-0:last-child{ border-bottom-width: 0px; } .focus-within\:ring-2:focus-within{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus-within\:ring-\[\#1e293b\]:focus-within{ --tw-ring-opacity: 1; --tw-ring-color: rgb(30 41 59 / var(--tw-ring-opacity, 1)); } .hover\:-translate-y-0\.5:hover{ --tw-translate-y: -0.125rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .hover\:scale-\[1\.02\]:hover{ --tw-scale-x: 1.02; --tw-scale-y: 1.02; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .hover\:transform:hover{ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .hover\:border-gray-300:hover{ --tw-border-opacity: 1; border-color: rgb(203 213 225 / var(--tw-border-opacity, 1)); } .hover\:border-gray-400:hover{ --tw-border-opacity: 1; border-color: rgb(148 163 184 / var(--tw-border-opacity, 1)); } .hover\:border-primary-400:hover{ --tw-border-opacity: 1; border-color: rgb(96 165 250 / var(--tw-border-opacity, 1)); } .hover\:border-theme-brand-primary:hover{ border-color: var(--colors-brand-primary); } .hover\:bg-\[\#0000000A\]:hover{ background-color: #0000000A; } .hover\:bg-\[\#24006e\]:hover{ --tw-bg-opacity: 1; background-color: rgb(36 0 110 / var(--tw-bg-opacity, 1)); } .hover\:bg-\[\#5851db\]:hover{ --tw-bg-opacity: 1; background-color: rgb(88 81 219 / var(--tw-bg-opacity, 1)); } .hover\:bg-black:hover{ --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)); } .hover\:bg-blue-100:hover{ --tw-bg-opacity: 1; background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1)); } .hover\:bg-blue-200:hover{ --tw-bg-opacity: 1; background-color: rgb(191 219 254 / var(--tw-bg-opacity, 1)); } .hover\:bg-blue-600:hover{ --tw-bg-opacity: 1; background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1)); } .hover\:bg-blue-700:hover{ --tw-bg-opacity: 1; background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1)); } .hover\:bg-error-600:hover{ --tw-bg-opacity: 1; background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1)); } .hover\:bg-gray-100:hover{ --tw-bg-opacity: 1; background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1)); } .hover\:bg-gray-200:hover{ --tw-bg-opacity: 1; background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1)); } .hover\:bg-gray-50:hover{ --tw-bg-opacity: 1; background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1)); } .hover\:bg-gray-700:hover{ --tw-bg-opacity: 1; background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1)); } .hover\:bg-gray-800:hover{ --tw-bg-opacity: 1; background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1)); } .hover\:bg-gray-900:hover{ --tw-bg-opacity: 1; background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1)); } .hover\:bg-green-100:hover{ --tw-bg-opacity: 1; background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1)); } .hover\:bg-green-50:hover{ --tw-bg-opacity: 1; background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1)); } .hover\:bg-green-600:hover{ --tw-bg-opacity: 1; background-color: rgb(5 150 105 / var(--tw-bg-opacity, 1)); } .hover\:bg-green-700:hover{ --tw-bg-opacity: 1; background-color: rgb(21 128 61 / var(--tw-bg-opacity, 1)); } .hover\:bg-primary-700:hover{ --tw-bg-opacity: 1; background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1)); } .hover\:bg-purple-700:hover{ --tw-bg-opacity: 1; background-color: rgb(126 34 206 / var(--tw-bg-opacity, 1)); } .hover\:bg-red-50:hover{ --tw-bg-opacity: 1; background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1)); } .hover\:bg-red-600:hover{ --tw-bg-opacity: 1; background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1)); } .hover\:bg-red-700:hover{ --tw-bg-opacity: 1; background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1)); } .hover\:bg-teal-600:hover{ --tw-bg-opacity: 1; background-color: rgb(13 148 136 / var(--tw-bg-opacity, 1)); } .hover\:bg-theme-bg-hover:hover{ background-color: var(--colors-background-hover); } .hover\:bg-theme-bg-secondary:hover{ background-color: var(--colors-background-secondary); } .hover\:bg-white:hover{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .hover\:bg-yellow-700:hover{ --tw-bg-opacity: 1; background-color: rgb(161 98 7 / var(--tw-bg-opacity, 1)); } .hover\:text-blue-500:hover{ --tw-text-opacity: 1; color: rgb(59 130 246 / var(--tw-text-opacity, 1)); } .hover\:text-blue-600:hover{ --tw-text-opacity: 1; color: rgb(37 99 235 / var(--tw-text-opacity, 1)); } .hover\:text-blue-700:hover{ --tw-text-opacity: 1; color: rgb(29 78 216 / var(--tw-text-opacity, 1)); } .hover\:text-blue-800:hover{ --tw-text-opacity: 1; color: rgb(30 64 175 / var(--tw-text-opacity, 1)); } .hover\:text-error-500:hover{ --tw-text-opacity: 1; color: rgb(239 68 68 / var(--tw-text-opacity, 1)); } .hover\:text-error-600:hover{ --tw-text-opacity: 1; color: rgb(220 38 38 / var(--tw-text-opacity, 1)); } .hover\:text-gray-600:hover{ --tw-text-opacity: 1; color: rgb(71 85 105 / var(--tw-text-opacity, 1)); } .hover\:text-gray-700:hover{ --tw-text-opacity: 1; color: rgb(51 65 85 / var(--tw-text-opacity, 1)); } .hover\:text-gray-800:hover{ --tw-text-opacity: 1; color: rgb(30 41 59 / var(--tw-text-opacity, 1)); } .hover\:text-primary-700:hover{ --tw-text-opacity: 1; color: rgb(29 78 216 / var(--tw-text-opacity, 1)); } .hover\:text-red-500:hover{ --tw-text-opacity: 1; color: rgb(239 68 68 / var(--tw-text-opacity, 1)); } .hover\:text-red-600:hover{ --tw-text-opacity: 1; color: rgb(220 38 38 / var(--tw-text-opacity, 1)); } .hover\:text-red-700:hover{ --tw-text-opacity: 1; color: rgb(185 28 28 / var(--tw-text-opacity, 1)); } .hover\:text-red-800:hover{ --tw-text-opacity: 1; color: rgb(153 27 27 / var(--tw-text-opacity, 1)); } .hover\:text-theme-text-primary:hover{ color: var(--colors-text-primary); } .hover\:text-theme-text-secondary:hover{ color: var(--colors-text-secondary); } .hover\:underline:hover{ text-decoration-line: underline; } .hover\:opacity-70:hover{ opacity: 0.7; } .hover\:opacity-80:hover{ opacity: 0.8; } .hover\:opacity-90:hover{ opacity: 0.9; } .hover\:shadow-lg:hover{ --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:shadow-md:hover{ --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:shadow-sm:hover{ --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .focus\:border-0:focus{ border-width: 0px; } .focus\:border-\[\#AAAAAA\]:focus{ --tw-border-opacity: 1; border-color: rgb(170 170 170 / var(--tw-border-opacity, 1)); } .focus\:border-blue-500:focus{ --tw-border-opacity: 1; border-color: rgb(59 130 246 / var(--tw-border-opacity, 1)); } .focus\:border-gray-300:focus{ --tw-border-opacity: 1; border-color: rgb(203 213 225 / var(--tw-border-opacity, 1)); } .focus\:border-purple-600:focus{ --tw-border-opacity: 1; border-color: rgb(124 58 237 / var(--tw-border-opacity, 1)); } .focus\:border-red-500:focus{ --tw-border-opacity: 1; border-color: rgb(239 68 68 / var(--tw-border-opacity, 1)); } .focus\:border-transparent:focus{ border-color: transparent; } .focus\:bg-white:focus{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .focus\:text-gray-800:focus{ --tw-text-opacity: 1; color: rgb(30 41 59 / var(--tw-text-opacity, 1)); } .focus\:outline-none:focus{ outline: 2px solid transparent; outline-offset: 2px; } .focus\:ring-0:focus{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus\:ring-1:focus{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus\:ring-2:focus{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus\:ring-\[\#30008E\]:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(48 0 142 / var(--tw-ring-opacity, 1)); } .focus\:ring-black:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity, 1)); } .focus\:ring-blue-500:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1)); } .focus\:ring-gray-400:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(148 163 184 / var(--tw-ring-opacity, 1)); } .focus\:ring-gray-500:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(100 116 139 / var(--tw-ring-opacity, 1)); } .focus\:ring-gray-900:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(15 23 42 / var(--tw-ring-opacity, 1)); } .focus\:ring-green-500:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(16 185 129 / var(--tw-ring-opacity, 1)); } .focus\:ring-primary-500:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1)); } .focus\:ring-purple-500:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(139 92 246 / var(--tw-ring-opacity, 1)); } .focus\:ring-red-500:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1)); } .focus\:ring-teal-500:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(20 184 166 / var(--tw-ring-opacity, 1)); } .focus\:ring-theme-brand-primary:focus{ --tw-ring-color: var(--colors-brand-primary); } .focus\:ring-yellow-500:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(234 179 8 / var(--tw-ring-opacity, 1)); } .focus\:ring-offset-2:focus{ --tw-ring-offset-width: 2px; } .active\:bg-gray-100:active{ --tw-bg-opacity: 1; background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1)); } .disabled\:cursor-not-allowed:disabled{ cursor: not-allowed; } .disabled\:bg-gray-300:disabled{ --tw-bg-opacity: 1; background-color: rgb(203 213 225 / var(--tw-bg-opacity, 1)); } .disabled\:opacity-50:disabled{ opacity: 0.5; } .disabled\:opacity-60:disabled{ opacity: 0.6; } .group:hover .group-hover\:opacity-100{ opacity: 1; } .group:hover .group-hover\:blur-sm{ --tw-blur: blur(4px); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .peer:checked ~ .peer-checked\:bg-\[\#09B289\]{ --tw-bg-opacity: 1; background-color: rgb(9 178 137 / var(--tw-bg-opacity, 1)); } .peer:checked ~ .peer-checked\:bg-purple-600{ --tw-bg-opacity: 1; background-color: rgb(124 58 237 / var(--tw-bg-opacity, 1)); } .peer:checked ~ .peer-checked\:after\:translate-x-full::after{ content: var(--tw-content); --tw-translate-x: 100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .dark\:mx-2:is(.dark *){ margin-left: 0.5rem; margin-right: 0.5rem; } .dark\:border-amber-800:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(146 64 14 / var(--tw-border-opacity, 1)); } .dark\:border-blue-800:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(30 64 175 / var(--tw-border-opacity, 1)); } .dark\:border-gray-600:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(71 85 105 / var(--tw-border-opacity, 1)); } .dark\:border-gray-700:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(51 65 85 / var(--tw-border-opacity, 1)); } .dark\:bg-\[\#1e1e1e\]:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(30 30 30 / var(--tw-bg-opacity, 1)); } .dark\:bg-\[\#262626\]:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(38 38 38 / var(--tw-bg-opacity, 1)); } .dark\:bg-\[\#2a2a2a\]:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(42 42 42 / var(--tw-bg-opacity, 1)); } .dark\:bg-\[rgba\(255\2c 255\2c 255\2c 0\.1\)\]:is(.dark *){ background-color: rgba(255,255,255,0.1); } .dark\:bg-\[transparent\]:is(.dark *){ background-color: transparent; } .dark\:bg-\[var\(--colors-background-primary\2c \#1a1a1a\)\]:is(.dark *){ background-color: var(--colors-background-primary,#1a1a1a); } .dark\:bg-amber-900\/20:is(.dark *){ background-color: rgb(120 53 15 / 0.2); } .dark\:bg-blue-900\/20:is(.dark *){ background-color: rgb(30 58 138 / 0.2); } .dark\:bg-blue-900\/40:is(.dark *){ background-color: rgb(30 58 138 / 0.4); } .dark\:bg-gray-100:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1)); } .dark\:bg-gray-700:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1)); } .dark\:bg-gray-800:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1)); } .dark\:bg-green-900\/40:is(.dark *){ background-color: rgb(20 83 45 / 0.4); } .dark\:bg-indigo-900\/40:is(.dark *){ background-color: rgb(49 46 129 / 0.4); } .dark\:bg-orange-900\/40:is(.dark *){ background-color: rgb(124 45 18 / 0.4); } .dark\:bg-pink-900\/40:is(.dark *){ background-color: rgb(131 24 67 / 0.4); } .dark\:bg-rose-900\/40:is(.dark *){ background-color: rgb(136 19 55 / 0.4); } .dark\:bg-sky-900\/40:is(.dark *){ background-color: rgb(12 74 110 / 0.4); } .dark\:bg-teal-900\/40:is(.dark *){ background-color: rgb(19 78 74 / 0.4); } .dark\:bg-violet-900\/40:is(.dark *){ background-color: rgb(76 29 149 / 0.4); } .dark\:bg-white:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .dark\:bg-yellow-900\/40:is(.dark *){ background-color: rgb(113 63 18 / 0.4); } .dark\:bg-opacity-75:is(.dark *){ --tw-bg-opacity: 0.75; } .dark\:text-amber-300:is(.dark *){ --tw-text-opacity: 1; color: rgb(252 211 77 / var(--tw-text-opacity, 1)); } .dark\:text-amber-400:is(.dark *){ --tw-text-opacity: 1; color: rgb(251 191 36 / var(--tw-text-opacity, 1)); } .dark\:text-black:is(.dark *){ --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity, 1)); } .dark\:text-blue-300:is(.dark *){ --tw-text-opacity: 1; color: rgb(147 197 253 / var(--tw-text-opacity, 1)); } .dark\:text-blue-400:is(.dark *){ --tw-text-opacity: 1; color: rgb(96 165 250 / var(--tw-text-opacity, 1)); } .dark\:text-gray-200:is(.dark *){ --tw-text-opacity: 1; color: rgb(226 232 240 / var(--tw-text-opacity, 1)); } .dark\:text-gray-300:is(.dark *){ --tw-text-opacity: 1; color: rgb(203 213 225 / var(--tw-text-opacity, 1)); } .dark\:text-gray-400:is(.dark *){ --tw-text-opacity: 1; color: rgb(148 163 184 / var(--tw-text-opacity, 1)); } .dark\:text-green-300:is(.dark *){ --tw-text-opacity: 1; color: rgb(134 239 172 / var(--tw-text-opacity, 1)); } .dark\:text-green-400:is(.dark *){ --tw-text-opacity: 1; color: rgb(74 222 128 / var(--tw-text-opacity, 1)); } .dark\:text-indigo-300:is(.dark *){ --tw-text-opacity: 1; color: rgb(165 180 252 / var(--tw-text-opacity, 1)); } .dark\:text-orange-300:is(.dark *){ --tw-text-opacity: 1; color: rgb(253 186 116 / var(--tw-text-opacity, 1)); } .dark\:text-pink-300:is(.dark *){ --tw-text-opacity: 1; color: rgb(249 168 212 / var(--tw-text-opacity, 1)); } .dark\:text-rose-300:is(.dark *){ --tw-text-opacity: 1; color: rgb(253 164 175 / var(--tw-text-opacity, 1)); } .dark\:text-sky-300:is(.dark *){ --tw-text-opacity: 1; color: rgb(125 211 252 / var(--tw-text-opacity, 1)); } .dark\:text-teal-300:is(.dark *){ --tw-text-opacity: 1; color: rgb(94 234 212 / var(--tw-text-opacity, 1)); } .dark\:text-violet-300:is(.dark *){ --tw-text-opacity: 1; color: rgb(196 181 253 / var(--tw-text-opacity, 1)); } .dark\:text-yellow-600:is(.dark *){ --tw-text-opacity: 1; color: rgb(202 138 4 / var(--tw-text-opacity, 1)); } .dark\:placeholder-gray-500:is(.dark *)::placeholder{ --tw-placeholder-opacity: 1; color: rgb(100 116 139 / var(--tw-placeholder-opacity, 1)); } .dark\:brightness-0:is(.dark *){ --tw-brightness: brightness(0); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .dark\:invert:is(.dark *){ --tw-invert: invert(100%); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .dark\:hover\:border-gray-500:hover:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(100 116 139 / var(--tw-border-opacity, 1)); } .dark\:hover\:bg-\[\#333333\]:hover:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(51 51 51 / var(--tw-bg-opacity, 1)); } .dark\:hover\:bg-gray-700:hover:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1)); } .dark\:hover\:text-gray-200:hover:is(.dark *){ --tw-text-opacity: 1; color: rgb(226 232 240 / var(--tw-text-opacity, 1)); } @media (min-width: 640px){ .sm\:col-span-2{ grid-column: span 2 / span 2; } .sm\:mt-0{ margin-top: 0px; } .sm\:block{ display: block; } .sm\:inline{ display: inline; } .sm\:flex{ display: flex; } .sm\:hidden{ display: none; } .sm\:w-\[194px\]{ width: 194px; } .sm\:w-auto{ width: auto; } .sm\:grid-cols-2{ grid-template-columns: repeat(2, minmax(0, 1fr)); } .sm\:grid-cols-3{ grid-template-columns: repeat(3, minmax(0, 1fr)); } .sm\:flex-row{ flex-direction: row; } .sm\:gap-\[10px\]{ gap: 10px; } .sm\:bg-\[\#F0F4F5\]{ --tw-bg-opacity: 1; background-color: rgb(240 244 245 / var(--tw-bg-opacity, 1)); } .sm\:p-6{ padding: 1.5rem; } .sm\:px-0{ padding-left: 0px; padding-right: 0px; } .sm\:px-6{ padding-left: 1.5rem; padding-right: 1.5rem; } .sm\:pt-0{ padding-top: 0px; } } @media (min-width: 768px){ .md\:col-span-2{ grid-column: span 2 / span 2; } .md\:col-span-4{ grid-column: span 4 / span 4; } .md\:col-span-6{ grid-column: span 6 / span 6; } .md\:mx-auto{ margin-left: auto; margin-right: auto; } .md\:my-\[30px\]{ margin-top: 30px; margin-bottom: 30px; } .md\:mb-10{ margin-bottom: 2.5rem; } .md\:block{ display: block; } .md\:flex{ display: flex; } .md\:inline-flex{ display: inline-flex; } .md\:hidden{ display: none; } .md\:h-\[120px\]{ height: 120px; } .md\:w-\[120px\]{ width: 120px; } .md\:w-\[400px\]{ width: 400px; } .md\:w-\[72\%\]{ width: 72%; } .md\:w-auto{ width: auto; } .md\:min-w-\[330px\]{ min-width: 330px; } .md\:max-w-4xl{ max-width: 56rem; } .md\:max-w-\[350px\]{ max-width: 350px; } .md\:grid-cols-12{ grid-template-columns: repeat(12, minmax(0, 1fr)); } .md\:grid-cols-2{ grid-template-columns: repeat(2, minmax(0, 1fr)); } .md\:grid-cols-3{ grid-template-columns: repeat(3, minmax(0, 1fr)); } .md\:flex-row{ flex-direction: row; } .md\:items-center{ align-items: center; } .md\:justify-end{ justify-content: flex-end; } .md\:gap-2{ gap: 0.5rem; } .md\:gap-5{ gap: 1.25rem; } .md\:overflow-hidden{ overflow: hidden; } .md\:rounded-\[17px\]{ border-radius: 17px; } .md\:rounded-\[9px\]{ border-radius: 9px; } .md\:bg-\[\#F3F6F6\]{ --tw-bg-opacity: 1; background-color: rgb(243 246 246 / var(--tw-bg-opacity, 1)); } .md\:bg-white{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .md\:p-0{ padding: 0px; } .md\:p-4{ padding: 1rem; } .md\:p-5{ padding: 1.25rem; } .md\:p-6{ padding: 1.5rem; } .md\:p-\[30px\]{ padding: 30px; } .md\:px-0{ padding-left: 0px; padding-right: 0px; } .md\:px-\[26px\]{ padding-left: 26px; padding-right: 26px; } .md\:px-\[36px\]{ padding-left: 36px; padding-right: 36px; } .md\:px-\[40px\]{ padding-left: 40px; padding-right: 40px; } .md\:px-\[50px\]{ padding-left: 50px; padding-right: 50px; } .md\:py-4{ padding-top: 1rem; padding-bottom: 1rem; } .md\:py-\[30px\]{ padding-top: 30px; padding-bottom: 30px; } .md\:pt-\[35px\]{ padding-top: 35px; } .md\:pt-\[50px\]{ padding-top: 50px; } .md\:text-left{ text-align: left; } .md\:text-\[14px\]{ font-size: 14px; } .md\:text-\[16px\]{ font-size: 16px; } .md\:text-\[18px\]{ font-size: 18px; } .md\:text-\[22px\]{ font-size: 22px; } .md\:text-xl{ font-size: 1.25rem; line-height: 1.75rem; } } @media (min-width: 1024px){ .lg\:col-span-1{ grid-column: span 1 / span 1; } .lg\:col-span-2{ grid-column: span 2 / span 2; } .lg\:col-span-4{ grid-column: span 4 / span 4; } .lg\:col-span-8{ grid-column: span 8 / span 8; } .lg\:w-4\/12{ width: 33.333333%; } .lg\:w-8\/12{ width: 66.666667%; } .lg\:grid-cols-12{ grid-template-columns: repeat(12, minmax(0, 1fr)); } .lg\:grid-cols-2{ grid-template-columns: repeat(2, minmax(0, 1fr)); } .lg\:grid-cols-3{ grid-template-columns: repeat(3, minmax(0, 1fr)); } .lg\:grid-cols-4{ grid-template-columns: repeat(4, minmax(0, 1fr)); } .lg\:grid-cols-\[1fr_280px\]{ grid-template-columns: 1fr 280px; } .lg\:flex-row{ flex-direction: row; } .lg\:px-8{ padding-left: 2rem; padding-right: 2rem; } } @media (min-width: 1280px){ .xl\:col-span-1{ grid-column: span 1 / span 1; } .xl\:col-span-2{ grid-column: span 2 / span 2; } .xl\:grid-cols-3{ grid-template-columns: repeat(3, minmax(0, 1fr)); } } /*# sourceMappingURL=styles.css.map*/