/* css/vendor/fontawesome.css */
/*!
 * Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2024 Fonticons, Inc.
 */
.fa{font-family:var(--fa-style-family,"Font Awesome 6 Free");font-weight:var(--fa-style,900)}.fa,.fa-brands,.fa-regular,.fa-solid,.fab,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display,inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}.fa-brands:before,.fa-regular:before,.fa-solid:before,.fa:before,.fab:before,.far:before,.fas:before{content:var(--fa)}.fa-classic,.fa-regular,.fa-solid,.far,.fas{font-family:"Font Awesome 6 Free"}.fa-brands,.fab{font-family:"Font Awesome 6 Brands"}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-2xs{font-size:.625em;line-height:.1em;vertical-align:.225em}.fa-xs{font-size:.75em;line-height:.08333em;vertical-align:.125em}.fa-sm{font-size:.875em;line-height:.07143em;vertical-align:.05357em}.fa-lg{font-size:1.25em;line-height:.05em;vertical-align:-.075em}.fa-xl{font-size:1.5em;line-height:.04167em;vertical-align:-.125em}.fa-2xl{font-size:2em;line-height:.03125em;vertical-align:-.1875em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:var(--fa-li-margin,2.5em);padding-left:0}.fa-ul>li{position:relative}.fa-li{left:calc(var(--fa-li-width, 2em)*-1);position:absolute;text-align:center;width:var(--fa-li-width,2em);line-height:inherit}.fa-border{border-radius:var(--fa-border-radius,.1em);border:var(--fa-border-width,.08em) var(--fa-border-style,solid) var(--fa-border-color,#eee);padding:var(--fa-border-padding,.2em .25em .15em)}.fa-pull-left{float:left;margin-right:var(--fa-pull-margin,.3em)}.fa-pull-right{float:right;margin-left:var(--fa-pull-margin,.3em)}.fa-beat{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-delay:-1ms;animation-duration:1ms;animation-iteration-count:1;transition-delay:0s;transition-duration:0s}}@keyframes fa-beat{0%,90%{transform:scale(1)}45%{transform:scale(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-fill-drip{--fa:"\f576"}.fa-arrows-to-circle{--fa:"\e4bd"}.fa-chevron-circle-right,.fa-circle-chevron-right{--fa:"\f138"}.fa-at{--fa:"\40"}.fa-trash-alt,.fa-trash-can{--fa:"\f2ed"}.fa-text-height{--fa:"\f034"}.fa-user-times,.fa-user-xmark{--fa:"\f235"}.fa-stethoscope{--fa:"\f0f1"}.fa-comment-alt,.fa-message{--fa:"\f27a"}.fa-info{--fa:"\f129"}.fa-compress-alt,.fa-down-left-and-up-right-to-center{--fa:"\f422"}.fa-explosion{--fa:"\e4e9"}.fa-file-alt,.fa-file-lines,.fa-file-text{--fa:"\f15c"}.fa-wave-square{--fa:"\f83e"}.fa-ring{--fa:"\f70b"}.fa-building-un{--fa:"\e4d9"}.fa-dice-three{--fa:"\f527"}.fa-calendar-alt,.fa-calendar-days{--fa:"\f073"}.fa-anchor-circle-check{--fa:"\e4aa"}.fa-building-circle-arrow-right{--fa:"\e4d1"}.fa-volleyball,.fa-volleyball-ball{--fa:"\f45f"}.fa-arrows-up-to-line{--fa:"\e4c2"}.fa-sort-desc,.fa-sort-down{--fa:"\f0dd"}.fa-circle-minus,.fa-minus-circle{--fa:"\f056"}.fa-door-open{--fa:"\f52b"}.fa-right-from-bracket,.fa-sign-out-alt{--fa:"\f2f5"}.fa-atom{--fa:"\f5d2"}.fa-soap{--fa:"\e06e"}.fa-heart-music-camera-bolt,.fa-icons{--fa:"\f86d"}.fa-microphone-alt-slash,.fa-microphone-lines-slash{--fa:"\f539"}.fa-bridge-circle-check{--fa:"\e4c9"}.fa-pump-medical{--fa:"\e06a"}.fa-fingerprint{--fa:"\f577"}.fa-hand-point-right{--fa:"\f0a4"}.fa-magnifying-glass-location,.fa-search-location{--fa:"\f689"}.fa-forward-step,.fa-step-forward{--fa:"\f051"}.fa-face-smile-beam,.fa-smile-beam{--fa:"\f5b8"}.fa-flag-checkered{--fa:"\f11e"}.fa-football,.fa-football-ball{--fa:"\f44e"}.fa-school-circle-exclamation{--fa:"\e56c"}.fa-crop{--fa:"\f125"}.fa-angle-double-down,.fa-angles-down{--fa:"\f103"}.fa-users-rectangle{--fa:"\e594"}.fa-people-roof{--fa:"\e537"}.fa-people-line{--fa:"\e534"}.fa-beer,.fa-beer-mug-empty{--fa:"\f0fc"}.fa-diagram-predecessor{--fa:"\e477"}.fa-arrow-up-long,.fa-long-arrow-up{--fa:"\f176"}.fa-burn,.fa-fire-flame-simple{--fa:"\f46a"}.fa-male,.fa-person{--fa:"\f183"}.fa-laptop{--fa:"\f109"}.fa-file-csv{--fa:"\f6dd"}.fa-menorah{--fa:"\f676"}.fa-truck-plane{--fa:"\e58f"}.fa-record-vinyl{--fa:"\f8d9"}.fa-face-grin-stars,.fa-grin-stars{--fa:"\f587"}.fa-bong{--fa:"\f55c"}.fa-pastafarianism,.fa-spaghetti-monster-flying{--fa:"\f67b"}.fa-arrow-down-up-across-line{--fa:"\e4af"}.fa-spoon,.fa-utensil-spoon{--fa:"\f2e5"}.fa-jar-wheat{--fa:"\e517"}.fa-envelopes-bulk,.fa-mail-bulk{--fa:"\f674"}.fa-file-circle-exclamation{--fa:"\e4eb"}.fa-circle-h,.fa-hospital-symbol{--fa:"\f47e"}.fa-pager{--fa:"\f815"}.fa-address-book,.fa-contact-book{--fa:"\f2b9"}.fa-strikethrough{--fa:"\f0cc"}.fa-k{--fa:"\4b"}.fa-landmark-flag{--fa:"\e51c"}.fa-pencil,.fa-pencil-alt{--fa:"\f303"}.fa-backward{--fa:"\f04a"}.fa-caret-right{--fa:"\f0da"}.fa-comments{--fa:"\f086"}.fa-file-clipboard,.fa-paste{--fa:"\f0ea"}.fa-code-pull-request{--fa:"\e13c"}.fa-clipboard-list{--fa:"\f46d"}.fa-truck-loading,.fa-truck-ramp-box{--fa:"\f4de"}.fa-user-check{--fa:"\f4fc"}.fa-vial-virus{--fa:"\e597"}.fa-sheet-plastic{--fa:"\e571"}.fa-blog{--fa:"\f781"}.fa-user-ninja{--fa:"\f504"}.fa-person-arrow-up-from-line{--fa:"\e539"}.fa-scroll-torah,.fa-torah{--fa:"\f6a0"}.fa-broom-ball,.fa-quidditch,.fa-quidditch-broom-ball{--fa:"\f458"}.fa-toggle-off{--fa:"\f204"}.fa-archive,.fa-box-archive{--fa:"\f187"}.fa-person-drowning{--fa:"\e545"}.fa-arrow-down-9-1,.fa-sort-numeric-desc,.fa-sort-numeric-down-alt{--fa:"\f886"}.fa-face-grin-tongue-squint,.fa-grin-tongue-squint{--fa:"\f58a"}.fa-spray-can{--fa:"\f5bd"}.fa-truck-monster{--fa:"\f63b"}.fa-w{--fa:"\57"}.fa-earth-africa,.fa-globe-africa{--fa:"\f57c"}.fa-rainbow{--fa:"\f75b"}.fa-circle-notch{--fa:"\f1ce"}.fa-tablet-alt,.fa-tablet-screen-button{--fa:"\f3fa"}.fa-paw{--fa:"\f1b0"}.fa-cloud{--fa:"\f0c2"}.fa-trowel-bricks{--fa:"\e58a"}.fa-face-flushed,.fa-flushed{--fa:"\f579"}.fa-hospital-user{--fa:"\f80d"}.fa-tent-arrow-left-right{--fa:"\e57f"}.fa-gavel,.fa-legal{--fa:"\f0e3"}.fa-binoculars{--fa:"\f1e5"}.fa-microphone-slash{--fa:"\f131"}.fa-box-tissue{--fa:"\e05b"}.fa-motorcycle{--fa:"\f21c"}.fa-bell-concierge,.fa-concierge-bell{--fa:"\f562"}.fa-pen-ruler,.fa-pencil-ruler{--fa:"\f5ae"}.fa-people-arrows,.fa-people-arrows-left-right{--fa:"\e068"}.fa-mars-and-venus-burst{--fa:"\e523"}.fa-caret-square-right,.fa-square-caret-right{--fa:"\f152"}.fa-cut,.fa-scissors{--fa:"\f0c4"}.fa-sun-plant-wilt{--fa:"\e57a"}.fa-toilets-portable{--fa:"\e584"}.fa-hockey-puck{--fa:"\f453"}.fa-table{--fa:"\f0ce"}.fa-magnifying-glass-arrow-right{--fa:"\e521"}.fa-digital-tachograph,.fa-tachograph-digital{--fa:"\f566"}.fa-users-slash{--fa:"\e073"}.fa-clover{--fa:"\e139"}.fa-mail-reply,.fa-reply{--fa:"\f3e5"}.fa-star-and-crescent{--fa:"\f699"}.fa-house-fire{--fa:"\e50c"}.fa-minus-square,.fa-square-minus{--fa:"\f146"}.fa-helicopter{--fa:"\f533"}.fa-compass{--fa:"\f14e"}.fa-caret-square-down,.fa-square-caret-down{--fa:"\f150"}.fa-file-circle-question{--fa:"\e4ef"}.fa-laptop-code{--fa:"\f5fc"}.fa-swatchbook{--fa:"\f5c3"}.fa-prescription-bottle{--fa:"\f485"}.fa-bars,.fa-navicon{--fa:"\f0c9"}.fa-people-group{--fa:"\e533"}.fa-hourglass-3,.fa-hourglass-end{--fa:"\f253"}.fa-heart-broken,.fa-heart-crack{--fa:"\f7a9"}.fa-external-link-square-alt,.fa-square-up-right{--fa:"\f360"}.fa-face-kiss-beam,.fa-kiss-beam{--fa:"\f597"}.fa-film{--fa:"\f008"}.fa-ruler-horizontal{--fa:"\f547"}.fa-people-robbery{--fa:"\e536"}.fa-lightbulb{--fa:"\f0eb"}.fa-caret-left{--fa:"\f0d9"}.fa-circle-exclamation,.fa-exclamation-circle{--fa:"\f06a"}.fa-school-circle-xmark{--fa:"\e56d"}.fa-arrow-right-from-bracket,.fa-sign-out{--fa:"\f08b"}.fa-chevron-circle-down,.fa-circle-chevron-down{--fa:"\f13a"}.fa-unlock-alt,.fa-unlock-keyhole{--fa:"\f13e"}.fa-cloud-showers-heavy{--fa:"\f740"}.fa-headphones-alt,.fa-headphones-simple{--fa:"\f58f"}.fa-sitemap{--fa:"\f0e8"}.fa-circle-dollar-to-slot,.fa-donate{--fa:"\f4b9"}.fa-memory{--fa:"\f538"}.fa-road-spikes{--fa:"\e568"}.fa-fire-burner{--fa:"\e4f1"}.fa-flag{--fa:"\f024"}.fa-hanukiah{--fa:"\f6e6"}.fa-feather{--fa:"\f52d"}.fa-volume-down,.fa-volume-low{--fa:"\f027"}.fa-comment-slash{--fa:"\f4b3"}.fa-cloud-sun-rain{--fa:"\f743"}.fa-compress{--fa:"\f066"}.fa-wheat-alt,.fa-wheat-awn{--fa:"\e2cd"}.fa-ankh{--fa:"\f644"}.fa-hands-holding-child{--fa:"\e4fa"}.fa-asterisk{--fa:"\2a"}.fa-check-square,.fa-square-check{--fa:"\f14a"}.fa-peseta-sign{--fa:"\e221"}.fa-header,.fa-heading{--fa:"\f1dc"}.fa-ghost{--fa:"\f6e2"}.fa-list,.fa-list-squares{--fa:"\f03a"}.fa-phone-square-alt,.fa-square-phone-flip{--fa:"\f87b"}.fa-cart-plus{--fa:"\f217"}.fa-gamepad{--fa:"\f11b"}.fa-circle-dot,.fa-dot-circle{--fa:"\f192"}.fa-dizzy,.fa-face-dizzy{--fa:"\f567"}.fa-egg{--fa:"\f7fb"}.fa-house-medical-circle-xmark{--fa:"\e513"}.fa-campground{--fa:"\f6bb"}.fa-folder-plus{--fa:"\f65e"}.fa-futbol,.fa-futbol-ball,.fa-soccer-ball{--fa:"\f1e3"}.fa-paint-brush,.fa-paintbrush{--fa:"\f1fc"}.fa-lock{--fa:"\f023"}.fa-gas-pump{--fa:"\f52f"}.fa-hot-tub,.fa-hot-tub-person{--fa:"\f593"}.fa-map-location,.fa-map-marked{--fa:"\f59f"}.fa-house-flood-water{--fa:"\e50e"}.fa-tree{--fa:"\f1bb"}.fa-bridge-lock{--fa:"\e4cc"}.fa-sack-dollar{--fa:"\f81d"}.fa-edit,.fa-pen-to-square{--fa:"\f044"}.fa-car-side{--fa:"\f5e4"}.fa-share-alt,.fa-share-nodes{--fa:"\f1e0"}.fa-heart-circle-minus{--fa:"\e4ff"}.fa-hourglass-2,.fa-hourglass-half{--fa:"\f252"}.fa-microscope{--fa:"\f610"}.fa-sink{--fa:"\e06d"}.fa-bag-shopping,.fa-shopping-bag{--fa:"\f290"}.fa-arrow-down-z-a,.fa-sort-alpha-desc,.fa-sort-alpha-down-alt{--fa:"\f881"}.fa-mitten{--fa:"\f7b5"}.fa-person-rays{--fa:"\e54d"}.fa-users{--fa:"\f0c0"}.fa-eye-slash{--fa:"\f070"}.fa-flask-vial{--fa:"\e4f3"}.fa-hand,.fa-hand-paper{--fa:"\f256"}.fa-om{--fa:"\f679"}.fa-worm{--fa:"\e599"}.fa-house-circle-xmark{--fa:"\e50b"}.fa-plug{--fa:"\f1e6"}.fa-chevron-up{--fa:"\f077"}.fa-hand-spock{--fa:"\f259"}.fa-stopwatch{--fa:"\f2f2"}.fa-face-kiss,.fa-kiss{--fa:"\f596"}.fa-bridge-circle-xmark{--fa:"\e4cb"}.fa-face-grin-tongue,.fa-grin-tongue{--fa:"\f589"}.fa-chess-bishop{--fa:"\f43a"}.fa-face-grin-wink,.fa-grin-wink{--fa:"\f58c"}.fa-deaf,.fa-deafness,.fa-ear-deaf,.fa-hard-of-hearing{--fa:"\f2a4"}.fa-road-circle-check{--fa:"\e564"}.fa-dice-five{--fa:"\f523"}.fa-rss-square,.fa-square-rss{--fa:"\f143"}.fa-land-mine-on{--fa:"\e51b"}.fa-i-cursor{--fa:"\f246"}.fa-stamp{--fa:"\f5bf"}.fa-stairs{--fa:"\e289"}.fa-i{--fa:"\49"}.fa-hryvnia,.fa-hryvnia-sign{--fa:"\f6f2"}.fa-pills{--fa:"\f484"}.fa-face-grin-wide,.fa-grin-alt{--fa:"\f581"}.fa-tooth{--fa:"\f5c9"}.fa-v{--fa:"\56"}.fa-bangladeshi-taka-sign{--fa:"\e2e6"}.fa-bicycle{--fa:"\f206"}.fa-rod-asclepius,.fa-rod-snake,.fa-staff-aesculapius,.fa-staff-snake{--fa:"\e579"}.fa-head-side-cough-slash{--fa:"\e062"}.fa-ambulance,.fa-truck-medical{--fa:"\f0f9"}.fa-wheat-awn-circle-exclamation{--fa:"\e598"}.fa-snowman{--fa:"\f7d0"}.fa-mortar-pestle{--fa:"\f5a7"}.fa-road-barrier{--fa:"\e562"}.fa-school{--fa:"\f549"}.fa-igloo{--fa:"\f7ae"}.fa-joint{--fa:"\f595"}.fa-angle-right{--fa:"\f105"}.fa-horse{--fa:"\f6f0"}.fa-q{--fa:"\51"}.fa-g{--fa:"\47"}.fa-notes-medical{--fa:"\f481"}.fa-temperature-2,.fa-temperature-half,.fa-thermometer-2,.fa-thermometer-half{--fa:"\f2c9"}.fa-dong-sign{--fa:"\e169"}.fa-capsules{--fa:"\f46b"}.fa-poo-bolt,.fa-poo-storm{--fa:"\f75a"}.fa-face-frown-open,.fa-frown-open{--fa:"\f57a"}.fa-hand-point-up{--fa:"\f0a6"}.fa-money-bill{--fa:"\f0d6"}.fa-bookmark{--fa:"\f02e"}.fa-align-justify{--fa:"\f039"}.fa-umbrella-beach{--fa:"\f5ca"}.fa-helmet-un{--fa:"\e503"}.fa-bullseye{--fa:"\f140"}.fa-bacon{--fa:"\f7e5"}.fa-hand-point-down{--fa:"\f0a7"}.fa-arrow-up-from-bracket{--fa:"\e09a"}.fa-folder,.fa-folder-blank{--fa:"\f07b"}.fa-file-medical-alt,.fa-file-waveform{--fa:"\f478"}.fa-radiation{--fa:"\f7b9"}.fa-chart-simple{--fa:"\e473"}.fa-mars-stroke{--fa:"\f229"}.fa-vial{--fa:"\f492"}.fa-dashboard,.fa-gauge,.fa-gauge-med,.fa-tachometer-alt-average{--fa:"\f624"}.fa-magic-wand-sparkles,.fa-wand-magic-sparkles{--fa:"\e2ca"}.fa-e{--fa:"\45"}.fa-pen-alt,.fa-pen-clip{--fa:"\f305"}.fa-bridge-circle-exclamation{--fa:"\e4ca"}.fa-user{--fa:"\f007"}.fa-school-circle-check{--fa:"\e56b"}.fa-dumpster{--fa:"\f793"}.fa-shuttle-van,.fa-van-shuttle{--fa:"\f5b6"}.fa-building-user{--fa:"\e4da"}.fa-caret-square-left,.fa-square-caret-left{--fa:"\f191"}.fa-highlighter{--fa:"\f591"}.fa-key{--fa:"\f084"}.fa-bullhorn{--fa:"\f0a1"}.fa-globe{--fa:"\f0ac"}.fa-synagogue{--fa:"\f69b"}.fa-person-half-dress{--fa:"\e548"}.fa-road-bridge{--fa:"\e563"}.fa-location-arrow{--fa:"\f124"}.fa-c{--fa:"\43"}.fa-tablet-button{--fa:"\f10a"}.fa-building-lock{--fa:"\e4d6"}.fa-pizza-slice{--fa:"\f818"}.fa-money-bill-wave{--fa:"\f53a"}.fa-area-chart,.fa-chart-area{--fa:"\f1fe"}.fa-house-flag{--fa:"\e50d"}.fa-person-circle-minus{--fa:"\e540"}.fa-ban,.fa-cancel{--fa:"\f05e"}.fa-camera-rotate{--fa:"\e0d8"}.fa-air-freshener,.fa-spray-can-sparkles{--fa:"\f5d0"}.fa-star{--fa:"\f005"}.fa-repeat{--fa:"\f363"}.fa-cross{--fa:"\f654"}.fa-box{--fa:"\f466"}.fa-venus-mars{--fa:"\f228"}.fa-arrow-pointer,.fa-mouse-pointer{--fa:"\f245"}.fa-expand-arrows-alt,.fa-maximize{--fa:"\f31e"}.fa-charging-station{--fa:"\f5e7"}.fa-shapes,.fa-triangle-circle-square{--fa:"\f61f"}.fa-random,.fa-shuffle{--fa:"\f074"}.fa-person-running,.fa-running{--fa:"\f70c"}.fa-mobile-retro{--fa:"\e527"}.fa-grip-lines-vertical{--fa:"\f7a5"}.fa-spider{--fa:"\f717"}.fa-hands-bound{--fa:"\e4f9"}.fa-file-invoice-dollar{--fa:"\f571"}.fa-plane-circle-exclamation{--fa:"\e556"}.fa-x-ray{--fa:"\f497"}.fa-spell-check{--fa:"\f891"}.fa-slash{--fa:"\f715"}.fa-computer-mouse,.fa-mouse{--fa:"\f8cc"}.fa-arrow-right-to-bracket,.fa-sign-in{--fa:"\f090"}.fa-shop-slash,.fa-store-alt-slash{--fa:"\e070"}.fa-server{--fa:"\f233"}.fa-virus-covid-slash{--fa:"\e4a9"}.fa-shop-lock{--fa:"\e4a5"}.fa-hourglass-1,.fa-hourglass-start{--fa:"\f251"}.fa-blender-phone{--fa:"\f6b6"}.fa-building-wheat{--fa:"\e4db"}.fa-person-breastfeeding{--fa:"\e53a"}.fa-right-to-bracket,.fa-sign-in-alt{--fa:"\f2f6"}.fa-venus{--fa:"\f221"}.fa-passport{--fa:"\f5ab"}.fa-thumb-tack-slash,.fa-thumbtack-slash{--fa:"\e68f"}.fa-heart-pulse,.fa-heartbeat{--fa:"\f21e"}.fa-people-carry,.fa-people-carry-box{--fa:"\f4ce"}.fa-temperature-high{--fa:"\f769"}.fa-microchip{--fa:"\f2db"}.fa-crown{--fa:"\f521"}.fa-weight-hanging{--fa:"\f5cd"}.fa-xmarks-lines{--fa:"\e59a"}.fa-file-prescription{--fa:"\f572"}.fa-weight,.fa-weight-scale{--fa:"\f496"}.fa-user-friends,.fa-user-group{--fa:"\f500"}.fa-arrow-up-a-z,.fa-sort-alpha-up{--fa:"\f15e"}.fa-chess-knight{--fa:"\f441"}.fa-face-laugh-squint,.fa-laugh-squint{--fa:"\f59b"}.fa-wheelchair{--fa:"\f193"}.fa-arrow-circle-up,.fa-circle-arrow-up{--fa:"\f0aa"}.fa-toggle-on{--fa:"\f205"}.fa-person-walking,.fa-walking{--fa:"\f554"}.fa-l{--fa:"\4c"}.fa-fire{--fa:"\f06d"}.fa-bed-pulse,.fa-procedures{--fa:"\f487"}.fa-shuttle-space,.fa-space-shuttle{--fa:"\f197"}.fa-face-laugh,.fa-laugh{--fa:"\f599"}.fa-folder-open{--fa:"\f07c"}.fa-heart-circle-plus{--fa:"\e500"}.fa-code-fork{--fa:"\e13b"}.fa-city{--fa:"\f64f"}.fa-microphone-alt,.fa-microphone-lines{--fa:"\f3c9"}.fa-pepper-hot{--fa:"\f816"}.fa-unlock{--fa:"\f09c"}.fa-colon-sign{--fa:"\e140"}.fa-headset{--fa:"\f590"}.fa-store-slash{--fa:"\e071"}.fa-road-circle-xmark{--fa:"\e566"}.fa-user-minus{--fa:"\f503"}.fa-mars-stroke-up,.fa-mars-stroke-v{--fa:"\f22a"}.fa-champagne-glasses,.fa-glass-cheers{--fa:"\f79f"}.fa-clipboard{--fa:"\f328"}.fa-house-circle-exclamation{--fa:"\e50a"}.fa-file-arrow-up,.fa-file-upload{--fa:"\f574"}.fa-wifi,.fa-wifi-3,.fa-wifi-strong{--fa:"\f1eb"}.fa-bath,.fa-bathtub{--fa:"\f2cd"}.fa-underline{--fa:"\f0cd"}.fa-user-edit,.fa-user-pen{--fa:"\f4ff"}.fa-signature{--fa:"\f5b7"}.fa-stroopwafel{--fa:"\f551"}.fa-bold{--fa:"\f032"}.fa-anchor-lock{--fa:"\e4ad"}.fa-building-ngo{--fa:"\e4d7"}.fa-manat-sign{--fa:"\e1d5"}.fa-not-equal{--fa:"\f53e"}.fa-border-style,.fa-border-top-left{--fa:"\f853"}.fa-map-location-dot,.fa-map-marked-alt{--fa:"\f5a0"}.fa-jedi{--fa:"\f669"}.fa-poll,.fa-square-poll-vertical{--fa:"\f681"}.fa-mug-hot{--fa:"\f7b6"}.fa-battery-car,.fa-car-battery{--fa:"\f5df"}.fa-gift{--fa:"\f06b"}.fa-dice-two{--fa:"\f528"}.fa-chess-queen{--fa:"\f445"}.fa-glasses{--fa:"\f530"}.fa-chess-board{--fa:"\f43c"}.fa-building-circle-check{--fa:"\e4d2"}.fa-person-chalkboard{--fa:"\e53d"}.fa-mars-stroke-h,.fa-mars-stroke-right{--fa:"\f22b"}.fa-hand-back-fist,.fa-hand-rock{--fa:"\f255"}.fa-caret-square-up,.fa-square-caret-up{--fa:"\f151"}.fa-cloud-showers-water{--fa:"\e4e4"}.fa-bar-chart,.fa-chart-bar{--fa:"\f080"}.fa-hands-bubbles,.fa-hands-wash{--fa:"\e05e"}.fa-less-than-equal{--fa:"\f537"}.fa-train{--fa:"\f238"}.fa-eye-low-vision,.fa-low-vision{--fa:"\f2a8"}.fa-crow{--fa:"\f520"}.fa-sailboat{--fa:"\e445"}.fa-window-restore{--fa:"\f2d2"}.fa-plus-square,.fa-square-plus{--fa:"\f0fe"}.fa-torii-gate{--fa:"\f6a1"}.fa-frog{--fa:"\f52e"}.fa-bucket{--fa:"\e4cf"}.fa-image{--fa:"\f03e"}.fa-microphone{--fa:"\f130"}.fa-cow{--fa:"\f6c8"}.fa-caret-up{--fa:"\f0d8"}.fa-screwdriver{--fa:"\f54a"}.fa-folder-closed{--fa:"\e185"}.fa-house-tsunami{--fa:"\e515"}.fa-square-nfi{--fa:"\e576"}.fa-arrow-up-from-ground-water{--fa:"\e4b5"}.fa-glass-martini-alt,.fa-martini-glass{--fa:"\f57b"}.fa-square-binary{--fa:"\e69b"}.fa-rotate-back,.fa-rotate-backward,.fa-rotate-left,.fa-undo-alt{--fa:"\f2ea"}.fa-columns,.fa-table-columns{--fa:"\f0db"}.fa-lemon{--fa:"\f094"}.fa-head-side-mask{--fa:"\e063"}.fa-handshake{--fa:"\f2b5"}.fa-gem{--fa:"\f3a5"}.fa-dolly,.fa-dolly-box{--fa:"\f472"}.fa-smoking{--fa:"\f48d"}.fa-compress-arrows-alt,.fa-minimize{--fa:"\f78c"}.fa-monument{--fa:"\f5a6"}.fa-snowplow{--fa:"\f7d2"}.fa-angle-double-right,.fa-angles-right{--fa:"\f101"}.fa-cannabis{--fa:"\f55f"}.fa-circle-play,.fa-play-circle{--fa:"\f144"}.fa-tablets{--fa:"\f490"}.fa-ethernet{--fa:"\f796"}.fa-eur,.fa-euro,.fa-euro-sign{--fa:"\f153"}.fa-chair{--fa:"\f6c0"}.fa-check-circle,.fa-circle-check{--fa:"\f058"}.fa-circle-stop,.fa-stop-circle{--fa:"\f28d"}.fa-compass-drafting,.fa-drafting-compass{--fa:"\f568"}.fa-plate-wheat{--fa:"\e55a"}.fa-icicles{--fa:"\f7ad"}.fa-person-shelter{--fa:"\e54f"}.fa-neuter{--fa:"\f22c"}.fa-id-badge{--fa:"\f2c1"}.fa-marker{--fa:"\f5a1"}.fa-face-laugh-beam,.fa-laugh-beam{--fa:"\f59a"}.fa-helicopter-symbol{--fa:"\e502"}.fa-universal-access{--fa:"\f29a"}.fa-chevron-circle-up,.fa-circle-chevron-up{--fa:"\f139"}.fa-lari-sign{--fa:"\e1c8"}.fa-volcano{--fa:"\f770"}.fa-person-walking-dashed-line-arrow-right{--fa:"\e553"}.fa-gbp,.fa-pound-sign,.fa-sterling-sign{--fa:"\f154"}.fa-viruses{--fa:"\e076"}.fa-square-person-confined{--fa:"\e577"}.fa-user-tie{--fa:"\f508"}.fa-arrow-down-long,.fa-long-arrow-down{--fa:"\f175"}.fa-tent-arrow-down-to-line{--fa:"\e57e"}.fa-certificate{--fa:"\f0a3"}.fa-mail-reply-all,.fa-reply-all{--fa:"\f122"}.fa-suitcase{--fa:"\f0f2"}.fa-person-skating,.fa-skating{--fa:"\f7c5"}.fa-filter-circle-dollar,.fa-funnel-dollar{--fa:"\f662"}.fa-camera-retro{--fa:"\f083"}.fa-arrow-circle-down,.fa-circle-arrow-down{--fa:"\f0ab"}.fa-arrow-right-to-file,.fa-file-import{--fa:"\f56f"}.fa-external-link-square,.fa-square-arrow-up-right{--fa:"\f14c"}.fa-box-open{--fa:"\f49e"}.fa-scroll{--fa:"\f70e"}.fa-spa{--fa:"\f5bb"}.fa-location-pin-lock{--fa:"\e51f"}.fa-pause{--fa:"\f04c"}.fa-hill-avalanche{--fa:"\e507"}.fa-temperature-0,.fa-temperature-empty,.fa-thermometer-0,.fa-thermometer-empty{--fa:"\f2cb"}.fa-bomb{--fa:"\f1e2"}.fa-registered{--fa:"\f25d"}.fa-address-card,.fa-contact-card,.fa-vcard{--fa:"\f2bb"}.fa-balance-scale-right,.fa-scale-unbalanced-flip{--fa:"\f516"}.fa-subscript{--fa:"\f12c"}.fa-diamond-turn-right,.fa-directions{--fa:"\f5eb"}.fa-burst{--fa:"\e4dc"}.fa-house-laptop,.fa-laptop-house{--fa:"\e066"}.fa-face-tired,.fa-tired{--fa:"\f5c8"}.fa-money-bills{--fa:"\e1f3"}.fa-smog{--fa:"\f75f"}.fa-crutch{--fa:"\f7f7"}.fa-cloud-arrow-up,.fa-cloud-upload,.fa-cloud-upload-alt{--fa:"\f0ee"}.fa-palette{--fa:"\f53f"}.fa-arrows-turn-right{--fa:"\e4c0"}.fa-vest{--fa:"\e085"}.fa-ferry{--fa:"\e4ea"}.fa-arrows-down-to-people{--fa:"\e4b9"}.fa-seedling,.fa-sprout{--fa:"\f4d8"}.fa-arrows-alt-h,.fa-left-right{--fa:"\f337"}.fa-boxes-packing{--fa:"\e4c7"}.fa-arrow-circle-left,.fa-circle-arrow-left{--fa:"\f0a8"}.fa-group-arrows-rotate{--fa:"\e4f6"}.fa-bowl-food{--fa:"\e4c6"}.fa-candy-cane{--fa:"\f786"}.fa-arrow-down-wide-short,.fa-sort-amount-asc,.fa-sort-amount-down{--fa:"\f160"}.fa-cloud-bolt,.fa-thunderstorm{--fa:"\f76c"}.fa-remove-format,.fa-text-slash{--fa:"\f87d"}.fa-face-smile-wink,.fa-smile-wink{--fa:"\f4da"}.fa-file-word{--fa:"\f1c2"}.fa-file-powerpoint{--fa:"\f1c4"}.fa-arrows-h,.fa-arrows-left-right{--fa:"\f07e"}.fa-house-lock{--fa:"\e510"}.fa-cloud-arrow-down,.fa-cloud-download,.fa-cloud-download-alt{--fa:"\f0ed"}.fa-children{--fa:"\e4e1"}.fa-blackboard,.fa-chalkboard{--fa:"\f51b"}.fa-user-alt-slash,.fa-user-large-slash{--fa:"\f4fa"}.fa-envelope-open{--fa:"\f2b6"}.fa-handshake-alt-slash,.fa-handshake-simple-slash{--fa:"\e05f"}.fa-mattress-pillow{--fa:"\e525"}.fa-guarani-sign{--fa:"\e19a"}.fa-arrows-rotate,.fa-refresh,.fa-sync{--fa:"\f021"}.fa-fire-extinguisher{--fa:"\f134"}.fa-cruzeiro-sign{--fa:"\e152"}.fa-greater-than-equal{--fa:"\f532"}.fa-shield-alt,.fa-shield-halved{--fa:"\f3ed"}.fa-atlas,.fa-book-atlas{--fa:"\f558"}.fa-virus{--fa:"\e074"}.fa-envelope-circle-check{--fa:"\e4e8"}.fa-layer-group{--fa:"\f5fd"}.fa-arrows-to-dot{--fa:"\e4be"}.fa-archway{--fa:"\f557"}.fa-heart-circle-check{--fa:"\e4fd"}.fa-house-chimney-crack,.fa-house-damage{--fa:"\f6f1"}.fa-file-archive,.fa-file-zipper{--fa:"\f1c6"}.fa-square{--fa:"\f0c8"}.fa-glass-martini,.fa-martini-glass-empty{--fa:"\f000"}.fa-couch{--fa:"\f4b8"}.fa-cedi-sign{--fa:"\e0df"}.fa-italic{--fa:"\f033"}.fa-table-cells-column-lock{--fa:"\e678"}.fa-church{--fa:"\f51d"}.fa-comments-dollar{--fa:"\f653"}.fa-democrat{--fa:"\f747"}.fa-z{--fa:"\5a"}.fa-person-skiing,.fa-skiing{--fa:"\f7c9"}.fa-road-lock{--fa:"\e567"}.fa-a{--fa:"\41"}.fa-temperature-arrow-down,.fa-temperature-down{--fa:"\e03f"}.fa-feather-alt,.fa-feather-pointed{--fa:"\f56b"}.fa-p{--fa:"\50"}.fa-snowflake{--fa:"\f2dc"}.fa-newspaper{--fa:"\f1ea"}.fa-ad,.fa-rectangle-ad{--fa:"\f641"}.fa-arrow-circle-right,.fa-circle-arrow-right{--fa:"\f0a9"}.fa-filter-circle-xmark{--fa:"\e17b"}.fa-locust{--fa:"\e520"}.fa-sort,.fa-unsorted{--fa:"\f0dc"}.fa-list-1-2,.fa-list-numeric,.fa-list-ol{--fa:"\f0cb"}.fa-person-dress-burst{--fa:"\e544"}.fa-money-check-alt,.fa-money-check-dollar{--fa:"\f53d"}.fa-vector-square{--fa:"\f5cb"}.fa-bread-slice{--fa:"\f7ec"}.fa-language{--fa:"\f1ab"}.fa-face-kiss-wink-heart,.fa-kiss-wink-heart{--fa:"\f598"}.fa-filter{--fa:"\f0b0"}.fa-question{--fa:"\3f"}.fa-file-signature{--fa:"\f573"}.fa-arrows-alt,.fa-up-down-left-right{--fa:"\f0b2"}.fa-house-chimney-user{--fa:"\e065"}.fa-hand-holding-heart{--fa:"\f4be"}.fa-puzzle-piece{--fa:"\f12e"}.fa-money-check{--fa:"\f53c"}.fa-star-half-alt,.fa-star-half-stroke{--fa:"\f5c0"}.fa-code{--fa:"\f121"}.fa-glass-whiskey,.fa-whiskey-glass{--fa:"\f7a0"}.fa-building-circle-exclamation{--fa:"\e4d3"}.fa-magnifying-glass-chart{--fa:"\e522"}.fa-arrow-up-right-from-square,.fa-external-link{--fa:"\f08e"}.fa-cubes-stacked{--fa:"\e4e6"}.fa-krw,.fa-won,.fa-won-sign{--fa:"\f159"}.fa-virus-covid{--fa:"\e4a8"}.fa-austral-sign{--fa:"\e0a9"}.fa-f{--fa:"\46"}.fa-leaf{--fa:"\f06c"}.fa-road{--fa:"\f018"}.fa-cab,.fa-taxi{--fa:"\f1ba"}.fa-person-circle-plus{--fa:"\e541"}.fa-chart-pie,.fa-pie-chart{--fa:"\f200"}.fa-bolt-lightning{--fa:"\e0b7"}.fa-sack-xmark{--fa:"\e56a"}.fa-file-excel{--fa:"\f1c3"}.fa-file-contract{--fa:"\f56c"}.fa-fish-fins{--fa:"\e4f2"}.fa-building-flag{--fa:"\e4d5"}.fa-face-grin-beam,.fa-grin-beam{--fa:"\f582"}.fa-object-ungroup{--fa:"\f248"}.fa-poop{--fa:"\f619"}.fa-location-pin,.fa-map-marker{--fa:"\f041"}.fa-kaaba{--fa:"\f66b"}.fa-toilet-paper{--fa:"\f71e"}.fa-hard-hat,.fa-hat-hard,.fa-helmet-safety{--fa:"\f807"}.fa-eject{--fa:"\f052"}.fa-arrow-alt-circle-right,.fa-circle-right{--fa:"\f35a"}.fa-plane-circle-check{--fa:"\e555"}.fa-face-rolling-eyes,.fa-meh-rolling-eyes{--fa:"\f5a5"}.fa-object-group{--fa:"\f247"}.fa-chart-line,.fa-line-chart{--fa:"\f201"}.fa-mask-ventilator{--fa:"\e524"}.fa-arrow-right{--fa:"\f061"}.fa-map-signs,.fa-signs-post{--fa:"\f277"}.fa-cash-register{--fa:"\f788"}.fa-person-circle-question{--fa:"\e542"}.fa-h{--fa:"\48"}.fa-tarp{--fa:"\e57b"}.fa-screwdriver-wrench,.fa-tools{--fa:"\f7d9"}.fa-arrows-to-eye{--fa:"\e4bf"}.fa-plug-circle-bolt{--fa:"\e55b"}.fa-heart{--fa:"\f004"}.fa-mars-and-venus{--fa:"\f224"}.fa-home-user,.fa-house-user{--fa:"\e1b0"}.fa-dumpster-fire{--fa:"\f794"}.fa-house-crack{--fa:"\e3b1"}.fa-cocktail,.fa-martini-glass-citrus{--fa:"\f561"}.fa-face-surprise,.fa-surprise{--fa:"\f5c2"}.fa-bottle-water{--fa:"\e4c5"}.fa-circle-pause,.fa-pause-circle{--fa:"\f28b"}.fa-toilet-paper-slash{--fa:"\e072"}.fa-apple-alt,.fa-apple-whole{--fa:"\f5d1"}.fa-kitchen-set{--fa:"\e51a"}.fa-r{--fa:"\52"}.fa-temperature-1,.fa-temperature-quarter,.fa-thermometer-1,.fa-thermometer-quarter{--fa:"\f2ca"}.fa-cube{--fa:"\f1b2"}.fa-bitcoin-sign{--fa:"\e0b4"}.fa-shield-dog{--fa:"\e573"}.fa-solar-panel{--fa:"\f5ba"}.fa-lock-open{--fa:"\f3c1"}.fa-elevator{--fa:"\e16d"}.fa-money-bill-transfer{--fa:"\e528"}.fa-money-bill-trend-up{--fa:"\e529"}.fa-house-flood-water-circle-arrow-right{--fa:"\e50f"}.fa-poll-h,.fa-square-poll-horizontal{--fa:"\f682"}.fa-circle{--fa:"\f111"}.fa-backward-fast,.fa-fast-backward{--fa:"\f049"}.fa-recycle{--fa:"\f1b8"}.fa-user-astronaut{--fa:"\f4fb"}.fa-plane-slash{--fa:"\e069"}.fa-trademark{--fa:"\f25c"}.fa-basketball,.fa-basketball-ball{--fa:"\f434"}.fa-satellite-dish{--fa:"\f7c0"}.fa-arrow-alt-circle-up,.fa-circle-up{--fa:"\f35b"}.fa-mobile-alt,.fa-mobile-screen-button{--fa:"\f3cd"}.fa-volume-high,.fa-volume-up{--fa:"\f028"}.fa-users-rays{--fa:"\e593"}.fa-wallet{--fa:"\f555"}.fa-clipboard-check{--fa:"\f46c"}.fa-file-audio{--fa:"\f1c7"}.fa-burger,.fa-hamburger{--fa:"\f805"}.fa-wrench{--fa:"\f0ad"}.fa-bugs{--fa:"\e4d0"}.fa-rupee,.fa-rupee-sign{--fa:"\f156"}.fa-file-image{--fa:"\f1c5"}.fa-circle-question,.fa-question-circle{--fa:"\f059"}.fa-plane-departure{--fa:"\f5b0"}.fa-handshake-slash{--fa:"\e060"}.fa-book-bookmark{--fa:"\e0bb"}.fa-code-branch{--fa:"\f126"}.fa-hat-cowboy{--fa:"\f8c0"}.fa-bridge{--fa:"\e4c8"}.fa-phone-alt,.fa-phone-flip{--fa:"\f879"}.fa-truck-front{--fa:"\e2b7"}.fa-cat{--fa:"\f6be"}.fa-anchor-circle-exclamation{--fa:"\e4ab"}.fa-truck-field{--fa:"\e58d"}.fa-route{--fa:"\f4d7"}.fa-clipboard-question{--fa:"\e4e3"}.fa-panorama{--fa:"\e209"}.fa-comment-medical{--fa:"\f7f5"}.fa-teeth-open{--fa:"\f62f"}.fa-file-circle-minus{--fa:"\e4ed"}.fa-tags{--fa:"\f02c"}.fa-wine-glass{--fa:"\f4e3"}.fa-fast-forward,.fa-forward-fast{--fa:"\f050"}.fa-face-meh-blank,.fa-meh-blank{--fa:"\f5a4"}.fa-parking,.fa-square-parking{--fa:"\f540"}.fa-house-signal{--fa:"\e012"}.fa-bars-progress,.fa-tasks-alt{--fa:"\f828"}.fa-faucet-drip{--fa:"\e006"}.fa-cart-flatbed,.fa-dolly-flatbed{--fa:"\f474"}.fa-ban-smoking,.fa-smoking-ban{--fa:"\f54d"}.fa-terminal{--fa:"\f120"}.fa-mobile-button{--fa:"\f10b"}.fa-house-medical-flag{--fa:"\e514"}.fa-basket-shopping,.fa-shopping-basket{--fa:"\f291"}.fa-tape{--fa:"\f4db"}.fa-bus-alt,.fa-bus-simple{--fa:"\f55e"}.fa-eye{--fa:"\f06e"}.fa-face-sad-cry,.fa-sad-cry{--fa:"\f5b3"}.fa-audio-description{--fa:"\f29e"}.fa-person-military-to-person{--fa:"\e54c"}.fa-file-shield{--fa:"\e4f0"}.fa-user-slash{--fa:"\f506"}.fa-pen{--fa:"\f304"}.fa-tower-observation{--fa:"\e586"}.fa-file-code{--fa:"\f1c9"}.fa-signal,.fa-signal-5,.fa-signal-perfect{--fa:"\f012"}.fa-bus{--fa:"\f207"}.fa-heart-circle-xmark{--fa:"\e501"}.fa-home-lg,.fa-house-chimney{--fa:"\e3af"}.fa-window-maximize{--fa:"\f2d0"}.fa-face-frown,.fa-frown{--fa:"\f119"}.fa-prescription{--fa:"\f5b1"}.fa-shop,.fa-store-alt{--fa:"\f54f"}.fa-floppy-disk,.fa-save{--fa:"\f0c7"}.fa-vihara{--fa:"\f6a7"}.fa-balance-scale-left,.fa-scale-unbalanced{--fa:"\f515"}.fa-sort-asc,.fa-sort-up{--fa:"\f0de"}.fa-comment-dots,.fa-commenting{--fa:"\f4ad"}.fa-plant-wilt{--fa:"\e5aa"}.fa-diamond{--fa:"\f219"}.fa-face-grin-squint,.fa-grin-squint{--fa:"\f585"}.fa-hand-holding-dollar,.fa-hand-holding-usd{--fa:"\f4c0"}.fa-chart-diagram{--fa:"\e695"}.fa-bacterium{--fa:"\e05a"}.fa-hand-pointer{--fa:"\f25a"}.fa-drum-steelpan{--fa:"\f56a"}.fa-hand-scissors{--fa:"\f257"}.fa-hands-praying,.fa-praying-hands{--fa:"\f684"}.fa-arrow-right-rotate,.fa-arrow-rotate-forward,.fa-arrow-rotate-right,.fa-redo{--fa:"\f01e"}.fa-biohazard{--fa:"\f780"}.fa-location,.fa-location-crosshairs{--fa:"\f601"}.fa-mars-double{--fa:"\f227"}.fa-child-dress{--fa:"\e59c"}.fa-users-between-lines{--fa:"\e591"}.fa-lungs-virus{--fa:"\e067"}.fa-face-grin-tears,.fa-grin-tears{--fa:"\f588"}.fa-phone{--fa:"\f095"}.fa-calendar-times,.fa-calendar-xmark{--fa:"\f273"}.fa-child-reaching{--fa:"\e59d"}.fa-head-side-virus{--fa:"\e064"}.fa-user-cog,.fa-user-gear{--fa:"\f4fe"}.fa-arrow-up-1-9,.fa-sort-numeric-up{--fa:"\f163"}.fa-door-closed{--fa:"\f52a"}.fa-shield-virus{--fa:"\e06c"}.fa-dice-six{--fa:"\f526"}.fa-mosquito-net{--fa:"\e52c"}.fa-file-fragment{--fa:"\e697"}.fa-bridge-water{--fa:"\e4ce"}.fa-person-booth{--fa:"\f756"}.fa-text-width{--fa:"\f035"}.fa-hat-wizard{--fa:"\f6e8"}.fa-pen-fancy{--fa:"\f5ac"}.fa-digging,.fa-person-digging{--fa:"\f85e"}.fa-trash{--fa:"\f1f8"}.fa-gauge-simple,.fa-gauge-simple-med,.fa-tachometer-average{--fa:"\f629"}.fa-book-medical{--fa:"\f7e6"}.fa-poo{--fa:"\f2fe"}.fa-quote-right,.fa-quote-right-alt{--fa:"\f10e"}.fa-shirt,.fa-t-shirt,.fa-tshirt{--fa:"\f553"}.fa-cubes{--fa:"\f1b3"}.fa-divide{--fa:"\f529"}.fa-tenge,.fa-tenge-sign{--fa:"\f7d7"}.fa-headphones{--fa:"\f025"}.fa-hands-holding{--fa:"\f4c2"}.fa-hands-clapping{--fa:"\e1a8"}.fa-republican{--fa:"\f75e"}.fa-arrow-left{--fa:"\f060"}.fa-person-circle-xmark{--fa:"\e543"}.fa-ruler{--fa:"\f545"}.fa-align-left{--fa:"\f036"}.fa-dice-d6{--fa:"\f6d1"}.fa-restroom{--fa:"\f7bd"}.fa-j{--fa:"\4a"}.fa-users-viewfinder{--fa:"\e595"}.fa-file-video{--fa:"\f1c8"}.fa-external-link-alt,.fa-up-right-from-square{--fa:"\f35d"}.fa-table-cells,.fa-th{--fa:"\f00a"}.fa-file-pdf{--fa:"\f1c1"}.fa-bible,.fa-book-bible{--fa:"\f647"}.fa-o{--fa:"\4f"}.fa-medkit,.fa-suitcase-medical{--fa:"\f0fa"}.fa-user-secret{--fa:"\f21b"}.fa-otter{--fa:"\f700"}.fa-female,.fa-person-dress{--fa:"\f182"}.fa-comment-dollar{--fa:"\f651"}.fa-briefcase-clock,.fa-business-time{--fa:"\f64a"}.fa-table-cells-large,.fa-th-large{--fa:"\f009"}.fa-book-tanakh,.fa-tanakh{--fa:"\f827"}.fa-phone-volume,.fa-volume-control-phone{--fa:"\f2a0"}.fa-hat-cowboy-side{--fa:"\f8c1"}.fa-clipboard-user{--fa:"\f7f3"}.fa-child{--fa:"\f1ae"}.fa-lira-sign{--fa:"\f195"}.fa-satellite{--fa:"\f7bf"}.fa-plane-lock{--fa:"\e558"}.fa-tag{--fa:"\f02b"}.fa-comment{--fa:"\f075"}.fa-birthday-cake,.fa-cake,.fa-cake-candles{--fa:"\f1fd"}.fa-envelope{--fa:"\f0e0"}.fa-angle-double-up,.fa-angles-up{--fa:"\f102"}.fa-paperclip{--fa:"\f0c6"}.fa-arrow-right-to-city{--fa:"\e4b3"}.fa-ribbon{--fa:"\f4d6"}.fa-lungs{--fa:"\f604"}.fa-arrow-up-9-1,.fa-sort-numeric-up-alt{--fa:"\f887"}.fa-litecoin-sign{--fa:"\e1d3"}.fa-border-none{--fa:"\f850"}.fa-circle-nodes{--fa:"\e4e2"}.fa-parachute-box{--fa:"\f4cd"}.fa-indent{--fa:"\f03c"}.fa-truck-field-un{--fa:"\e58e"}.fa-hourglass,.fa-hourglass-empty{--fa:"\f254"}.fa-mountain{--fa:"\f6fc"}.fa-user-doctor,.fa-user-md{--fa:"\f0f0"}.fa-circle-info,.fa-info-circle{--fa:"\f05a"}.fa-cloud-meatball{--fa:"\f73b"}.fa-camera,.fa-camera-alt{--fa:"\f030"}.fa-square-virus{--fa:"\e578"}.fa-meteor{--fa:"\f753"}.fa-car-on{--fa:"\e4dd"}.fa-sleigh{--fa:"\f7cc"}.fa-arrow-down-1-9,.fa-sort-numeric-asc,.fa-sort-numeric-down{--fa:"\f162"}.fa-hand-holding-droplet,.fa-hand-holding-water{--fa:"\f4c1"}.fa-water{--fa:"\f773"}.fa-calendar-check{--fa:"\f274"}.fa-braille{--fa:"\f2a1"}.fa-prescription-bottle-alt,.fa-prescription-bottle-medical{--fa:"\f486"}.fa-landmark{--fa:"\f66f"}.fa-truck{--fa:"\f0d1"}.fa-crosshairs{--fa:"\f05b"}.fa-person-cane{--fa:"\e53c"}.fa-tent{--fa:"\e57d"}.fa-vest-patches{--fa:"\e086"}.fa-check-double{--fa:"\f560"}.fa-arrow-down-a-z,.fa-sort-alpha-asc,.fa-sort-alpha-down{--fa:"\f15d"}.fa-money-bill-wheat{--fa:"\e52a"}.fa-cookie{--fa:"\f563"}.fa-arrow-left-rotate,.fa-arrow-rotate-back,.fa-arrow-rotate-backward,.fa-arrow-rotate-left,.fa-undo{--fa:"\f0e2"}.fa-hard-drive,.fa-hdd{--fa:"\f0a0"}.fa-face-grin-squint-tears,.fa-grin-squint-tears{--fa:"\f586"}.fa-dumbbell{--fa:"\f44b"}.fa-list-alt,.fa-rectangle-list{--fa:"\f022"}.fa-tarp-droplet{--fa:"\e57c"}.fa-house-medical-circle-check{--fa:"\e511"}.fa-person-skiing-nordic,.fa-skiing-nordic{--fa:"\f7ca"}.fa-calendar-plus{--fa:"\f271"}.fa-plane-arrival{--fa:"\f5af"}.fa-arrow-alt-circle-left,.fa-circle-left{--fa:"\f359"}.fa-subway,.fa-train-subway{--fa:"\f239"}.fa-chart-gantt{--fa:"\e0e4"}.fa-indian-rupee,.fa-indian-rupee-sign,.fa-inr{--fa:"\e1bc"}.fa-crop-alt,.fa-crop-simple{--fa:"\f565"}.fa-money-bill-1,.fa-money-bill-alt{--fa:"\f3d1"}.fa-left-long,.fa-long-arrow-alt-left{--fa:"\f30a"}.fa-dna{--fa:"\f471"}.fa-virus-slash{--fa:"\e075"}.fa-minus,.fa-subtract{--fa:"\f068"}.fa-chess{--fa:"\f439"}.fa-arrow-left-long,.fa-long-arrow-left{--fa:"\f177"}.fa-plug-circle-check{--fa:"\e55c"}.fa-street-view{--fa:"\f21d"}.fa-franc-sign{--fa:"\e18f"}.fa-volume-off{--fa:"\f026"}.fa-american-sign-language-interpreting,.fa-asl-interpreting,.fa-hands-american-sign-language-interpreting,.fa-hands-asl-interpreting{--fa:"\f2a3"}.fa-cog,.fa-gear{--fa:"\f013"}.fa-droplet-slash,.fa-tint-slash{--fa:"\f5c7"}.fa-mosque{--fa:"\f678"}.fa-mosquito{--fa:"\e52b"}.fa-star-of-david{--fa:"\f69a"}.fa-person-military-rifle{--fa:"\e54b"}.fa-cart-shopping,.fa-shopping-cart{--fa:"\f07a"}.fa-vials{--fa:"\f493"}.fa-plug-circle-plus{--fa:"\e55f"}.fa-place-of-worship{--fa:"\f67f"}.fa-grip-vertical{--fa:"\f58e"}.fa-hexagon-nodes{--fa:"\e699"}.fa-arrow-turn-up,.fa-level-up{--fa:"\f148"}.fa-u{--fa:"\55"}.fa-square-root-alt,.fa-square-root-variable{--fa:"\f698"}.fa-clock,.fa-clock-four{--fa:"\f017"}.fa-backward-step,.fa-step-backward{--fa:"\f048"}.fa-pallet{--fa:"\f482"}.fa-faucet{--fa:"\e005"}.fa-baseball-bat-ball{--fa:"\f432"}.fa-s{--fa:"\53"}.fa-timeline{--fa:"\e29c"}.fa-keyboard{--fa:"\f11c"}.fa-caret-down{--fa:"\f0d7"}.fa-clinic-medical,.fa-house-chimney-medical{--fa:"\f7f2"}.fa-temperature-3,.fa-temperature-three-quarters,.fa-thermometer-3,.fa-thermometer-three-quarters{--fa:"\f2c8"}.fa-mobile-android-alt,.fa-mobile-screen{--fa:"\f3cf"}.fa-plane-up{--fa:"\e22d"}.fa-piggy-bank{--fa:"\f4d3"}.fa-battery-3,.fa-battery-half{--fa:"\f242"}.fa-mountain-city{--fa:"\e52e"}.fa-coins{--fa:"\f51e"}.fa-khanda{--fa:"\f66d"}.fa-sliders,.fa-sliders-h{--fa:"\f1de"}.fa-folder-tree{--fa:"\f802"}.fa-network-wired{--fa:"\f6ff"}.fa-map-pin{--fa:"\f276"}.fa-hamsa{--fa:"\f665"}.fa-cent-sign{--fa:"\e3f5"}.fa-flask{--fa:"\f0c3"}.fa-person-pregnant{--fa:"\e31e"}.fa-wand-sparkles{--fa:"\f72b"}.fa-ellipsis-v,.fa-ellipsis-vertical{--fa:"\f142"}.fa-ticket{--fa:"\f145"}.fa-power-off{--fa:"\f011"}.fa-long-arrow-alt-right,.fa-right-long{--fa:"\f30b"}.fa-flag-usa{--fa:"\f74d"}.fa-laptop-file{--fa:"\e51d"}.fa-teletype,.fa-tty{--fa:"\f1e4"}.fa-diagram-next{--fa:"\e476"}.fa-person-rifle{--fa:"\e54e"}.fa-house-medical-circle-exclamation{--fa:"\e512"}.fa-closed-captioning{--fa:"\f20a"}.fa-hiking,.fa-person-hiking{--fa:"\f6ec"}.fa-venus-double{--fa:"\f226"}.fa-images{--fa:"\f302"}.fa-calculator{--fa:"\f1ec"}.fa-people-pulling{--fa:"\e535"}.fa-n{--fa:"\4e"}.fa-cable-car,.fa-tram{--fa:"\f7da"}.fa-cloud-rain{--fa:"\f73d"}.fa-building-circle-xmark{--fa:"\e4d4"}.fa-ship{--fa:"\f21a"}.fa-arrows-down-to-line{--fa:"\e4b8"}.fa-download{--fa:"\f019"}.fa-face-grin,.fa-grin{--fa:"\f580"}.fa-backspace,.fa-delete-left{--fa:"\f55a"}.fa-eye-dropper,.fa-eye-dropper-empty,.fa-eyedropper{--fa:"\f1fb"}.fa-file-circle-check{--fa:"\e5a0"}.fa-forward{--fa:"\f04e"}.fa-mobile,.fa-mobile-android,.fa-mobile-phone{--fa:"\f3ce"}.fa-face-meh,.fa-meh{--fa:"\f11a"}.fa-align-center{--fa:"\f037"}.fa-book-dead,.fa-book-skull{--fa:"\f6b7"}.fa-drivers-license,.fa-id-card{--fa:"\f2c2"}.fa-dedent,.fa-outdent{--fa:"\f03b"}.fa-heart-circle-exclamation{--fa:"\e4fe"}.fa-home,.fa-home-alt,.fa-home-lg-alt,.fa-house{--fa:"\f015"}.fa-calendar-week{--fa:"\f784"}.fa-laptop-medical{--fa:"\f812"}.fa-b{--fa:"\42"}.fa-file-medical{--fa:"\f477"}.fa-dice-one{--fa:"\f525"}.fa-kiwi-bird{--fa:"\f535"}.fa-arrow-right-arrow-left,.fa-exchange{--fa:"\f0ec"}.fa-redo-alt,.fa-rotate-forward,.fa-rotate-right{--fa:"\f2f9"}.fa-cutlery,.fa-utensils{--fa:"\f2e7"}.fa-arrow-up-wide-short,.fa-sort-amount-up{--fa:"\f161"}.fa-mill-sign{--fa:"\e1ed"}.fa-bowl-rice{--fa:"\e2eb"}.fa-skull{--fa:"\f54c"}.fa-broadcast-tower,.fa-tower-broadcast{--fa:"\f519"}.fa-truck-pickup{--fa:"\f63c"}.fa-long-arrow-alt-up,.fa-up-long{--fa:"\f30c"}.fa-stop{--fa:"\f04d"}.fa-code-merge{--fa:"\f387"}.fa-upload{--fa:"\f093"}.fa-hurricane{--fa:"\f751"}.fa-mound{--fa:"\e52d"}.fa-toilet-portable{--fa:"\e583"}.fa-compact-disc{--fa:"\f51f"}.fa-file-arrow-down,.fa-file-download{--fa:"\f56d"}.fa-caravan{--fa:"\f8ff"}.fa-shield-cat{--fa:"\e572"}.fa-bolt,.fa-zap{--fa:"\f0e7"}.fa-glass-water{--fa:"\e4f4"}.fa-oil-well{--fa:"\e532"}.fa-vault{--fa:"\e2c5"}.fa-mars{--fa:"\f222"}.fa-toilet{--fa:"\f7d8"}.fa-plane-circle-xmark{--fa:"\e557"}.fa-cny,.fa-jpy,.fa-rmb,.fa-yen,.fa-yen-sign{--fa:"\f157"}.fa-rouble,.fa-rub,.fa-ruble,.fa-ruble-sign{--fa:"\f158"}.fa-sun{--fa:"\f185"}.fa-guitar{--fa:"\f7a6"}.fa-face-laugh-wink,.fa-laugh-wink{--fa:"\f59c"}.fa-horse-head{--fa:"\f7ab"}.fa-bore-hole{--fa:"\e4c3"}.fa-industry{--fa:"\f275"}.fa-arrow-alt-circle-down,.fa-circle-down{--fa:"\f358"}.fa-arrows-turn-to-dots{--fa:"\e4c1"}.fa-florin-sign{--fa:"\e184"}.fa-arrow-down-short-wide,.fa-sort-amount-desc,.fa-sort-amount-down-alt{--fa:"\f884"}.fa-less-than{--fa:"\3c"}.fa-angle-down{--fa:"\f107"}.fa-car-tunnel{--fa:"\e4de"}.fa-head-side-cough{--fa:"\e061"}.fa-grip-lines{--fa:"\f7a4"}.fa-thumbs-down{--fa:"\f165"}.fa-user-lock{--fa:"\f502"}.fa-arrow-right-long,.fa-long-arrow-right{--fa:"\f178"}.fa-anchor-circle-xmark{--fa:"\e4ac"}.fa-ellipsis,.fa-ellipsis-h{--fa:"\f141"}.fa-chess-pawn{--fa:"\f443"}.fa-first-aid,.fa-kit-medical{--fa:"\f479"}.fa-person-through-window{--fa:"\e5a9"}.fa-toolbox{--fa:"\f552"}.fa-hands-holding-circle{--fa:"\e4fb"}.fa-bug{--fa:"\f188"}.fa-credit-card,.fa-credit-card-alt{--fa:"\f09d"}.fa-automobile,.fa-car{--fa:"\f1b9"}.fa-hand-holding-hand{--fa:"\e4f7"}.fa-book-open-reader,.fa-book-reader{--fa:"\f5da"}.fa-mountain-sun{--fa:"\e52f"}.fa-arrows-left-right-to-line{--fa:"\e4ba"}.fa-dice-d20{--fa:"\f6cf"}.fa-truck-droplet{--fa:"\e58c"}.fa-file-circle-xmark{--fa:"\e5a1"}.fa-temperature-arrow-up,.fa-temperature-up{--fa:"\e040"}.fa-medal{--fa:"\f5a2"}.fa-bed{--fa:"\f236"}.fa-h-square,.fa-square-h{--fa:"\f0fd"}.fa-podcast{--fa:"\f2ce"}.fa-temperature-4,.fa-temperature-full,.fa-thermometer-4,.fa-thermometer-full{--fa:"\f2c7"}.fa-bell{--fa:"\f0f3"}.fa-superscript{--fa:"\f12b"}.fa-plug-circle-xmark{--fa:"\e560"}.fa-star-of-life{--fa:"\f621"}.fa-phone-slash{--fa:"\f3dd"}.fa-paint-roller{--fa:"\f5aa"}.fa-hands-helping,.fa-handshake-angle{--fa:"\f4c4"}.fa-location-dot,.fa-map-marker-alt{--fa:"\f3c5"}.fa-file{--fa:"\f15b"}.fa-greater-than{--fa:"\3e"}.fa-person-swimming,.fa-swimmer{--fa:"\f5c4"}.fa-arrow-down{--fa:"\f063"}.fa-droplet,.fa-tint{--fa:"\f043"}.fa-eraser{--fa:"\f12d"}.fa-earth,.fa-earth-america,.fa-earth-americas,.fa-globe-americas{--fa:"\f57d"}.fa-person-burst{--fa:"\e53b"}.fa-dove{--fa:"\f4ba"}.fa-battery-0,.fa-battery-empty{--fa:"\f244"}.fa-socks{--fa:"\f696"}.fa-inbox{--fa:"\f01c"}.fa-section{--fa:"\e447"}.fa-gauge-high,.fa-tachometer-alt,.fa-tachometer-alt-fast{--fa:"\f625"}.fa-envelope-open-text{--fa:"\f658"}.fa-hospital,.fa-hospital-alt,.fa-hospital-wide{--fa:"\f0f8"}.fa-wine-bottle{--fa:"\f72f"}.fa-chess-rook{--fa:"\f447"}.fa-bars-staggered,.fa-reorder,.fa-stream{--fa:"\f550"}.fa-dharmachakra{--fa:"\f655"}.fa-hotdog{--fa:"\f80f"}.fa-blind,.fa-person-walking-with-cane{--fa:"\f29d"}.fa-drum{--fa:"\f569"}.fa-ice-cream{--fa:"\f810"}.fa-heart-circle-bolt{--fa:"\e4fc"}.fa-fax{--fa:"\f1ac"}.fa-paragraph{--fa:"\f1dd"}.fa-check-to-slot,.fa-vote-yea{--fa:"\f772"}.fa-star-half{--fa:"\f089"}.fa-boxes,.fa-boxes-alt,.fa-boxes-stacked{--fa:"\f468"}.fa-chain,.fa-link{--fa:"\f0c1"}.fa-assistive-listening-systems,.fa-ear-listen{--fa:"\f2a2"}.fa-tree-city{--fa:"\e587"}.fa-play{--fa:"\f04b"}.fa-font{--fa:"\f031"}.fa-table-cells-row-lock{--fa:"\e67a"}.fa-rupiah-sign{--fa:"\e23d"}.fa-magnifying-glass,.fa-search{--fa:"\f002"}.fa-ping-pong-paddle-ball,.fa-table-tennis,.fa-table-tennis-paddle-ball{--fa:"\f45d"}.fa-diagnoses,.fa-person-dots-from-line{--fa:"\f470"}.fa-trash-can-arrow-up,.fa-trash-restore-alt{--fa:"\f82a"}.fa-naira-sign{--fa:"\e1f6"}.fa-cart-arrow-down{--fa:"\f218"}.fa-walkie-talkie{--fa:"\f8ef"}.fa-file-edit,.fa-file-pen{--fa:"\f31c"}.fa-receipt{--fa:"\f543"}.fa-pen-square,.fa-pencil-square,.fa-square-pen{--fa:"\f14b"}.fa-suitcase-rolling{--fa:"\f5c1"}.fa-person-circle-exclamation{--fa:"\e53f"}.fa-chevron-down{--fa:"\f078"}.fa-battery,.fa-battery-5,.fa-battery-full{--fa:"\f240"}.fa-skull-crossbones{--fa:"\f714"}.fa-code-compare{--fa:"\e13a"}.fa-list-dots,.fa-list-ul{--fa:"\f0ca"}.fa-school-lock{--fa:"\e56f"}.fa-tower-cell{--fa:"\e585"}.fa-down-long,.fa-long-arrow-alt-down{--fa:"\f309"}.fa-ranking-star{--fa:"\e561"}.fa-chess-king{--fa:"\f43f"}.fa-person-harassing{--fa:"\e549"}.fa-brazilian-real-sign{--fa:"\e46c"}.fa-landmark-alt,.fa-landmark-dome{--fa:"\f752"}.fa-arrow-up{--fa:"\f062"}.fa-television,.fa-tv,.fa-tv-alt{--fa:"\f26c"}.fa-shrimp{--fa:"\e448"}.fa-list-check,.fa-tasks{--fa:"\f0ae"}.fa-jug-detergent{--fa:"\e519"}.fa-circle-user,.fa-user-circle{--fa:"\f2bd"}.fa-user-shield{--fa:"\f505"}.fa-wind{--fa:"\f72e"}.fa-car-burst,.fa-car-crash{--fa:"\f5e1"}.fa-y{--fa:"\59"}.fa-person-snowboarding,.fa-snowboarding{--fa:"\f7ce"}.fa-shipping-fast,.fa-truck-fast{--fa:"\f48b"}.fa-fish{--fa:"\f578"}.fa-user-graduate{--fa:"\f501"}.fa-adjust,.fa-circle-half-stroke{--fa:"\f042"}.fa-clapperboard{--fa:"\e131"}.fa-circle-radiation,.fa-radiation-alt{--fa:"\f7ba"}.fa-baseball,.fa-baseball-ball{--fa:"\f433"}.fa-jet-fighter-up{--fa:"\e518"}.fa-diagram-project,.fa-project-diagram{--fa:"\f542"}.fa-copy{--fa:"\f0c5"}.fa-volume-mute,.fa-volume-times,.fa-volume-xmark{--fa:"\f6a9"}.fa-hand-sparkles{--fa:"\e05d"}.fa-grip,.fa-grip-horizontal{--fa:"\f58d"}.fa-share-from-square,.fa-share-square{--fa:"\f14d"}.fa-child-combatant,.fa-child-rifle{--fa:"\e4e0"}.fa-gun{--fa:"\e19b"}.fa-phone-square,.fa-square-phone{--fa:"\f098"}.fa-add,.fa-plus{--fa:"\2b"}.fa-expand{--fa:"\f065"}.fa-computer{--fa:"\e4e5"}.fa-close,.fa-multiply,.fa-remove,.fa-times,.fa-xmark{--fa:"\f00d"}.fa-arrows,.fa-arrows-up-down-left-right{--fa:"\f047"}.fa-chalkboard-teacher,.fa-chalkboard-user{--fa:"\f51c"}.fa-peso-sign{--fa:"\e222"}.fa-building-shield{--fa:"\e4d8"}.fa-baby{--fa:"\f77c"}.fa-users-line{--fa:"\e592"}.fa-quote-left,.fa-quote-left-alt{--fa:"\f10d"}.fa-tractor{--fa:"\f722"}.fa-trash-arrow-up,.fa-trash-restore{--fa:"\f829"}.fa-arrow-down-up-lock{--fa:"\e4b0"}.fa-lines-leaning{--fa:"\e51e"}.fa-ruler-combined{--fa:"\f546"}.fa-copyright{--fa:"\f1f9"}.fa-equals{--fa:"\3d"}.fa-blender{--fa:"\f517"}.fa-teeth{--fa:"\f62e"}.fa-ils,.fa-shekel,.fa-shekel-sign,.fa-sheqel,.fa-sheqel-sign{--fa:"\f20b"}.fa-map{--fa:"\f279"}.fa-rocket{--fa:"\f135"}.fa-photo-film,.fa-photo-video{--fa:"\f87c"}.fa-folder-minus{--fa:"\f65d"}.fa-hexagon-nodes-bolt{--fa:"\e69a"}.fa-store{--fa:"\f54e"}.fa-arrow-trend-up{--fa:"\e098"}.fa-plug-circle-minus{--fa:"\e55e"}.fa-sign,.fa-sign-hanging{--fa:"\f4d9"}.fa-bezier-curve{--fa:"\f55b"}.fa-bell-slash{--fa:"\f1f6"}.fa-tablet,.fa-tablet-android{--fa:"\f3fb"}.fa-school-flag{--fa:"\e56e"}.fa-fill{--fa:"\f575"}.fa-angle-up{--fa:"\f106"}.fa-drumstick-bite{--fa:"\f6d7"}.fa-holly-berry{--fa:"\f7aa"}.fa-chevron-left{--fa:"\f053"}.fa-bacteria{--fa:"\e059"}.fa-hand-lizard{--fa:"\f258"}.fa-notdef{--fa:"\e1fe"}.fa-disease{--fa:"\f7fa"}.fa-briefcase-medical{--fa:"\f469"}.fa-genderless{--fa:"\f22d"}.fa-chevron-right{--fa:"\f054"}.fa-retweet{--fa:"\f079"}.fa-car-alt,.fa-car-rear{--fa:"\f5de"}.fa-pump-soap{--fa:"\e06b"}.fa-video-slash{--fa:"\f4e2"}.fa-battery-2,.fa-battery-quarter{--fa:"\f243"}.fa-radio{--fa:"\f8d7"}.fa-baby-carriage,.fa-carriage-baby{--fa:"\f77d"}.fa-traffic-light{--fa:"\f637"}.fa-thermometer{--fa:"\f491"}.fa-vr-cardboard{--fa:"\f729"}.fa-hand-middle-finger{--fa:"\f806"}.fa-percent,.fa-percentage{--fa:"\25"}.fa-truck-moving{--fa:"\f4df"}.fa-glass-water-droplet{--fa:"\e4f5"}.fa-display{--fa:"\e163"}.fa-face-smile,.fa-smile{--fa:"\f118"}.fa-thumb-tack,.fa-thumbtack{--fa:"\f08d"}.fa-trophy{--fa:"\f091"}.fa-person-praying,.fa-pray{--fa:"\f683"}.fa-hammer{--fa:"\f6e3"}.fa-hand-peace{--fa:"\f25b"}.fa-rotate,.fa-sync-alt{--fa:"\f2f1"}.fa-spinner{--fa:"\f110"}.fa-robot{--fa:"\f544"}.fa-peace{--fa:"\f67c"}.fa-cogs,.fa-gears{--fa:"\f085"}.fa-warehouse{--fa:"\f494"}.fa-arrow-up-right-dots{--fa:"\e4b7"}.fa-splotch{--fa:"\f5bc"}.fa-face-grin-hearts,.fa-grin-hearts{--fa:"\f584"}.fa-dice-four{--fa:"\f524"}.fa-sim-card{--fa:"\f7c4"}.fa-transgender,.fa-transgender-alt{--fa:"\f225"}.fa-mercury{--fa:"\f223"}.fa-arrow-turn-down,.fa-level-down{--fa:"\f149"}.fa-person-falling-burst{--fa:"\e547"}.fa-award{--fa:"\f559"}.fa-ticket-alt,.fa-ticket-simple{--fa:"\f3ff"}.fa-building{--fa:"\f1ad"}.fa-angle-double-left,.fa-angles-left{--fa:"\f100"}.fa-qrcode{--fa:"\f029"}.fa-clock-rotate-left,.fa-history{--fa:"\f1da"}.fa-face-grin-beam-sweat,.fa-grin-beam-sweat{--fa:"\f583"}.fa-arrow-right-from-file,.fa-file-export{--fa:"\f56e"}.fa-shield,.fa-shield-blank{--fa:"\f132"}.fa-arrow-up-short-wide,.fa-sort-amount-up-alt{--fa:"\f885"}.fa-comment-nodes{--fa:"\e696"}.fa-house-medical{--fa:"\e3b2"}.fa-golf-ball,.fa-golf-ball-tee{--fa:"\f450"}.fa-chevron-circle-left,.fa-circle-chevron-left{--fa:"\f137"}.fa-house-chimney-window{--fa:"\e00d"}.fa-pen-nib{--fa:"\f5ad"}.fa-tent-arrow-turn-left{--fa:"\e580"}.fa-tents{--fa:"\e582"}.fa-magic,.fa-wand-magic{--fa:"\f0d0"}.fa-dog{--fa:"\f6d3"}.fa-carrot{--fa:"\f787"}.fa-moon{--fa:"\f186"}.fa-wine-glass-alt,.fa-wine-glass-empty{--fa:"\f5ce"}.fa-cheese{--fa:"\f7ef"}.fa-yin-yang{--fa:"\f6ad"}.fa-music{--fa:"\f001"}.fa-code-commit{--fa:"\f386"}.fa-temperature-low{--fa:"\f76b"}.fa-biking,.fa-person-biking{--fa:"\f84a"}.fa-broom{--fa:"\f51a"}.fa-shield-heart{--fa:"\e574"}.fa-gopuram{--fa:"\f664"}.fa-earth-oceania,.fa-globe-oceania{--fa:"\e47b"}.fa-square-xmark,.fa-times-square,.fa-xmark-square{--fa:"\f2d3"}.fa-hashtag{--fa:"\23"}.fa-expand-alt,.fa-up-right-and-down-left-from-center{--fa:"\f424"}.fa-oil-can{--fa:"\f613"}.fa-t{--fa:"\54"}.fa-hippo{--fa:"\f6ed"}.fa-chart-column{--fa:"\e0e3"}.fa-infinity{--fa:"\f534"}.fa-vial-circle-check{--fa:"\e596"}.fa-person-arrow-down-to-line{--fa:"\e538"}.fa-voicemail{--fa:"\f897"}.fa-fan{--fa:"\f863"}.fa-person-walking-luggage{--fa:"\e554"}.fa-arrows-alt-v,.fa-up-down{--fa:"\f338"}.fa-cloud-moon-rain{--fa:"\f73c"}.fa-calendar{--fa:"\f133"}.fa-trailer{--fa:"\e041"}.fa-bahai,.fa-haykal{--fa:"\f666"}.fa-sd-card{--fa:"\f7c2"}.fa-dragon{--fa:"\f6d5"}.fa-shoe-prints{--fa:"\f54b"}.fa-circle-plus,.fa-plus-circle{--fa:"\f055"}.fa-face-grin-tongue-wink,.fa-grin-tongue-wink{--fa:"\f58b"}.fa-hand-holding{--fa:"\f4bd"}.fa-plug-circle-exclamation{--fa:"\e55d"}.fa-chain-broken,.fa-chain-slash,.fa-link-slash,.fa-unlink{--fa:"\f127"}.fa-clone{--fa:"\f24d"}.fa-person-walking-arrow-loop-left{--fa:"\e551"}.fa-arrow-up-z-a,.fa-sort-alpha-up-alt{--fa:"\f882"}.fa-fire-alt,.fa-fire-flame-curved{--fa:"\f7e4"}.fa-tornado{--fa:"\f76f"}.fa-file-circle-plus{--fa:"\e494"}.fa-book-quran,.fa-quran{--fa:"\f687"}.fa-anchor{--fa:"\f13d"}.fa-border-all{--fa:"\f84c"}.fa-angry,.fa-face-angry{--fa:"\f556"}.fa-cookie-bite{--fa:"\f564"}.fa-arrow-trend-down{--fa:"\e097"}.fa-feed,.fa-rss{--fa:"\f09e"}.fa-draw-polygon{--fa:"\f5ee"}.fa-balance-scale,.fa-scale-balanced{--fa:"\f24e"}.fa-gauge-simple-high,.fa-tachometer,.fa-tachometer-fast{--fa:"\f62a"}.fa-shower{--fa:"\f2cc"}.fa-desktop,.fa-desktop-alt{--fa:"\f390"}.fa-m{--fa:"\4d"}.fa-table-list,.fa-th-list{--fa:"\f00b"}.fa-comment-sms,.fa-sms{--fa:"\f7cd"}.fa-book{--fa:"\f02d"}.fa-user-plus{--fa:"\f234"}.fa-check{--fa:"\f00c"}.fa-battery-4,.fa-battery-three-quarters{--fa:"\f241"}.fa-house-circle-check{--fa:"\e509"}.fa-angle-left{--fa:"\f104"}.fa-diagram-successor{--fa:"\e47a"}.fa-truck-arrow-right{--fa:"\e58b"}.fa-arrows-split-up-and-left{--fa:"\e4bc"}.fa-fist-raised,.fa-hand-fist{--fa:"\f6de"}.fa-cloud-moon{--fa:"\f6c3"}.fa-briefcase{--fa:"\f0b1"}.fa-person-falling{--fa:"\e546"}.fa-image-portrait,.fa-portrait{--fa:"\f3e0"}.fa-user-tag{--fa:"\f507"}.fa-rug{--fa:"\e569"}.fa-earth-europe,.fa-globe-europe{--fa:"\f7a2"}.fa-cart-flatbed-suitcase,.fa-luggage-cart{--fa:"\f59d"}.fa-rectangle-times,.fa-rectangle-xmark,.fa-times-rectangle,.fa-window-close{--fa:"\f410"}.fa-baht-sign{--fa:"\e0ac"}.fa-book-open{--fa:"\f518"}.fa-book-journal-whills,.fa-journal-whills{--fa:"\f66a"}.fa-handcuffs{--fa:"\e4f8"}.fa-exclamation-triangle,.fa-triangle-exclamation,.fa-warning{--fa:"\f071"}.fa-database{--fa:"\f1c0"}.fa-mail-forward,.fa-share{--fa:"\f064"}.fa-bottle-droplet{--fa:"\e4c4"}.fa-mask-face{--fa:"\e1d7"}.fa-hill-rockslide{--fa:"\e508"}.fa-exchange-alt,.fa-right-left{--fa:"\f362"}.fa-paper-plane{--fa:"\f1d8"}.fa-road-circle-exclamation{--fa:"\e565"}.fa-dungeon{--fa:"\f6d9"}.fa-align-right{--fa:"\f038"}.fa-money-bill-1-wave,.fa-money-bill-wave-alt{--fa:"\f53b"}.fa-life-ring{--fa:"\f1cd"}.fa-hands,.fa-sign-language,.fa-signing{--fa:"\f2a7"}.fa-calendar-day{--fa:"\f783"}.fa-ladder-water,.fa-swimming-pool,.fa-water-ladder{--fa:"\f5c5"}.fa-arrows-up-down,.fa-arrows-v{--fa:"\f07d"}.fa-face-grimace,.fa-grimace{--fa:"\f57f"}.fa-wheelchair-alt,.fa-wheelchair-move{--fa:"\e2ce"}.fa-level-down-alt,.fa-turn-down{--fa:"\f3be"}.fa-person-walking-arrow-right{--fa:"\e552"}.fa-envelope-square,.fa-square-envelope{--fa:"\f199"}.fa-dice{--fa:"\f522"}.fa-bowling-ball{--fa:"\f436"}.fa-brain{--fa:"\f5dc"}.fa-band-aid,.fa-bandage{--fa:"\f462"}.fa-calendar-minus{--fa:"\f272"}.fa-circle-xmark,.fa-times-circle,.fa-xmark-circle{--fa:"\f057"}.fa-gifts{--fa:"\f79c"}.fa-hotel{--fa:"\f594"}.fa-earth-asia,.fa-globe-asia{--fa:"\f57e"}.fa-id-card-alt,.fa-id-card-clip{--fa:"\f47f"}.fa-magnifying-glass-plus,.fa-search-plus{--fa:"\f00e"}.fa-thumbs-up{--fa:"\f164"}.fa-user-clock{--fa:"\f4fd"}.fa-allergies,.fa-hand-dots{--fa:"\f461"}.fa-file-invoice{--fa:"\f570"}.fa-window-minimize{--fa:"\f2d1"}.fa-coffee,.fa-mug-saucer{--fa:"\f0f4"}.fa-brush{--fa:"\f55d"}.fa-file-half-dashed{--fa:"\e698"}.fa-mask{--fa:"\f6fa"}.fa-magnifying-glass-minus,.fa-search-minus{--fa:"\f010"}.fa-ruler-vertical{--fa:"\f548"}.fa-user-alt,.fa-user-large{--fa:"\f406"}.fa-train-tram{--fa:"\e5b4"}.fa-user-nurse{--fa:"\f82f"}.fa-syringe{--fa:"\f48e"}.fa-cloud-sun{--fa:"\f6c4"}.fa-stopwatch-20{--fa:"\e06f"}.fa-square-full{--fa:"\f45c"}.fa-magnet{--fa:"\f076"}.fa-jar{--fa:"\e516"}.fa-note-sticky,.fa-sticky-note{--fa:"\f249"}.fa-bug-slash{--fa:"\e490"}.fa-arrow-up-from-water-pump{--fa:"\e4b6"}.fa-bone{--fa:"\f5d7"}.fa-table-cells-row-unlock{--fa:"\e691"}.fa-user-injured{--fa:"\f728"}.fa-face-sad-tear,.fa-sad-tear{--fa:"\f5b4"}.fa-plane{--fa:"\f072"}.fa-tent-arrows-down{--fa:"\e581"}.fa-exclamation{--fa:"\21"}.fa-arrows-spin{--fa:"\e4bb"}.fa-print{--fa:"\f02f"}.fa-try,.fa-turkish-lira,.fa-turkish-lira-sign{--fa:"\e2bb"}.fa-dollar,.fa-dollar-sign,.fa-usd{--fa:"\24"}.fa-x{--fa:"\58"}.fa-magnifying-glass-dollar,.fa-search-dollar{--fa:"\f688"}.fa-users-cog,.fa-users-gear{--fa:"\f509"}.fa-person-military-pointing{--fa:"\e54a"}.fa-bank,.fa-building-columns,.fa-institution,.fa-museum,.fa-university{--fa:"\f19c"}.fa-umbrella{--fa:"\f0e9"}.fa-trowel{--fa:"\e589"}.fa-d{--fa:"\44"}.fa-stapler{--fa:"\e5af"}.fa-masks-theater,.fa-theater-masks{--fa:"\f630"}.fa-kip-sign{--fa:"\e1c4"}.fa-hand-point-left{--fa:"\f0a5"}.fa-handshake-alt,.fa-handshake-simple{--fa:"\f4c6"}.fa-fighter-jet,.fa-jet-fighter{--fa:"\f0fb"}.fa-share-alt-square,.fa-square-share-nodes{--fa:"\f1e1"}.fa-barcode{--fa:"\f02a"}.fa-plus-minus{--fa:"\e43c"}.fa-video,.fa-video-camera{--fa:"\f03d"}.fa-graduation-cap,.fa-mortar-board{--fa:"\f19d"}.fa-hand-holding-medical{--fa:"\e05c"}.fa-person-circle-check{--fa:"\e53e"}.fa-level-up-alt,.fa-turn-up{--fa:"\f3bf"}
.fa-sr-only,.fa-sr-only-focusable:not(:focus),.sr-only,.sr-only-focusable:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:host,:root{--fa-style-family-brands:"Font Awesome 6 Brands";--fa-font-brands:normal 400 1em/1 "Font Awesome 6 Brands"}@font-face{font-family:"Font Awesome 6 Brands";font-style:normal;font-weight:400;font-display:block;src:url(/fonts/fontawesome/fa-brands-400.woff2) format("woff2")}.fa-brands,.fab{font-weight:400}.fa-monero{--fa:"\f3d0"}.fa-hooli{--fa:"\f427"}.fa-yelp{--fa:"\f1e9"}.fa-cc-visa{--fa:"\f1f0"}.fa-lastfm{--fa:"\f202"}.fa-shopware{--fa:"\f5b5"}.fa-creative-commons-nc{--fa:"\f4e8"}.fa-aws{--fa:"\f375"}.fa-redhat{--fa:"\f7bc"}.fa-yoast{--fa:"\f2b1"}.fa-cloudflare{--fa:"\e07d"}.fa-ups{--fa:"\f7e0"}.fa-pixiv{--fa:"\e640"}.fa-wpexplorer{--fa:"\f2de"}.fa-dyalog{--fa:"\f399"}.fa-bity{--fa:"\f37a"}.fa-stackpath{--fa:"\f842"}.fa-buysellads{--fa:"\f20d"}.fa-first-order{--fa:"\f2b0"}.fa-modx{--fa:"\f285"}.fa-guilded{--fa:"\e07e"}.fa-vnv{--fa:"\f40b"}.fa-js-square,.fa-square-js{--fa:"\f3b9"}.fa-microsoft{--fa:"\f3ca"}.fa-qq{--fa:"\f1d6"}.fa-orcid{--fa:"\f8d2"}.fa-java{--fa:"\f4e4"}.fa-invision{--fa:"\f7b0"}.fa-creative-commons-pd-alt{--fa:"\f4ed"}.fa-centercode{--fa:"\f380"}.fa-glide-g{--fa:"\f2a6"}.fa-drupal{--fa:"\f1a9"}.fa-jxl{--fa:"\e67b"}.fa-dart-lang{--fa:"\e693"}.fa-hire-a-helper{--fa:"\f3b0"}.fa-creative-commons-by{--fa:"\f4e7"}.fa-unity{--fa:"\e049"}.fa-whmcs{--fa:"\f40d"}.fa-rocketchat{--fa:"\f3e8"}.fa-vk{--fa:"\f189"}.fa-untappd{--fa:"\f405"}.fa-mailchimp{--fa:"\f59e"}.fa-css3-alt{--fa:"\f38b"}.fa-reddit-square,.fa-square-reddit{--fa:"\f1a2"}.fa-vimeo-v{--fa:"\f27d"}.fa-contao{--fa:"\f26d"}.fa-square-font-awesome{--fa:"\e5ad"}.fa-deskpro{--fa:"\f38f"}.fa-brave{--fa:"\e63c"}.fa-sistrix{--fa:"\f3ee"}.fa-instagram-square,.fa-square-instagram{--fa:"\e055"}.fa-battle-net{--fa:"\f835"}.fa-the-red-yeti{--fa:"\f69d"}.fa-hacker-news-square,.fa-square-hacker-news{--fa:"\f3af"}.fa-edge{--fa:"\f282"}.fa-threads{--fa:"\e618"}.fa-napster{--fa:"\f3d2"}.fa-snapchat-square,.fa-square-snapchat{--fa:"\f2ad"}.fa-google-plus-g{--fa:"\f0d5"}.fa-artstation{--fa:"\f77a"}.fa-markdown{--fa:"\f60f"}.fa-sourcetree{--fa:"\f7d3"}.fa-google-plus{--fa:"\f2b3"}.fa-diaspora{--fa:"\f791"}.fa-foursquare{--fa:"\f180"}.fa-stack-overflow{--fa:"\f16c"}.fa-github-alt{--fa:"\f113"}.fa-phoenix-squadron{--fa:"\f511"}.fa-pagelines{--fa:"\f18c"}.fa-algolia{--fa:"\f36c"}.fa-red-river{--fa:"\f3e3"}.fa-creative-commons-sa{--fa:"\f4ef"}.fa-safari{--fa:"\f267"}.fa-google{--fa:"\f1a0"}.fa-font-awesome-alt,.fa-square-font-awesome-stroke{--fa:"\f35c"}.fa-atlassian{--fa:"\f77b"}.fa-linkedin-in{--fa:"\f0e1"}.fa-digital-ocean{--fa:"\f391"}.fa-nimblr{--fa:"\f5a8"}.fa-chromecast{--fa:"\f838"}.fa-evernote{--fa:"\f839"}.fa-hacker-news{--fa:"\f1d4"}.fa-creative-commons-sampling{--fa:"\f4f0"}.fa-adversal{--fa:"\f36a"}.fa-creative-commons{--fa:"\f25e"}.fa-watchman-monitoring{--fa:"\e087"}.fa-fonticons{--fa:"\f280"}.fa-weixin{--fa:"\f1d7"}.fa-shirtsinbulk{--fa:"\f214"}.fa-codepen{--fa:"\f1cb"}.fa-git-alt{--fa:"\f841"}.fa-lyft{--fa:"\f3c3"}.fa-rev{--fa:"\f5b2"}.fa-windows{--fa:"\f17a"}.fa-wizards-of-the-coast{--fa:"\f730"}.fa-square-viadeo,.fa-viadeo-square{--fa:"\f2aa"}.fa-meetup{--fa:"\f2e0"}.fa-centos{--fa:"\f789"}.fa-adn{--fa:"\f170"}.fa-cloudsmith{--fa:"\f384"}.fa-opensuse{--fa:"\e62b"}.fa-pied-piper-alt{--fa:"\f1a8"}.fa-dribbble-square,.fa-square-dribbble{--fa:"\f397"}.fa-codiepie{--fa:"\f284"}.fa-node{--fa:"\f419"}.fa-mix{--fa:"\f3cb"}.fa-steam{--fa:"\f1b6"}.fa-cc-apple-pay{--fa:"\f416"}.fa-scribd{--fa:"\f28a"}.fa-debian{--fa:"\e60b"}.fa-openid{--fa:"\f19b"}.fa-instalod{--fa:"\e081"}.fa-files-pinwheel{--fa:"\e69f"}.fa-expeditedssl{--fa:"\f23e"}.fa-sellcast{--fa:"\f2da"}.fa-square-twitter,.fa-twitter-square{--fa:"\f081"}.fa-r-project{--fa:"\f4f7"}.fa-delicious{--fa:"\f1a5"}.fa-freebsd{--fa:"\f3a4"}.fa-vuejs{--fa:"\f41f"}.fa-accusoft{--fa:"\f369"}.fa-ioxhost{--fa:"\f208"}.fa-fonticons-fi{--fa:"\f3a2"}.fa-app-store{--fa:"\f36f"}.fa-cc-mastercard{--fa:"\f1f1"}.fa-itunes-note{--fa:"\f3b5"}.fa-golang{--fa:"\e40f"}.fa-kickstarter,.fa-square-kickstarter{--fa:"\f3bb"}.fa-grav{--fa:"\f2d6"}.fa-weibo{--fa:"\f18a"}.fa-uncharted{--fa:"\e084"}.fa-firstdraft{--fa:"\f3a1"}.fa-square-youtube,.fa-youtube-square{--fa:"\f431"}.fa-wikipedia-w{--fa:"\f266"}.fa-rendact,.fa-wpressr{--fa:"\f3e4"}.fa-angellist{--fa:"\f209"}.fa-galactic-republic{--fa:"\f50c"}.fa-nfc-directional{--fa:"\e530"}.fa-skype{--fa:"\f17e"}.fa-joget{--fa:"\f3b7"}.fa-fedora{--fa:"\f798"}.fa-stripe-s{--fa:"\f42a"}.fa-meta{--fa:"\e49b"}.fa-laravel{--fa:"\f3bd"}.fa-hotjar{--fa:"\f3b1"}.fa-bluetooth-b{--fa:"\f294"}.fa-square-letterboxd{--fa:"\e62e"}.fa-sticker-mule{--fa:"\f3f7"}.fa-creative-commons-zero{--fa:"\f4f3"}.fa-hips{--fa:"\f452"}.fa-css{--fa:"\e6a2"}.fa-behance{--fa:"\f1b4"}.fa-reddit{--fa:"\f1a1"}.fa-discord{--fa:"\f392"}.fa-chrome{--fa:"\f268"}.fa-app-store-ios{--fa:"\f370"}.fa-cc-discover{--fa:"\f1f2"}.fa-wpbeginner{--fa:"\f297"}.fa-confluence{--fa:"\f78d"}.fa-shoelace{--fa:"\e60c"}.fa-mdb{--fa:"\f8ca"}.fa-dochub{--fa:"\f394"}.fa-accessible-icon{--fa:"\f368"}.fa-ebay{--fa:"\f4f4"}.fa-amazon{--fa:"\f270"}.fa-unsplash{--fa:"\e07c"}.fa-yarn{--fa:"\f7e3"}.fa-square-steam,.fa-steam-square{--fa:"\f1b7"}.fa-500px{--fa:"\f26e"}.fa-square-vimeo,.fa-vimeo-square{--fa:"\f194"}.fa-asymmetrik{--fa:"\f372"}.fa-font-awesome,.fa-font-awesome-flag,.fa-font-awesome-logo-full{--fa:"\f2b4"}.fa-gratipay{--fa:"\f184"}.fa-apple{--fa:"\f179"}.fa-hive{--fa:"\e07f"}.fa-gitkraken{--fa:"\f3a6"}.fa-keybase{--fa:"\f4f5"}.fa-apple-pay{--fa:"\f415"}.fa-padlet{--fa:"\e4a0"}.fa-amazon-pay{--fa:"\f42c"}.fa-github-square,.fa-square-github{--fa:"\f092"}.fa-stumbleupon{--fa:"\f1a4"}.fa-fedex{--fa:"\f797"}.fa-phoenix-framework{--fa:"\f3dc"}.fa-shopify{--fa:"\e057"}.fa-neos{--fa:"\f612"}.fa-square-threads{--fa:"\e619"}.fa-hackerrank{--fa:"\f5f7"}.fa-researchgate{--fa:"\f4f8"}.fa-swift{--fa:"\f8e1"}.fa-angular{--fa:"\f420"}.fa-speakap{--fa:"\f3f3"}.fa-angrycreative{--fa:"\f36e"}.fa-y-combinator{--fa:"\f23b"}.fa-empire{--fa:"\f1d1"}.fa-envira{--fa:"\f299"}.fa-google-scholar{--fa:"\e63b"}.fa-gitlab-square,.fa-square-gitlab{--fa:"\e5ae"}.fa-studiovinari{--fa:"\f3f8"}.fa-pied-piper{--fa:"\f2ae"}.fa-wordpress{--fa:"\f19a"}.fa-product-hunt{--fa:"\f288"}.fa-firefox{--fa:"\f269"}.fa-linode{--fa:"\f2b8"}.fa-goodreads{--fa:"\f3a8"}.fa-odnoklassniki-square,.fa-square-odnoklassniki{--fa:"\f264"}.fa-jsfiddle{--fa:"\f1cc"}.fa-sith{--fa:"\f512"}.fa-themeisle{--fa:"\f2b2"}.fa-page4{--fa:"\f3d7"}.fa-hashnode{--fa:"\e499"}.fa-react{--fa:"\f41b"}.fa-cc-paypal{--fa:"\f1f4"}.fa-squarespace{--fa:"\f5be"}.fa-cc-stripe{--fa:"\f1f5"}.fa-creative-commons-share{--fa:"\f4f2"}.fa-bitcoin{--fa:"\f379"}.fa-keycdn{--fa:"\f3ba"}.fa-opera{--fa:"\f26a"}.fa-itch-io{--fa:"\f83a"}.fa-umbraco{--fa:"\f8e8"}.fa-galactic-senate{--fa:"\f50d"}.fa-ubuntu{--fa:"\f7df"}.fa-draft2digital{--fa:"\f396"}.fa-stripe{--fa:"\f429"}.fa-houzz{--fa:"\f27c"}.fa-gg{--fa:"\f260"}.fa-dhl{--fa:"\f790"}.fa-pinterest-square,.fa-square-pinterest{--fa:"\f0d3"}.fa-xing{--fa:"\f168"}.fa-blackberry{--fa:"\f37b"}.fa-creative-commons-pd{--fa:"\f4ec"}.fa-playstation{--fa:"\f3df"}.fa-quinscape{--fa:"\f459"}.fa-less{--fa:"\f41d"}.fa-blogger-b{--fa:"\f37d"}.fa-opencart{--fa:"\f23d"}.fa-vine{--fa:"\f1ca"}.fa-signal-messenger{--fa:"\e663"}.fa-paypal{--fa:"\f1ed"}.fa-gitlab{--fa:"\f296"}.fa-typo3{--fa:"\f42b"}.fa-reddit-alien{--fa:"\f281"}.fa-yahoo{--fa:"\f19e"}.fa-dailymotion{--fa:"\e052"}.fa-affiliatetheme{--fa:"\f36b"}.fa-pied-piper-pp{--fa:"\f1a7"}.fa-bootstrap{--fa:"\f836"}.fa-odnoklassniki{--fa:"\f263"}.fa-nfc-symbol{--fa:"\e531"}.fa-mintbit{--fa:"\e62f"}.fa-ethereum{--fa:"\f42e"}.fa-speaker-deck{--fa:"\f83c"}.fa-creative-commons-nc-eu{--fa:"\f4e9"}.fa-patreon{--fa:"\f3d9"}.fa-avianex{--fa:"\f374"}.fa-ello{--fa:"\f5f1"}.fa-gofore{--fa:"\f3a7"}.fa-bimobject{--fa:"\f378"}.fa-brave-reverse{--fa:"\e63d"}.fa-facebook-f{--fa:"\f39e"}.fa-google-plus-square,.fa-square-google-plus{--fa:"\f0d4"}.fa-web-awesome{--fa:"\e682"}.fa-mandalorian{--fa:"\f50f"}.fa-first-order-alt{--fa:"\f50a"}.fa-osi{--fa:"\f41a"}.fa-google-wallet{--fa:"\f1ee"}.fa-d-and-d-beyond{--fa:"\f6ca"}.fa-periscope{--fa:"\f3da"}.fa-fulcrum{--fa:"\f50b"}.fa-cloudscale{--fa:"\f383"}.fa-forumbee{--fa:"\f211"}.fa-mizuni{--fa:"\f3cc"}.fa-schlix{--fa:"\f3ea"}.fa-square-xing,.fa-xing-square{--fa:"\f169"}.fa-bandcamp{--fa:"\f2d5"}.fa-wpforms{--fa:"\f298"}.fa-cloudversify{--fa:"\f385"}.fa-usps{--fa:"\f7e1"}.fa-megaport{--fa:"\f5a3"}.fa-magento{--fa:"\f3c4"}.fa-spotify{--fa:"\f1bc"}.fa-optin-monster{--fa:"\f23c"}.fa-fly{--fa:"\f417"}.fa-square-bluesky{--fa:"\e6a3"}.fa-aviato{--fa:"\f421"}.fa-itunes{--fa:"\f3b4"}.fa-cuttlefish{--fa:"\f38c"}.fa-blogger{--fa:"\f37c"}.fa-flickr{--fa:"\f16e"}.fa-viber{--fa:"\f409"}.fa-soundcloud{--fa:"\f1be"}.fa-digg{--fa:"\f1a6"}.fa-tencent-weibo{--fa:"\f1d5"}.fa-letterboxd{--fa:"\e62d"}.fa-symfony{--fa:"\f83d"}.fa-maxcdn{--fa:"\f136"}.fa-etsy{--fa:"\f2d7"}.fa-facebook-messenger{--fa:"\f39f"}.fa-audible{--fa:"\f373"}.fa-think-peaks{--fa:"\f731"}.fa-bilibili{--fa:"\e3d9"}.fa-erlang{--fa:"\f39d"}.fa-x-twitter{--fa:"\e61b"}.fa-cotton-bureau{--fa:"\f89e"}.fa-dashcube{--fa:"\f210"}.fa-42-group,.fa-innosoft{--fa:"\e080"}.fa-stack-exchange{--fa:"\f18d"}.fa-elementor{--fa:"\f430"}.fa-pied-piper-square,.fa-square-pied-piper{--fa:"\e01e"}.fa-creative-commons-nd{--fa:"\f4eb"}.fa-palfed{--fa:"\f3d8"}.fa-superpowers{--fa:"\f2dd"}.fa-resolving{--fa:"\f3e7"}.fa-xbox{--fa:"\f412"}.fa-square-web-awesome-stroke{--fa:"\e684"}.fa-searchengin{--fa:"\f3eb"}.fa-tiktok{--fa:"\e07b"}.fa-facebook-square,.fa-square-facebook{--fa:"\f082"}.fa-renren{--fa:"\f18b"}.fa-linux{--fa:"\f17c"}.fa-glide{--fa:"\f2a5"}.fa-linkedin{--fa:"\f08c"}.fa-hubspot{--fa:"\f3b2"}.fa-deploydog{--fa:"\f38e"}.fa-twitch{--fa:"\f1e8"}.fa-flutter{--fa:"\e694"}.fa-ravelry{--fa:"\f2d9"}.fa-mixer{--fa:"\e056"}.fa-lastfm-square,.fa-square-lastfm{--fa:"\f203"}.fa-vimeo{--fa:"\f40a"}.fa-mendeley{--fa:"\f7b3"}.fa-uniregistry{--fa:"\f404"}.fa-figma{--fa:"\f799"}.fa-creative-commons-remix{--fa:"\f4ee"}.fa-cc-amazon-pay{--fa:"\f42d"}.fa-dropbox{--fa:"\f16b"}.fa-instagram{--fa:"\f16d"}.fa-cmplid{--fa:"\e360"}.fa-upwork{--fa:"\e641"}.fa-facebook{--fa:"\f09a"}.fa-gripfire{--fa:"\f3ac"}.fa-jedi-order{--fa:"\f50e"}.fa-uikit{--fa:"\f403"}.fa-fort-awesome-alt{--fa:"\f3a3"}.fa-phabricator{--fa:"\f3db"}.fa-ussunnah{--fa:"\f407"}.fa-earlybirds{--fa:"\f39a"}.fa-trade-federation{--fa:"\f513"}.fa-autoprefixer{--fa:"\f41c"}.fa-whatsapp{--fa:"\f232"}.fa-square-upwork{--fa:"\e67c"}.fa-slideshare{--fa:"\f1e7"}.fa-google-play{--fa:"\f3ab"}.fa-viadeo{--fa:"\f2a9"}.fa-line{--fa:"\f3c0"}.fa-google-drive{--fa:"\f3aa"}.fa-servicestack{--fa:"\f3ec"}.fa-simplybuilt{--fa:"\f215"}.fa-bitbucket{--fa:"\f171"}.fa-imdb{--fa:"\f2d8"}.fa-deezer{--fa:"\e077"}.fa-raspberry-pi{--fa:"\f7bb"}.fa-jira{--fa:"\f7b1"}.fa-docker{--fa:"\f395"}.fa-screenpal{--fa:"\e570"}.fa-bluetooth{--fa:"\f293"}.fa-gitter{--fa:"\f426"}.fa-d-and-d{--fa:"\f38d"}.fa-microblog{--fa:"\e01a"}.fa-cc-diners-club{--fa:"\f24c"}.fa-gg-circle{--fa:"\f261"}.fa-pied-piper-hat{--fa:"\f4e5"}.fa-kickstarter-k{--fa:"\f3bc"}.fa-yandex{--fa:"\f413"}.fa-readme{--fa:"\f4d5"}.fa-html5{--fa:"\f13b"}.fa-sellsy{--fa:"\f213"}.fa-square-web-awesome{--fa:"\e683"}.fa-sass{--fa:"\f41e"}.fa-wirsindhandwerk,.fa-wsh{--fa:"\e2d0"}.fa-buromobelexperte{--fa:"\f37f"}.fa-salesforce{--fa:"\f83b"}.fa-octopus-deploy{--fa:"\e082"}.fa-medapps{--fa:"\f3c6"}.fa-ns8{--fa:"\f3d5"}.fa-pinterest-p{--fa:"\f231"}.fa-apper{--fa:"\f371"}.fa-fort-awesome{--fa:"\f286"}.fa-waze{--fa:"\f83f"}.fa-bluesky{--fa:"\e671"}.fa-cc-jcb{--fa:"\f24b"}.fa-snapchat,.fa-snapchat-ghost{--fa:"\f2ab"}.fa-fantasy-flight-games{--fa:"\f6dc"}.fa-rust{--fa:"\e07a"}.fa-wix{--fa:"\f5cf"}.fa-behance-square,.fa-square-behance{--fa:"\f1b5"}.fa-supple{--fa:"\f3f9"}.fa-webflow{--fa:"\e65c"}.fa-rebel{--fa:"\f1d0"}.fa-css3{--fa:"\f13c"}.fa-staylinked{--fa:"\f3f5"}.fa-kaggle{--fa:"\f5fa"}.fa-space-awesome{--fa:"\e5ac"}.fa-deviantart{--fa:"\f1bd"}.fa-cpanel{--fa:"\f388"}.fa-goodreads-g{--fa:"\f3a9"}.fa-git-square,.fa-square-git{--fa:"\f1d2"}.fa-square-tumblr,.fa-tumblr-square{--fa:"\f174"}.fa-trello{--fa:"\f181"}.fa-creative-commons-nc-jp{--fa:"\f4ea"}.fa-get-pocket{--fa:"\f265"}.fa-perbyte{--fa:"\e083"}.fa-grunt{--fa:"\f3ad"}.fa-weebly{--fa:"\f5cc"}.fa-connectdevelop{--fa:"\f20e"}.fa-leanpub{--fa:"\f212"}.fa-black-tie{--fa:"\f27e"}.fa-themeco{--fa:"\f5c6"}.fa-python{--fa:"\f3e2"}.fa-android{--fa:"\f17b"}.fa-bots{--fa:"\e340"}.fa-free-code-camp{--fa:"\f2c5"}.fa-hornbill{--fa:"\f592"}.fa-js{--fa:"\f3b8"}.fa-ideal{--fa:"\e013"}.fa-git{--fa:"\f1d3"}.fa-dev{--fa:"\f6cc"}.fa-sketch{--fa:"\f7c6"}.fa-yandex-international{--fa:"\f414"}.fa-cc-amex{--fa:"\f1f3"}.fa-uber{--fa:"\f402"}.fa-github{--fa:"\f09b"}.fa-php{--fa:"\f457"}.fa-alipay{--fa:"\f642"}.fa-youtube{--fa:"\f167"}.fa-skyatlas{--fa:"\f216"}.fa-firefox-browser{--fa:"\e007"}.fa-replyd{--fa:"\f3e6"}.fa-suse{--fa:"\f7d6"}.fa-jenkins{--fa:"\f3b6"}.fa-twitter{--fa:"\f099"}.fa-rockrms{--fa:"\f3e9"}.fa-pinterest{--fa:"\f0d2"}.fa-buffer{--fa:"\f837"}.fa-npm{--fa:"\f3d4"}.fa-yammer{--fa:"\f840"}.fa-btc{--fa:"\f15a"}.fa-dribbble{--fa:"\f17d"}.fa-stumbleupon-circle{--fa:"\f1a3"}.fa-internet-explorer{--fa:"\f26b"}.fa-stubber{--fa:"\e5c7"}.fa-telegram,.fa-telegram-plane{--fa:"\f2c6"}.fa-old-republic{--fa:"\f510"}.fa-odysee{--fa:"\e5c6"}.fa-square-whatsapp,.fa-whatsapp-square{--fa:"\f40c"}.fa-node-js{--fa:"\f3d3"}.fa-edge-legacy{--fa:"\e078"}.fa-slack,.fa-slack-hash{--fa:"\f198"}.fa-medrt{--fa:"\f3c8"}.fa-usb{--fa:"\f287"}.fa-tumblr{--fa:"\f173"}.fa-vaadin{--fa:"\f408"}.fa-quora{--fa:"\f2c4"}.fa-square-x-twitter{--fa:"\e61a"}.fa-reacteurope{--fa:"\f75d"}.fa-medium,.fa-medium-m{--fa:"\f23a"}.fa-amilia{--fa:"\f36d"}.fa-mixcloud{--fa:"\f289"}.fa-flipboard{--fa:"\f44d"}.fa-viacoin{--fa:"\f237"}.fa-critical-role{--fa:"\f6c9"}.fa-sitrox{--fa:"\e44a"}.fa-discourse{--fa:"\f393"}.fa-joomla{--fa:"\f1aa"}.fa-mastodon{--fa:"\f4f6"}.fa-airbnb{--fa:"\f834"}.fa-wolf-pack-battalion{--fa:"\f514"}.fa-buy-n-large{--fa:"\f8a6"}.fa-gulp{--fa:"\f3ae"}.fa-creative-commons-sampling-plus{--fa:"\f4f1"}.fa-strava{--fa:"\f428"}.fa-ember{--fa:"\f423"}.fa-canadian-maple-leaf{--fa:"\f785"}.fa-teamspeak{--fa:"\f4f9"}.fa-pushed{--fa:"\f3e1"}.fa-wordpress-simple{--fa:"\f411"}.fa-nutritionix{--fa:"\f3d6"}.fa-wodu{--fa:"\e088"}.fa-google-pay{--fa:"\e079"}.fa-intercom{--fa:"\f7af"}.fa-zhihu{--fa:"\f63f"}.fa-korvue{--fa:"\f42f"}.fa-pix{--fa:"\e43a"}.fa-steam-symbol{--fa:"\f3f6"}:host,:root{--fa-font-regular:normal 400 1em/1 "Font Awesome 6 Free"}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:400;font-display:block;src:url(/fonts/fontawesome/fa-regular-400.woff2) format("woff2")}.fa-regular,.far{font-weight:400}:host,:root{--fa-style-family-classic:"Font Awesome 6 Free";--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Free"}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:900;font-display:block;src:url(/fonts/fontawesome/fa-solid-900.woff2) format("woff2")}.fa-solid,.fas{font-weight:900}@font-face{font-family:"Font Awesome 5 Brands";font-display:block;font-weight:400;src:url(/fonts/fontawesome/fa-brands-400.woff2) format("woff2")}@font-face{font-family:"Font Awesome 5 Free";font-display:block;font-weight:900;src:url(/fonts/fontawesome/fa-solid-900.woff2) format("woff2")}@font-face{font-family:"Font Awesome 5 Free";font-display:block;font-weight:400;src:url(/fonts/fontawesome/fa-regular-400.woff2) format("woff2")}@font-face{font-family:"FontAwesome";font-display:block;src:url(/fonts/fontawesome/fa-solid-900.woff2) format("woff2")}@font-face{font-family:"FontAwesome";font-display:block;src:url(/fonts/fontawesome/fa-brands-400.woff2) format("woff2")}@font-face{font-family:"FontAwesome";font-display:block;src:url(/fonts/fontawesome/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(/fonts/fontawesome/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/app.css */
/* ====================================================================
   Lyrinox Market — Application Stylesheet
   Import manifest
   ==================================================================== */

/* ── Custom properties ──────────────────────────────────────────────── */
:root {
  --bg-base:      #0b0b12;
  --bg-surface:   #13131f;
  --bg-card:      #1a1a2e;
  --bg-card-hover:#1f1f38;
  --bg-input:     #111120;
  --bg-nav:       rgba(11, 11, 18, 0.95);

  --accent:       #7c3aed;
  --accent-light: #9f67ff;
  --accent-dark:  #5b21b6;
  --accent-glow:  rgba(124, 58, 237, 0.35);

  --text-primary:   #f0f0f8;
  --text-secondary: #9898b8;
  --text-muted:     #5a5a7a;

  --border:       #2a2a45;
  --border-focus: #7c3aed;

  --green:  #22c55e;
  --yellow: #eab308;
  --red:    #ef4444;
  --blue:   #3b82f6;

  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 24px;

  --shadow-sm: 0 1px 3px rgba(0,0,0,0.4);
  --shadow-md: 0 4px 16px rgba(0,0,0,0.5);
  --shadow-lg: 0 8px 32px rgba(0,0,0,0.6);
  --shadow-accent: 0 0 24px var(--accent-glow);

  --font-sans: 'Inter', system-ui, -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', 'Cascadia Code', monospace;

  --nav-height: 76px;
  --container-max: 1100px;
  --content-narrow: 36rem;
  --content-reading: 46rem;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --transition: 150ms ease;

  /* Compatibility aliases while older page CSS is retired. */
  --bg-elevated: var(--bg-card-hover);
  --text: var(--text-primary);
  --color-text: var(--text-primary);
  --color-text-muted: var(--text-muted);
  --color-primary: var(--accent);
  --color-border: var(--border);
  --space-xs: var(--space-1);
  --space-sm: var(--space-2);
  --space-md: var(--space-4);
  --space-lg: var(--space-5);
  --space-xl: var(--space-6);
}

/* ── Reset & base ───────────────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html {
  scroll-behavior: smooth;
  touch-action: manipulation;
  height: 100%;
  max-width: 100%;
  overflow-x: clip;
}

body {
  font-family: var(--font-sans);
  background-color: var(--bg-base);
  color: var(--text-primary);
  line-height: 1.6;
  min-height: 100vh;
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
  overscroll-behavior-y: none;
  min-width: 0;
}

main { flex: 1; }

img,
picture,
video,
canvas,
svg,
iframe {
  display: block;
  max-width: 100%;
}

pre,
code,
samp {
  max-width: 100%;
}

pre {
  overflow-x: auto;
  white-space: pre;
}

input,
select,
textarea,
button {
  min-width: 0;
  max-width: 100%;
}

:focus-visible {
  outline: 3px solid var(--accent-light);
  outline-offset: 3px;
}

a { color: var(--accent-light); text-decoration: none; transition: color var(--transition); }
a:hover { color: #fff; }

a, button, [role="button"], label, select, summary {
  touch-action: manipulation;
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }

  *, *::before, *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}

/* ── Typography ─────────────────────────────────────────────────────── */
h1, h2, h3, h4 { line-height: 1.2; font-weight: 700; color: var(--text-primary); }
p { color: var(--text-secondary); }

code {
  font-family: var(--font-mono);
  font-size: 0.875em;
  background: rgba(124,58,237,0.12);
  color: var(--accent-light);
  padding: 0.15em 0.4em;
  border-radius: var(--radius-sm);
}

/* ── Container ──────────────────────────────────────────────────────── */
.container {
  max-width: var(--container-max);
  margin: 0 auto;
  padding: 0 max(1.25rem, env(safe-area-inset-left));
  padding-right: max(1.25rem, env(safe-area-inset-right));
}
/* ── Navigation ─────────────────────────────────────────────────────── */
.navbar {
  position: sticky;
  top: 0;
  z-index: 100;
  height: var(--nav-height);
  background: rgba(8, 8, 18, 0.94);
  border-bottom: 1px solid var(--border);
  backdrop-filter: blur(12px);
  padding-left: env(safe-area-inset-left);
  padding-right: env(safe-area-inset-right);
}

.nav-inner {
  max-width: var(--container-max);
  margin: 0 auto;
  padding: 0 1.25rem;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
}

.nav-brand {
  display: flex;
  align-items: center;
  width: 3.75rem;
  min-width: 3.75rem;
  height: var(--nav-height);
  color: var(--text-primary) !important;
}

.brand-icon { color: var(--accent-light); font-size: 1rem; }
.brand-accent { color: var(--accent-light); }

.nav-logo {
  width: 3.75rem;
  height: 3.75rem;
  display: block;
  object-fit: contain;
  filter: drop-shadow(0 0 10px rgba(124, 58, 237, 0.2));
}

.nav-links {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.55rem;
  min-width: 0;
}

.nav-link {
  color: var(--text-secondary);
  font-size: 0.88rem;
  font-weight: 600;
  transition: color var(--transition), background-color var(--transition), border-color var(--transition);
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.55rem 0.75rem;
  border: 1px solid transparent;
  border-radius: var(--radius-sm);
  white-space: nowrap;
}

.nav-link:hover {
  color: var(--text-primary);
  background: rgba(255,255,255,0.035);
  border-color: rgba(255,255,255,0.06);
}

.nav-link--primary {
  color: var(--text-primary);
}

.nav-link--accent {
  color: var(--accent-light);
  font-weight: 600;
}

.nav-link--accent:hover { color: #fff; }

.nav-menu--section {
  display: inline-flex;
}

.nav-menu-trigger--section {
  height: auto;
  padding: 0.55rem 0.75rem;
  color: var(--accent-light);
  background: transparent;
  border-color: transparent;
  font-weight: 700;
}

.nav-menu-trigger--section:hover,
.nav-menu--section[open] .nav-menu-trigger--section {
  color: #fff;
  background: rgba(255,255,255,0.035);
  border-color: rgba(159,103,255,0.4);
}

.nav-menu-panel--section {
  right: auto;
  left: 0;
  width: min(18rem, calc(100vw - 2rem));
}

.nav-icon-link {
  position: relative;
  width: 2.35rem;
  height: 2.35rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--text-secondary);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  background: rgba(255,255,255,0.025);
  transition: color var(--transition), border-color var(--transition), background-color var(--transition);
}

.nav-icon-link:hover {
  color: var(--text-primary);
  border-color: rgba(159,103,255,0.55);
  background: rgba(124,58,237,0.12);
}

.nav-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.25rem;
  height: 1.25rem;
  padding: 0 0.35rem;
  background: var(--accent);
  color: #fff;
  font-size: 0.7rem;
  font-weight: 700;
  border-radius: 10px;
  line-height: 1;
}

.nav-badge--floating {
  position: absolute;
  top: -0.45rem;
  right: -0.45rem;
  min-width: 1.1rem;
  height: 1.1rem;
  padding: 0 0.3rem;
  font-size: 0.65rem;
}

.nav-menu {
  position: relative;
}

.nav-menu summary {
  list-style: none;
}

.nav-menu summary::-webkit-details-marker {
  display: none;
}

.nav-menu-trigger {
  height: 2.35rem;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.25rem 0.55rem 0.25rem 0.35rem;
  color: var(--text-secondary);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  background: rgba(255,255,255,0.025);
  cursor: pointer;
  font-size: 0.86rem;
  font-weight: 600;
  transition: color var(--transition), border-color var(--transition), background-color var(--transition);
}

.nav-menu-trigger:hover,
.nav-menu[open] .nav-menu-trigger {
  color: var(--text-primary);
  border-color: rgba(159,103,255,0.55);
  background: rgba(124,58,237,0.12);
}

.nav-avatar {
  width: 1.65rem;
  height: 1.65rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #fff;
  background: var(--accent);
  font-size: 0.75rem;
  font-weight: 800;
}

.nav-menu-trigger .fa-chevron-down {
  font-size: 0.68rem;
  transition: transform var(--transition);
}

.nav-menu[open] .fa-chevron-down {
  transform: rotate(180deg);
}

.nav-menu-panel {
  position: absolute;
  top: calc(100% + 0.7rem);
  right: 0;
  z-index: 1000;
  width: min(17rem, calc(100vw - 2rem));
  padding: 0.5rem;
  background: rgba(15,15,28,0.98);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-lg);
}

.nav-menu-header {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  padding: 0.65rem 0.75rem 0.75rem;
  border-bottom: 1px solid var(--border);
  margin-bottom: 0.35rem;
}

.nav-menu-header strong {
  color: var(--text-primary);
  overflow-wrap: anywhere;
}

.nav-menu-header span {
  color: var(--text-muted);
  font-size: 0.78rem;
}

.nav-menu-item {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 0.65rem;
  padding: 0.65rem 0.75rem;
  color: var(--text-secondary);
  border-radius: var(--radius-sm);
  font-size: 0.88rem;
  font-weight: 600;
  text-align: left;
  text-decoration: none;
  background: transparent;
  border: 0;
  cursor: pointer;
}

.nav-menu-item:hover {
  color: var(--text-primary);
  background: rgba(255,255,255,0.045);
}

.nav-menu-item i {
  width: 1rem;
  color: var(--accent-light);
}

.nav-menu-section-label {
  margin: 0.35rem 0.25rem 0.2rem;
  padding: 0.55rem 0.5rem 0.3rem;
  border-top: 1px solid var(--border);
  color: var(--text-muted);
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.nav-menu-form {
  margin-top: 0.35rem;
  padding-top: 0.35rem;
  border-top: 1px solid var(--border);
}

.nav-menu-button {
  font: inherit;
}

.nav-mobile-only {
  display: none;
}

.nav-logout-form {
  display: inline;
  flex: 0 0 auto;
}

.nav-logout-form .btn {
  white-space: nowrap;
}

.nav-hamburger {
  display: none;
  background: none;
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  cursor: pointer;
  padding: 0.45rem 0.5rem;
  color: var(--text-secondary);
  flex-direction: column;
  gap: 5px;
  align-items: center;
  justify-content: center;
  line-height: 0;
  transition: border-color 0.2s, color 0.2s;
}

.nav-hamburger:hover { color: var(--text-primary); border-color: var(--accent); }

.nav-hamburger-bar {
  display: block;
  width: 20px;
  height: 2px;
  background: currentColor;
  border-radius: 2px;
  transition: transform 0.22s ease, opacity 0.22s ease;
}

.nav--open .nav-hamburger { color: var(--accent-light); border-color: var(--accent); }
.nav--open .nav-hamburger-bar:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.nav--open .nav-hamburger-bar:nth-child(2) { opacity: 0; transform: scaleX(0); }
.nav--open .nav-hamburger-bar:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

@media (max-width: 768px) {
  .nav-hamburger { display: flex; }
  .nav-brand {
    width: 3.75rem;
    min-width: 3.75rem;
  }
  .nav-logo {
    width: 3.75rem;
    height: 3.75rem;
  }

  .nav-links {
    display: none;
    position: absolute;
    top: var(--nav-height);
    left: 0;
    right: 0;
    z-index: 999;
    background: var(--bg-nav);
    border-bottom: 1px solid var(--border);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    flex-direction: column;
    padding: 0.5rem 0 1rem;
    gap: 0;
    box-shadow: 0 8px 32px rgba(0,0,0,0.4);
  }

  .nav--open .nav-links { display: flex; }

  .nav-icon-link,
  .nav-menu {
    display: none;
  }

  .nav-mobile-only {
    width: 100%;
    display: contents;
  }

  .nav-link, .nav-link--accent {
    font-size: 1rem;
    padding: 0.9rem 1.5rem;
    border-radius: 0;
    border-bottom: 1px solid var(--border);
    width: 100%;
    display: block;
    color: var(--text-secondary);
  }

  .nav-logout-form {
    width: 100%;
    padding: 0.9rem 1.5rem 0;
  }

  .nav-logout-form .btn {
    width: 100%;
  }

  .nav-link:hover, .nav-link--accent:hover {
    background: var(--bg-card);
    color: var(--text-primary);
  }
}

@media (max-width: 480px) {
  .nav-brand {
    width: 3.25rem;
    min-width: 3.25rem;
  }
  .nav-logo {
    width: 3.25rem;
    height: 3.25rem;
  }
}

/* ── Footer ──────────────────────────────────────────────────────────── */
.footer {
  border-top: 1px solid var(--border);
  padding: 2rem 1.25rem max(2rem, env(safe-area-inset-bottom));
  padding-left: max(1.25rem, env(safe-area-inset-left));
  padding-right: max(1.25rem, env(safe-area-inset-right));
  margin-top: auto;
  background: rgba(8, 8, 18, 0.72);
}

.footer-inner {
  max-width: var(--container-max);
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(14rem, 1fr) minmax(0, 2fr);
  align-items: start;
  justify-content: space-between;
  gap: 2rem;
}

.footer-brand-block {
  display: grid;
  gap: 0.75rem;
  max-width: 22rem;
}

.footer-brand {
  width: max-content;
  color: var(--accent-light);
  text-decoration: none;
}

.footer-logo  {
  width: 4.5rem;
  height: 4.5rem;
  object-fit: contain;
  display: block;
  opacity: 0.9;
  transition: opacity 0.2s;
}

.footer-brand:hover .footer-logo { opacity: 1; }

.footer-tagline {
  margin: 0;
  color: var(--text-secondary);
  font-size: 0.9rem;
  line-height: 1.55;
}

.footer-copy {
  color: var(--text-muted);
  font-size: 0.78rem;
}

.footer-nav {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.5rem;
}

.footer-nav-group {
  display: grid;
  align-content: start;
  gap: 0.6rem;
}

.footer-nav-group h2 {
  margin: 0 0 0.2rem;
  color: var(--text-primary);
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
}

.footer-nav-group a {
  color: var(--text-muted);
  font-size: 0.88rem;
  text-decoration: none;
  line-height: 1.35;
}

.footer-nav-group a:hover {
  color: var(--accent-light);
}

@media (max-width: 720px) {
  .footer-inner {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }

  .footer-nav {
    grid-template-columns: 1fr;
    gap: 1.25rem;
  }

  .footer-nav-group {
    padding-top: 1rem;
    border-top: 1px solid var(--border);
  }
}

@media (max-width: 480px) {
  .footer-logo { width: 3.5rem; height: 3.5rem; }
}


/* ── Buttons ─────────────────────────────────────────────────────────── */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  max-width: 100%;
  min-height: 2.5rem;
  padding: 0.6rem 1rem;
  border-radius: var(--radius-md);
  font-family: var(--font-sans);
  font-size: 0.9rem;
  font-weight: 600;
  border: 1px solid transparent;
  cursor: pointer;
  transition:
    background-color var(--transition),
    border-color var(--transition),
    box-shadow var(--transition),
    color var(--transition),
    transform var(--transition);
  white-space: normal;
  overflow-wrap: anywhere;
  text-align: center;
  line-height: 1.25;
  text-decoration: none;
  vertical-align: middle;
  user-select: none;
}

.btn i,
.btn svg {
  flex: 0 0 auto;
}

.btn--primary {
  background: var(--accent);
  color: #fff;
  border-color: var(--accent);
  box-shadow: var(--shadow-sm);
}

.btn--primary:hover {
  background: var(--accent-light);
  color: #fff;
  box-shadow: var(--shadow-accent);
  transform: translateY(-1px);
}

.btn--ghost {
  background: transparent;
  color: var(--text-secondary);
  border: 1px solid var(--border);
}

.btn--ghost:hover {
  background: var(--bg-card);
  color: var(--text-primary);
  border-color: var(--accent);
}

.btn--danger {
  background: var(--red);
  color: #fff;
  border-color: var(--red);
}

.btn--danger:hover { background: #dc2626; color: #fff; }

.btn--danger-ghost {
  background: transparent;
  color: var(--red);
  border: 1px solid var(--red);
}

.btn--danger-ghost:hover { background: rgba(239,68,68,0.1); }

.btn--success {
  background: var(--green);
  color: #fff;
  border-color: var(--green);
}

.btn--success:hover { background: #16a34a; color: #fff; }

.btn--warning {
  background: var(--yellow);
  color: #15110a;
  border-color: var(--yellow);
}

.btn--warning:hover {
  background: #facc15;
  color: #15110a;
}

.btn--secondary {
  background: var(--bg-card-hover);
  color: var(--text-primary);
  border: 1px solid var(--border);
}

.btn--secondary:hover {
  background: var(--bg-surface);
  color: #fff;
  border-color: var(--accent);
}

.btn--lg,
.btn-lg {
  min-height: 3rem;
  padding: 0.75rem 1.25rem;
  font-size: 1rem;
}

.btn--sm,
.btn-sm {
  min-height: 2.15rem;
  padding: 0.45rem 0.85rem;
  font-size: 0.82rem;
}

.btn--xs {
  min-height: 1.85rem;
  padding: 0.3rem 0.65rem;
  font-size: 0.78rem;
  border-radius: var(--radius-sm);
}

.btn--full,
.btn--block {
  width: 100%;
}

/* Legacy class aliases. New templates should use btn--*. */
.btn-primary { background: var(--accent); color: #fff; border-color: var(--accent); box-shadow: var(--shadow-sm); }
.btn-primary:hover { background: var(--accent-light); color: #fff; border-color: var(--accent-light); box-shadow: var(--shadow-accent); transform: translateY(-1px); }
.btn-ghost { background: transparent; color: var(--text-secondary); border-color: var(--border); }
.btn-ghost:hover { background: var(--bg-card); color: var(--text-primary); border-color: var(--accent); }
.btn-secondary { background: var(--bg-card-hover); color: var(--text-primary); border-color: var(--border); }
.btn-danger { background: var(--red); color: #fff; border-color: var(--red); }

.btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none !important;
}

.btn:focus-visible {
  outline: 3px solid var(--accent-light);
  outline-offset: 2px;
}

/* ── Forms ───────────────────────────────────────────────────────────── */
.form-group {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  min-width: 0;
}

.form-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-4);
}

.form-label {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--text-secondary);
  letter-spacing: 0.01em;
}

.form-input, .form-select, .form-textarea, .form-control {
  background: var(--bg-input);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  color: var(--text-primary);
  font-family: var(--font-sans);
  font-size: 0.95rem;
  min-height: 2.75rem;
  padding: 0.7rem 0.9rem;
  transition: border-color var(--transition), box-shadow var(--transition);
  width: 100%;
  line-height: 1.35;
}

.form-input:focus, .form-select:focus, .form-textarea:focus, .form-control:focus {
  outline: none;
  border-color: var(--border-focus);
  box-shadow: 0 0 0 3px var(--accent-glow);
}

.form-input::placeholder,
.form-control::placeholder {
  color: var(--text-muted);
}

.form-textarea,
textarea.form-control {
  resize: vertical;
  min-height: 120px;
  line-height: 1.55;
}

.form-select {
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%239898b8' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.9rem center;
  padding-right: 2.5rem;
  cursor: pointer;
}

.form-select option { background: var(--bg-card); color: var(--text-primary); }

.form-hint {
  font-size: 0.78rem;
  color: var(--text-muted);
}

.form-hint--ok  { color: var(--green); }
.form-hint--err { color: var(--red); }

.password-meter {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  margin-top: 0.1rem;
}

.password-meter__track {
  height: 0.45rem;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid var(--border);
  border-radius: 999px;
  overflow: hidden;
}

.password-meter__fill {
  display: block;
  height: 100%;
  width: 0;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--red), var(--yellow), var(--green));
  transition: width 180ms ease;
}

.password-meter__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  font-size: 0.76rem;
  color: var(--text-muted);
}

.password-meter[data-strength="weak"] .password-meter__fill { background: var(--red); }
.password-meter[data-strength="fair"] .password-meter__fill { background: var(--yellow); }
.password-meter[data-strength="good"] .password-meter__fill { background: linear-gradient(90deg, var(--yellow), #84cc16); }
.password-meter[data-strength="strong"] .password-meter__fill { background: linear-gradient(90deg, #84cc16, var(--green)); }

.password-rules {
  display: grid;
  gap: 0.35rem;
  margin: 0.6rem 0 0;
  padding: 0;
  list-style: none;
  color: var(--text-muted);
  font-size: 0.78rem;
}

.password-rules li {
  display: flex;
  align-items: center;
  gap: 0.45rem;
}

.password-rules li::before {
  content: "-";
  color: var(--text-muted);
  font-weight: 700;
}

.password-rules li[data-valid="true"] {
  color: var(--green);
}

.password-rules li[data-valid="true"]::before {
  content: "+";
  color: var(--green);
}

.password-rules li[data-valid="false"] {
  color: var(--text-muted);
}

[data-password-match][data-valid="true"] {
  color: var(--green);
}

[data-password-match][data-valid="false"] {
  color: var(--text-muted);
}

.form-actions,
.filter-actions {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  flex-wrap: wrap;
  min-width: 0;
}

.form-actions {
  margin-top: 0.75rem;
}

.card > form,
.dash-card > form,
.qa-form > form,
.review-form > form {
  display: grid;
  gap: var(--space-4);
  min-width: 0;
}

.card > form .form-actions,
.dash-card > form .form-actions,
.qa-form > form .form-actions,
.review-form > form .form-actions {
  margin-top: 0;
}

.form-actions .btn,
.filter-actions .btn {
  flex: 0 1 auto;
}

@media (max-width: 768px) {
  .form-row {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 560px) {
  .form-actions,
  .filter-actions {
    align-items: stretch;
  }

  .form-actions .btn,
  .filter-actions .btn {
    flex: 1 1 100%;
  }
}

/* ── Tables ──────────────────────────────────────────────────────────── */
.table-wrap,
.table-responsive,
.data-table-wrapper {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-gutter: stable;
}

.table,
.data-table,
.admin-table {
  width: 100%;
  min-width: 760px;
  border-collapse: collapse;
  font-size: 0.9rem;
  table-layout: auto;
}

.table th,
.data-table th,
.admin-table th {
  text-align: left;
  padding: 0.85rem 1rem;
  color: var(--text-muted);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  border-bottom: 1px solid var(--border);
  white-space: nowrap;
}

.table td,
.data-table td,
.admin-table td {
  padding: 0.95rem 1rem;
  border-bottom: 1px solid var(--border);
  vertical-align: middle;
  color: var(--text-secondary);
  overflow-wrap: normal;
  word-break: normal;
}

.table tr:last-child td,
.data-table tr:last-child td,
.admin-table tr:last-child td { border-bottom: none; }

.table tbody tr,
.data-table tbody tr,
.admin-table tbody tr {
  transition: background-color var(--transition);
}

.table tbody tr:hover td,
.data-table tbody tr:hover td,
.admin-table tbody tr:hover td {
  background: rgba(255, 255, 255, 0.025);
}

.table code,
.data-table code,
.admin-table code {
  display: inline-flex;
  max-width: 100%;
  white-space: nowrap;
}

.table .btn,
.data-table .btn,
.admin-table .btn {
  white-space: nowrap;
}

.action-btns,
.table-actions,
.header-actions,
.page-actions,
.card-actions {
  display: flex;
  gap: var(--space-2);
  flex-wrap: wrap;
  align-items: center;
  min-width: 0;
}

.table-actions {
  justify-content: flex-end;
}

.page-actions,
.header-actions,
.card-actions {
  justify-content: flex-start;
}

.page-header > .btn,
.page-header > .page-actions,
.page-header > .header-actions {
  flex: 0 1 auto;
  align-self: center;
}

.table-cell-primary {
  color: var(--text-primary);
  font-weight: 700;
}

.table-cell-secondary {
  display: block;
  margin-top: 0.2rem;
  color: var(--text-muted);
  font-size: 0.8rem;
}

.table-cell-wrap {
  min-width: 12rem;
  max-width: 28rem;
  overflow-wrap: anywhere;
}

.table-cell-nowrap {
  white-space: nowrap;
}

.table-cell-actions {
  width: 1%;
  white-space: nowrap;
  text-align: right;
}

.empty-state {
  display: grid;
  justify-items: center;
  gap: var(--space-3);
  padding: var(--space-6);
  text-align: center;
  color: var(--text-muted);
}

/* ── Status badges ───────────────────────────────────────────────────── */
.status-badge {
  display: inline-flex;
  align-items: center;
  padding: 0.25rem 0.7rem;
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.status-badge--green  { background: rgba(34,197,94,0.15); color: var(--green); }
.status-badge--yellow { background: rgba(234,179,8,0.15); color: var(--yellow); }
.status-badge--red    { background: rgba(239,68,68,0.15); color: var(--red); }
.status-badge--blue   { background: rgba(59,130,246,0.15); color: var(--blue); }
.status-badge--gray   { background: rgba(156,163,175,0.15); color: #9ca3af; }

.badge {
  background: rgba(156, 163, 175, 0.14);
  color: #c4c4d8;
  border: 1px solid rgba(156, 163, 175, 0.2);
}

.badge--primary,
.badge--accent {
  background: rgba(124, 58, 237, 0.16);
  color: var(--accent-light);
  border-color: rgba(124, 58, 237, 0.35);
}

.badge--success {
  background: rgba(34, 197, 94, 0.14);
  color: #7ee2a0;
  border-color: rgba(34, 197, 94, 0.28);
}

.badge--warning {
  background: rgba(234, 179, 8, 0.14);
  color: #f1d46b;
  border-color: rgba(234, 179, 8, 0.28);
}

.badge--danger,
.badge--error {
  background: rgba(239, 68, 68, 0.14);
  color: #fca5a5;
  border-color: rgba(239, 68, 68, 0.3);
}

.badge--muted {
  background: rgba(156, 163, 175, 0.1);
  color: var(--text-secondary);
  border-color: rgba(156, 163, 175, 0.18);
}

/* Shared card surface */
.card {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  padding: var(--space-5);
  min-width: 0;
  transition: border-color var(--transition);
}

.dash-card {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  padding: var(--space-5);
  min-width: 0;
}

.card-header,
.dash-card-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--space-4);
  flex-wrap: wrap;
  margin-bottom: var(--space-5);
}

.card h2,
.card h3 {
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: var(--space-4);
}

.card-header h1,
.card-header h2,
.card-header h3,
.card-header p,
.dash-card-header h1,
.dash-card-header h2,
.dash-card-header h3,
.dash-card-header p {
  margin-bottom: 0;
}

.card > :last-child,
.dash-card > :last-child {
  margin-bottom: 0;
}

.card--compact {
  padding: var(--space-4);
  border-radius: var(--radius-md);
}

.card--spacious {
  padding: var(--space-6);
}

@media (max-width: 640px) {
  .card,
  .dash-card {
    padding: var(--space-4);
  }
}

.alert {
  padding: 1rem 1.125rem;
  border: 1px solid rgba(156, 163, 175, 0.2);
  border-radius: var(--radius-md);
  background: rgba(156, 163, 175, 0.1);
  color: var(--text-secondary);
}

.alert strong {
  display: block;
  color: var(--text-primary);
  margin-bottom: 0.35rem;
}

.alert p {
  margin: 0;
}

.alert p + p {
  margin-top: 0.65rem;
}

.alert--info {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.24);
}

.alert--success {
  background: rgba(34, 197, 94, 0.1);
  border-color: rgba(34, 197, 94, 0.24);
}

.alert--warning {
  background: rgba(234, 179, 8, 0.11);
  border-color: rgba(234, 179, 8, 0.26);
}

.alert--error,
.alert--danger {
  background: rgba(239, 68, 68, 0.11);
  border-color: rgba(239, 68, 68, 0.26);
}

/* Shared alert-like notices */
.payment-notice {
  display: flex;
  gap: 1rem;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.2);
  border-radius: var(--radius-md);
  font-size: 0.875rem;
  color: var(--text-secondary);
}

.payment-notice i {
  color: var(--blue);
  flex-shrink: 0;
  margin-top: 0.125rem;
}

.analytics-notice {
  text-align: center;
  padding: 3rem 2rem;
}

.analytics-notice i {
  font-size: 3rem;
  color: var(--accent-light);
  margin-bottom: 1.5rem;
}

.analytics-notice p {
  font-size: 1.05rem;
  margin-bottom: 1.5rem;
}

/* Small composition primitives shared by launch-critical surfaces. */
.ui-stack {
  display: flex;
  flex-direction: column;
  gap: var(--ui-stack-space, var(--space-4));
  min-width: 0;
}

.ui-cluster {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--ui-cluster-space, var(--space-3));
  min-width: 0;
}

.ui-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--ui-grid-min, 16rem)), 1fr));
  gap: var(--ui-grid-space, var(--space-5));
  min-width: 0;
}

.ui-prose {
  width: min(100%, var(--content-reading));
  overflow-wrap: anywhere;
}

.ui-prose > * + * {
  margin-top: var(--space-4);
}

.ui-scroll-region {
  width: 100%;
  max-width: 100%;
  overflow: auto;
  overscroll-behavior: contain;
}

.ui-status-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: var(--space-3);
}

.support-choice-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-lg);
}

.support-choice-card {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
  min-width: 0;
}

.support-choice-card .btn {
  align-self: flex-start;
  margin-top: auto;
}

.support-choice-card h2 {
  margin: 0;
  font-size: 1.1rem;
}

.support-choice-card p {
  margin: 0;
  color: var(--color-text-muted);
}

.support-choice-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0.75rem;
  background: rgba(139, 92, 246, 0.16);
  color: var(--color-primary);
}

.support-product-list {
  display: grid;
  gap: var(--space-sm);
}

.support-product-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-md);
  padding: var(--space-md);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  color: var(--color-text);
  text-decoration: none;
  background: rgba(255, 255, 255, 0.02);
  min-width: 0;
}

.support-product-row > span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.support-product-row:hover {
  border-color: var(--color-primary);
  background: rgba(139, 92, 246, 0.08);
}

.support-product-row small {
  display: block;
  margin-top: 0.15rem;
  color: var(--color-text-muted);
}

@media (max-width: 720px) {
  .support-choice-grid {
    grid-template-columns: 1fr;
  }
}


/* Shared spacing/container utilities */
.section {
  padding: 4rem 0;
}

.section--dark {
  background: var(--bg-surface);
}

.container-sm {
  max-width: 640px;
  margin: 0 auto;
  padding: 0 1.25rem;
}

.container-md {
  max-width: 900px;
  margin: 0 auto;
  padding: 0 1.25rem;
}

/* Shared utility helpers */
.hidden[hidden] { display: none !important; }

.text-muted { color: var(--text-muted) !important; }
.text-primary { color: var(--text-primary) !important; }
.text-secondary { color: var(--text-secondary) !important; }
.text-success { color: var(--green) !important; }
.text-warning { color: var(--yellow) !important; }
.text-danger { color: var(--red) !important; }
.text-center { text-align: center !important; }
.text-right { text-align: right !important; }
.text-capitalize { text-transform: capitalize !important; }
.text-sm { font-size: 0.875rem !important; }
.text-sm-plus { font-size: 0.9rem !important; }
.text-2xl { font-size: 1.6rem !important; }
.text-accent-light-xs {
  color: var(--accent-light) !important;
  font-size: 0.85rem !important;
}
.text-xs-em { font-size: 0.85em !important; }

.display-block { display: block !important; }
.display-inline { display: inline !important; }
.display-inline-block { display: inline-block !important; }
.display-flex { display: flex !important; }
.display-grid { display: grid !important; }
.flex-column { flex-direction: column !important; }
.flex-wrap { flex-wrap: wrap !important; }
.align-center { align-items: center !important; }
.align-start { align-items: flex-start !important; }
.align-end { align-items: flex-end !important; }
.justify-between { justify-content: space-between !important; }
.flex-1 { flex: 1 !important; }

.gap-xs { gap: 0.25rem !important; }
.gap-sm { gap: 0.5rem !important; }
.gap-md { gap: 0.75rem !important; }
.gap-lg { gap: 1rem !important; }
.gap-xl { gap: 1.5rem !important; }

.w-full { width: 100% !important; }
.w-auto { width: auto !important; }
.input-width-sm { width: 160px !important; }
.input-width-md { width: 200px !important; }
.input-width-lg { width: 220px !important; }
.max-width-260 { max-width: 260px !important; }
.max-width-480 { max-width: 480px !important; }
.max-width-600 { max-width: 600px !important; }
.min-width-220 { min-width: 220px !important; }
.min-width-280 { min-width: 280px !important; }

.mt-0 { margin-top: 0 !important; }
.mt-xs { margin-top: 0.2rem !important; }
.mt-sm { margin-top: 0.35rem !important; }
.mt-half { margin-top: 0.5rem !important; }
.mt-md { margin-top: 0.75rem !important; }
.mt-lg { margin-top: 1rem !important; }
.mt-xl { margin-top: 1.5rem !important; }
.mt-2xl { margin-top: 2rem !important; }
.mt-3xl { margin-top: 3rem !important; }

.mb-sm { margin-bottom: 0.5rem !important; }
.mb-md { margin-bottom: 0.75rem !important; }
.mb-lg { margin-bottom: 1rem !important; }
.mb-xl { margin-bottom: 1.5rem !important; }
.mb-2xl { margin-bottom: 2rem !important; }

.ml-sm { margin-left: 0.5rem !important; }
.mr-sm { margin-right: 0.5rem !important; }

.my-lg {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-xl {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.p-sm { padding: 0.5rem !important; }
.p-2xl { padding: 2rem !important; }
.py-lg {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.py-2xl {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}
.pt-xl { padding-top: 1.5rem !important; }
.pl-lg { padding-left: 1.5rem !important; }

.border-top { border-top: 1px solid var(--border) !important; }
.rounded-md { border-radius: var(--radius-md) !important; }
.nowrap { white-space: nowrap !important; }

.turnstile-spacing { margin-bottom: 1.5rem !important; }
.link-inherit {
  color: inherit;
  text-decoration: none;
}

.icon-success { color: var(--green) !important; }
.icon-warning { color: var(--yellow) !important; }

.grid-auto-fit-250 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 1.5rem;
}

.grid-two-col {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
}

.form-grid-two-col {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 1rem !important;
}

.badge-block {
  width: 100%;
  text-align: center;
  display: block;
  padding: 0.5rem;
}

.btn--block { width: 100%; }

.legal-page-shell {
  max-width: 800px !important;
  padding: 3rem 1.5rem !important;
}

.legal-card-body {
  padding: 2rem !important;
  line-height: 1.75;
  color: var(--text-secondary) !important;
}

.empty-state-panel {
  text-align: center;
  padding: 4rem 2rem;
}

.empty-state-icon {
  font-size: 4rem;
  margin-bottom: 1rem;
  opacity: 0.5;
}

.empty-state-title {
  font-size: 1.5rem;
  margin-bottom: 0.75rem;
}

.card-centered-pad {
  text-align: center;
  padding: 2.5rem !important;
}

.narrow-shell-520 {
  max-width: 520px !important;
  margin: 4rem auto !important;
}

.container-max-900 {
  max-width: 900px !important;
}

.section-divider-top {
  margin-top: 3rem !important;
  border-top: 1px solid var(--border) !important;
  padding-top: 2rem !important;
}

.section-subheading {
  font-size: 1.1rem !important;
  margin-bottom: 1rem !important;
}

@media (max-width: 768px) {
  .grid-two-col {
    grid-template-columns: 1fr;
  }

  .form-grid-two-col {
    grid-template-columns: 1fr !important;
  }
}


.content-page {
  padding: 2rem 0 4.5rem;
  background:
    linear-gradient(180deg, rgba(124, 58, 237, 0.08), transparent 18rem),
    var(--bg-base);
}

.content-page__shell {
  max-width: 1040px;
}

.content-page__header {
  position: relative;
  margin-bottom: 1.5rem;
  padding: clamp(1.5rem, 4vw, 2.5rem);
  border: 1px solid color-mix(in srgb, var(--accent) 24%, var(--border));
  border-radius: var(--radius-lg);
  background:
    linear-gradient(135deg, rgba(124, 58, 237, 0.16), rgba(34, 197, 94, 0.05)),
    var(--bg-card);
  box-shadow: var(--shadow-md);
  overflow: hidden;
}

.content-page__header::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 3px;
  background: linear-gradient(90deg, var(--accent), var(--green), var(--blue));
}

.content-page__header > * {
  position: relative;
}

.content-page__kicker {
  margin-bottom: 0.75rem;
  color: #c9b6ff;
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
}

.content-page__header h1 {
  margin: 0 0 1rem;
  color: var(--text-primary);
  font-size: clamp(2rem, 5vw, 3.5rem);
  line-height: 1.04;
  max-width: 780px;
}

.content-page__header p:last-child {
  max-width: 740px;
  margin: 0;
  color: var(--text-secondary);
  font-size: 1.1rem;
  line-height: 1.7;
}

.content-page__article {
  max-width: 900px;
  margin-inline: auto;
  padding: clamp(1.5rem, 4vw, 2.5rem);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  background: color-mix(in srgb, var(--bg-card) 88%, var(--bg-surface));
  box-shadow: var(--shadow-sm);
  color: color-mix(in srgb, var(--text-secondary) 82%, var(--text-primary));
  font-size: 1.02rem;
  line-height: 1.78;
  overflow-wrap: break-word;
}

.content-page__article > * {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}

.content-page__article > .content-table-wrap,
.content-page__article > pre {
  max-width: 100%;
}

.content-page__article h1,
.content-page__article h2,
.content-page__article h3 {
  scroll-margin-top: calc(var(--nav-height) + 1.5rem);
  color: var(--text-primary);
  line-height: 1.22;
}

.content-page__article h1 {
  margin-top: 2.25rem;
  margin-bottom: 1rem;
  font-size: 1.65rem;
}

.content-page__article h2 {
  display: flex;
  gap: 0.75rem;
  align-items: center;
  margin-top: 2rem;
  margin-bottom: 1rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--border);
  font-size: 1.35rem;
}

.content-page__article h2:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}

.content-page__article h2::before {
  content: "";
  flex: 0 0 0.55rem;
  width: 0.55rem;
  height: 0.55rem;
  border-radius: 50%;
  background: var(--accent-light);
  box-shadow: 0 0 0 0.28rem rgba(124, 58, 237, 0.14);
}

.content-page__article h3 {
  margin-top: 1.5rem;
  margin-bottom: 0.75rem;
  color: color-mix(in srgb, var(--text-primary) 88%, var(--accent-light));
  font-size: 1.08rem;
}

.content-page__article p,
.content-page__article ul,
.content-page__article blockquote,
.content-page__article .content-table-wrap {
  margin-top: 0;
  margin-bottom: 1.15rem;
}

.content-page__article ul {
  padding-left: 0;
  list-style: none;
}

.content-page__article li {
  position: relative;
  padding-left: 1.35rem;
}

.content-page__article li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.75em;
  width: 0.42rem;
  height: 0.42rem;
  border-radius: 50%;
  background: var(--accent-light);
}

.content-page__article a {
  color: #d9ccff;
  font-weight: 700;
  text-decoration-line: underline;
  text-decoration-color: rgba(159, 103, 255, 0.9);
  text-decoration-thickness: 2px;
  text-underline-offset: 0.24em;
  word-break: break-word;
}

.content-page__article a:hover,
.content-page__article a:focus-visible {
  color: var(--text-primary);
  text-decoration-color: var(--green);
  text-decoration-thickness: 3px;
}

.content-page__article img {
  max-width: 100%;
  height: auto;
  border-radius: var(--radius-md);
}

.content-page__article pre,
.content-page__article code {
  max-width: 100%;
}

.content-page__article code {
  padding: 0.14rem 0.36rem;
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  background: var(--bg-input);
  color: var(--text-primary);
  font-family: var(--font-mono);
  font-size: 0.92em;
}

.content-page__article pre {
  overflow-x: auto;
  padding: 1rem 1.1rem;
  border: 1px solid color-mix(in srgb, var(--accent) 26%, var(--border));
  border-radius: var(--radius-md);
  background: #0c1020;
  color: #e5edf8;
}

.content-page__article pre code {
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
}

.content-page__article li + li {
  margin-top: 0.35rem;
}

.content-page__article strong {
  color: var(--text-primary);
}

.content-page__article hr {
  margin: 2rem 0;
  border: 0;
  border-top: 1px solid var(--border);
}

.content-page__article blockquote {
  padding: 1rem 1.25rem;
  border: 1px solid color-mix(in srgb, var(--accent) 28%, var(--border));
  border-left: 4px solid var(--accent-light);
  border-radius: var(--radius-md);
  background: rgba(124, 58, 237, 0.1);
  color: var(--text-primary);
}

.content-page__article blockquote p {
  margin: 0;
}

.content-table-wrap {
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  background: var(--bg-surface);
  overflow-x: auto;
  scrollbar-gutter: stable;
}

.content-page__article table {
  width: 100%;
  min-width: 520px;
  border-collapse: collapse;
}

.content-page__article th,
.content-page__article td {
  padding: 0.85rem 1rem;
  border-bottom: 1px solid var(--border);
  text-align: left;
  vertical-align: top;
}

.content-page__article th {
  background: color-mix(in srgb, var(--bg-surface) 82%, var(--accent) 18%);
  color: var(--text-primary);
  font-weight: 700;
}

.content-page__article tr:last-child td {
  border-bottom: 0;
}

.admin-doc-page {
  padding: 2.5rem 0 4rem;
}

.admin-doc-page__shell {
  max-width: 1040px;
}

.admin-doc-page__header {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: flex-start;
  margin-bottom: 1.5rem;
}

.admin-doc-page__header > div {
  min-width: 0;
}

.admin-doc-page__header .page-subtitle code {
  display: inline-block;
  max-width: 100%;
  padding: 0.25rem 0.45rem;
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  background: var(--bg-input);
  overflow-wrap: anywhere;
}

.admin-doc-card {
  padding: 2rem;
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  background: var(--bg-card);
  box-shadow: var(--shadow-sm);
}

.admin-doc-prose {
  max-width: 860px;
  margin-inline: auto;
  color: var(--text-secondary);
  overflow-wrap: break-word;
}

.admin-doc-prose h2:first-child {
  margin-top: 0;
}

.admin-doc-prose h2 {
  padding-top: 1rem;
  border-top: 1px solid var(--border);
}

.admin-doc-prose h2:first-child {
  padding-top: 0;
  border-top: 0;
}

.admin-doc-prose p,
.admin-doc-prose li {
  color: var(--text-secondary);
  line-height: 1.72;
}

.admin-doc-prose ul {
  margin: 0 0 1.25rem 1.25rem;
  padding: 0;
}

.admin-doc-prose blockquote {
  margin: 0 0 1.25rem;
  padding: 0.85rem 1rem;
  border-left: 3px solid var(--accent);
  border-radius: var(--radius-sm);
  background: rgba(124, 58, 237, 0.08);
}

.admin-doc-prose hr {
  margin: 1.75rem 0;
  border: 0;
  border-top: 1px solid var(--border);
}

.admin-doc-prose pre {
  margin: 0 0 1.25rem;
  padding: 1rem 1.1rem;
  border: 1px solid color-mix(in srgb, var(--accent) 28%, var(--border));
  border-radius: var(--radius-md);
  background: #0c1020;
  color: #e5edf8;
  line-height: 1.65;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  overflow-x: auto;
}

.admin-doc-prose pre code {
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
}

.admin-doc-prose code {
  padding: 0.13rem 0.35rem;
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  background: var(--bg-input);
  color: var(--text-primary);
}

.admin-doc-prose .content-table-wrap {
  margin: 0 0 1.5rem;
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  background: var(--bg-surface);
  overflow-x: auto;
  scrollbar-gutter: stable;
}

.admin-doc-prose table {
  min-width: 680px;
}

.admin-doc-prose th {
  background: color-mix(in srgb, var(--bg-surface) 82%, var(--accent) 18%);
}

.admin-doc-prose td:first-child {
  width: 5.5rem;
  color: var(--text-primary);
  font-weight: 800;
}

@media (max-width: 640px) {
  .content-page {
    padding: 2rem 0 3rem;
  }

  .content-page__header h1 {
    font-size: 2rem;
  }

  .content-page__article {
    font-size: 0.97rem;
  }

  .admin-doc-card {
    padding: 1.25rem;
  }

  .admin-doc-page__header {
    flex-direction: column;
  }

  .admin-doc-page__header .btn {
    width: 100%;
  }
}


/* ====================================================================
   Lyrinox Market — Application Stylesheet
   Legacy remainder pending further extraction
   ==================================================================== */

/* ── Flash messages ─────────────────────────────────────────────────── */
.flash {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.85rem 1.25rem;
  font-size: 0.9rem;
  font-weight: 500;
  position: relative;
}

.flash--success { background: rgba(34,197,94,0.12); color: #86efac; border-bottom: 1px solid rgba(34,197,94,0.2); }
.flash--error   { background: rgba(239,68,68,0.12); color: #fca5a5; border-bottom: 1px solid rgba(239,68,68,0.2); }
.flash--info    { background: rgba(59,130,246,0.12); color: #93c5fd; border-bottom: 1px solid rgba(59,130,246,0.2); }

.flash-icon { font-size: 1rem; flex-shrink: 0; }

.flash-close {
  margin-left: auto;
  background: none;
  border: none;
  color: inherit;
  font-size: 1.2rem;
  cursor: pointer;
  opacity: 0.6;
  padding: 0 0.25rem;
}

.flash-close:hover { opacity: 1; }

/* ── Functional cookie notice ───────────────────────────────────────── */
.cookie-notice {
  position: fixed;
  left: 1.25rem;
  right: 1.25rem;
  bottom: 1.25rem;
  z-index: 90;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  max-width: 980px;
  margin: 0 auto;
  padding: 1rem;
  border: 1px solid rgba(124, 58, 237, 0.32);
  border-radius: var(--radius-md);
  background: rgba(15, 15, 26, 0.96);
  color: var(--text-secondary);
  box-shadow: var(--shadow-lg);
  backdrop-filter: blur(16px);
}

.cookie-notice strong {
  display: block;
  color: var(--text-primary);
  margin-bottom: 0.3rem;
}

.cookie-notice p {
  margin: 0;
  font-size: 0.9rem;
}

.cookie-notice__actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-shrink: 0;
}

@media (max-width: 720px) {
  .cookie-notice {
    flex-direction: column;
    align-items: stretch;
  }

  .cookie-notice__actions {
    justify-content: flex-end;
    flex-wrap: wrap;
  }
}

/* ── Auth pages (login / signup) ────────────────────────────────────── */
.auth-page {
  min-height: calc(100vh - var(--nav-height) - 60px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem 1.25rem;
}

.auth-card {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-xl);
  padding: 2.5rem;
  width: 100%;
  max-width: 440px;
  box-shadow: var(--shadow-lg);
}

.auth-header {
  text-align: center;
  margin-bottom: 2rem;
}

.auth-brand {
  display: inline-block;
  margin-bottom: 1.25rem;
}

.auth-logo {
  width: 6rem;
  height: 6rem;
  object-fit: contain;
  display: block;
  filter: drop-shadow(0 0 18px rgba(124, 58, 237, 0.25));
}

.auth-title {
  font-size: 1.6rem;
  font-weight: 800;
  margin-bottom: 0.35rem;
}

.auth-subtitle {
  font-size: 0.9rem;
  color: var(--text-muted);
}

.auth-form {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.auth-footer {
  margin-top: 1.5rem;
  text-align: center;
  font-size: 0.875rem;
  color: var(--text-muted);
}

.auth-link { color: var(--accent-light); font-weight: 600; }
.auth-link:hover { color: #fff; }

/* ── Modern Hero ────────────────────────────────────────────────────── */
.modern-hero {
  position: relative;
  min-height: 90vh;
  display: flex;
  align-items: center;
  padding: 6rem 0 4rem;
  overflow: hidden;
}

.hero-gradient {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 20% 50%, rgba(124, 58, 237, 0.15) 0%, transparent 50%),
    radial-gradient(circle at 80% 80%, rgba(168, 85, 247, 0.1) 0%, transparent 50%);
  pointer-events: none;
}

.hero-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4rem;
  align-items: center;
  position: relative;
  z-index: 1;
}

.hero-badge-wrapper {
  margin-bottom: 2rem;
}

.hero-badge-new {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1.25rem;
  background: linear-gradient(135deg, rgba(124, 58, 237, 0.2) 0%, rgba(168, 85, 247, 0.1) 100%);
  border: 1px solid rgba(124, 58, 237, 0.3);
  border-radius: 999px;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--accent-light);
  backdrop-filter: blur(10px);
}

.modern-hero-title {
  font-size: clamp(2.5rem, 5vw, 4rem);
  font-weight: 900;
  line-height: 1.1;
  letter-spacing: -0.02em;
  margin-bottom: 1.5rem;
  color: var(--text-primary);
}

.title-highlight {
  display: block;
  background: linear-gradient(135deg, #a78bfa 0%, #c084fc 50%, #e879f9 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.modern-hero-subtitle {
  font-size: 1.15rem;
  line-height: 1.7;
  color: var(--text-secondary);
  margin-bottom: 2.5rem;
  max-width: 540px;
}

.hero-cta-group {
  display: flex;
  gap: 1rem;
  margin-bottom: 3rem;
  flex-wrap: wrap;
}

.btn-modern {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem 2rem;
  border-radius: var(--radius-lg);
  font-size: 1rem;
  font-weight: 600;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  text-decoration: none;
  border: none;
  cursor: pointer;
}

.btn-modern--primary {
  background: linear-gradient(135deg, var(--accent) 0%, var(--accent-light) 100%);
  color: #fff;
  box-shadow: 0 4px 16px rgba(124, 58, 237, 0.3);
}

.btn-modern--primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(124, 58, 237, 0.4);
  color: #fff;
}

.btn-modern--outline {
  background: transparent;
  color: var(--text-primary);
  border: 2px solid var(--border);
}

.btn-modern--outline:hover {
  border-color: var(--accent);
  background: rgba(124, 58, 237, 0.1);
  transform: translateY(-2px);
}

.btn-modern--white {
  background: #fff;
  color: var(--accent);
  box-shadow: 0 4px 16px rgba(255, 255, 255, 0.1);
}

.btn-modern--white:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(255, 255, 255, 0.15);
  color: var(--accent);
}

.hero-stats-modern {
  display: flex;
  align-items: center;
  gap: 2rem;
  padding: 1.5rem 0;
}

.stat-modern {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.stat-modern-number {
  font-size: 2rem;
  font-weight: 800;
  color: var(--text-primary);
  line-height: 1;
}

.stat-modern-label {
  font-size: 0.875rem;
  color: var(--text-muted);
  font-weight: 500;
}

.stat-divider {
  width: 1px;
  height: 2.5rem;
  background: var(--border);
}

.hero-visual {
  position: relative;
  height: 500px;
}

.floating-card {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1.25rem 1.5rem;
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
  animation: float 6s ease-in-out infinite;
}

.floating-card-1 {
  top: 10%;
  left: 10%;
  animation-delay: 0s;
}

.floating-card-2 {
  top: 50%;
  right: 10%;
  animation-delay: 2s;
}

.floating-card-3 {
  bottom: 10%;
  left: 20%;
  animation-delay: 4s;
}

@keyframes float {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-20px); }
}

.card-icon {
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--accent) 0%, var(--accent-light) 100%);
  border-radius: var(--radius-md);
  color: #fff;
  font-size: 1.5rem;
  flex-shrink: 0;
}

.card-text {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.card-title {
  font-size: 1rem;
  font-weight: 700;
  color: var(--text-primary);
}

.card-desc {
  font-size: 0.875rem;
  color: var(--text-muted);
}

.features-modern {
  padding: 8rem 0;
  background: var(--bg-surface);
}

.section-header-modern {
  text-align: center;
  margin-bottom: 4rem;
}

.section-badge {
  display: inline-block;
  padding: 0.5rem 1rem;
  background: rgba(124, 58, 237, 0.15);
  border: 1px solid rgba(124, 58, 237, 0.3);
  border-radius: 999px;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--accent-light);
  margin-bottom: 1rem;
}

.section-title-modern {
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 900;
  margin-bottom: 1rem;
  color: var(--text-primary);
}

.section-subtitle-modern {
  font-size: 1.15rem;
  color: var(--text-secondary);
}

.features-grid-modern {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 2rem;
}

.feature-card-modern {
  padding: 2rem;
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  transition: all 0.3s ease;
}

.feature-card-modern:hover {
  transform: translateY(-4px);
  border-color: var(--accent);
  box-shadow: 0 8px 32px rgba(124, 58, 237, 0.2);
}

.feature-icon-modern {
  width: 4rem;
  height: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, rgba(124, 58, 237, 0.2) 0%, rgba(168, 85, 247, 0.1) 100%);
  border-radius: var(--radius-md);
  color: var(--accent-light);
  font-size: 1.75rem;
  margin-bottom: 1.5rem;
}

.feature-card-modern h3 {
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 0.75rem;
  color: var(--text-primary);
}

.feature-card-modern p {
  color: var(--text-secondary);
  line-height: 1.6;
}

.categories-modern {
  padding: 8rem 0;
}

.categories-grid-modern {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 1.5rem;
}

.category-card-modern {
  position: relative;
  padding: 2rem;
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  transition: all 0.3s ease;
  text-decoration: none;
  overflow: hidden;
}

.category-card-modern::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--accent) 0%, var(--accent-light) 100%);
  opacity: 0;
  transition: opacity 0.3s ease;
}

.category-card-modern:hover {
  transform: translateY(-4px);
  border-color: var(--accent);
  box-shadow: 0 8px 32px rgba(124, 58, 237, 0.2);
}

.category-card-modern:hover::before {
  opacity: 1;
}

.category-icon-modern {
  width: 3.5rem;
  height: 3.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--accent) 0%, var(--accent-light) 100%);
  border-radius: var(--radius-md);
  color: #fff;
  font-size: 1.5rem;
  margin-bottom: 1.5rem;
}

.category-card-modern h3 {
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
  color: var(--text-primary);
}

.category-card-modern p {
  color: var(--text-muted);
  margin-bottom: 1rem;
}

.category-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  background: rgba(124, 58, 237, 0.1);
  border-radius: 50%;
  color: var(--accent-light);
  transition: all 0.3s ease;
}

.category-card-modern:hover .category-arrow {
  background: var(--accent);
  color: #fff;
  transform: translateX(4px);
}

.cta-modern {
  padding: 6rem 0;
  background: linear-gradient(135deg, var(--accent-dark) 0%, var(--accent) 100%);
  position: relative;
  overflow: hidden;
}

.cta-modern::before {
  content: '';
  position: absolute;
  inset: 0;
  background: url("data:image/svg+xml,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='grid' width='60' height='60' patternUnits='userSpaceOnUse'%3E%3Cpath d='M 60 0 L 0 0 0 60' fill='none' stroke='rgba(255,255,255,0.05)' stroke-width='1'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100%25' height='100%25' fill='url(%23grid)'/%3E%3C/svg%3E");
  opacity: 0.5;
}

.cta-content-modern {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 3rem;
  flex-wrap: wrap;
}

.cta-text-modern h2 {
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 900;
  color: #fff;
  margin-bottom: 1rem;
}

.cta-text-modern p {
  font-size: 1.15rem;
  color: rgba(255, 255, 255, 0.8);
  max-width: 600px;
}

@media (max-width: 1024px) {
  .hero-grid {
    grid-template-columns: 1fr;
    gap: 3rem;
  }

  .hero-visual {
    height: 400px;
  }

  .cta-content-modern {
    flex-direction: column;
    text-align: center;
  }

  .cta-text-modern p {
    margin: 0 auto;
  }
}

@media (max-width: 640px) {
  .modern-hero {
    padding: 4rem 0 3rem;
  }

  .hero-cta-group {
    flex-direction: column;
  }

  .btn-modern {
    width: 100%;
    justify-content: center;
  }

  .hero-stats-modern {
    flex-direction: column;
    align-items: flex-start;
    gap: 1.5rem;
  }

  .stat-divider {
    display: none;
  }

  .hero-visual {
    display: none;
  }

  .features-grid-modern,
  .categories-grid-modern {
    grid-template-columns: 1fr;
  }
}

/* ── Dashboard ───────────────────────────────────────────────────────── */
.dashboard-page { padding: 2.5rem 0 6rem; }

.dash-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--space-4);
  flex-wrap: wrap;
  margin-bottom: var(--space-6);
}

.dash-title { font-size: 1.85rem; font-weight: 800; letter-spacing: -0.02em; }
.dash-subtitle { color: var(--text-muted); font-size: 0.95rem; margin-top: 0.25rem; }

.dash-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: var(--space-5);
  margin-bottom: var(--space-7);
}

.dash-card {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  padding: var(--space-5);
  min-width: 0;
}

.dash-card-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--space-4);
  flex-wrap: wrap;
  margin-bottom: var(--space-5);
}

.dash-card-title { font-size: 1.05rem; font-weight: 700; }

/* ── Product grid ────────────────────────────────────────────────────── */
.products-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 1.25rem;
  margin-top: 2rem;
}

.product-card {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  padding: 1.5rem;
  min-width: 0;
  transition: border-color var(--transition), transform var(--transition), box-shadow var(--transition);
  display: flex;
  flex-direction: column;
}

.product-card:hover {
  border-color: var(--accent);
  transform: translateY(-2px);
  box-shadow: var(--shadow-accent);
}

.product-image {
  position: relative;
  width: 100%;
  height: 180px;
  background: var(--bg-surface);
  border-radius: var(--radius-md);
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 3rem;
  color: var(--text-muted);
  overflow: hidden;
}

.product-title { font-size: 1.05rem; font-weight: 700; margin-bottom: 0.5rem; }
.product-desc { font-size: 0.875rem; color: var(--text-secondary); line-height: 1.6; margin-bottom: 1rem; flex: 1; }

.product-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding-top: 1rem;
  border-top: 1px solid var(--border);
}

.product-price { font-size: 1.25rem; font-weight: 800; color: var(--accent-light); }

/* ── Error page ──────────────────────────────────────────────────────── */
.error-page {
  min-height: calc(100vh - var(--nav-height) - 60px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3rem 1.25rem;
}

.error-card {
  text-align: center;
  max-width: 480px;
}

.error-code {
  font-size: 6rem;
  font-weight: 900;
  line-height: 1;
  background: linear-gradient(135deg, var(--accent) 0%, #c084fc 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  margin-bottom: 0.5rem;
}

.error-title { font-size: 1.75rem; margin-bottom: 0.75rem; }
.error-message { color: var(--text-muted); margin-bottom: 2rem; }
.error-actions { display: flex; justify-content: center; gap: 1rem; flex-wrap: wrap; }

@media (max-width: 640px) {
  .hero-title { font-size: 2.1rem; }
  .dash-grid { grid-template-columns: 1fr; }
  .products-grid { grid-template-columns: 1fr; }
}

/* ── Advanced Search & Filters ──────────────────────────────────────── */
.advanced-search-form {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  padding: 1.5rem;
  margin-bottom: 2rem;
}

.search-row {
  display: flex;
  gap: 1rem;
  align-items: center;
  margin-bottom: 1rem;
}

.search-input-group {
  display: flex;
  gap: 0.5rem;
  flex: 1;
  min-width: min(100%, 260px);
  flex-wrap: wrap;
}

.search-input-group .form-input {
  flex: 1 1 220px;
}

.advanced-filters {
  padding-top: 1.5rem;
  border-top: 1px solid var(--border);
  margin-top: 1rem;
  animation: slideDown 0.3s ease;
}

@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.filter-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
  margin-bottom: 1.5rem;
}

.filter-group {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.filter-label {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.form-select {
  padding: 0.75rem 1rem;
  background: var(--bg-input);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  color: var(--text-primary);
  font-size: 0.9375rem;
  font-family: inherit;
  transition: all var(--transition);
  cursor: pointer;
}

.form-select:hover {
  border-color: var(--accent);
}

.form-select:focus {
  outline: none;
  border-color: var(--border-focus);
  box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.1);
}

.filter-actions {
  display: flex;
  gap: 1rem;
  align-items: center;
  flex-wrap: wrap;
}

img[loading="lazy"] {
  opacity: 0;
  transition: opacity 0.3s ease;
}

img[loading="lazy"].loaded {
  opacity: 1;
}

.product-image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.product-image::before {
  display: none;
}

@keyframes shimmer {
  0% { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}

.product-image.loaded::before {
  display: none;
}

@media (max-width: 768px) {
  .search-row {
    flex-direction: column;
  }

  .filter-grid {
    grid-template-columns: 1fr;
  }

  .filter-actions {
    flex-direction: column;
    width: 100%;
  }

  .filter-actions .btn {
    width: 100%;
  }
}

/* ── OAuth Authentication Styles ────────────────────────────────────── */
.auth-divider {
  display: flex;
  align-items: center;
  text-align: center;
  margin: 1.5rem 0;
  color: var(--text-muted);
  font-size: 0.875rem;
}

.auth-divider::before,
.auth-divider::after {
  content: '';
  flex: 1;
  border-bottom: 1px solid var(--border);
}

.auth-divider span {
  padding: 0 1rem;
}

.oauth-buttons {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}

.btn--oauth {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  font-weight: 500;
  border-radius: var(--radius-md);
  transition: all var(--transition);
  border: 1px solid var(--border);
  background: var(--bg-card);
  color: var(--text-primary);
}

.btn--oauth:hover {
  background: var(--bg-card-hover);
  border-color: var(--accent);
  color: var(--text-primary);
  transform: translateY(-1px);
}

.btn--github:hover {
  background: #24292e;
  border-color: #24292e;
}

.btn--google:hover {
  background: #4285f4;
  border-color: #4285f4;
}

.btn--oauth i {
  font-size: 1.125rem;
}

@media (max-width: 480px) {
  .oauth-buttons {
    grid-template-columns: 1fr;
  }
}

/* ── Seller Registration Form ───────────────────────────────────────── */
.seller-terms {
  padding: 1.5rem;
  background: var(--bg-surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  margin: 1.5rem 0;
}

.seller-terms .checkbox-label {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  cursor: pointer;
  margin-bottom: 0.75rem;
}

.seller-terms .checkbox-label input[type="checkbox"] {
  margin-top: 0.25rem;
  cursor: pointer;
}

.seller-terms .checkbox-label span {
  font-weight: 500;
  color: var(--text-primary);
}

.seller-terms .text-muted {
  font-size: 0.875rem;
  margin: 0;
  padding-left: 2rem;
}

.seller-benefits {
  margin-top: 2rem;
  padding: 2rem;
  background: var(--bg-surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
}

.seller-benefits h3 {
  margin: 0 0 1.5rem 0;
  font-size: 1.25rem;
  color: var(--text-primary);
}

.seller-benefits ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.seller-benefits li {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 0.75rem;
  background: var(--bg-card);
  border-radius: var(--radius-sm);
  transition: all var(--transition);
}

.seller-benefits li:hover {
  background: var(--bg-card-hover);
  transform: translateX(4px);
}

.seller-benefits li i {
  color: var(--accent);
  font-size: 1.25rem;
  margin-top: 0.125rem;
  flex-shrink: 0;
}

.seller-benefits li strong {
  color: var(--text-primary);
  font-weight: 600;
}

/* ── CTA Cards & Feedback Forms ─────────────────────────────────────── */
.cta-card {
  text-align: center;
  padding: 2rem !important;
}

.cta-icon {
  width: 4rem;
  height: 4rem;
  margin: 0 auto 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--accent) 0%, var(--accent-light) 100%);
  border-radius: 50%;
  font-size: 1.75rem;
  color: #fff;
  box-shadow: 0 4px 16px var(--accent-glow);
}

.cta-card h3 {
  margin-bottom: 0.75rem;
  font-size: 1.25rem;
}

.cta-card .text-muted {
  margin-bottom: 1.5rem;
  font-size: 0.9rem;
}

.cta-actions {
  display: flex;
  gap: 0.75rem;
  justify-content: center;
  flex-wrap: wrap;
}

.feedback-form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.feedback-form .form-group {
  margin: 0;
}

@media (max-width: 640px) {
  .cta-actions {
    flex-direction: column;
  }

  .cta-actions .btn {
    width: 100%;
  }
}



/* css/supplements.css */
/* ====================================================================
   Lyrinox Market — Supplementary Styles Manifest
   ==================================================================== */

/* Breadcrumb component styles */
.breadcrumbs-wrap {
	border-bottom: 1px solid var(--border);
	background: rgba(19, 19, 31, 0.75);
}

.breadcrumbs {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.4rem;
	padding: 0.75rem 0;
	font-size: 0.875rem;
}

.breadcrumbs-link {
	color: var(--text-secondary);
	text-decoration: none;
}

.breadcrumbs-link:hover {
	color: var(--text-primary);
}

.breadcrumbs-current {
	color: var(--text-primary);
	font-weight: 600;
}

.breadcrumbs-sep {
	color: var(--text-muted);
}

@media (max-width: 640px) {
	.breadcrumbs {
		font-size: 0.8rem;
		gap: 0.3rem;
	}
}

/* Pagination */
.pagination-container {
  margin-top: 2rem;
}

.pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem;
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
}

.pagination-info {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
  min-width: max-content;
  color: var(--text-secondary);
  font-size: 0.9rem;
}

.pagination-info span:first-child {
  color: var(--text-primary);
  font-weight: 700;
}

.pagination-controls,
.pagination-pages {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

.pagination-btn,
.pagination-page {
  min-width: 2.25rem;
  height: 2.25rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  padding: 0 0.75rem;
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  background: var(--bg-surface);
  color: var(--text-secondary);
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  transition: background var(--transition), border-color var(--transition), color var(--transition), transform var(--transition);
}

.pagination-btn:hover,
.pagination-page:hover {
  background: var(--bg-card-hover);
  border-color: var(--accent);
  color: var(--text-primary);
  transform: translateY(-1px);
}

.pagination-btn.disabled,
.pagination-btn[aria-disabled="true"] {
  opacity: 0.45;
  cursor: not-allowed;
  pointer-events: none;
}

.pagination-page--active {
  background: var(--accent);
  border-color: var(--accent);
  color: #fff;
  box-shadow: var(--shadow-sm);
  cursor: default;
}

.pagination-page--active:hover {
  background: var(--accent);
  color: #fff;
  transform: none;
}

.pagination-btn--first,
.pagination-btn--last {
  width: 2.25rem;
  padding: 0;
}

.pagination-btn--prev,
.pagination-btn--next {
  min-width: 6rem;
}

.pagination-ellipsis {
  min-width: 1.5rem;
  height: 2.25rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--text-muted);
  font-weight: 800;
}

@media (max-width: 760px) {
  .pagination {
    flex-direction: column;
    align-items: stretch;
  }

  .pagination-info,
  .pagination-controls {
    justify-content: center;
  }

  .pagination-controls {
    flex-wrap: wrap;
  }
}

@media (max-width: 520px) {
  .pagination {
    padding: 0.875rem;
  }

  .pagination-info {
    flex-direction: column;
    align-items: center;
    gap: 0.25rem;
  }

  .pagination-pages {
    order: 3;
    width: 100%;
    justify-content: center;
  }

  .pagination-btn--prev,
  .pagination-btn--next {
    flex: 1 1 8rem;
  }
}

/* Metrics component styles */
.stats-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: 1.25rem;
	margin-bottom: 2.5rem;
}

.stat-card {
	display: flex;
	align-items: center;
	gap: 1.25rem;
}

.stat-icon {
	width: 3.5rem;
	height: 3.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: var(--radius-md);
	font-size: 1.5rem;
	flex-shrink: 0;
}

.stat-icon--primary { background: rgba(124, 58, 237, 0.15); color: var(--accent-light); }
.stat-icon--accent { background: rgba(159, 103, 255, 0.15); color: var(--accent-light); }
.stat-icon--success { background: rgba(34, 197, 94, 0.15); color: var(--green); }
.stat-icon--warning { background: rgba(234, 179, 8, 0.15); color: var(--yellow); }

.stat-content {
	flex: 1;
	min-width: 0;
}

.stat-value {
	font-size: 1.75rem;
	font-weight: 800;
	color: var(--text-primary);
	line-height: 1;
	margin-bottom: 0.375rem;
}

.stat-label {
	font-size: 0.875rem;
	color: var(--text-muted);
}

.stats-list {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	margin-top: 1rem;
}

.stat-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 0.75rem;
	border-bottom: 1px solid var(--border);
}

.stat-row:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

@media (max-width: 768px) {
	.stats-grid {
		grid-template-columns: 1fr;
	}
}

/* Modal and dialog surfaces */
.modal,
.dialog {
  width: min(100% - 2rem, 640px);
  max-height: min(90vh, 720px);
  overflow: auto;
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
}

.modal-overlay,
.dialog-overlay {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.68);
  backdrop-filter: blur(8px);
}

.modal-header,
.modal-footer,
.dialog-header,
.dialog-footer {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.25rem;
  border-color: var(--border);
}

.modal-header,
.dialog-header {
  border-bottom: 1px solid var(--border);
}

.modal-footer,
.dialog-footer {
  align-items: center;
  flex-wrap: wrap;
  border-top: 1px solid var(--border);
}

.modal-body,
.dialog-body {
  padding: 1.25rem;
}

.modal-close,
.dialog-close {
  flex: 0 0 auto;
}

@media (max-width: 560px) {
  .modal,
  .dialog {
    width: 100%;
    max-height: calc(100vh - 2rem);
  }

  .modal-footer .btn,
  .dialog-footer .btn {
    flex: 1 1 100%;
  }
}

/* Homepage coming soon modal */
.launch-state-banner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.65rem;
  min-height: 2.75rem;
  padding: 0.6rem 1rem;
  border-block: 1px solid rgba(167, 139, 250, 0.34);
  background: rgba(76, 29, 149, 0.24);
  color: var(--text-primary);
  text-align: center;
}

.launch-state-banner strong {
  color: var(--accent-light);
}

.launch-state-admin-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  margin: 1rem 0 0;
}

.launch-state-admin-grid div {
  padding: 0.9rem;
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
}

.launch-state-admin-grid dt {
  color: var(--text-secondary);
  font-size: 0.85rem;
}

.launch-state-admin-grid dd {
  margin: 0.3rem 0 0;
  font-weight: 700;
}

.coming-soon-overlay {
  position: fixed;
  inset: 0;
  z-index: 1200;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  background:
    radial-gradient(circle at 20% 20%, rgba(124, 58, 237, 0.28), transparent 34rem),
    rgba(5, 5, 12, 0.82);
  backdrop-filter: blur(14px);
}

.coming-soon-overlay[hidden] {
  display: none;
}

.coming-soon-modal {
  position: relative;
  width: min(100%, 900px);
  max-height: calc(100vh - 2rem);
  overflow: auto;
  padding: clamp(1.15rem, 2.4vw, 1.75rem);
  border: 1px solid rgba(167, 139, 250, 0.34);
  border-radius: var(--radius-lg);
  background:
    linear-gradient(135deg, rgba(31, 31, 51, 0.98), rgba(13, 13, 24, 0.98)),
    var(--bg-card);
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.48);
}

.coming-soon-close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.4rem;
  height: 2.4rem;
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  background: rgba(255, 255, 255, 0.04);
  color: var(--text-secondary);
  cursor: pointer;
}

.coming-soon-close:hover {
  color: var(--text-primary);
  border-color: var(--accent);
  background: rgba(124, 58, 237, 0.16);
}

.coming-soon-intro {
  max-width: 720px;
  padding-right: 3rem;
}

.coming-soon-kicker {
  display: inline-flex;
  margin-bottom: 0.8rem;
  color: var(--accent-light);
  font-size: 0.82rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.coming-soon-intro h2 {
  margin: 0;
  font-size: clamp(2rem, 4vw, 3rem);
  line-height: 1.08;
  color: var(--text-primary);
}

.coming-soon-intro p {
  margin: 0.85rem 0 0;
  color: var(--text-secondary);
  font-size: 1rem;
  line-height: 1.7;
}

.coming-soon-intro a {
  color: var(--accent-light);
  font-weight: 700;
}

.coming-soon-pitches,
.coming-soon-waitlists {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.9rem;
  margin-top: 1rem;
}

.coming-soon-pitch,
.coming-soon-form {
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  background: rgba(255, 255, 255, 0.035);
}

.coming-soon-pitch {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
  padding: 1rem;
}

.coming-soon-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.6rem;
  height: 2.6rem;
  border-radius: var(--radius-md);
  background: rgba(124, 58, 237, 0.18);
  color: var(--accent-light);
}

.coming-soon-pitch h3,
.coming-soon-form h3 {
  margin: 0;
  color: var(--text-primary);
  font-size: 1.05rem;
}

.coming-soon-pitch p,
.coming-soon-form p {
  margin: 0;
  color: var(--text-secondary);
  line-height: 1.55;
}

.coming-soon-pitch .coming-soon-offer {
  margin-top: auto;
  padding-top: 0.75rem;
  color: #ddd6fe;
  font-weight: 700;
}

.coming-soon-form {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1rem;
}

.coming-soon-honey {
  position: absolute;
  left: -10000px;
  width: 1px;
  height: 1px;
  opacity: 0;
}

.coming-soon-footer {
  display: flex;
  justify-content: flex-end;
  margin-top: 1rem;
}

@media (max-width: 760px) {
  .launch-state-banner,
  .launch-state-admin-grid {
    grid-template-columns: 1fr;
  }

  .launch-state-banner {
    flex-direction: column;
    gap: 0.15rem;
  }
  .coming-soon-overlay {
    align-items: flex-start;
    overflow: auto;
  }

  .coming-soon-pitches,
  .coming-soon-waitlists {
    grid-template-columns: 1fr;
  }

  .coming-soon-intro {
    padding-right: 2.75rem;
  }
}

@media (max-width: 520px) {
  .coming-soon-modal {
    padding: 1rem;
  }

  .coming-soon-intro {
    padding-right: 0;
    padding-top: 2.75rem;
  }

  .coming-soon-footer .btn {
    width: 100%;
  }
}


/* ====================================================================
   Lyrinox Market — Home Page (import manifest)
   ==================================================================== */

/* ====================================================================
   Lyrinox Market — Home Page: Hero + Trust Strip
   ==================================================================== */

.home-buyer-hero {
  position: relative;
  overflow: hidden;
  padding: clamp(3.5rem, 6vw, 6rem) 0 3rem;
  border-bottom: 1px solid var(--border);
  background: linear-gradient(180deg, rgba(124, 58, 237, 0.08) 0%, rgba(11, 11, 18, 0) 70%);
}

.home-hero-glow {
  position: absolute;
  top: -8rem;
  left: 50%;
  width: min(58rem, 96vw);
  height: 26rem;
  transform: translateX(-50%);
  border-radius: 999px;
  filter: blur(40px);
  background: radial-gradient(circle, rgba(159, 103, 255, 0.24) 0%, rgba(159, 103, 255, 0) 70%);
  pointer-events: none;
}

.home-hero-content {
  position: relative;
  z-index: 1;
  max-width: 46rem;
}

.home-kicker {
  display: inline-block;
  margin-bottom: 1rem;
  padding: 0.38rem 0.8rem;
  border: 1px solid rgba(124, 58, 237, 0.45);
  border-radius: 999px;
  background: rgba(124, 58, 237, 0.16);
  color: var(--accent-light);
  font-size: 0.78rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-weight: 700;
}

.home-hero-content h1 {
  margin: 0 0 1rem;
  font-size: clamp(2rem, 5vw, 3.25rem);
  line-height: 1.08;
  letter-spacing: -0.03em;
}

.home-hero-lead {
  margin: 0;
  max-width: 42rem;
  color: var(--text-secondary);
  font-size: clamp(1rem, 2vw, 1.2rem);
  line-height: 1.7;
}

.home-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
  margin-top: 2rem;
}

.home-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  text-decoration: none;
  font-weight: 700;
  border-radius: var(--radius-md);
  padding: 0.75rem 1.1rem;
  transition: all var(--transition);
  border: 1px solid transparent;
}

.home-btn--primary {
  color: #fff;
  background: var(--accent);
  box-shadow: var(--shadow-sm);
}

.home-btn--primary:hover {
  background: var(--accent-light);
  box-shadow: var(--shadow-accent);
  transform: translateY(-1px);
}

.home-btn--secondary {
  color: var(--text-primary);
  background: var(--bg-card);
  border-color: var(--border);
}

.home-btn--secondary:hover {
  border-color: var(--accent);
  background: var(--bg-card-hover);
}

.home-discovery-links {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  padding: 0;
  margin: 1.2rem 0 0;
}

.home-discovery-links a {
  display: inline-flex;
  align-items: center;
  padding: 0.4rem 0.7rem;
  border-radius: 999px;
  text-decoration: none;
  font-size: 0.88rem;
  color: var(--text-secondary);
  border: 1px solid var(--border);
  background: rgba(19, 19, 31, 0.75);
}

.home-discovery-links a:hover {
  color: var(--text-primary);
  border-color: var(--accent);
}

.home-trust-strip {
  padding: 1.4rem 0 2.2rem;
}

.home-preview-notice {
  padding: var(--space-4) 0 0;
}

.home-preview-alert {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--space-3);
  flex-wrap: wrap;
}

.home-preview-alert span {
  color: var(--text-secondary);
  max-width: var(--content-reading);
}

.home-trust-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.9rem;
}

.home-trust-item {
  margin: 0;
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  background: var(--bg-surface);
  padding: 1rem;
}

.home-trust-value {
  margin: 0 0 0.3rem;
  font-weight: 800;
  font-size: 1.2rem;
  color: var(--text-primary);
}

.home-trust-label {
  margin: 0;
  font-size: 0.88rem;
  color: var(--text-secondary);
}

.home-btn:focus-visible,
.home-discovery-links a:focus-visible {
  outline: 2px solid var(--accent-light);
  outline-offset: 2px;
}

@media (max-width: 900px) {
  .home-trust-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .home-buyer-hero {
    padding-top: 3rem;
  }

  .home-hero-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .home-btn {
    justify-content: center;
  }

  .home-trust-grid {
    grid-template-columns: 1fr;
  }

  .home-preview-alert {
    display: grid;
  }
}

/* ====================================================================
   Lyrinox Market — Home Page: Featured Products + Categories
   ==================================================================== */

.home-section {
  padding: clamp(2.8rem, 5vw, 4rem) 0;
}

.home-section-head {
  margin-bottom: 1.4rem;
}

.home-section-head h2 {
  margin: 0;
  letter-spacing: -0.02em;
  font-size: clamp(1.4rem, 3.5vw, 2rem);
}

.home-section-head p {
  margin: 0.65rem 0 0;
  color: var(--text-secondary);
}

.home-featured {
  border-top: 1px solid var(--border);
}

.home-product-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.home-product-card {
  min-width: 0;
}

.home-product-link {
  display: block;
  height: 100%;
  text-decoration: none;
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  overflow: hidden;
  background: var(--bg-card);
  transition: all var(--transition);
}

.home-product-link:hover {
  border-color: var(--accent);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

.home-product-media {
  position: relative;
  display: grid;
  place-items: center;
  aspect-ratio: 4 / 3;
  padding: 1.25rem;
  background:
    linear-gradient(135deg, rgba(29, 78, 216, 0.18), rgba(16, 185, 129, 0.1)),
    var(--bg-surface);
}

.home-product-image {
  display: block;
  width: clamp(10rem, 68%, 17rem);
  height: clamp(10rem, 68%, 17rem);
  max-width: calc(100% - 1.5rem);
  max-height: calc(100% - 1.5rem);
  background: transparent !important;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  box-sizing: border-box;
  object-fit: contain;
  object-position: center;
  filter: drop-shadow(0 18px 30px rgba(0, 0, 0, 0.38));
}

.home-product-image--transparent {
  background-color: transparent !important;
}

.home-product-image--wide {
  width: clamp(13rem, 86%, 21rem);
  height: clamp(10rem, 72%, 17rem);
  transform: scale(1.45);
}

.home-product-placeholder {
  display: grid;
  place-items: center;
  height: 100%;
  color: rgba(240, 240, 248, 0.75);
  font-size: 1.75rem;
}

.home-product-badge {
  position: absolute;
  top: 0.65rem;
  left: 0.65rem;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: #fff;
  background: rgba(124, 58, 237, 0.92);
  padding: 0.3rem 0.55rem;
}

.home-product-body {
  padding: 1rem;
}

.home-product-body h3 {
  margin: 0;
  color: var(--text-primary);
  font-size: 1.05rem;
  overflow-wrap: anywhere;
}

.home-product-body p {
  margin: 0.6rem 0 0;
  font-size: 0.92rem;
  line-height: 1.58;
  color: var(--text-secondary);
}

.home-product-body .home-product-seller {
  margin-top: 0.45rem;
  color: var(--text-muted);
  font-size: 0.82rem;
  overflow-wrap: anywhere;
}

.home-product-meta {
  margin-top: 0.95rem;
  display: flex;
  justify-content: space-between;
  gap: 0.8rem;
  flex-wrap: wrap;
  font-size: 0.9rem;
  align-items: center;
}

.home-product-price {
  color: var(--accent-light);
  font-weight: 800;
}

.home-product-rating {
  color: var(--text-secondary);
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  flex-wrap: wrap;
}

.home-product-rating i {
  color: var(--yellow);
}

.home-empty-state {
  border: 1px dashed var(--border);
  border-radius: var(--radius-md);
  padding: 1.2rem;
  color: var(--text-secondary);
  background: var(--bg-surface);
}

.home-empty-state h3 {
  margin-top: 0;
  color: var(--text-primary);
}

.home-categories {
  border-top: 1px solid var(--border);
}

.home-category-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.9rem;
}

.home-category-card {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
  text-decoration: none;
  color: var(--text-primary);
  border: 1px solid var(--border);
  background: var(--bg-card);
  border-radius: var(--radius-md);
  padding: 1rem;
  transition: all var(--transition);
}

.home-category-card:hover {
  border-color: var(--accent);
  transform: translateY(-1px);
}

.home-category-icon {
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 50%;
  display: inline-grid;
  place-items: center;
  background: rgba(124, 58, 237, 0.18);
  color: var(--accent-light);
}

.home-category-name {
  font-weight: 700;
}

.home-category-link {
  font-size: 0.85rem;
  color: var(--text-secondary);
}

.home-product-link:focus-visible,
.home-category-card:focus-visible {
  outline: 2px solid var(--accent-light);
  outline-offset: 2px;
}

@media (max-width: 980px) {
  .home-product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .home-category-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .home-product-grid,
  .home-category-grid {
    grid-template-columns: 1fr;
  }

  .home-product-meta {
    flex-direction: column;
    align-items: flex-start;
  }
}

/* ====================================================================
   Lyrinox Market — Home Page: Journey + FAQ + Final CTA
   ==================================================================== */

.home-journey,
.home-faq,
.home-market-paths {
  border-top: 1px solid var(--border);
}

.home-path-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-4);
}

.home-path-grid .card {
  min-width: 0;
  padding: var(--space-5);
}

.home-path-grid h3,
.home-path-grid p {
  margin: 0;
  overflow-wrap: anywhere;
}

.home-path-grid p {
  color: var(--text-secondary);
}

.home-journey-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  list-style: none;
  padding: 0;
  margin: 0;
  gap: 0.9rem;
  counter-reset: step;
}

.home-journey-steps li {
  margin: 0;
  border: 1px solid var(--border);
  background: var(--bg-surface);
  border-radius: var(--radius-md);
  padding: 1rem;
}

.home-journey-steps h3 {
  margin: 0;
  font-size: 1.02rem;
}

.home-journey-steps p {
  margin: 0.6rem 0 0;
  color: var(--text-secondary);
  line-height: 1.6;
  font-size: 0.92rem;
}

.home-faq-list {
  display: grid;
  gap: 0.7rem;
}

.home-faq-list details {
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  background: var(--bg-surface);
  padding: 0.9rem 1rem;
}

.home-faq-list summary {
  cursor: pointer;
  font-weight: 700;
  color: var(--text-primary);
  list-style: none;
}

.home-faq-list summary::-webkit-details-marker {
  display: none;
}

.home-faq-list summary::after {
  content: '+';
  float: right;
  color: var(--accent-light);
}

.home-faq-list details[open] summary::after {
  content: '−';
}

.home-faq-list p {
  margin: 0.7rem 0 0;
  color: var(--text-secondary);
  line-height: 1.6;
}

.home-faq-list a {
  color: var(--accent-light);
}

.home-final-cta {
  padding: 3.5rem 0 4.5rem;
}

.home-final-cta-card {
  border: 1px solid rgba(124, 58, 237, 0.45);
  background: linear-gradient(145deg, rgba(124, 58, 237, 0.18), rgba(124, 58, 237, 0.08));
  border-radius: var(--radius-lg);
  text-align: center;
  padding: clamp(1.5rem, 4vw, 2.5rem);
}

.home-final-cta-card h2 {
  margin: 0;
  letter-spacing: -0.02em;
  font-size: clamp(1.35rem, 3vw, 2rem);
}

.home-final-cta-card p {
  margin: 0.9rem 0 1.4rem;
  color: var(--text-secondary);
}

.home-faq-list summary:focus-visible,
.home-faq-list a:focus-visible {
  outline: 2px solid var(--accent-light);
  outline-offset: 2px;
}

@media (max-width: 980px) {
  .home-journey-steps,
  .home-path-grid {
    grid-template-columns: 1fr;
  }
}



/* ====================================================================
   Lyrinox Market — Product and Catalog Supplementary Styles
   ==================================================================== */

/* ── Page Headers ────────────────────────────────────────────────── */
.page-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1.5rem;
  margin-bottom: 2rem;
  flex-wrap: wrap;
}

.page-title {
  font-size: 2rem;
  font-weight: 800;
  margin-bottom: 0.5rem;
  letter-spacing: -0.02em;
  overflow-wrap: anywhere;
}

.page-subtitle {
  font-size: 1rem;
  color: var(--text-muted);
}

/* ── Product Grid & Cards ────────────────────────────────────────── */
.products-toolbar {
  margin-bottom: 2rem;
}

.catalogue-summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--space-3);
  flex-wrap: wrap;
}

.catalogue-summary p {
  margin: 0;
  color: var(--text-secondary);
}

.catalogue-clear-link {
  color: var(--accent-light);
  font-weight: 700;
}

.catalogue-active-filters {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin: var(--space-3) 0 0;
  padding: 0;
  list-style: none;
}

.catalogue-active-filters li {
  max-width: 100%;
  padding: 0.4rem 0.7rem;
  border: 1px solid var(--border);
  border-radius: 999px;
  background: var(--bg-surface);
  color: var(--text-secondary);
  font-size: 0.82rem;
  overflow-wrap: anywhere;
}

.category-filters {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
  margin-top: 1.5rem;
}

.filter-btn {
  max-width: 100%;
  padding: 0.5rem 1rem;
  border-radius: var(--radius-md);
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--text-secondary);
  background: var(--bg-card);
  border: 1px solid var(--border);
  cursor: pointer;
  transition: all var(--transition);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow-wrap: anywhere;
  text-align: center;
}

.filter-btn:hover,
.filter-btn.active {
  background: var(--accent);
  color: #fff;
  border-color: var(--accent);
}

.product-content {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.catalogue-page .products-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
}

.catalogue-page .product-card {
  height: 100%;
  padding: 0;
  overflow: hidden;
  color: var(--text-primary);
  text-decoration: none;
}

.catalogue-page .product-image {
  position: relative;
  display: grid;
  place-items: center;
  height: auto;
  margin: 0;
  aspect-ratio: 4 / 3;
  border-radius: 0;
  background:
    linear-gradient(135deg, rgba(124, 58, 237, 0.08), rgba(16, 185, 129, 0.04)),
    var(--bg-surface);
}

.catalogue-page .product-image img {
  width: 100%;
  height: 100%;
  display: block;
  grid-area: 1 / 1;
  object-fit: contain;
}

.catalogue-page .product-image img.product-card-image--official {
  width: min(64%, 12rem);
  height: min(64%, 12rem);
  margin: auto;
  filter: drop-shadow(0 18px 26px rgba(0, 0, 0, 0.24));
}

.catalogue-page .product-image img.product-card-image--wide {
  width: min(78%, 15rem);
  height: min(78%, 15rem);
}

.catalogue-page .product-content {
  min-width: 0;
  padding: var(--space-4);
}

.catalogue-page .product-title,
.catalogue-page .product-desc,
.catalogue-page .product-card-seller {
  overflow-wrap: anywhere;
}

.catalogue-page .product-title {
  margin: 0;
  line-height: 1.35;
}

.product-card-seller {
  margin: 0.4rem 0 0;
  color: var(--text-muted);
  font-size: 0.82rem;
}

.catalogue-page .product-desc {
  margin: 0.7rem 0 0;
}

.product-card-badges {
  position: absolute;
  inset: 0.65rem 0.65rem auto 0.65rem;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 0.4rem;
  flex-wrap: wrap;
}

.product-card-badges .product-badge {
  position: static;
}

.catalogue-page .product-card:focus-visible,
.catalogue-clear-link:focus-visible {
  outline: 2px solid var(--accent-light);
  outline-offset: 3px;
}

.product-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  flex-wrap: wrap;
  margin-top: auto;
  padding-top: 1rem;
}

.product-rating {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: 0.875rem;
  color: var(--text-secondary);
}

.product-rating i {
  color: var(--yellow);
}

.product-badge {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  padding: 0.375rem 0.75rem;
  border-radius: var(--radius-sm);
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

@media (max-width: 1024px) {
  .catalogue-page .products-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .catalogue-page .products-grid {
    grid-template-columns: 1fr;
  }

  .catalogue-page .advanced-search-form {
    padding: var(--space-3);
  }

  .catalogue-page .search-row,
  .catalogue-page .search-input-group,
  .catalogue-page .filter-actions {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
  }

  .catalogue-page .search-row .btn,
  .catalogue-page .filter-actions .btn {
    width: 100%;
  }
}

.badge--accent {
  background: var(--accent);
  color: #fff;
}

/* ── Product Detail ──────────────────────────────────────────────── */
.product-detail {
  display: grid;
  grid-template-columns: 350px 1fr;
  gap: 2rem;
  margin-top: 2rem;
}

.product-detail-sidebar {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.product-detail-main {
  min-width: 0;
}

.product-detail-image {
  position: relative;
  width: 100%;
  aspect-ratio: 4/3;
  background: var(--bg-surface);
  border-radius: var(--radius-lg);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 4rem;
  color: var(--text-muted);
  overflow: hidden;
  border: 1px solid var(--border);
}

.product-detail-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.product-detail-actions {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.product-detail-price {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding-bottom: 1.25rem;
  border-bottom: 1px solid var(--border);
  margin-bottom: 1.25rem;
}

.price-label {
  font-size: 0.875rem;
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 600;
}

.price-value {
  font-size: 2rem;
  font-weight: 800;
  color: var(--accent-light);
}

.product-detail-meta {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  font-size: 0.875rem;
}

.meta-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--text-secondary);
}

.meta-item i {
  color: var(--text-muted);
  width: 1.25rem;
}

.follow-actions {
  margin-top: 1rem;
}

.following-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.5rem;
}

.following-list {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.following-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.9rem;
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  background: var(--bg-surface);
}

.product-seller {
  padding: 1.5rem;
}

.seller-info {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.seller-info h4 {
  font-size: 1.125rem;
  margin-bottom: 0.5rem;
}

.seller-info a {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--accent-light);
  font-size: 0.875rem;
}

.product-detail-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1.5rem;
  flex-wrap: wrap;
  margin-bottom: 2rem;
}

.product-detail-title {
  font-size: 2.25rem;
  font-weight: 800;
  margin-bottom: 0.75rem;
}

.product-detail-rating {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-size: 0.95rem;
  color: var(--text-secondary);
}

.rating-stars {
  display: flex;
  gap: 0.25rem;
}

.rating-stars i {
  color: var(--text-muted);
  font-size: 1.125rem;
}

.rating-stars i.active {
  color: var(--yellow);
}

.product-detail-content {
  margin-bottom: 2rem;
}

.product-license-note {
  display: flex;
  align-items: flex-start;
  gap: 0.85rem;
  margin-bottom: 1.25rem;
  padding: 1rem;
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  background: rgba(139, 92, 246, 0.08);
}

.product-license-note i {
  color: var(--accent-light);
  margin-top: 0.2rem;
}

.product-license-note p {
  margin: 0.25rem 0 0;
  color: var(--text-secondary);
  line-height: 1.6;
}

.product-description {
  color: var(--text-secondary);
  line-height: 1.8;
}

.product-features {
  list-style: none;
  padding: 0;
  margin: 1rem 0;
  display: grid;
  gap: 0.75rem;
}

.product-features li {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  color: var(--text-secondary);
}

.product-features i {
  color: var(--green);
  margin-top: 0.25rem;
  flex-shrink: 0;
}

.product-demo {
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--border);
}

.product-info-sidebar {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 1rem;
}

.product-info-sidebar img {
  width: 100%;
  border-radius: var(--radius-md);
  margin-bottom: 0.5rem;
}

.product-info-sidebar h4 {
  font-size: 1.125rem;
  margin-bottom: 0.375rem;
}

/* ── Q&A Section ─────────────────────────────────────────────────── */
.product-qa {
  margin-top: 2rem;
}

.qa-form {
  margin-bottom: 2rem;
  padding: 1.5rem;
  background: var(--bg-surface);
  border-radius: var(--radius-md);
}

.qa-form h3 {
  font-size: 1.125rem;
  margin-bottom: 1rem;
}

.qa-list {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.qa-item {
  padding: 1.5rem;
  background: var(--bg-surface);
  border-radius: var(--radius-md);
}

.qa-question {
  margin-bottom: 1rem;
}

.qa-header {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
  flex-wrap: wrap;
}

.qa-header strong {
  color: var(--text-primary);
}

.qa-answer {
  margin-left: 2rem;
  margin-top: 1rem;
  padding: 1rem;
  background: var(--bg-card);
  border-radius: var(--radius-sm);
  border-left: 3px solid var(--accent);
}

.qa-reply-form {
  margin-left: 2rem;
  margin-top: 1rem;
}

.advanced-filters[hidden] {
  display: none;
}

.product-free-price {
  color: var(--success, #22c55e);
}

.product-variants-list {
  margin-bottom: 1rem;
}

.product-variants-title,
.product-detail-type-tags {
  margin-bottom: 0.75rem;
}

.product-variants-heading {
  display: block;
  margin-bottom: 0.5rem;
}

.seller-tier-badge {
  vertical-align: middle;
}

.seller-tier-badge--official {
  background: rgba(14, 165, 233, 0.14);
  color: #7dd3fc;
  border: 1px solid rgba(14, 165, 233, 0.38);
}

.official-product-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  margin-bottom: 0.65rem;
  color: #7dd3fc;
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.official-product-subtitle {
  max-width: 58rem;
  margin: -0.15rem 0 0.9rem;
  color: var(--text-secondary);
  font-size: 1.05rem;
  line-height: 1.6;
}

.official-product-panel {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1.25rem;
  margin-bottom: 1.5rem;
  padding: 1.25rem;
  border: 1px solid rgba(14, 165, 233, 0.28);
  border-radius: var(--radius-md);
  background: linear-gradient(135deg, rgba(14, 165, 233, 0.12), rgba(124, 58, 237, 0.08));
}

.official-product-panel strong {
  display: block;
  margin-bottom: 0.35rem;
  color: var(--text-primary);
}

.official-product-panel p {
  margin: 0;
  color: var(--text-secondary);
  line-height: 1.65;
}

.official-product-panel__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  justify-content: flex-end;
  flex-shrink: 0;
}

.official-sdk-page {
  padding-top: 2.5rem;
}

.official-sdk-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  margin-bottom: 1.5rem;
  padding: 2rem;
  border: 1px solid rgba(14, 165, 233, 0.28);
  border-radius: var(--radius-lg);
  background:
    linear-gradient(135deg, rgba(14, 165, 233, 0.12), rgba(124, 58, 237, 0.08)),
    var(--bg-card);
}

.official-sdk-logo {
  width: clamp(90px, 14vw, 150px);
  height: clamp(90px, 14vw, 150px);
  object-fit: contain;
  flex-shrink: 0;
  filter: drop-shadow(0 18px 34px rgba(14, 165, 233, 0.22));
}

.sdk-download-section {
  margin-top: 2rem;
}

.sdk-download-section__header {
  margin-bottom: 1rem;
}

.sdk-download-section__header h2 {
  margin-bottom: 0.35rem;
  font-size: 1.45rem;
}

.sdk-download-section__header p {
  max-width: 760px;
  margin: 0;
  color: var(--text-secondary);
  line-height: 1.6;
}

.sdk-language-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1rem;
}

.sdk-language-card {
  display: grid;
  align-content: space-between;
  gap: 1rem;
  min-height: 230px;
  padding: 1.25rem;
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  background: var(--bg-card);
}

.sdk-language-card__icon {
  width: 3rem;
  height: 3rem;
  display: grid;
  place-items: center;
  border-radius: var(--radius-md);
  background: rgba(14, 165, 233, 0.14);
  color: #7dd3fc;
  font-size: 1.35rem;
}

.sdk-language-card h2,
.sdk-language-card h3 {
  margin-bottom: 0.35rem;
  font-size: 1.15rem;
}

.sdk-language-card p {
  margin: 0;
  color: var(--text-secondary);
  line-height: 1.55;
}

.sdk-sandbox-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.95fr);
  gap: 1.5rem;
  align-items: start;
}

.sdk-sandbox-card,
.sdk-sandbox-results {
  min-width: 0;
}

.sdk-sandbox-results {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.sdk-sandbox-identity {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  padding: 0.85rem 1rem;
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  background: rgba(255, 255, 255, 0.025);
  color: var(--text-secondary);
  font-size: 0.875rem;
}

.sdk-sandbox-identity code,
.sdk-sandbox-json {
  overflow-x: auto;
  white-space: pre;
}

.sdk-sandbox-json {
  max-height: 24rem;
  margin: 0;
  padding: 1rem;
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  background: var(--bg);
  color: var(--text-secondary);
  font-size: 0.875rem;
  line-height: 1.55;
}

/* ── Reviews Section ─────────────────────────────────────────────── */
.product-reviews {
  margin-top: 2rem;
}

.review-form {
  margin-bottom: 2rem;
  padding: 1.5rem;
  background: var(--bg-surface);
  border-radius: var(--radius-md);
}

.rating-input {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  gap: 0.25rem;
}

.rating-input input[type='radio'] {
  display: none;
}

.rating-input label {
  cursor: pointer;
  font-size: 1.5rem;
  color: var(--text-muted);
  transition: color var(--transition);
}

.rating-input input[type='radio']:checked ~ label,
.rating-input label:hover,
.rating-input label:hover ~ label {
  color: var(--yellow);
}

.reviews-list {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.review-item {
  padding: 1.5rem;
  background: var(--bg-surface);
  border-radius: var(--radius-md);
}

.review-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 0.75rem;
  flex-wrap: wrap;
}

.review-author {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex: 1 1 220px;
  min-width: 0;
  flex-wrap: wrap;
}

.review-author strong {
  min-width: 0;
  overflow-wrap: anywhere;
}

.review-rating {
  flex: 0 0 auto;
}

.review-rating i {
  color: var(--yellow);
  font-size: 0.875rem;
}

.review-title {
  font-size: 1.125rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.review-comment {
  color: var(--text-secondary);
  line-height: 1.7;
  margin-bottom: 0.75rem;
}

.review-date {
  font-size: 0.875rem;
}

/* ── Product Image Gallery ───────────────────────────────────────── */
.gallery-main {
  width: 100%;
  border-radius: var(--radius);
  overflow: hidden;
  background: var(--bg-surface);
  margin-bottom: 0.75rem;
}

.gallery-main img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  max-height: 380px;
}

.gallery-thumbnails {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-top: 0.5rem;
}

.thumbnail {
  flex: 0 0 auto;
  width: 64px;
  height: 64px;
  padding: 0;
  border: 2px solid var(--border);
  border-radius: var(--radius-sm);
  overflow: hidden;
  background: var(--bg-surface);
  cursor: pointer;
  transition: border-color 0.15s;
}

.thumbnail:hover {
  border-color: var(--accent);
}

.thumbnail.active {
  border-color: var(--primary);
}

.thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* ── Responsive Breakpoints ──────────────────────────────────────── */
@media (max-width: 1024px) {
  .product-detail {
    grid-template-columns: 1fr;
  }

  .official-product-panel {
    flex-direction: column;
  }

  .official-product-panel__actions {
    justify-content: flex-start;
  }

  .official-sdk-hero {
    align-items: flex-start;
    flex-direction: column;
  }

  .sdk-sandbox-layout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 900px) {
  .following-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .page-header {
    flex-direction: column;
    align-items: flex-start;
  }

  .category-filters .filter-btn {
    flex: 1 1 calc(50% - 0.75rem);
  }

  .review-header,
  .review-author {
    flex-direction: column;
    align-items: flex-start;
  }
}

/* Public product page */
.product-show {
  padding: var(--space-7) 0;
}

.product-show * {
  min-width: 0;
}

.product-show-alert {
  margin-bottom: var(--space-5);
}

.product-show-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(22rem, 28rem);
  gap: var(--space-6);
  align-items: start;
}

.product-show-media,
.product-show-buybox,
.product-show-panel,
.product-show-related-card {
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--bg-card);
  box-shadow: var(--shadow-sm);
}

.product-show-media {
  padding: var(--space-4);
  align-self: start;
}

.product-show-gallery {
  display: grid;
  gap: var(--space-3);
}

.product-show-image-frame {
  display: grid;
  place-items: center;
  aspect-ratio: 4 / 3;
  width: 100%;
  max-height: clamp(20rem, 48vw, 34rem);
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  background:
    linear-gradient(135deg, rgba(124, 58, 237, 0.08), rgba(16, 185, 129, 0.04)),
    var(--bg-surface);
}

.product-show-image-frame img {
  width: 100%;
  height: 100%;
  max-height: clamp(18rem, 48vw, 34rem);
  object-fit: contain;
}

.product-show-placeholder {
  gap: var(--space-3);
  color: var(--text-muted);
  font-weight: 700;
  text-align: center;
}

.product-show-placeholder i {
  font-size: 3.5rem;
  opacity: 0.75;
}

.product-show-placeholder img {
  width: min(14rem, 70%);
  height: auto;
}

.product-show-thumbs {
  display: flex;
  gap: var(--space-2);
  overflow-x: auto;
  padding: 0.125rem 0.125rem var(--space-1);
  scrollbar-width: thin;
}

.product-show-thumb {
  flex: 0 0 4.75rem;
  height: 3.75rem;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  background: var(--bg-surface);
  cursor: pointer;
}

.product-show-thumb img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.product-show-thumb.is-active,
.product-show-thumb:focus-visible {
  border-color: var(--accent);
  outline: 2px solid rgba(124, 58, 237, 0.35);
  outline-offset: 2px;
}

.product-show-logo-strip {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  margin-top: var(--space-3);
  padding-top: var(--space-3);
  border-top: 1px solid var(--border);
  color: var(--text-secondary);
  font-size: 0.875rem;
  font-weight: 700;
}

.product-show-logo-strip img {
  width: 3.5rem;
  height: 3.5rem;
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  background: var(--bg-surface);
  object-fit: contain;
}

.product-show-buybox {
  position: sticky;
  top: calc(var(--nav-height) + var(--space-4));
  display: grid;
  gap: var(--space-4);
  padding: var(--space-5);
}

.product-show-eyebrow,
.product-show-actions,
.product-show-section-head,
.product-show-panel-actions,
.product-show-seller-actions,
.product-show-seller-badges {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  align-items: center;
}

.product-show-eyebrow span {
  display: inline-flex;
  gap: var(--space-2);
  align-items: center;
  color: var(--accent-light);
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.product-show-buybox h1 {
  margin: 0;
  color: var(--text-primary);
  font-size: clamp(2rem, 4vw, 3.4rem);
  line-height: 1.04;
  overflow-wrap: anywhere;
}

.product-show-summary {
  margin: 0;
  color: var(--text-secondary);
  font-size: 1rem;
  line-height: 1.65;
  overflow-wrap: anywhere;
}

.product-show-rating,
.product-show-price-row {
  display: flex;
  justify-content: space-between;
  gap: var(--space-3);
  align-items: center;
}

.product-show-rating a {
  color: var(--text-secondary);
  text-decoration: none;
}

.product-show-rating a:hover {
  color: var(--accent-light);
}

.product-show-stars {
  display: inline-flex;
  gap: 0.15rem;
  color: var(--text-muted);
}

.product-show-stars .is-active {
  color: #facc15;
}

.product-show-price-row {
  padding: var(--space-4) 0;
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
}

.product-show-price-label {
  color: var(--text-muted);
  font-size: 0.78rem;
  font-weight: 800;
  text-transform: uppercase;
}

.product-show-price {
  color: var(--accent-light);
  font-size: clamp(1.8rem, 4vw, 2.6rem);
  line-height: 1;
}

.product-show-field {
  display: grid;
  gap: var(--space-2);
}

.product-show-field label,
.product-show-compose label {
  color: var(--text-primary);
  font-weight: 700;
}

.product-show-license-note {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: var(--space-3);
  align-items: start;
  padding: var(--space-3);
  border: 1px solid rgba(124, 58, 237, 0.28);
  border-radius: var(--radius-md);
  background: rgba(124, 58, 237, 0.08);
  color: var(--text-secondary);
  line-height: 1.5;
}

.product-show-license-note i {
  color: var(--accent-light);
  margin-top: 0.15rem;
}

.product-show-license-note--open {
  border-color: rgba(16, 185, 129, 0.28);
  background: rgba(16, 185, 129, 0.07);
}

.product-show-license-note--open i {
  color: #34d399;
}

.product-show-purchase-form {
  display: grid;
  gap: var(--space-3);
}

.product-show-actions form,
.product-show-seller-actions form {
  margin: 0;
}

.product-show-body {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(18rem, 24rem);
  gap: var(--space-6);
  align-items: start;
  margin-top: var(--space-7);
}

.product-show-main,
.product-show-seller {
  display: grid;
  gap: var(--space-5);
}

.product-show-seller {
  position: sticky;
  top: calc(var(--nav-height) + var(--space-4));
}

.product-show-panel {
  padding: var(--space-5);
}

.product-show-panel h2,
.product-show-panel h3 {
  margin-top: 0;
}

.product-show-panel p,
.product-show-description,
.product-show-thread,
.product-show-review {
  color: var(--text-secondary);
  line-height: 1.7;
  overflow-wrap: anywhere;
}

.product-show-tabs {
  position: sticky;
  top: var(--nav-height);
  z-index: 5;
  display: flex;
  gap: var(--space-2);
  padding: var(--space-2);
  overflow-x: auto;
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  background: rgba(12, 11, 22, 0.92);
  backdrop-filter: blur(14px);
}

.product-show-tabs a {
  flex: 0 0 auto;
  padding: var(--space-2) var(--space-3);
  border-radius: var(--radius-sm);
  color: var(--text-secondary);
  font-size: 0.9rem;
  font-weight: 700;
  text-decoration: none;
}

.product-show-tabs a:hover,
.product-show-tabs a:focus-visible {
  background: rgba(124, 58, 237, 0.14);
  color: var(--text-primary);
}

.product-show-section-head {
  justify-content: space-between;
  margin-bottom: var(--space-4);
}

.product-show-description > :first-child {
  margin-top: 0;
}

.product-show-description > :last-child {
  margin-bottom: 0;
}

.product-show-features {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-3);
  margin: var(--space-3) 0 0;
  padding: 0;
  list-style: none;
}

.product-show-features li {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: var(--space-2);
  align-items: start;
  color: var(--text-secondary);
}

.product-show-features i {
  color: #34d399;
  margin-top: 0.25rem;
}

.product-show-details,
.product-show-compact-meta {
  display: grid;
  gap: var(--space-3);
  margin: 0;
}

.product-show-details {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.product-show-details div,
.product-show-compact-meta div {
  padding: var(--space-3);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  background: rgba(255, 255, 255, 0.03);
}

.product-show-details dt,
.product-show-compact-meta dt {
  color: var(--text-muted);
  font-size: 0.78rem;
  font-weight: 800;
  text-transform: uppercase;
}

.product-show-details dd,
.product-show-compact-meta dd {
  margin: var(--space-1) 0 0;
  color: var(--text-secondary);
  white-space: pre-wrap;
}

.product-show-version-note {
  margin-top: var(--space-4);
  padding: var(--space-4);
  border: 1px solid rgba(124, 58, 237, 0.28);
  border-radius: var(--radius-md);
  background: rgba(124, 58, 237, 0.08);
}

.product-show-compose {
  margin-bottom: var(--space-4);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  background: rgba(255, 255, 255, 0.03);
}

.product-show-compose > summary,
.product-show-reply > summary {
  cursor: pointer;
  padding: var(--space-3);
  color: var(--text-primary);
  font-weight: 800;
}

.product-show-compose form,
.product-show-reply form {
  display: grid;
  gap: var(--space-3);
  padding: 0 var(--space-3) var(--space-3);
}

.product-show-thread-list {
  display: grid;
  gap: var(--space-4);
}

.product-show-thread,
.product-show-review {
  padding: var(--space-4);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  background: rgba(255, 255, 255, 0.03);
}

.product-show-thread header,
.product-show-answer header,
.product-show-review header {
  display: flex;
  justify-content: space-between;
  gap: var(--space-3);
  align-items: center;
  margin-bottom: var(--space-2);
  color: var(--text-primary);
}

.product-show-answer {
  margin-top: var(--space-3);
  margin-left: var(--space-5);
  padding: var(--space-3);
  border-left: 3px solid var(--accent);
  border-radius: var(--radius-sm);
  background: rgba(124, 58, 237, 0.08);
}

.product-show-reply {
  margin-top: var(--space-3);
}

.product-show-review h3 {
  margin: var(--space-2) 0;
  color: var(--text-primary);
}

.product-show-seller-card {
  display: grid;
  gap: var(--space-3);
}

.product-show-seller-card a {
  color: var(--text-primary);
  text-decoration: none;
}

.product-show-seller-card a:hover {
  color: var(--accent-light);
}

.product-show-related {
  margin-top: var(--space-7);
}

.product-show-related-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-4);
}

.product-show-related-card {
  padding: var(--space-4);
}

.product-show-related-card h3 {
  margin-top: 0;
}

.product-show-related-card a {
  color: var(--text-primary);
  text-decoration: none;
}

.product-show-related-card a:hover {
  color: var(--accent-light);
}

@media (max-width: 1100px) {
  .product-show-hero,
  .product-show-body {
    grid-template-columns: 1fr;
  }

  .product-show-buybox,
  .product-show-seller {
    position: static;
  }

  .product-show-body {
    margin-top: var(--space-5);
  }
}

@media (max-width: 760px) {
  .product-show {
    padding: var(--space-5) 0;
  }

  .product-show-hero,
  .product-show-body,
  .product-show-main,
  .product-show-seller {
    gap: var(--space-4);
  }

  .product-show-media,
  .product-show-buybox,
  .product-show-panel,
  .product-show-related-card {
    border-radius: var(--radius-md);
  }

  .product-show-media,
  .product-show-buybox,
  .product-show-panel {
    padding: var(--space-4);
  }

  .product-show-image-frame {
    max-height: 24rem;
  }

  .product-show-rating,
  .product-show-price-row,
  .product-show-section-head,
  .product-show-thread header,
  .product-show-answer header,
  .product-show-review header {
    align-items: flex-start;
    flex-direction: column;
  }

  .product-show-features,
  .product-show-details,
  .product-show-related-grid {
    grid-template-columns: 1fr;
  }

  .product-show-answer {
    margin-left: 0;
  }
}

@media (max-width: 768px) {
  .product-detail-page .product-detail-actions .btn,
  .product-show-actions .btn {
    white-space: normal;
  }
}

@media (max-width: 640px) {
  .product-show-buybox h1 {
    font-size: 2rem;
  }
}

/* Product changelog */
.product-changelog {
  margin: 2rem 0;
}

.changelog-header {
  margin-bottom: 2rem;
}

.changelog-header h1 {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}

.changelog-list {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.changelog-item {
  padding: 1.5rem;
  border-left: 4px solid var(--primary, #3b82f6);
}

.changelog-header-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}

.changelog-version {
  display: flex;
  align-items: center;
  gap: 1rem;
  font-size: 1.25rem;
  font-weight: 600;
  margin: 0;
}

.version-badge {
  display: inline-block;
  background-color: var(--primary, #3b82f6);
  color: white;
  padding: 0.25rem 0.75rem;
  border-radius: 0.25rem;
  font-size: 0.875rem;
  font-weight: 700;
}

.version-date {
  font-size: 0.875rem;
  color: var(--text-muted, #6b7280);
}

.changelog-notes {
  color: var(--text-secondary, #4b5563);
  line-height: 1.6;
}

.changelog-notes p {
  margin: 0.5rem 0;
}

.changelog-notes ul,
.changelog-notes ol {
  margin: 0.5rem 0;
  padding-left: 1.5rem;
}

.changelog-notes li {
  margin: 0.25rem 0;
}

.product-changelog .empty-state {
  text-align: center;
  padding: 3rem 1rem;
  color: var(--text-muted, #6b7280);
}

.product-changelog .empty-state i {
  font-size: 3rem;
  margin-bottom: 1rem;
  opacity: 0.5;
}

.product-changelog .empty-state p {
  font-size: 1.125rem;
  margin-bottom: 1rem;
}

@media (max-width: 768px) {
  .changelog-header-item,
  .changelog-version {
    flex-direction: column;
    align-items: flex-start;
  }

  .changelog-version {
    gap: 0.5rem;
  }
}

.license-policy-note {
	display: block;
	margin-top: 0.2rem;
	color: var(--text-muted);
	font-size: 0.78rem;
	line-height: 1.35;
}

.first-party-product {
  padding: clamp(1.5rem, 3vw, 2.5rem) 0 clamp(3rem, 6vw, 5rem);
  background: transparent;
}

.first-party-product__alert {
  max-width: 66.25rem;
  margin: 0 auto var(--space-6);
}

.first-party-product__hero {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(20rem, 26rem);
  gap: clamp(1.25rem, 3vw, 2rem);
  align-items: start;
  padding: clamp(1rem, 2vw, 1.5rem) 0 clamp(2rem, 5vw, 3rem);
}

.first-party-product__identity {
  min-width: 0;
}

.first-party-product__brand-row {
  display: grid;
  grid-template-columns: 5.25rem minmax(0, 1fr);
  gap: 1rem;
  align-items: center;
  margin-bottom: 1.1rem;
}

.first-party-product__brand-row img {
  display: block;
  width: 5.25rem;
  height: 5.25rem;
  object-fit: contain;
  border: 1px solid rgba(167, 139, 250, 0.32);
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(30, 41, 59, 0.78), rgba(17, 24, 39, 0.96));
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.38);
}

.first-party-product__identity h1 {
  max-width: 880px;
  margin: 0.35rem 0 0;
  color: #f8fbff;
  font-size: clamp(2.25rem, 5vw, 4.45rem);
  line-height: 1.04;
  overflow-wrap: anywhere;
}

.first-party-product__identity > p {
  max-width: 820px;
  margin: 0.85rem 0 0;
  color: #cbd5e1;
  font-size: clamp(1rem, 1.6vw, 1.16rem);
  line-height: 1.65;
}

.first-party-product__meta,
.first-party-product__secondary-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  align-items: center;
}

.first-party-product__meta {
  margin-top: 1.2rem;
}

.first-party-product__meta span {
  display: inline-flex;
  gap: 0.45rem;
  align-items: center;
  min-height: 2rem;
  padding: 0.42rem 0.65rem;
  border: 1px solid rgba(167, 139, 250, 0.26);
  border-radius: 6px;
  background: rgba(20, 18, 34, 0.78);
  color: #e9e5ff;
  font-size: 0.88rem;
  font-weight: 700;
}

.first-party-product__badge-preview {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-sm);
  align-items: center;
  max-width: 780px;
  margin-top: 1rem;
  padding: 0.85rem;
  border: 1px solid rgba(167, 139, 250, 0.24);
  border-radius: 8px;
  background: rgba(17, 16, 29, 0.82);
  box-shadow: var(--shadow-sm);
}

.first-party-product__badge-preview img {
  width: auto;
  height: 28px;
}

.first-party-product__badge-preview code {
  color: #dbeafe;
  font-size: 0.86rem;
}

.first-party-product__screenshot {
  max-width: 900px;
  margin: 1.45rem 0 0;
  padding: 0.45rem;
  border: 1px solid rgba(167, 139, 250, 0.22);
  border-radius: 10px;
  background: rgba(20, 19, 32, 0.9);
  box-shadow: 0 26px 70px rgba(0, 0, 0, 0.34);
}

.first-party-product__screenshot img {
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid rgba(148, 163, 184, 0.22);
  border-radius: 6px;
  background: #111827;
}

.first-party-product__purchase {
  position: sticky;
  top: 5.25rem;
  display: grid;
  gap: 1rem;
  padding: 1.25rem;
  border: 1px solid rgba(167, 139, 250, 0.24);
  border-radius: 10px;
  background:
    linear-gradient(180deg, rgba(31, 29, 48, 0.96), rgba(20, 19, 32, 0.98));
  box-shadow: 0 22px 64px rgba(0, 0, 0, 0.36);
}

.first-party-product__price-label {
  color: #a7a0ca;
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.first-party-product__price {
  color: #a78bfa;
  font-size: clamp(2rem, 4vw, 2.6rem);
  line-height: 1;
}

.first-party-product__purchase .form-label {
  color: #dbeafe;
}

.first-party-product__download-list {
  display: grid;
  gap: 0.55rem;
  padding: 0.85rem;
  border: 1px solid rgba(167, 139, 250, 0.18);
  border-radius: 8px;
  background: rgba(15, 23, 42, 0.42);
}

.first-party-product__download-row {
  display: grid;
  gap: 0.2rem;
  padding: 0.65rem 0;
  border-top: 1px solid rgba(148, 163, 184, 0.16);
}

.first-party-product__download-row span {
  color: #f8fbff;
  font-weight: 800;
}

.first-party-product__download-row small {
  color: #a7a0ca;
}

.first-party-product__body {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 360px);
  gap: clamp(1.25rem, 3vw, 2rem);
  align-items: start;
}

.first-party-product__body main,
.first-party-product__body aside {
  display: grid;
  gap: 1rem;
}

.first-party-product__tabs {
  position: sticky;
  top: 0;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  padding: 0.45rem;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: rgba(20, 19, 32, 0.94);
  backdrop-filter: blur(10px);
}

.first-party-product__tabs a {
  min-height: 2.25rem;
  padding: 0.55rem 0.75rem;
  border-radius: 6px;
  color: var(--text-primary);
  font-weight: 800;
  text-decoration: none;
}

.first-party-product__tabs a:hover,
.first-party-product__tabs a:focus-visible {
  background: rgba(29, 78, 216, 0.16);
  color: #93c5fd;
}

.first-party-product__section {
  padding: clamp(1rem, 2.2vw, 1.35rem);
  border: 1px solid var(--border);
  border-radius: 10px;
  background: rgba(28, 27, 44, 0.9);
  box-shadow: var(--shadow-sm);
}

.first-party-product__section h2 {
  margin-top: 0;
  font-size: 1.15rem;
}

.first-party-product__specs {
  display: grid;
  gap: 0;
}

.first-party-product__specs div {
  display: grid;
  grid-template-columns: 11rem minmax(0, 1fr);
  gap: 1rem;
  padding: 0.75rem 0;
  border-bottom: 1px solid var(--border);
}

.first-party-product__specs div:last-child {
  border-bottom: 0;
}

.first-party-product__specs dt {
  color: var(--text-muted);
  font-weight: 800;
}

.first-party-product__specs dd {
  margin: 0;
  overflow-wrap: anywhere;
  color: var(--text-secondary);
}

.first-party-product__features,
.first-party-product__highlights {
  display: grid;
  gap: 0.7rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.first-party-product__highlights {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 1.25rem;
}

.first-party-product__features li,
.first-party-product__highlights li {
  display: grid;
  grid-template-columns: 1rem minmax(0, 1fr);
  gap: 0.65rem;
  align-items: start;
}

.first-party-product__highlights li {
  min-height: 4rem;
  padding: 0.85rem;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--bg-surface);
}

.first-party-product__features i,
.first-party-product__highlights i {
  margin-top: 0.2rem;
  color: #22c55e;
}

.first-party-product__examples {
  display: grid;
  gap: 1rem;
}

.first-party-product__examples article {
  display: grid;
  gap: 0.45rem;
}

.first-party-product__examples h3 {
  margin: 0;
  font-size: 1rem;
}

.first-party-product__examples pre {
  max-width: 100%;
  margin: 0;
  padding: 1rem;
  overflow-x: auto;
  border: 1px solid #243247;
  border-radius: 8px;
  background: #020817;
  color: #eef6ff;
}

.first-party-product code {
  overflow-wrap: anywhere;
}

@media (max-width: 980px) {
  .first-party-product__hero,
  .first-party-product__body {
    grid-template-columns: 1fr;
  }

  .first-party-product__purchase,
  .first-party-product__tabs {
    position: static;
  }
}

@media (max-width: 640px) {
  .first-party-product {
    padding-top: 1rem;
  }

  .first-party-product__brand-row,
  .first-party-product__specs div {
    grid-template-columns: 1fr;
  }

  .first-party-product__brand-row img {
    width: 4.75rem;
    height: 4.75rem;
  }

  .first-party-product__highlights {
    grid-template-columns: 1fr;
  }
}

/* Cart and checkout styles */
.cart-layout {
	display: grid;
	grid-template-columns: 1fr 380px;
	gap: 2rem;
	margin-top: 2rem;
}

.cart-items {
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
}

.cart-item {
	display: grid;
	grid-template-columns: 120px minmax(0, 1fr) minmax(9rem, auto);
	gap: var(--space-4);
	align-items: center;
	min-width: 0;
}

.cart-item-image {
	width: 120px;
	height: 90px;
	background: var(--bg-surface);
	border-radius: var(--radius-md);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 2rem;
	color: var(--text-muted);
	overflow: hidden;
}

.cart-item-image img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.checkout-item-image img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.cart-item-details {
	min-width: 0;
}

.cart-item-title {
	font-size: 1.125rem;
	font-weight: 700;
	margin-bottom: 0.375rem;
}

.cart-item-seller {
	font-size: 0.875rem;
	color: var(--text-muted);
	margin-bottom: 0.5rem;
}

.cart-item-desc {
	font-size: 0.875rem;
	color: var(--text-secondary);
}

.cart-item-actions {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 0.75rem;
	min-width: 0;
}

.cart-item-actions form {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: var(--space-2);
	justify-content: flex-end;
}

.cart-remove-turnstile {
	max-width: 100%;
	transform: scale(0.78);
	transform-origin: right center;
	margin: -0.45rem 0;
}

.cart-summary > .btn + .btn,
.checkout-summary > .btn + .btn {
	margin-top: var(--space-3);
}

.cart-item-price {
	font-size: 1.5rem;
	font-weight: 800;
	color: var(--accent-light);
}

.cart-summary {
	position: sticky;
	top: calc(var(--nav-height) + 1rem);
}

.summary-row {
	display: flex;
	justify-content: space-between;
	padding: 0.75rem 0;
	border-bottom: 1px solid var(--border);
}

.summary-total {
	display: flex;
	justify-content: space-between;
	padding: 1.25rem 0;
	font-size: 1.25rem;
	color: var(--text-primary);
	border-top: 2px solid var(--border);
	margin-top: 0.5rem;
}

.cart-security {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	padding: 1rem;
	background: var(--bg-surface);
	border-radius: var(--radius-md);
	font-size: 0.875rem;
	color: var(--text-secondary);
	margin-top: 1.5rem;
}

.cart-security i {
	color: var(--green);
}

.checkout-layout {
	display: grid;
	grid-template-columns: 1fr 380px;
	gap: 2rem;
	margin-top: 2rem;
}

.checkout-main,
.checkout-sidebar {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}

.checkout-section {
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
}

.checkout-items {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.checkout-item {
	display: grid;
	grid-template-columns: 80px minmax(0, 1fr) minmax(7rem, auto);
	gap: 1rem;
	align-items: center;
	padding: 1rem;
	background: var(--bg-surface);
	border-radius: var(--radius-md);
	min-width: 0;
}

.checkout-item-details {
	min-width: 0;
}

.checkout-item-image {
	width: 80px;
	height: 60px;
	background: var(--bg-card);
	border-radius: var(--radius-sm);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.5rem;
	color: var(--text-muted);
	overflow: hidden;
}

.checkout-item-details h4 {
	font-size: 1rem;
	margin-bottom: 0.25rem;
}

.checkout-item-price {
	font-size: 1.125rem;
	font-weight: 700;
	color: var(--accent-light);
}

.payment-notice {
	display: flex;
	gap: 1rem;
	padding: 1rem;
	background: rgba(59, 130, 246, 0.1);
	border: 1px solid rgba(59, 130, 246, 0.2);
	border-radius: var(--radius-md);
	font-size: 0.875rem;
	color: var(--text-secondary);
}

.payment-notice i {
	color: var(--blue);
	flex-shrink: 0;
	margin-top: 0.125rem;
}

.checkout-terms {
	padding: 1rem;
	background: var(--bg-surface);
	border-radius: var(--radius-md);
}

.checkbox-label {
	display: flex;
	align-items: flex-start;
	gap: 0.75rem;
	cursor: pointer;
	user-select: none;
}

.checkbox-label input[type='checkbox'] {
	margin-top: 0.25rem;
	cursor: pointer;
}

.checkout-summary {
	position: sticky;
	top: calc(var(--nav-height) + 1rem);
}

.summary-items {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	margin-bottom: 1rem;
}

.checkout-help ul {
	list-style: none;
	padding: 0;
	margin: 1rem 0 0;
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
}

.checkout-help li {
	display: flex;
	align-items: flex-start;
	gap: 0.75rem;
	font-size: 0.875rem;
	color: var(--text-secondary);
}

.checkout-help i {
	color: var(--accent-light);
	margin-top: 0.125rem;
	flex-shrink: 0;
}

@media (max-width: 1024px) {
	.cart-layout,
	.checkout-layout {
		grid-template-columns: 1fr;
	}

	.cart-summary,
	.checkout-summary {
		position: static;
	}
}

@media (max-width: 768px) {
	.cart-item,
	.checkout-item {
		grid-template-columns: 1fr;
	}

	.cart-item-actions {
		align-items: stretch;
	}

	.cart-item-actions .btn {
		width: 100%;
	}

	.cart-item-actions form {
		align-items: stretch;
		justify-content: stretch;
	}

	.cart-remove-turnstile {
		transform-origin: left center;
	}
}

/* Order, purchase, and license styles */
.orders-list {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
	margin-top: 2rem;
}

.order-card {
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
}

.order-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	flex-wrap: wrap;
}

.order-info {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.order-number {
	font-size: 1.25rem;
	font-weight: 700;
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.order-date {
	font-size: 0.875rem;
	color: var(--text-muted);
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.order-status {
	flex-shrink: 0;
}

.order-items {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	padding: 1.25rem;
	background: var(--bg-surface);
	border-radius: var(--radius-md);
}

.order-item {
	display: grid;
	grid-template-columns: 72px minmax(0, 1fr) auto;
	gap: 1rem;
	align-items: center;
}

.order-item-image {
	width: 72px;
	height: 72px;
	aspect-ratio: 1;
	background: var(--bg-card);
	border-radius: var(--radius-sm);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.5rem;
	color: var(--text-muted);
	overflow: hidden;
}

.order-item-image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
	padding: 0.35rem;
}

.order-item-details h4 {
	font-size: 1rem;
	margin-bottom: 0.25rem;
}

.order-item-price {
	font-size: 1.125rem;
	font-weight: 700;
	color: var(--text-primary);
}

.order-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding-top: 1.25rem;
	border-top: 1px solid var(--border);
	flex-wrap: wrap;
}

.order-total {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	font-size: 1.25rem;
}

.order-actions {
	display: flex;
	gap: var(--space-3);
	flex-wrap: wrap;
	align-items: center;
	min-width: 0;
}

.order-detail-layout {
	display: grid;
	grid-template-columns: 1fr 380px;
	gap: 2rem;
	margin-top: 2rem;
}

.order-detail-main {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}

.order-detail-sidebar {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}

.order-detail-items {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}

.order-detail-item {
	display: grid;
	grid-template-columns: 100px minmax(0, 1fr) minmax(10rem, auto);
	gap: var(--space-4);
	align-items: flex-start;
	padding: 1.25rem;
	background: var(--bg-surface);
	border-radius: var(--radius-md);
	min-width: 0;
}

.order-detail-item-image {
	width: 100px;
	height: 75px;
	background: var(--bg-card);
	border-radius: var(--radius-sm);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 2rem;
	color: var(--text-muted);
	overflow: hidden;
}

.order-detail-item-info h3 {
	font-size: 1.125rem;
	margin-bottom: 0.375rem;
}

.order-detail-item-desc {
	font-size: 0.875rem;
	color: var(--text-secondary);
	margin-top: 0.5rem;
}

.order-detail-item-actions {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	align-items: flex-end;
	min-width: 0;
}

.order-detail-item-actions .btn {
	width: 100%;
}

.order-detail-item-price {
	font-size: 1.5rem;
	font-weight: 800;
	color: var(--accent-light);
	margin-bottom: 0.5rem;
}

.order-review-actions {
	display: flex;
	gap: var(--space-3);
	flex-wrap: wrap;
	margin-top: 1rem;
	min-width: 0;
}

.order-summary-details {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	margin-bottom: 1rem;
}

.customer-info {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	margin-top: 1rem;
}

.info-row {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	font-size: 0.875rem;
	color: var(--text-secondary);
}

.info-row i {
	color: var(--accent-light);
	width: 1.25rem;
}

.help-list {
	list-style: none;
	padding: 0;
	margin: 1rem 0 0;
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
}

.help-list li {
	display: flex;
	align-items: flex-start;
	gap: 0.75rem;
	font-size: 0.875rem;
	color: var(--text-secondary);
}

.help-list i {
	color: var(--accent-light);
	margin-top: 0.125rem;
	flex-shrink: 0;
}

.licenses-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
	gap: 1.5rem;
	margin-top: 2rem;
}

.license-card {
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
}

.license-header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 1rem;
}

.license-product h3 {
	font-size: 1.125rem;
	font-weight: 700;
	margin-bottom: 0.375rem;
}

.license-key-section {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.license-key-section label {
	font-size: 0.875rem;
	font-weight: 600;
	color: var(--text-secondary);
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.license-key-display {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.75rem 1rem;
	background: var(--bg-surface);
	border: 1px solid var(--border);
	border-radius: var(--radius-md);
	min-width: 0;
}

.license-key-display code {
	flex: 1;
	font-size: 0.875rem;
	background: none;
	padding: 0;
	color: var(--accent-light);
	word-break: break-all;
}

.license-details {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	padding-top: 1rem;
	border-top: 1px solid var(--border);
}

.license-detail-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 0.875rem;
}

.detail-label {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	color: var(--text-muted);
}

.detail-label i {
	width: 1.125rem;
}

.license-actions {
	display: flex;
	gap: var(--space-3);
	flex-wrap: wrap;
	margin-top: auto;
	min-width: 0;
}

.license-detail-layout {
	display: grid;
	grid-template-columns: 1fr 350px;
	gap: 2rem;
	margin-top: 2rem;
}

.license-detail-main {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}

.license-detail-sidebar {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}

.license-key-display-large {
	display: flex;
	align-items: center;
	gap: 1rem;
	padding: 1.5rem;
	background: var(--bg-surface);
	border: 2px solid var(--border);
	border-radius: var(--radius-md);
	margin: 1rem 0;
	min-width: 0;
}

.license-key-display-large code {
	flex: 1;
	font-size: 1.125rem;
	background: none;
	padding: 0;
	color: var(--accent-light);
	word-break: break-all;
	font-weight: 600;
}

.license-key-display button,
.license-key-display-large button {
	flex-shrink: 0;
}

.license-key-info {
	display: flex;
	align-items: flex-start;
	gap: 0.75rem;
	padding: 1rem;
	background: rgba(59, 130, 246, 0.1);
	border: 1px solid rgba(59, 130, 246, 0.2);
	border-radius: var(--radius-md);
	font-size: 0.875rem;
	color: var(--text-secondary);
	margin-top: 1rem;
}

.license-key-info i {
	color: var(--blue);
	flex-shrink: 0;
	margin-top: 0.125rem;
}

.activations-list {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	margin-top: 1rem;
}

.activation-item {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 1rem;
	padding: 1rem;
	background: var(--bg-surface);
	border-radius: var(--radius-md);
	min-width: 0;
}

.activation-info {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 0.75rem;
	flex: 1;
}

.activation-detail {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	font-size: 0.875rem;
	color: var(--text-secondary);
}

.activation-detail i {
	color: var(--accent-light);
	width: 1.125rem;
	flex-shrink: 0;
}

.activation-detail strong {
	color: var(--text-primary);
	margin-right: 0.375rem;
}

.api-section {
	margin-bottom: 1.5rem;
	padding-bottom: 1.5rem;
	border-bottom: 1px solid var(--border);
}

.api-section:last-child {
	border-bottom: none;
}

.api-section h4 {
	font-size: 1rem;
	margin-bottom: 0.75rem;
}

.api-endpoint {
	display: block;
	padding: 0.75rem 1rem;
	background: var(--bg-surface);
	border-radius: var(--radius-sm);
	font-size: 0.875rem;
	margin: 0.5rem 0;
	color: var(--accent-light);
}

.api-example {
	padding: 1rem;
	background: var(--bg-input);
	border: 1px solid var(--border);
	border-radius: var(--radius-sm);
	font-size: 0.875rem;
	color: var(--text-secondary);
	overflow-x: auto;
	margin: 0.5rem 0;
}

.license-info-list {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	margin-top: 1rem;
}

.info-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 0.875rem;
	padding-bottom: 0.75rem;
	border-bottom: 1px solid var(--border);
}

.info-item:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

.info-label {
	color: var(--text-muted);
	font-weight: 600;
}

.purchases-grid {
	display: grid;
	gap: 1.25rem;
}

.purchase-card {
	display: grid;
	grid-template-columns: 72px minmax(0, 1fr) minmax(11rem, auto);
	gap: var(--space-4);
	align-items: center;
	padding: 1rem;
	background: var(--bg-surface);
	border: 1px solid var(--border);
	border-radius: var(--radius);
	min-width: 0;
}

.purchase-info {
	min-width: 0;
}

.purchase-image {
	width: 72px;
	height: 72px;
	border-radius: var(--radius-sm);
	overflow: hidden;
	background: var(--bg-elevated);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.75rem;
	color: var(--text-muted);
}

.purchase-image img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.purchase-info h3 {
	font-size: 1rem;
	font-weight: 600;
	margin-bottom: 0.2rem;
}

.purchase-info .purchase-meta {
	font-size: 0.8rem;
	color: var(--text-muted);
	margin-bottom: 0.4rem;
}

.purchase-actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: var(--space-2);
	align-items: center;
	min-width: 0;
}

.purchase-actions .btn {
	flex: 0 1 auto;
}

@media (max-width: 1024px) {
	.order-detail-layout,
	.license-detail-layout {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 768px) {
	.activation-info {
		grid-template-columns: 1fr;
	}

	.order-item,
	.order-detail-item {
		grid-template-columns: 1fr;
	}

	.order-detail-item-actions {
		align-items: stretch;
	}

	.order-footer {
		flex-direction: column;
		align-items: flex-start;
	}

	.activation-item {
		flex-direction: column;
	}

	.order-actions,
	.order-review-actions {
		width: 100%;
	}

	.order-actions .btn,
	.order-review-actions .btn {
		width: 100%;
	}
}

@media (max-width: 640px) {
	.licenses-grid {
		grid-template-columns: 1fr;
	}

	.license-actions {
		flex-direction: column;
	}

	.license-actions .btn {
		width: 100%;
	}

	.purchase-card {
		grid-template-columns: 60px minmax(0, 1fr);
	}

	.purchase-actions {
		grid-column: 1 / -1;
		justify-content: flex-start;
		align-items: stretch;
	}

	.purchase-actions .btn {
		flex: 1 1 100%;
	}
}

/* Buyer dashboard section layout */
.buyer-dashboard-header {
	align-items: flex-start;
}

.buyer-dashboard-header .btn {
	flex: 0 0 auto;
}

.buyer-dashboard-layout {
	display: grid;
	grid-template-columns: minmax(220px, 300px) minmax(0, 1fr);
	gap: 1.5rem;
	align-items: start;
}

.buyer-dashboard-nav {
	position: sticky;
	top: calc(var(--nav-height) + 1rem);
	border: 1px solid var(--border);
	border-radius: var(--radius-md);
	background: var(--bg-card);
	overflow: hidden;
}

.buyer-dashboard-nav__title {
	padding: 1rem;
	border-bottom: 1px solid var(--border);
	color: var(--text-primary);
	font-weight: 800;
}

.buyer-dashboard-nav__links {
	display: flex;
	flex-direction: column;
	padding: 0.5rem;
	gap: 0.25rem;
}

.buyer-dashboard-nav__link {
	display: grid;
	grid-template-columns: 1.25rem minmax(0, 1fr);
	gap: 0.75rem;
	align-items: start;
	padding: 0.8rem;
	border: 1px solid transparent;
	border-radius: var(--radius-sm);
	color: var(--text-secondary);
	text-decoration: none;
	transition: background-color var(--transition), border-color var(--transition), color var(--transition);
}

.buyer-dashboard-nav__link:hover,
.buyer-dashboard-nav__link.is-active {
	background: var(--bg-surface);
	border-color: var(--border);
	color: var(--text-primary);
}

.buyer-dashboard-nav__link.is-active {
	border-color: var(--accent);
}

.buyer-dashboard-nav__link i {
	color: var(--accent-light);
	margin-top: 0.1rem;
	text-align: center;
}

.buyer-dashboard-nav__link strong,
.buyer-dashboard-nav__link small {
	display: block;
	min-width: 0;
}

.buyer-dashboard-nav__link strong {
	font-size: 0.9rem;
	line-height: 1.25;
}

.buyer-dashboard-nav__link small {
	margin-top: 0.2rem;
	font-size: 0.75rem;
	line-height: 1.35;
	color: var(--text-muted);
}

.buyer-dashboard-panel {
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.buyer-dashboard-panel__header {
	padding: 1.25rem;
	border: 1px solid var(--border);
	border-radius: var(--radius-md);
	background: var(--bg-card);
}

.buyer-dashboard-panel__header h2 {
	margin: 0.15rem 0 0.3rem;
	font-size: clamp(1.35rem, 2vw, 1.8rem);
}

.buyer-dashboard-panel__header p {
	margin: 0;
	color: var(--text-muted);
}

.buyer-dashboard-panel__body {
	min-height: 220px;
	transition: opacity var(--transition);
}

.buyer-dashboard-panel__body.is-loading {
	opacity: 0.55;
}

.buyer-dashboard-stats {
	margin-bottom: 1.5rem;
}

.buyer-dashboard-callout {
	max-width: 780px;
}

@media (max-width: 1024px) {
	.buyer-dashboard-layout {
		grid-template-columns: 1fr;
	}

	.buyer-dashboard-nav {
		position: static;
	}

	.buyer-dashboard-nav__links {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 768px) {
	.buyer-dashboard-header {
		align-items: stretch;
	}

	.buyer-dashboard-header .btn {
		width: 100%;
	}

	.buyer-dashboard-nav__links {
		grid-template-columns: 1fr;
	}

	.buyer-dashboard-panel__header {
		padding: 1rem;
	}
}
.buyer-ticket-list {
  display: grid;
  gap: var(--space-3);
  min-width: 0;
}

.buyer-ticket-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(8rem, auto);
  align-items: center;
  gap: var(--space-4);
  padding: var(--space-4);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  background: rgba(255, 255, 255, 0.02);
  min-width: 0;
}

.buyer-ticket-main {
  display: grid;
  gap: var(--space-2);
  min-width: 0;
}

.buyer-ticket-title-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--space-3);
  min-width: 0;
}

.buyer-ticket-title-row strong {
  min-width: 0;
  overflow-wrap: anywhere;
}

.buyer-ticket-meta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2) var(--space-4);
  color: var(--text-secondary);
  font-size: 0.9rem;
  min-width: 0;
}

.buyer-ticket-meta span {
  min-width: 0;
  overflow-wrap: anywhere;
}

@media (max-width: 720px) {
  .buyer-ticket-row {
    grid-template-columns: 1fr;
    align-items: stretch;
  }

  .buyer-ticket-row .btn {
    justify-self: stretch;
  }

  .buyer-ticket-title-row {
    flex-direction: column;
  }
}

/* Seller dashboard, onboarding, and payout styles */
.seller-profile-grid {
	display: grid;
	grid-template-columns: 320px 1fr;
	gap: 1.5rem;
}

.seller-profile-sidebar {
	position: sticky;
	top: calc(var(--nav-height) + 1rem);
	height: fit-content;
}

.seller-profile-avatar {
	width: 112px;
	height: 112px;
	border-radius: 50%;
	object-fit: cover;
	border: 1px solid var(--border);
	margin-bottom: 1rem;
}

.seller-rank-card {
	display: flex;
	flex-direction: column;
	gap: 0.65rem;
	margin: 0.35rem 0 1rem;
}

.seller-rank-card__badge {
	display: block;
	width: min(100%, 240px);
	height: auto;
	border-radius: 14px;
	box-shadow: var(--shadow-sm);
}

.seller-rank-card__meta {
	display: flex;
	align-items: center;
	gap: 0.65rem;
	flex-wrap: wrap;
}

.seller-rank-days {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	padding: 0.35rem 0.55rem;
	border: 1px solid var(--border);
	border-radius: 999px;
	background: var(--bg-surface);
	color: var(--text-muted);
	font-size: 0.82rem;
	font-weight: 700;
}

.seller-rank-tooltip {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
	border: 1px solid var(--border);
	border-radius: 50%;
	background: var(--bg-surface);
	color: var(--accent);
	cursor: help;
}

.seller-rank-tooltip span[role="tooltip"] {
	position: absolute;
	left: 50%;
	bottom: calc(100% + 0.7rem);
	z-index: 20;
	width: min(260px, 80vw);
	padding: 0.75rem;
	border: 1px solid var(--border);
	border-radius: var(--radius-md);
	background: var(--bg-elevated);
	color: var(--text);
	box-shadow: var(--shadow-lg);
	font-size: 0.82rem;
	line-height: 1.45;
	text-align: left;
	transform: translateX(-50%);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity var(--transition), visibility var(--transition);
}

.seller-rank-tooltip:hover span[role="tooltip"],
.seller-rank-tooltip:focus span[role="tooltip"] {
	opacity: 1;
	visibility: visible;
}

.seller-stats-list {
	margin-top: 1rem;
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
}

.seller-reviews-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1.5rem;
}

.seller-review-item {
	border: 1px solid var(--border);
	border-radius: var(--radius-md);
	padding: 0.9rem;
	margin-bottom: 0.75rem;
}

.seller-review-item--good {
	border-color: rgba(34, 197, 94, 0.35);
}

.seller-review-item--bad {
	border-color: rgba(239, 68, 68, 0.35);
}

.seller-benefits {
	margin-top: 2rem;
	padding-top: 2rem;
	border-top: 1px solid var(--border);
}

.seller-benefits h3 {
	font-size: 1.125rem;
	margin-bottom: 1rem;
}

.seller-benefits ul {
	list-style: none;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
}

.seller-benefits li {
	display: flex;
	align-items: flex-start;
	gap: 0.75rem;
	font-size: 0.875rem;
	color: var(--text-secondary);
}

.seller-benefits i {
	color: var(--accent-light);
	margin-top: 0.125rem;
	flex-shrink: 0;
}

.seller-benefits strong {
	color: var(--text-primary);
}

.seller-terms {
	padding: 1rem;
	background: var(--bg-surface);
	border-radius: var(--radius-md);
}

.seller-terms p {
	margin-top: 0.5rem;
	font-size: 0.875rem;
}

.dashboard-grid {
	display: grid;
	grid-template-columns: 1fr 350px;
	gap: 2rem;
}

.dashboard-main {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}

.dashboard-sidebar {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}

.seller-dashboard-header {
	align-items: flex-start;
}

.seller-dashboard-layout {
	display: grid;
	grid-template-columns: minmax(220px, 300px) minmax(0, 1fr);
	gap: 1.5rem;
	align-items: start;
}

.seller-dashboard-nav {
	position: sticky;
	top: calc(var(--nav-height) + 1rem);
	border: 1px solid var(--border);
	border-radius: var(--radius-md);
	background: var(--bg-card);
	overflow: hidden;
}

.seller-dashboard-nav__title {
	padding: 1rem;
	border-bottom: 1px solid var(--border);
	color: var(--text-primary);
	font-weight: 800;
}

.seller-dashboard-nav__links {
	display: flex;
	flex-direction: column;
	padding: 0.5rem;
	gap: 0.25rem;
}

.seller-dashboard-nav__link {
	display: grid;
	grid-template-columns: 1.25rem minmax(0, 1fr);
	gap: 0.75rem;
	align-items: start;
	padding: 0.8rem;
	border: 1px solid transparent;
	border-radius: var(--radius-sm);
	color: var(--text-secondary);
	text-decoration: none;
	transition: background-color var(--transition), border-color var(--transition), color var(--transition);
}

.seller-dashboard-nav__link:hover,
.seller-dashboard-nav__link.is-active {
	background: var(--bg-surface);
	border-color: var(--border);
	color: var(--text-primary);
}

.seller-dashboard-nav__link.is-active {
	border-color: var(--accent);
}

.seller-dashboard-nav__link i {
	color: var(--accent-light);
	margin-top: 0.1rem;
	text-align: center;
}

.seller-dashboard-nav__link strong,
.seller-dashboard-nav__link small {
	display: block;
	min-width: 0;
}

.seller-dashboard-nav__link strong {
	font-size: 0.9rem;
	line-height: 1.25;
}

.seller-dashboard-nav__link small {
	margin-top: 0.2rem;
	font-size: 0.75rem;
	line-height: 1.35;
	color: var(--text-muted);
}

.seller-dashboard-panel {
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.seller-dashboard-panel__header {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 1rem;
	padding: 1.25rem;
	border: 1px solid var(--border);
	border-radius: var(--radius-md);
	background: var(--bg-card);
}

.seller-dashboard-panel__header h2 {
	margin: 0.15rem 0 0.3rem;
	font-size: clamp(1.35rem, 2vw, 1.8rem);
}

.seller-dashboard-panel__header p {
	margin: 0;
	color: var(--text-muted);
}

.seller-dashboard-panel__body {
	min-height: 220px;
	transition: opacity var(--transition);
}

.seller-dashboard-panel__body.is-loading {
	opacity: 0.55;
}

.seller-dashboard-stats {
	margin-bottom: 1.5rem;
}

.dashboard-section-stack {
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
}

.seller-dashboard-callout {
	max-width: 780px;
}

.quick-actions--grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.table-responsive {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	width: 100%;
}

.table {
	width: 100%;
	min-width: 680px;
	border-collapse: collapse;
	font-size: 0.875rem;
}

.product-editor-page {
	padding-top: 2.5rem;
}

.product-editor-header {
	align-items: center;
	justify-content: space-between;
	gap: var(--space-4);
	margin-bottom: var(--space-5);
}

.product-editor-header > div {
	max-width: 760px;
}

.product-editor-form {
	display: block;
	width: 100%;
	margin: 0 auto;
}

.product-editor-shell {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(18rem, 22rem);
	gap: var(--space-5);
	align-items: start;
}

.product-editor-main,
.product-editor-side {
	display: flex;
	flex-direction: column;
	gap: var(--space-4);
	min-width: 0;
}

.product-editor-side {
	position: sticky;
	top: calc(var(--nav-height) + var(--space-4));
}

.product-editor-card {
	display: flex;
	flex-direction: column;
	gap: var(--space-4);
	padding: var(--space-5);
	border-radius: var(--radius-md);
}

.product-editor-card--primary {
	background:
		linear-gradient(135deg, rgba(139, 92, 246, 0.08), rgba(34, 197, 94, 0.04)),
		var(--bg-card);
}

.product-editor-card__head {
	max-width: 680px;
}

.product-editor-card__head--split {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	text-align: left;
}

.product-editor-card__head h2 {
	margin: 0;
	font-size: 1.22rem;
}

.product-editor-card__head p {
	margin: 0.25rem 0 0;
	color: var(--text-muted);
	font-size: 0.9rem;
}

.product-editor-step {
	display: inline-flex;
	width: fit-content;
	margin-bottom: 0.35rem;
	color: var(--accent-light);
	font-size: 0.72rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.form-grid {
	display: grid;
	gap: 1rem;
}

.form-grid.two-cols {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.form-grid.three-cols {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.form-group--check {
	display: flex;
	align-items: center;
	min-height: 2.75rem;
}

.segmented-control {
	display: inline-flex;
	width: fit-content;
	max-width: 100%;
	padding: 0.25rem;
	border: 1px solid var(--border);
	border-radius: var(--radius-md);
	background: var(--bg-surface);
	gap: 0.25rem;
}

.segmented-control label {
	cursor: pointer;
}

.segmented-control input {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.segmented-control span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 2.25rem;
	padding: 0 0.9rem;
	border-radius: var(--radius-sm);
	color: var(--text-secondary);
	font-size: 0.9rem;
	font-weight: 700;
}

.segmented-control input:checked + span {
	background: var(--accent);
	color: white;
}

.pricing-mode-panel--tiers {
	display: none;
}

.product-editor-form[data-pricing-mode="tiers"] [data-pricing-panel="single"] {
	display: none;
}

.product-editor-form[data-pricing-mode="tiers"] [data-pricing-panel="tiers"] {
	display: block;
}

.product-billing-card {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	padding: 1rem;
	border: 1px solid var(--border);
	border-radius: var(--radius-md);
	background: color-mix(in srgb, var(--bg-surface) 86%, var(--accent) 14%);
}

.product-billing-card .form-help {
	display: block;
	margin-top: 0.35rem;
}

.product-editor-card--webhook {
	border-color: color-mix(in srgb, var(--accent) 42%, var(--border));
}

.product-editor-card--webhook code {
	overflow-wrap: anywhere;
}

.form-group.is-disabled {
	opacity: 0.58;
}

.license-tier-grid {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.license-tier-card {
	border: 1px solid var(--border);
	border-radius: var(--radius-md);
	background: var(--bg-surface);
	overflow: hidden;
}

.license-tier-card summary,
.product-editor-details > summary,
.product-editor-nested-details > summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-3);
	cursor: pointer;
	list-style: none;
}

.license-tier-card summary::-webkit-details-marker,
.product-editor-details > summary::-webkit-details-marker,
.product-editor-nested-details > summary::-webkit-details-marker {
	display: none;
}

.license-tier-card > summary {
	padding: var(--space-4);
}

.license-tier-card > summary span,
.product-editor-details > summary span {
	display: grid;
	gap: 0.15rem;
	min-width: 0;
}

.license-tier-card > summary strong,
.product-editor-details > summary strong {
	color: var(--text-primary);
}

.license-tier-card > summary small,
.product-editor-details > summary small {
	color: var(--text-muted);
	line-height: 1.35;
}

.license-tier-card > summary i,
.product-editor-details > summary i {
	color: var(--text-muted);
	transition: transform var(--transition);
}

.license-tier-card[open] > summary i,
.product-editor-details[open] > summary i {
	transform: rotate(180deg);
}

.license-tier-card__body,
.product-editor-details__body {
	display: grid;
	gap: var(--space-4);
	padding: var(--space-4);
	border-top: 1px solid var(--border);
}

.license-tier-card .form-grid,
.product-editor-details .form-grid {
	align-items: start;
}

.product-editor-details {
	padding: 0;
	overflow: hidden;
}

.product-editor-details > summary {
	padding: var(--space-5);
}

.product-editor-nested-details {
	padding: var(--space-3);
	border: 1px solid var(--border);
	border-radius: var(--radius-md);
	background: rgba(255, 255, 255, 0.025);
}

.product-editor-nested-details > summary {
	color: var(--text-secondary);
	font-weight: 700;
}

.product-editor-nested-details[open] > summary {
	margin-bottom: var(--space-3);
}

.product-editor-submit-card {
	border-color: color-mix(in srgb, var(--accent) 32%, var(--border));
}

.product-editor-submit-note {
	display: flex;
	align-items: flex-start;
	gap: var(--space-2);
	padding: var(--space-3);
	border: 1px solid var(--border);
	border-radius: var(--radius-md);
	background: rgba(255, 255, 255, 0.03);
	color: var(--text-secondary);
	font-size: 0.9rem;
	line-height: 1.45;
}

.product-editor-submit-note i {
	color: var(--accent-light);
	margin-top: 0.15rem;
}

.listing-composer-page {
	padding-top: 2rem;
}

.listing-composer {
	display: block;
	width: 100%;
}

.listing-composer-hero {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: var(--space-3);
	margin-bottom: var(--space-4);
}

.listing-composer-hero > div {
	max-width: 42rem;
}

.composer-header-actions {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-2);
	justify-content: flex-end;
	max-width: none;
}

.listing-composer-hero h1 {
	margin: 0;
	font-size: 1.85rem;
	line-height: 1.15;
}

.listing-composer-hero p:last-child {
	margin: 0.45rem 0 0;
	color: var(--text-muted);
	font-size: 0.95rem;
}

.listing-composer-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(17rem, 20rem);
	gap: var(--space-4);
	align-items: start;
}

.listing-composer-layout--single {
	grid-template-columns: minmax(0, 1fr);
	margin-top: var(--space-4);
}

.product-edit-secondary {
	width: 100%;
}

.listing-composer-main {
	display: grid;
	gap: var(--space-3);
	min-width: 0;
}

.listing-composer-rail {
	position: sticky;
	top: calc(var(--nav-height) + var(--space-4));
	display: grid;
	gap: var(--space-3);
	min-width: 0;
}

.composer-panel,
.composer-preview,
.composer-publish,
.composer-help-card,
.composer-advanced-card {
	min-width: 0;
	border: 1px solid var(--border);
	border-radius: var(--radius-lg);
	background: var(--bg-card);
}

.composer-panel {
	display: grid;
	gap: var(--space-3);
	padding: var(--space-4);
}

.composer-panel--intro {
	background: var(--bg-card);
}

.composer-panel__header {
	display: flex;
	align-items: flex-start;
	gap: var(--space-2);
}

.composer-panel__marker {
	display: grid;
	flex: 0 0 1.55rem;
	width: 1.55rem;
	height: 1.55rem;
	place-items: center;
	border-radius: var(--radius-sm);
	background: rgba(139, 92, 246, 0.16);
	color: var(--accent-light);
	font-size: 0.78rem;
	font-weight: 800;
}

.composer-panel__header h2,
.composer-publish h2,
.composer-help-card h3 {
	margin: 0;
	font-size: 1.05rem;
}

.composer-panel__header p,
.composer-publish p {
	margin: 0.25rem 0 0;
	color: var(--text-muted);
	font-size: 0.88rem;
}

.composer-fields {
	display: grid;
	gap: var(--space-3);
	min-width: 0;
}

.composer-fields--two {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.composer-fields--three {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.listing-composer-description {
	min-height: 9rem;
}

.composer-mode-switch {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--space-2);
}

.composer-mode-switch label {
	position: relative;
	cursor: pointer;
	min-width: 0;
}

.composer-mode-switch input {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.composer-mode-switch span {
	display: grid;
	gap: 0.25rem;
	min-height: 3.25rem;
	padding: 0.8rem 0.9rem;
	border: 1px solid var(--border);
	border-radius: var(--radius-md);
	background: var(--bg-surface);
	color: var(--text-secondary);
}

.composer-mode-switch input:checked + span {
	border-color: var(--accent);
	background: rgba(139, 92, 246, 0.14);
	color: var(--text-primary);
}

.composer-mode-switch input:focus-visible + span {
	outline: 2px solid var(--accent-light);
	outline-offset: 2px;
}

.composer-mode-switch small {
	color: var(--text-muted);
}

.composer-pricing-panel {
	display: grid;
	gap: var(--space-3);
	padding: var(--space-3);
	border: 1px solid var(--border);
	border-radius: var(--radius-md);
	background: rgba(255, 255, 255, 0.025);
}

.listing-composer:not([data-pricing-mode="tiers"]) [data-pricing-panel="tiers"] {
	display: none;
}

.listing-composer[data-pricing-mode="tiers"] [data-pricing-panel="single"] {
	display: none;
}

.listing-composer[data-pricing-mode="tiers"] [data-pricing-panel="tiers"] {
	display: grid;
}

.composer-tier-list {
	display: grid;
	gap: var(--space-2);
}

.composer-tier {
	display: grid;
	gap: var(--space-3);
	padding: var(--space-3);
	border: 1px solid var(--border);
	border-radius: var(--radius-md);
	background: var(--bg-surface);
}

.composer-tier__title {
	display: flex;
	align-items: center;
	gap: var(--space-2);
}

.composer-tier__title span {
	display: grid;
	width: 1.65rem;
	height: 1.65rem;
	place-items: center;
	border-radius: 999px;
	background: rgba(139, 92, 246, 0.18);
	color: var(--accent-light);
	font-size: 0.8rem;
	font-weight: 800;
}

.composer-mini-details {
	padding: var(--space-3);
	border: 1px solid var(--border);
	border-radius: var(--radius-md);
	background: rgba(255, 255, 255, 0.025);
}

.composer-mini-details summary,
.composer-advanced-card summary {
	cursor: pointer;
	list-style: none;
}

.composer-mini-details summary::-webkit-details-marker,
.composer-advanced-card summary::-webkit-details-marker {
	display: none;
}

.composer-mini-details[open] summary {
	margin-bottom: var(--space-3);
}

.composer-file-box {
	padding: var(--space-3);
	border: 1px dashed var(--border);
	border-radius: var(--radius-md);
	background: rgba(255, 255, 255, 0.02);
}

.composer-advanced {
	display: grid;
	gap: var(--space-2);
}

.composer-advanced-card {
	overflow: hidden;
}

.composer-advanced-card > summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-3);
	padding: var(--space-3);
}

.composer-advanced-card > summary span {
	display: grid;
	gap: 0.2rem;
	min-width: 0;
}

.composer-advanced-card > summary strong {
	color: var(--text-primary);
}

.composer-advanced-card > summary small {
	color: var(--text-muted);
	line-height: 1.35;
}

.composer-advanced-card > summary i {
	color: var(--text-muted);
	transition: transform var(--transition);
}

.composer-advanced-card[open] > summary i {
	transform: rotate(180deg);
}

.composer-advanced-card__body {
	display: grid;
	gap: var(--space-3);
	padding: var(--space-3);
	border-top: 1px solid var(--border);
}

.composer-checkbox {
	padding: 0.85rem;
	border: 1px solid var(--border);
	border-radius: var(--radius-md);
	background: rgba(255, 255, 255, 0.025);
}

.composer-preview,
.composer-publish,
.composer-help-card {
	padding: var(--space-3);
}

.composer-preview {
	background: var(--bg-card);
}

.composer-preview__eyebrow {
	color: var(--accent-light);
	font-size: 0.72rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.composer-preview h2 {
	margin: 0.45rem 0;
	font-size: 1.05rem;
	overflow-wrap: anywhere;
}

.composer-preview p {
	margin: 0;
	color: var(--text-secondary);
	font-size: 0.9rem;
	line-height: 1.5;
	overflow-wrap: anywhere;
}

.composer-preview__meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-3);
	margin-top: var(--space-3);
	padding-top: var(--space-2);
	border-top: 1px solid var(--border);
	color: var(--text-muted);
	font-size: 0.88rem;
}

.composer-preview__meta strong {
	color: var(--accent-light);
	white-space: nowrap;
}

.composer-publish {
	display: grid;
	gap: var(--space-2);
}

.composer-publish__actions {
	display: grid;
	gap: var(--space-2);
}

.composer-help-card ul {
	display: grid;
	gap: var(--space-2);
	margin: var(--space-2) 0 0;
	padding: 0;
	list-style: none;
	color: var(--text-secondary);
	font-size: 0.9rem;
}

.composer-help-card li {
	display: flex;
	align-items: center;
	gap: var(--space-2);
}

.composer-help-card i {
	color: var(--green);
}

.seller-variant-form {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.product-form-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: flex-start;
	gap: var(--space-3);
}

.product-form-actions .btn {
	flex: 1 1 100%;
}

.turnstile-inline {
	max-width: 320px;
	min-width: 260px;
	overflow: hidden;
}

.seller-license-form-card {
	max-width: 920px;
}

.seller-license-form {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.license-row-actions {
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	max-width: 18rem;
}

.license-row-actions form {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
}

.license-product-actions {
	flex-wrap: wrap;
	justify-content: flex-start;
	max-width: 16rem;
}

.license-product-actions form {
	display: inline-flex;
}

.license-key-stack {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	min-width: 18rem;
}

.license-key-stack--wide {
	min-width: 28rem;
}

.license-key-item {
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
	min-width: 0;
}

.license-key-item__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.5rem;
}

.license-key-item code {
	display: block;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.key-secret-disclosure {
	margin-top: 0.25rem;
	padding: 0.45rem 0.6rem;
	border: 1px solid var(--border);
	border-radius: var(--radius-sm);
	background: rgba(255, 255, 255, 0.025);
}

.key-secret-disclosure summary {
	cursor: pointer;
	color: var(--text-secondary);
	font-weight: 700;
}

.key-secret-disclosure p {
	margin: 0.4rem 0;
}

.turnstile-compact {
	max-width: 150px;
	overflow: hidden;
}

@media (max-width: 1100px) {
	.product-editor-shell {
		grid-template-columns: minmax(0, 1fr);
	}

	.product-editor-side {
		position: static;
	}

	.listing-composer-layout {
		grid-template-columns: minmax(0, 1fr);
	}

	.listing-composer-rail {
		position: static;
	}
}

@media (max-width: 760px) {
	.product-editor-header {
		align-items: stretch;
		text-align: left;
	}

	.listing-composer-hero {
		align-items: stretch;
		flex-direction: column;
		padding: var(--space-4);
	}

	.listing-composer-hero .btn {
		width: 100%;
	}

	.composer-panel {
		padding: var(--space-4);
	}

	.composer-panel__header {
		gap: var(--space-2);
	}

	.composer-fields--two,
	.composer-fields--three,
	.composer-mode-switch {
		grid-template-columns: minmax(0, 1fr);
	}

	.composer-preview__meta {
		align-items: flex-start;
		flex-direction: column;
	}

	.composer-publish__actions .btn {
		width: 100%;
	}

	.product-editor-card {
		padding: 1.1rem;
	}

	.form-grid.two-cols,
	.form-grid.three-cols {
		grid-template-columns: minmax(0, 1fr);
	}

	.segmented-control,
	.product-form-actions,
	.product-form-actions .btn,
	.product-editor-header .btn {
		width: 100%;
	}

	.segmented-control label {
		flex: 1;
	}
}

.table th {
	text-align: left;
	padding: 0.875rem 1rem;
	color: var(--text-muted);
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	border-bottom: 1px solid var(--border);
	white-space: nowrap;
}

.table td {
	padding: 0.875rem 1rem;
	border-bottom: 1px solid var(--border);
	color: var(--text-secondary);
	overflow-wrap: anywhere;
}

.table tr:last-child td {
	border-bottom: none;
}

.table tr:hover td {
	background: var(--bg-card-hover);
}

.table-actions {
	display: flex;
	gap: 0.5rem;
	flex-wrap: wrap;
}

.table-product {
	display: flex;
	align-items: center;
	gap: 0.75rem;
}

.table-product-image {
	width: 50px;
	height: 40px;
	background: var(--bg-surface);
	border-radius: var(--radius-sm);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.25rem;
	color: var(--text-muted);
	overflow: hidden;
	flex-shrink: 0;
}

.table-product-image img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.text-sm {
	font-size: 0.875rem;
}

.empty-state-sm {
	padding: 2rem;
	text-align: center;
	color: var(--text-muted);
}

.products-list-compact {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.product-list-item {
	display: grid;
	grid-template-columns: 80px minmax(0, 1fr) auto;
	gap: 1rem;
	align-items: center;
	padding: 1rem;
	background: var(--bg-surface);
	border-radius: var(--radius-md);
	transition: background-color var(--transition);
}

.product-list-item:hover {
	background: var(--bg-card-hover);
}

.product-list-image {
	width: 80px;
	height: 60px;
	background: var(--bg-card);
	border-radius: var(--radius-sm);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.5rem;
	color: var(--text-muted);
	overflow: hidden;
}

.product-list-image img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.product-list-details {
	min-width: 0;
}

.product-list-details h4 {
	font-size: 1rem;
	margin-bottom: 0.375rem;
}

.product-list-meta {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	flex-wrap: wrap;
	margin-top: 0.5rem;
	font-size: 0.875rem;
	color: var(--text-muted);
}

.product-list-actions {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 0.75rem;
	min-width: 0;
}

.product-list-price {
	font-size: 1.125rem;
	font-weight: 700;
	color: var(--accent-light);
}

.quick-actions {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	margin-top: 1rem;
}

.quick-action-btn {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	padding: 0.75rem 1rem;
	background: var(--bg-surface);
	border: 1px solid var(--border);
	border-radius: var(--radius-md);
	color: var(--text-secondary);
	text-decoration: none;
	transition: all var(--transition);
}

.quick-action-btn:hover {
	background: var(--bg-card-hover);
	border-color: var(--accent);
	color: var(--text-primary);
}

.quick-action-btn i {
	color: var(--accent-light);
	width: 1.25rem;
}

.seller-info-compact {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	margin-top: 1rem;
}

.tips-list {
	list-style: none;
	padding: 0;
	margin: 1rem 0 0;
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
}

.tips-list li {
	display: flex;
	align-items: flex-start;
	gap: 0.75rem;
	font-size: 0.875rem;
	color: var(--text-secondary);
}

.tips-list i {
	color: var(--yellow);
	margin-top: 0.125rem;
	flex-shrink: 0;
}

.product-form {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}

.form-row {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1.25rem;
}

.input-with-icon {
	position: relative;
	display: flex;
	align-items: center;
}

.input-with-icon i {
	position: absolute;
	left: 1rem;
	color: var(--text-muted);
}

.input-with-icon .form-input {
	padding-left: 2.5rem;
}

.form-help {
	display: block;
	margin-top: 0.375rem;
	font-size: 0.875rem;
	color: var(--text-muted);
}

.current-image {
	margin-top: 1rem;
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.current-image label {
	font-size: 0.875rem;
	font-weight: 600;
	color: var(--text-secondary);
}

.current-image-preview {
	max-width: 200px;
	border-radius: var(--radius-md);
}

.current-gallery {
	margin-top: 1rem;
	display: grid;
	gap: 0.5rem;
}

.current-gallery > label {
	font-size: 0.875rem;
	font-weight: 600;
	color: var(--text-secondary);
}

.current-gallery .gallery-thumbnails {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin: 0;
}

.current-gallery .gallery-thumbnails img {
	width: 5rem;
	height: 4rem;
	border: 1px solid var(--border);
	border-radius: var(--radius-sm);
	background: var(--bg-surface);
	object-fit: contain;
}

.product-edit-tier-form {
	display: grid;
	gap: var(--space-3);
	margin-top: var(--space-3);
}

.image-upload-guidance {
	margin-top: 0.75rem;
	padding: 0.85rem;
	border: 1px solid var(--border);
	border-radius: var(--radius-md);
	background: rgba(255, 255, 255, 0.03);
	color: var(--text-secondary);
	font-size: 0.82rem;
	line-height: 1.45;
}

.image-upload-guidance strong {
	display: block;
	margin-bottom: 0.65rem;
	color: var(--text-primary);
	font-size: 0.86rem;
}

.image-upload-guidance__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(7rem, 1fr));
	gap: 0.65rem;
}

.image-upload-guidance__item {
	margin: 0;
}

.image-upload-guidance__item img {
	width: 100%;
	aspect-ratio: 4 / 3;
	border: 1px solid var(--border);
	border-radius: var(--radius-sm);
	background: var(--bg-surface);
	object-fit: contain;
}

[data-image-upload-guidance="logo"] .image-upload-guidance__item img {
	aspect-ratio: 1;
}

.image-upload-guidance__item figcaption {
	margin-top: 0.35rem;
	color: var(--text-muted);
}

.settings-form {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}

.payment-status {
	display: flex;
	align-items: flex-start;
	gap: 1rem;
	padding: 1.25rem;
	border-radius: var(--radius-md);
	margin-bottom: 1rem;
}

.payment-status--connected {
	background: rgba(34, 197, 94, 0.1);
	border: 1px solid rgba(34, 197, 94, 0.2);
}

.payment-status--disconnected {
	background: rgba(234, 179, 8, 0.1);
	border: 1px solid rgba(234, 179, 8, 0.2);
}

.payment-status i {
	font-size: 1.5rem;
	flex-shrink: 0;
	margin-top: 0.125rem;
}

.payment-status--connected i {
	color: var(--green);
}

.payment-status--disconnected i {
	color: var(--yellow);
}

.payment-status h3 {
	font-size: 1.125rem;
	margin-bottom: 0.5rem;
}

.payment-status p {
	font-size: 0.875rem;
	color: var(--text-secondary);
}

.analytics-notice {
	text-align: center;
	padding: 3rem 2rem;
}

.analytics-notice i {
	font-size: 3rem;
	color: var(--accent-light);
	margin-bottom: 1.5rem;
}

.analytics-notice p {
	font-size: 1.05rem;
	margin-bottom: 1.5rem;
}

.onboarding-checklist {
	list-style: none;
	padding: 0;
	margin: 0.75rem 0 0;
}

.onboarding-checklist li {
	display: flex;
	align-items: center;
	gap: 0.6rem;
	flex-wrap: wrap;
	padding: 0.45rem 0;
	font-size: 0.9rem;
	border-bottom: 1px solid var(--border);
}

.onboarding-checklist li:last-child {
	border-bottom: none;
}

.onboarding-checklist .check-icon {
	width: 18px;
	height: 18px;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	font-size: 0.65rem;
}

.onboarding-checklist .check-icon--done {
	background: var(--success, #22c55e);
	color: #fff;
}

.onboarding-checklist .check-icon--pending {
	background: var(--border);
	color: var(--text-muted);
}

.onboarding-checklist a {
	color: var(--primary);
	font-size: 0.8rem;
	margin-left: auto;
	overflow-wrap: anywhere;
}

@media (max-width: 520px) {
	.onboarding-checklist a {
		margin-left: 1.6rem;
	}
}

.seller-tier-badge {
	display: inline-flex;
	align-items: center;
	gap: 0.3rem;
	font-size: 0.75rem;
	font-weight: 700;
	padding: 0.25rem 0.6rem;
	border-radius: 999px;
	line-height: 1;
}

.seller-tier-badge--verified {
	background: rgba(34, 197, 94, 0.15);
	color: #22c55e;
	border: 1px solid rgba(34, 197, 94, 0.35);
}

.seller-tier-badge--premium {
	background: rgba(168, 85, 247, 0.15);
	color: #a855f7;
	border: 1px solid rgba(168, 85, 247, 0.35);
}

.seller-tier-badge--official {
	background: rgba(14, 165, 233, 0.14);
	color: #7dd3fc;
	border: 1px solid rgba(14, 165, 233, 0.38);
}

.seller-tier-badge--standard {
	color: var(--text-muted);
	border: 1px solid var(--border);
	background: rgba(148, 163, 184, 0.1);
}

.official-seller-panel {
	display: grid;
	gap: 0.5rem;
	margin: 1rem 0;
	padding: 1rem;
	border: 1px solid rgba(14, 165, 233, 0.28);
	border-radius: var(--radius-md);
	background: linear-gradient(135deg, rgba(14, 165, 233, 0.12), rgba(124, 58, 237, 0.08));
}

.official-seller-panel__eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	color: #7dd3fc;
	font-size: 0.74rem;
	font-weight: 800;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.official-seller-panel h3 {
	margin: 0;
	font-size: 1rem;
}

.official-seller-panel p {
	margin: 0;
	color: var(--text-secondary);
	line-height: 1.6;
}

.payout-card {
	display: grid;
	grid-template-columns: 1fr auto auto;
	gap: 1rem;
	align-items: center;
	padding: 0.9rem 1rem;
	border-bottom: 1px solid var(--border);
}

.payout-card:last-child {
	border-bottom: none;
}

.payout-amount {
	font-size: 1.1rem;
	font-weight: 700;
}

.payout-meta {
	font-size: 0.8rem;
	color: var(--text-muted);
}

.stripe-manage {
	display: grid;
	gap: 1rem;
}

.stripe-dashboard-stack {
	display: grid;
	gap: 1.25rem;
	align-content: start;
	padding-bottom: 0.35rem;
}

.stripe-dashboard-panel__body {
	display: block;
	padding-right: 0.5rem;
}

.stripe-status-grid,
.stripe-manage-grid,
.stripe-balance-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1.15rem;
}

.stripe-manage-grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.stripe-status-card {
	display: flex;
	align-items: flex-start;
	gap: 0.9rem;
	padding: 1.15rem;
	min-height: 8.25rem;
}

.stripe-status-card__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.4rem;
	height: 2.4rem;
	flex: 0 0 2.4rem;
	border-radius: 0.8rem;
	color: var(--text);
	background: rgba(148, 163, 184, 0.12);
	border: 1px solid var(--border);
}

.stripe-status-card__icon.is-good {
	color: #22c55e;
	background: rgba(34, 197, 94, 0.12);
	border-color: rgba(34, 197, 94, 0.32);
}

.stripe-status-card__icon.is-warning {
	color: #f59e0b;
	background: rgba(245, 158, 11, 0.12);
	border-color: rgba(245, 158, 11, 0.32);
}

.stripe-status-card__label,
.stripe-detail-list span,
.stripe-method span {
	display: block;
	font-size: 0.78rem;
	color: var(--text-muted);
}

.stripe-status-card strong {
	display: block;
	margin: 0.15rem 0;
}

.stripe-status-card small,
.stripe-manage-card .text-sm {
	color: var(--text-muted);
	line-height: 1.45;
}

.stripe-manage-card {
	padding: 1.15rem;
}

.stripe-admin-card {
	margin-top: 1rem;
}

.seller-dashboard-panel--standalone {
	min-height: 0;
}

.admin-action-row {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.4rem;
}

.admin-action-row form {
	margin: 0;
}

.table-subtext {
	display: block;
	margin-top: 0.2rem;
	color: var(--text-muted);
	font-size: 0.78rem;
	overflow-wrap: anywhere;
}

.stripe-manage-card .card-header {
	margin-bottom: 0.8rem;
}

.stripe-manage-card h3 {
	font-size: 1rem;
	margin: 0;
}

.stripe-schedule-summary {
	margin: 0 0 0.9rem;
	font-weight: 700;
}

.stripe-detail-list {
	display: grid;
	gap: 0.65rem;
}

.stripe-detail-list > div,
.stripe-method {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding: 0.78rem 0;
	border-bottom: 1px solid var(--border);
}

.stripe-detail-list > div:last-child,
.stripe-method:last-child {
	border-bottom: none;
}

.stripe-requirements {
	display: grid;
	gap: 0.4rem;
	margin: 0;
	padding-left: 1.1rem;
	color: var(--text-muted);
}

.stripe-method-list {
	display: grid;
	gap: 0.25rem;
}

.payout-card--compact {
	grid-template-columns: 1fr auto;
	padding-left: 0;
	padding-right: 0;
}

@media (max-width: 1000px) {
	.seller-profile-grid {
		grid-template-columns: 1fr;
	}

	.seller-profile-sidebar {
		position: static;
	}

	.seller-reviews-grid {
		grid-template-columns: 1fr;
	}

	.stripe-status-grid,
	.stripe-manage-grid,
	.stripe-balance-grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 1024px) {
	.dashboard-grid {
		grid-template-columns: 1fr;
	}

	.seller-dashboard-layout {
		grid-template-columns: 1fr;
	}

	.seller-dashboard-nav {
		position: static;
	}

	.seller-dashboard-nav__links {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 768px) {
	.form-row {
		grid-template-columns: 1fr;
	}

	.table-product,
	.product-list-item {
		grid-template-columns: 1fr;
	}

	.product-list-actions {
		align-items: stretch;
	}

	.product-list-actions .btn {
		width: 100%;
	}

	.seller-dashboard-header {
		align-items: stretch;
	}

	.seller-dashboard-header .btn {
		width: 100%;
	}

	.seller-dashboard-nav__links,
	.quick-actions--grid {
		grid-template-columns: 1fr;
	}

	.seller-dashboard-panel__header {
		padding: 1rem;
	}
}

@media (max-width: 640px) {
	.payout-card {
		grid-template-columns: 1fr auto;
	}
}

/* Admin dashboard styles */
.admin-quick-links {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: 1.25rem;
	margin-top: 2rem;
}

.quick-link-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	padding: 2rem 1.5rem;
	text-decoration: none;
	transition: all var(--transition);
}

.quick-link-card:hover {
	border-color: var(--accent);
	transform: translateY(-2px);
	box-shadow: var(--shadow-accent);
}

.quick-link-card i {
	font-size: 2.5rem;
	color: var(--accent-light);
	margin-bottom: 1rem;
}

.quick-link-card h3 {
	font-size: 1.125rem;
	margin-bottom: 0.5rem;
	color: var(--text-primary);
}

.quick-link-card p {
	font-size: 0.875rem;
	color: var(--text-secondary);
}

.admin-dashboard-layout {
	display: grid;
	grid-template-columns: minmax(220px, 300px) minmax(0, 1fr);
	gap: 1.5rem;
	align-items: start;
}

.admin-dashboard-nav {
	position: sticky;
	top: calc(var(--nav-height) + 1rem);
	border: 1px solid var(--border);
	border-radius: var(--radius-md);
	background: var(--bg-card);
	overflow: hidden;
}

.admin-dashboard-nav__title {
	padding: 1rem;
	border-bottom: 1px solid var(--border);
	color: var(--text-primary);
	font-weight: 800;
}

.admin-dashboard-nav__links {
	display: flex;
	flex-direction: column;
	padding: 0.5rem;
	gap: 0.25rem;
}

.admin-dashboard-nav__link {
	display: grid;
	grid-template-columns: 1.25rem minmax(0, 1fr);
	gap: 0.75rem;
	align-items: start;
	padding: 0.8rem;
	border: 1px solid transparent;
	border-radius: var(--radius-sm);
	color: var(--text-secondary);
	text-decoration: none;
	transition: background-color var(--transition), border-color var(--transition), color var(--transition);
}

.admin-dashboard-nav__link:hover,
.admin-dashboard-nav__link.is-active {
	background: var(--bg-surface);
	border-color: var(--border);
	color: var(--text-primary);
}

.admin-dashboard-nav__link.is-active {
	border-color: var(--accent);
}

.admin-dashboard-nav__link i {
	color: var(--accent-light);
	margin-top: 0.1rem;
	text-align: center;
}

.admin-dashboard-nav__link strong,
.admin-dashboard-nav__link small {
	display: block;
	min-width: 0;
}

.admin-dashboard-nav__link strong {
	font-size: 0.9rem;
	line-height: 1.25;
}

.admin-dashboard-nav__link small {
	margin-top: 0.2rem;
	font-size: 0.75rem;
	line-height: 1.35;
	color: var(--text-muted);
}

.admin-dashboard-panel {
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.admin-dashboard-panel__header {
	padding: 1.25rem;
	border: 1px solid var(--border);
	border-radius: var(--radius-md);
	background: var(--bg-card);
}

.admin-dashboard-panel__header h2 {
	margin: 0.15rem 0 0.3rem;
	font-size: clamp(1.35rem, 2vw, 1.8rem);
}

.admin-dashboard-panel__header p {
	margin: 0;
	color: var(--text-muted);
}

.admin-dashboard-panel__body {
	min-height: 220px;
	transition: opacity var(--transition);
}

.admin-dashboard-panel__body.is-loading {
	opacity: 0.55;
}

.admin-dashboard-stats {
	margin-bottom: 1.5rem;
}

.admin-dashboard-callout {
	max-width: 780px;
}

.admin-dashboard-section-card {
	max-width: 760px;
	padding: 2rem;
}

.admin-dashboard-section-card > i {
	font-size: 2.25rem;
	color: var(--accent-light);
	margin-bottom: 1rem;
}

.admin-dashboard-section-card h3 {
	margin-bottom: 0.5rem;
}

.admin-dashboard-section-card p {
	color: var(--text-secondary);
	margin-bottom: 1.25rem;
}

.admin-dashboard-doc-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 1rem;
	align-items: stretch;
}

.admin-dashboard-doc-grid .admin-dashboard-section-card {
	display: flex;
	flex-direction: column;
	min-height: 100%;
	max-width: none;
	padding: 1.25rem;
}

.admin-dashboard-doc-grid .admin-dashboard-section-card > i {
	font-size: 1.65rem;
	margin-bottom: 0.85rem;
}

.admin-dashboard-doc-grid .admin-dashboard-section-card h3 {
	font-size: 1rem;
	line-height: 1.25;
	overflow-wrap: anywhere;
}

.admin-dashboard-doc-grid .admin-dashboard-section-card p {
	flex: 1 1 auto;
	margin-bottom: 1rem;
	font-size: 0.88rem;
	line-height: 1.5;
}

.admin-dashboard-doc-grid .admin-dashboard-section-card .btn {
	align-self: flex-start;
	margin-top: auto;
}

.info-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1.25rem;
	margin-top: 1rem;
}

.info-item {
	min-width: 0;
}

.info-item > span {
	min-width: 0;
	overflow-wrap: anywhere;
}

.admin-actions {
	display: flex;
	gap: 0.75rem;
	flex-wrap: wrap;
}

.admin-actions--tight {
	margin-top: 1rem;
	gap: 0.5rem;
}

.admin-section-spaced {
	margin-top: 1.5rem;
}

.admin-management-page {
	padding-top: 2.5rem;
	padding-bottom: 3rem;
}

.admin-management-page .container,
.admin-management-page .container-md {
	max-width: min(1500px, calc(100vw - 3rem));
}

.admin-management-header {
	align-items: flex-end;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	margin-bottom: 1.25rem;
	padding-bottom: 1.1rem;
}

.admin-management-header .page-title {
	font-size: clamp(1.65rem, 2vw, 2.15rem);
	letter-spacing: 0;
	margin-bottom: 0.35rem;
}

.admin-management-header .page-subtitle {
	max-width: 34rem;
	color: var(--text-secondary);
}

.admin-management-card {
	border-radius: var(--radius-md);
	padding: 0;
	overflow: hidden;
	background: linear-gradient(180deg, rgba(31, 31, 56, 0.92), rgba(26, 26, 46, 0.98));
}

.admin-management-card > :is(h2, h3, .dash-card-title) {
	margin: 0;
	padding: 1rem 1.15rem;
	border-bottom: 1px solid var(--border);
	font-size: 1rem;
}

.admin-management-card > p:not(.admin-management-empty) {
	padding: 1rem 1.15rem;
}

.admin-management-toolbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding: 1rem 1.15rem;
	border-bottom: 1px solid var(--border);
	background: rgba(255, 255, 255, 0.025);
}

.admin-management-toolbar__group {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	flex-wrap: wrap;
	min-width: 0;
}

.admin-management-toolbar .form-select {
	width: min(100%, 20rem);
	min-width: 14rem;
}

.admin-management-meta {
	color: var(--text-muted);
	font-size: 0.84rem;
}

.admin-management-table {
	min-width: 920px;
}

.admin-management-table th:first-child,
.admin-management-table td:first-child {
	padding-left: 1.15rem;
}

.admin-management-table th:last-child,
.admin-management-table td:last-child {
	padding-right: 1.15rem;
}

.admin-management-table tbody tr:nth-child(even) td {
	background: rgba(255, 255, 255, 0.018);
}

.admin-management-table input[type="checkbox"] {
	width: 1rem;
	height: 1rem;
	accent-color: var(--accent);
}

.admin-management-table .badge,
.badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: fit-content;
	border-radius: 999px;
	padding: 0.28rem 0.65rem;
	font-size: 0.74rem;
	font-weight: 800;
	letter-spacing: 0.02em;
	line-height: 1.1;
	text-transform: uppercase;
	white-space: nowrap;
}

.admin-management-table .btn--icon {
	width: 2.25rem;
	height: 2.25rem;
	padding: 0;
	border-radius: var(--radius-sm);
}

.admin-management-table .btn--icon i {
	font-size: 0.86rem;
}

.admin-review-actions {
	display: flex;
	align-items: flex-end;
	gap: 0.5rem;
	flex-wrap: wrap;
	min-width: 18rem;
}

.admin-review-actions--stacked {
	align-items: stretch;
	flex-direction: column;
	min-width: 20rem;
}

.admin-review-actions .form-input {
	min-width: 10rem;
	max-width: 16rem;
}

.admin-review-actions--stacked .form-input {
	max-width: none;
}

.admin-review-actions .turnstile-spacing {
	flex-basis: 100%;
	margin-bottom: 0 !important;
}

.admin-row-actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 0.5rem;
	flex-wrap: nowrap;
}

.admin-row-actions form,
.admin-inline-select-form {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	margin: 0;
}

.admin-inline-select-form .form-select {
	width: 8rem;
	min-width: 0;
	padding-top: 0.42rem;
	padding-bottom: 0.42rem;
	font-size: 0.82rem;
}

.admin-action-menu {
	position: relative;
	display: inline-flex;
}

.admin-action-menu__toggle {
	list-style: none;
	width: 2.35rem;
	height: 2.35rem;
	padding: 0;
}

.admin-action-menu__toggle::-webkit-details-marker {
	display: none;
}

.admin-action-menu__panel {
	position: fixed;
	top: var(--admin-action-menu-top, 0);
	left: var(--admin-action-menu-left, 0);
	z-index: 30;
	display: grid;
	gap: 0.35rem;
	width: min(18rem, calc(100vw - 2rem));
	padding: 0.55rem;
	background: var(--bg-card);
	border: 1px solid var(--border);
	border-radius: var(--radius-md);
	box-shadow: var(--shadow-lg);
}

.admin-action-menu:not([open]) .admin-action-menu__panel {
	display: none;
}

.admin-action-menu__panel form {
	display: block;
	margin: 0;
}

.admin-action-menu__item {
	display: flex;
	align-items: center;
	gap: 0.55rem;
	width: 100%;
	padding: 0.55rem 0.65rem;
	background: transparent;
	border: 0;
	border-radius: var(--radius-sm);
	color: var(--text-secondary);
	font: inherit;
	font-size: 0.86rem;
	font-weight: 650;
	text-align: left;
	cursor: pointer;
}

.admin-action-menu__item:hover {
	background: var(--bg-card-hover);
	color: var(--text-primary);
}

.admin-action-menu__item--success { color: #86efac; }
.admin-action-menu__item--warning { color: #fde68a; }
.admin-action-menu__item--danger { color: #fca5a5; }

.admin-action-menu__role-form {
	padding: 0.55rem 0.65rem;
	border-top: 1px solid var(--border);
}

.admin-action-menu__role-form label {
	display: block;
	margin-bottom: 0.35rem;
	color: var(--text-muted);
	font-size: 0.74rem;
	font-weight: 750;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.admin-action-menu__role-row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 0.45rem;
	align-items: center;
}

.admin-action-menu__role-row .form-select {
	min-width: 0;
	padding-top: 0.42rem;
	padding-bottom: 0.42rem;
	font-size: 0.82rem;
}

@media (max-width: 640px) {
	.admin-action-menu__panel {
		width: calc(100vw - 2rem);
		left: 1rem !important;
	}
}

.admin-management-empty {
	padding: 2rem;
	text-align: center;
	color: var(--text-muted);
}

.settings-placeholder {
	text-align: center;
	padding: 3rem 2rem;
	color: var(--text-secondary);
}

.settings-placeholder i {
	margin-bottom: 1.5rem;
}

.settings-placeholder ul {
	list-style: none;
	padding: 0;
	margin: 1rem 0;
	text-align: left;
	max-width: 400px;
	margin-left: auto;
	margin-right: auto;
}

.settings-placeholder li {
	padding: 0.5rem 0;
	padding-left: 1.5rem;
	position: relative;
}

.settings-placeholder li:before {
	content: '•';
	position: absolute;
	left: 0;
	color: var(--accent-light);
}

@media (max-width: 768px) {
	.admin-management-page {
		padding-top: 1.5rem;
	}

	.admin-management-page .container,
	.admin-management-page .container-md {
		max-width: 100%;
	}

	.admin-management-header {
		align-items: flex-start;
	}

	.admin-management-toolbar,
	.admin-management-toolbar__group {
		align-items: stretch;
		flex-direction: column;
	}

	.admin-management-toolbar .btn,
	.admin-management-toolbar .form-select {
		width: 100%;
	}

	.admin-quick-links,
	.info-grid {
		grid-template-columns: 1fr;
	}

	.info-item {
		align-items: flex-start;
		flex-direction: column;
		gap: 0.35rem;
	}

	.admin-dashboard-layout {
		grid-template-columns: 1fr;
	}

	.admin-dashboard-nav {
		position: static;
	}

	.admin-dashboard-nav__links {
		display: grid;
		grid-template-columns: 1fr;
	}

	.admin-dashboard-panel__header,
	.admin-dashboard-section-card {
		padding: 1rem;
	}
}

@media (min-width: 769px) and (max-width: 1024px) {
	.admin-dashboard-layout {
		grid-template-columns: 1fr;
	}

	.admin-dashboard-nav {
		position: static;
	}

	.admin-dashboard-nav__links {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* Shared viewport shell for buyer, seller, and admin dashboards. */
.dashboard-viewport {
	--dashboard-breadcrumb-height: calc(2.9rem + 1px);
	--dashboard-sidebar-offset: 13rem;

	min-height: calc(100vh - var(--nav-height) - var(--dashboard-breadcrumb-height));
	min-height: calc(100dvh - var(--nav-height) - var(--dashboard-breadcrumb-height));
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
	overflow: visible;
}

.dashboard-viewport__inner {
	display: flex;
	flex-direction: column;
	min-height: inherit;
}

.dashboard-viewport.dashboard-viewport__inner {
	min-height: calc(100vh - var(--nav-height) - var(--dashboard-breadcrumb-height));
	min-height: calc(100dvh - var(--nav-height) - var(--dashboard-breadcrumb-height));
}

.dashboard-viewport > .dashboard-viewport__inner {
	height: auto;
}

.dashboard-viewport .page-header,
.dashboard-viewport .dash-header {
	flex: 0 0 auto;
	margin-bottom: 1.25rem;
}

.dashboard-viewport :is(.buyer-dashboard-layout, .seller-dashboard-layout, .admin-dashboard-layout) {
	flex: 1 1 auto;
	min-height: 0;
	align-items: start;
}

.dashboard-viewport :is(.buyer-dashboard-nav, .seller-dashboard-nav, .admin-dashboard-nav) {
	position: sticky;
	top: calc(var(--nav-height) + 1rem);
	display: flex;
	flex-direction: column;
	align-self: start;
	width: 100%;
	height: calc(100vh - var(--nav-height) - var(--dashboard-breadcrumb-height) - var(--dashboard-sidebar-offset));
	height: calc(100dvh - var(--nav-height) - var(--dashboard-breadcrumb-height) - var(--dashboard-sidebar-offset));
	max-height: calc(100vh - var(--nav-height) - var(--dashboard-breadcrumb-height) - var(--dashboard-sidebar-offset));
	max-height: calc(100dvh - var(--nav-height) - var(--dashboard-breadcrumb-height) - var(--dashboard-sidebar-offset));
	min-height: 0;
	overflow: hidden;
}

.dashboard-viewport :is(.buyer-dashboard-nav__links, .seller-dashboard-nav__links, .admin-dashboard-nav__links) {
	flex: 1 1 auto;
	min-height: 0;
	overflow-y: auto;
	scrollbar-gutter: stable;
}

.dashboard-viewport :is(.buyer-dashboard-panel, .seller-dashboard-panel, .admin-dashboard-panel) {
	height: auto;
	min-height: 0;
	overflow: visible;
}

.dashboard-viewport :is(.buyer-dashboard-panel__header, .seller-dashboard-panel__header, .admin-dashboard-panel__header) {
	flex: 0 0 auto;
}

.dashboard-viewport :is(.buyer-dashboard-panel__body, .seller-dashboard-panel__body, .admin-dashboard-panel__body) {
	flex: 1 1 auto;
	min-height: 0;
	overflow: visible;
	padding-right: 0.35rem;
}

@media (max-width: 1024px) {
	.dashboard-viewport :is(.buyer-dashboard-layout, .seller-dashboard-layout, .admin-dashboard-layout) {
		grid-template-columns: minmax(0, 1fr);
		grid-template-rows: auto minmax(0, 1fr);
	}

	.dashboard-viewport :is(.buyer-dashboard-nav, .seller-dashboard-nav, .admin-dashboard-nav) {
		position: static;
		height: auto;
		max-height: none;
		overflow: visible;
	}

	.dashboard-viewport :is(.buyer-dashboard-nav__links, .seller-dashboard-nav__links, .admin-dashboard-nav__links) {
		display: flex;
		flex-wrap: wrap;
		overflow: visible;
	}
}

@media (max-width: 768px) {
	.dashboard-viewport {
		--dashboard-sidebar-offset: 10rem;

		padding-top: 1rem;
		padding-bottom: 1rem;
	}

	.dashboard-viewport .page-header,
	.dashboard-viewport .dash-header {
		margin-bottom: 1rem;
	}

	.dashboard-viewport :is(.buyer-dashboard-layout, .seller-dashboard-layout, .admin-dashboard-layout) {
		gap: 1rem;
		grid-template-rows: auto minmax(0, 1fr);
	}
}

@media (max-width: 640px) {
	.dashboard-viewport {
		--dashboard-breadcrumb-height: calc(2.78rem + 1px);
	}
}


/* Notifications page */
.notifications-list .notification-item {
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  padding: 1.5rem;
  margin-bottom: 1rem;
  background: var(--bg-card);
  transition: background-color 0.2s;
}

.notifications-list .notification-item.unread {
  background: rgba(124, 58, 237, 0.12);
  border-color: rgba(124, 58, 237, 0.35);
}

.notifications-list .notification-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 0.5rem;
}

.notifications-list .notification-title {
  margin: 0;
  font-size: 1.1rem;
  color: var(--text-primary);
}

.notifications-list .notification-description {
  margin: 0.5rem 0 1rem;
  color: var(--text-secondary);
}

.notifications-list .notification-actions {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.page-actions,
.card-actions,
.admin-actions,
.error-actions,
.home-hero-actions,
.cta-actions,
.order-actions,
.order-review-actions,
.notification-actions,
.product-card-actions,
.cart-item-actions,
.purchase-actions,
.license-actions,
.order-detail-item-actions {
  min-width: 0;
}

.page-actions,
.card-actions,
.admin-actions,
.error-actions,
.home-hero-actions,
.cta-actions,
.order-actions,
.order-review-actions,
.notification-actions,
.product-card-actions {
  display: flex;
  gap: var(--space-3);
  flex-wrap: wrap;
  align-items: center;
}

.page-actions .btn,
.card-actions .btn,
.admin-actions .btn,
.error-actions .btn,
.home-hero-actions .btn,
.cta-actions .btn,
.order-actions .btn,
.order-review-actions .btn,
.notification-actions .btn,
.product-card-actions .btn {
  flex: 0 1 auto;
}

@media (max-width: 560px) {
  .page-actions,
  .card-actions,
  .admin-actions,
  .error-actions,
  .home-hero-actions,
  .cta-actions,
  .order-actions,
  .order-review-actions,
  .notification-actions,
  .product-card-actions {
    align-items: stretch;
  }

  .page-actions .btn,
  .card-actions .btn,
  .admin-actions .btn,
  .error-actions .btn,
  .home-hero-actions .btn,
  .cta-actions .btn,
  .order-actions .btn,
  .order-review-actions .btn,
  .notification-actions .btn,
  .product-card-actions .btn {
    flex: 1 1 100%;
  }
}