@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap";@font-face{font-family:swiper-icons;src:url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);font-weight:400;font-style:normal}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}.homepage-card{padding:2em;border-radius:1rem;background-color:#fff;box-shadow:0 4px 10px #0000000d}.read-the-docs{color:#888}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translateZ(0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{display:table;content:""}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.slick-loading .slick-list{background:#fff url(/assets/ajax-loader-BcnMEykj.gif) center center no-repeat}@font-face{font-family:slick;font-weight:400;font-style:normal;src:url(data:application/vnd.ms-fontobject;base64,AAgAAGQHAAABAAIAAAAAAAIABQkAAAAAAAABAJABAAAAAExQAQAAgCAAAAAAAAAAAAAAAAEAAAAAAAAATxDE8AAAAAAAAAAAAAAAAAAAAAAAAAoAcwBsAGkAYwBrAAAADgBSAGUAZwB1AGwAYQByAAAAFgBWAGUAcgBzAGkAbwBuACAAMQAuADAAAAAKAHMAbABpAGMAawAAAAAAAAEAAAANAIAAAwBQRkZUTW3RyK8AAAdIAAAAHEdERUYANAAGAAAHKAAAACBPUy8yT/b9sgAAAVgAAABWY21hcCIPRb0AAAHIAAABYmdhc3D//wADAAAHIAAAAAhnbHlmP5u2YAAAAzwAAAIsaGVhZAABMfsAAADcAAAANmhoZWED5QIFAAABFAAAACRobXR4BkoASgAAAbAAAAAWbG9jYQD2AaIAAAMsAAAAEG1heHAASwBHAAABOAAAACBuYW1lBSeBwgAABWgAAAFucG9zdC+zMgMAAAbYAAAARQABAAAAAQAA8MQQT18PPPUACwIAAAAAAM9xeH8AAAAAz3F4fwAlACUB2wHbAAAACAACAAAAAAAAAAEAAAHbAAAALgIAAAAAAAHbAAEAAAAAAAAAAAAAAAAAAAAEAAEAAAAHAEQAAgAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQIAAZAABQAIAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAIABQkAAAAAAACAAAABAAAAIAAAAAAAAAAAUGZFZABAAGEhkgHg/+AALgHb/9sAAAABAAAAAAAAAgAAAAAAAAACAAAAAgAAJQAlACUAJQAAAAAAAwAAAAMAAAAcAAEAAAAAAFwAAwABAAAAHAAEAEAAAAAMAAgAAgAEAAAAYSAiIZAhkv//AAAAAABhICIhkCGS//8AAP+l3+PedN5xAAEAAAAAAAAAAAAAAAAAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGAIwAsAEWAAIAJQAlAdsB2wAYACwAAD8BNjQvASYjIg8BBhUUHwEHBhUUHwEWMzI2FAcGBwYiJyYnJjQ3Njc2MhcWF/GCBgaCBQcIBR0GBldXBgYdBQgH7x0eMjB8MDIeHR0eMjB8MDIecYIGDgaCBQUeBQcJBFhYBAkHBR4F0nwwMh4dHR4yMHwwMh4dHR4yAAAAAgAlACUB2wHbABgALAAAJTc2NTQvATc2NTQvASYjIg8BBhQfARYzMjYUBwYHBiInJicmNDc2NzYyFxYXASgdBgZXVwYGHQUIBwWCBgaCBQcIuB0eMjB8MDIeHR0eMjB8MDIecR4FBwkEWFgECQcFHgUFggYOBoIF0nwwMh4dHR4yMHwwMh4dHR4yAAABACUAJQHbAdsAEwAAABQHBgcGIicmJyY0NzY3NjIXFhcB2x0eMjB8MDIeHR0eMjB8MDIeAT58MDIeHR0eMjB8MDIeHR0eMgABACUAJQHbAdsAQwAAARUUBisBIicmPwEmIyIHBgcGBwYUFxYXFhcWMzI3Njc2MzIfARYVFAcGBwYjIicmJyYnJjQ3Njc2NzYzMhcWFzc2FxYB2woIgAsGBQkoKjodHBwSFAwLCwwUEhwcHSIeIBMGAQQDJwMCISspNC8mLBobFBERFBsaLCYvKicpHSUIDAsBt4AICgsLCScnCwwUEhwcOhwcEhQMCw8OHAMDJwMDAgQnFBQRFBsaLCZeJiwaGxQRDxEcJQgEBgAAAAAAAAwAlgABAAAAAAABAAUADAABAAAAAAACAAcAIgABAAAAAAADACEAbgABAAAAAAAEAAUAnAABAAAAAAAFAAsAugABAAAAAAAGAAUA0gADAAEECQABAAoAAAADAAEECQACAA4AEgADAAEECQADAEIAKgADAAEECQAEAAoAkAADAAEECQAFABYAogADAAEECQAGAAoAxgBzAGwAaQBjAGsAAHNsaWNrAABSAGUAZwB1AGwAYQByAABSZWd1bGFyAABGAG8AbgB0AEYAbwByAGcAZQAgADIALgAwACAAOgAgAHMAbABpAGMAawAgADoAIAAxADQALQA0AC0AMgAwADEANAAARm9udEZvcmdlIDIuMCA6IHNsaWNrIDogMTQtNC0yMDE0AABzAGwAaQBjAGsAAHNsaWNrAABWAGUAcgBzAGkAbwBuACAAMQAuADAAAFZlcnNpb24gMS4wAABzAGwAaQBjAGsAAHNsaWNrAAAAAAIAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAABwAAAAEAAgECAQMAhwBECmFycm93cmlnaHQJYXJyb3dsZWZ0AAAAAAAAAf//AAIAAQAAAA4AAAAYAAAAAAACAAEAAwAGAAEABAAAAAIAAAAAAAEAAAAAzu7XsAAAAADPcXh/AAAAAM9xeH8=);src:url(data:application/vnd.ms-fontobject;base64,AAgAAGQHAAABAAIAAAAAAAIABQkAAAAAAAABAJABAAAAAExQAQAAgCAAAAAAAAAAAAAAAAEAAAAAAAAATxDE8AAAAAAAAAAAAAAAAAAAAAAAAAoAcwBsAGkAYwBrAAAADgBSAGUAZwB1AGwAYQByAAAAFgBWAGUAcgBzAGkAbwBuACAAMQAuADAAAAAKAHMAbABpAGMAawAAAAAAAAEAAAANAIAAAwBQRkZUTW3RyK8AAAdIAAAAHEdERUYANAAGAAAHKAAAACBPUy8yT/b9sgAAAVgAAABWY21hcCIPRb0AAAHIAAABYmdhc3D//wADAAAHIAAAAAhnbHlmP5u2YAAAAzwAAAIsaGVhZAABMfsAAADcAAAANmhoZWED5QIFAAABFAAAACRobXR4BkoASgAAAbAAAAAWbG9jYQD2AaIAAAMsAAAAEG1heHAASwBHAAABOAAAACBuYW1lBSeBwgAABWgAAAFucG9zdC+zMgMAAAbYAAAARQABAAAAAQAA8MQQT18PPPUACwIAAAAAAM9xeH8AAAAAz3F4fwAlACUB2wHbAAAACAACAAAAAAAAAAEAAAHbAAAALgIAAAAAAAHbAAEAAAAAAAAAAAAAAAAAAAAEAAEAAAAHAEQAAgAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQIAAZAABQAIAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAIABQkAAAAAAACAAAABAAAAIAAAAAAAAAAAUGZFZABAAGEhkgHg/+AALgHb/9sAAAABAAAAAAAAAgAAAAAAAAACAAAAAgAAJQAlACUAJQAAAAAAAwAAAAMAAAAcAAEAAAAAAFwAAwABAAAAHAAEAEAAAAAMAAgAAgAEAAAAYSAiIZAhkv//AAAAAABhICIhkCGS//8AAP+l3+PedN5xAAEAAAAAAAAAAAAAAAAAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGAIwAsAEWAAIAJQAlAdsB2wAYACwAAD8BNjQvASYjIg8BBhUUHwEHBhUUHwEWMzI2FAcGBwYiJyYnJjQ3Njc2MhcWF/GCBgaCBQcIBR0GBldXBgYdBQgH7x0eMjB8MDIeHR0eMjB8MDIecYIGDgaCBQUeBQcJBFhYBAkHBR4F0nwwMh4dHR4yMHwwMh4dHR4yAAAAAgAlACUB2wHbABgALAAAJTc2NTQvATc2NTQvASYjIg8BBhQfARYzMjYUBwYHBiInJicmNDc2NzYyFxYXASgdBgZXVwYGHQUIBwWCBgaCBQcIuB0eMjB8MDIeHR0eMjB8MDIecR4FBwkEWFgECQcFHgUFggYOBoIF0nwwMh4dHR4yMHwwMh4dHR4yAAABACUAJQHbAdsAEwAAABQHBgcGIicmJyY0NzY3NjIXFhcB2x0eMjB8MDIeHR0eMjB8MDIeAT58MDIeHR0eMjB8MDIeHR0eMgABACUAJQHbAdsAQwAAARUUBisBIicmPwEmIyIHBgcGBwYUFxYXFhcWMzI3Njc2MzIfARYVFAcGBwYjIicmJyYnJjQ3Njc2NzYzMhcWFzc2FxYB2woIgAsGBQkoKjodHBwSFAwLCwwUEhwcHSIeIBMGAQQDJwMCISspNC8mLBobFBERFBsaLCYvKicpHSUIDAsBt4AICgsLCScnCwwUEhwcOhwcEhQMCw8OHAMDJwMDAgQnFBQRFBsaLCZeJiwaGxQRDxEcJQgEBgAAAAAAAAwAlgABAAAAAAABAAUADAABAAAAAAACAAcAIgABAAAAAAADACEAbgABAAAAAAAEAAUAnAABAAAAAAAFAAsAugABAAAAAAAGAAUA0gADAAEECQABAAoAAAADAAEECQACAA4AEgADAAEECQADAEIAKgADAAEECQAEAAoAkAADAAEECQAFABYAogADAAEECQAGAAoAxgBzAGwAaQBjAGsAAHNsaWNrAABSAGUAZwB1AGwAYQByAABSZWd1bGFyAABGAG8AbgB0AEYAbwByAGcAZQAgADIALgAwACAAOgAgAHMAbABpAGMAawAgADoAIAAxADQALQA0AC0AMgAwADEANAAARm9udEZvcmdlIDIuMCA6IHNsaWNrIDogMTQtNC0yMDE0AABzAGwAaQBjAGsAAHNsaWNrAABWAGUAcgBzAGkAbwBuACAAMQAuADAAAFZlcnNpb24gMS4wAABzAGwAaQBjAGsAAHNsaWNrAAAAAAIAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAABwAAAAEAAgECAQMAhwBECmFycm93cmlnaHQJYXJyb3dsZWZ0AAAAAAAAAf//AAIAAQAAAA4AAAAYAAAAAAACAAEAAwAGAAEABAAAAAIAAAAAAAEAAAAAzu7XsAAAAADPcXh/AAAAAM9xeH8=) format("embedded-opentype"),url(data:font/woff;base64,d09GRk9UVE8AAAVkAAsAAAAAB1wAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAABCAAAAi4AAAKbH/pWDkZGVE0AAAM4AAAAGgAAABxt0civR0RFRgAAA1QAAAAcAAAAIAAyAARPUy8yAAADcAAAAFIAAABgUBj/rmNtYXAAAAPEAAAAUAAAAWIiC0SwaGVhZAAABBQAAAAuAAAANgABMftoaGVhAAAERAAAABwAAAAkA+UCA2htdHgAAARgAAAADgAAAA4ESgBKbWF4cAAABHAAAAAGAAAABgAFUABuYW1lAAAEeAAAANwAAAFuBSeBwnBvc3QAAAVUAAAAEAAAACAAAwABeJw9ks9vEkEUx2cpWyeUoFYgNkHi2Wt7N3rVm3cTs3UVLC4LxIWEQvi1P3i7O1tYLJDAmlgKGEhQrsajf0j7J3jYTXrQWUrMJG+++b55n5e8NwwKBhHDMLv5kxT3ATEBxKBn3qOAl9zxHgb1MAPhHQgHkyF08Gr/L8B/Eb6zWnmCJ7AJVLubQOheArXvJ1A4EXi6j4I+Zg9F0QFKvsnlBCmXeve+sFEnb/nCptdtQ4QYhVFRAT1HrF8UQK/RL/SbmUbclsvGVFXRZKDHUE38cc4qpkbAAsuwiImvro+ufcfaOIQ6szlrmjRJDaKZKnbjN3GWKIbiIzRFUfCffuxxKOL+3LDlDVvx2TdxN84qZEsnhNBa6pgm2dAsnzbLsETdsmRFxUeHV4e+I2/ptN8TyqV8T3Dt29t7EYOuajVIw2y1Wy3M86w0zg/Fz2IvawmQAUHOVrPVfLkoScVynsqsTG0MGUs4z55nh3mnOJa+li+rl9WpPIcFfDubDeaDC+fLBdYN3QADzLauGfj4B6sZmq6CCpqmtSvF0qlUl2qf5AJIUCSlTqlb7lUG+LRfGzZGzZEyBgccMu6MuqPecNDvD4Y9Kjtj4gD+DsvKVMTcMdtqtZtmkzQstQvYje7Syep0PDSAhSOeHYXYWThEF//A/0YvYV1fSQtpKU5STtrhbQ444OtpKSWJIg3pOg8cBs7maTY1EZf07aq+hjWs7IWzdCYTGhb2CtZ47x+Uhx28AAB4nGNgYGBkAIJz765vANHnCyvqYTQAWnkHswAAeJxjYGRgYOADYgkGEGBiYARCFjAG8RgABHYAN3icY2BmYmCcwMDKwMHow5jGwMDgDqW/MkgytDAwMDGwcjKAQQMDAyOQUmCAgoA01xQGB4ZExUmMD/4/YNBjvP3/NgNEDQPjbbBKBQZGADfLDgsAAHicY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQzMCQqKClOUJz0/z9YHRLv/+L7D+8V3cuHmgAHjGwM6ELUByxUMIOZCmbgAAA5LQ8XeJxjYGRgYABiO68w73h+m68M3EwMIHC+sKIeTqsyqDLeZrwN5HIwgKUB/aYJUgAAeJxjYGRgYLzNwMCgx8QAAkA2IwMqYAIAMGIB7QIAAAACAAAlACUAJQAlAAAAAFAAAAUAAHicbY49asNAEIU/2ZJDfkiRIvXapUFCEqpcptABUrg3ZhEiQoKVfY9UqVLlGDlADpAT5e16IUWysMz3hjfzBrjjjQT/EjKpCy+4YhN5yZoxcirPe+SMWz4jr6S+5UzSa3VuwpTnBfc8RF7yxDZyKs9r5IxHPiKv1P9iZqDnyAvMQ39UecbScVb/gJO03Xk4CFom3XYK1clhMdQUlKo7/d9NF13RkIdfy+MV7TSe2sl11tRFaXYmJKpWTd7kdVnJ8veevZKc+n3I93t9Jnvr5n4aTVWU/0z9AI2qMkV4nGNgZkAGjAxoAAAAjgAF) format("woff"),url(data:font/ttf;base64,AAEAAAANAIAAAwBQRkZUTW3RyK8AAAdIAAAAHEdERUYANAAGAAAHKAAAACBPUy8yT/b9sgAAAVgAAABWY21hcCIPRb0AAAHIAAABYmdhc3D//wADAAAHIAAAAAhnbHlmP5u2YAAAAzwAAAIsaGVhZAABMfsAAADcAAAANmhoZWED5QIFAAABFAAAACRobXR4BkoASgAAAbAAAAAWbG9jYQD2AaIAAAMsAAAAEG1heHAASwBHAAABOAAAACBuYW1lBSeBwgAABWgAAAFucG9zdC+zMgMAAAbYAAAARQABAAAAAQAA8MQQT18PPPUACwIAAAAAAM9xeH8AAAAAz3F4fwAlACUB2wHbAAAACAACAAAAAAAAAAEAAAHbAAAALgIAAAAAAAHbAAEAAAAAAAAAAAAAAAAAAAAEAAEAAAAHAEQAAgAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQIAAZAABQAIAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAIABQkAAAAAAACAAAABAAAAIAAAAAAAAAAAUGZFZABAAGEhkgHg/+AALgHb/9sAAAABAAAAAAAAAgAAAAAAAAACAAAAAgAAJQAlACUAJQAAAAAAAwAAAAMAAAAcAAEAAAAAAFwAAwABAAAAHAAEAEAAAAAMAAgAAgAEAAAAYSAiIZAhkv//AAAAAABhICIhkCGS//8AAP+l3+PedN5xAAEAAAAAAAAAAAAAAAAAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGAIwAsAEWAAIAJQAlAdsB2wAYACwAAD8BNjQvASYjIg8BBhUUHwEHBhUUHwEWMzI2FAcGBwYiJyYnJjQ3Njc2MhcWF/GCBgaCBQcIBR0GBldXBgYdBQgH7x0eMjB8MDIeHR0eMjB8MDIecYIGDgaCBQUeBQcJBFhYBAkHBR4F0nwwMh4dHR4yMHwwMh4dHR4yAAAAAgAlACUB2wHbABgALAAAJTc2NTQvATc2NTQvASYjIg8BBhQfARYzMjYUBwYHBiInJicmNDc2NzYyFxYXASgdBgZXVwYGHQUIBwWCBgaCBQcIuB0eMjB8MDIeHR0eMjB8MDIecR4FBwkEWFgECQcFHgUFggYOBoIF0nwwMh4dHR4yMHwwMh4dHR4yAAABACUAJQHbAdsAEwAAABQHBgcGIicmJyY0NzY3NjIXFhcB2x0eMjB8MDIeHR0eMjB8MDIeAT58MDIeHR0eMjB8MDIeHR0eMgABACUAJQHbAdsAQwAAARUUBisBIicmPwEmIyIHBgcGBwYUFxYXFhcWMzI3Njc2MzIfARYVFAcGBwYjIicmJyYnJjQ3Njc2NzYzMhcWFzc2FxYB2woIgAsGBQkoKjodHBwSFAwLCwwUEhwcHSIeIBMGAQQDJwMCISspNC8mLBobFBERFBsaLCYvKicpHSUIDAsBt4AICgsLCScnCwwUEhwcOhwcEhQMCw8OHAMDJwMDAgQnFBQRFBsaLCZeJiwaGxQRDxEcJQgEBgAAAAAAAAwAlgABAAAAAAABAAUADAABAAAAAAACAAcAIgABAAAAAAADACEAbgABAAAAAAAEAAUAnAABAAAAAAAFAAsAugABAAAAAAAGAAUA0gADAAEECQABAAoAAAADAAEECQACAA4AEgADAAEECQADAEIAKgADAAEECQAEAAoAkAADAAEECQAFABYAogADAAEECQAGAAoAxgBzAGwAaQBjAGsAAHNsaWNrAABSAGUAZwB1AGwAYQByAABSZWd1bGFyAABGAG8AbgB0AEYAbwByAGcAZQAgADIALgAwACAAOgAgAHMAbABpAGMAawAgADoAIAAxADQALQA0AC0AMgAwADEANAAARm9udEZvcmdlIDIuMCA6IHNsaWNrIDogMTQtNC0yMDE0AABzAGwAaQBjAGsAAHNsaWNrAABWAGUAcgBzAGkAbwBuACAAMQAuADAAAFZlcnNpb24gMS4wAABzAGwAaQBjAGsAAHNsaWNrAAAAAAIAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAABwAAAAEAAgECAQMAhwBECmFycm93cmlnaHQJYXJyb3dsZWZ0AAAAAAAAAf//AAIAAQAAAA4AAAAYAAAAAAACAAEAAwAGAAEABAAAAAIAAAAAAAEAAAAAzu7XsAAAAADPcXh/AAAAAM9xeH8=) format("truetype"),url(/assets/slick-BlzDm7g2.svg#slick) format("svg")}.slick-prev,.slick-next{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translateY(-50%);cursor:pointer;color:transparent;border:none;outline:none;background:transparent}.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{color:transparent;outline:none;background:transparent}.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1}.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:.25}.slick-prev:before,.slick-next:before{font-family:slick;font-size:20px;line-height:1;opacity:.75;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:-25px}[dir=rtl] .slick-prev{right:-25px;left:auto}.slick-prev:before{content:"←"}[dir=rtl] .slick-prev:before{content:"→"}.slick-next{right:-25px}[dir=rtl] .slick-next{right:auto;left:-25px}.slick-next:before{content:"→"}[dir=rtl] .slick-next:before{content:"←"}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:none;background:transparent}.slick-dots li button:hover,.slick-dots li button:focus{outline:none}.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1}.slick-dots li button:before{font-family:slick;font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:"•";text-align:center;opacity:.25;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{opacity:.75;color:#000}.sidebar-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1999;backdrop-filter:blur(4px)}.sidebar-container{position:fixed;top:0;left:0;width:300px;height:100%;background:#fff;box-shadow:4px 0 20px #0000001a;z-index:2000;display:flex;flex-direction:column;overflow:hidden}html.dark .sidebar-container{background:#1a1a1a;box-shadow:4px 0 20px #0000004d}.sidebar-header{padding:1.5rem 1.25rem;border-bottom:1px solid #f0f0f0;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}html.dark .sidebar-header{border-bottom-color:#333;background:linear-gradient(135deg,#4a5568,#2d3748)}.user-avatar{display:flex;align-items:center;justify-content:center;color:#ffffffe6}.user-details{flex:1}.sidebar-title{font-size:1.1rem;font-weight:700;margin:0;color:#fff}.user-email{font-size:.8rem;opacity:.8;margin:.25rem 0 0;color:#ffffffe6}.sidebar-content{flex:1;padding:1rem 0;overflow-y:auto}.sidebar-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.9rem 1.25rem;background:none;border:none;color:#4a4a4a;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left}html.dark .sidebar-item{color:#e5e5e5}.sidebar-item:hover{background:#0000000d}html.dark .sidebar-item:hover{background:#ffffff0d}.sidebar-item-left{display:flex;align-items:center;gap:.75rem;flex:1}.sidebar-item-right{display:flex;align-items:center;gap:.5rem}.sidebar-badge{font-size:.7rem;padding:.1rem .3rem;border-radius:.25rem;background:#ff62001a;color:#ff6200}.sidebar-count{background:#ef4444;color:#fff;font-size:.7rem;font-weight:600;padding:.1rem .4rem;border-radius:1rem;min-width:1.2rem;text-align:center}.theme-toggle-button{border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;margin-top:.5rem}html.dark .theme-toggle-button{border-color:#333}.logout-button{color:#ef4444;border-top:1px solid #f0f0f0;margin-top:.5rem}html.dark .logout-button{color:#f87171;border-color:#333}.logout-button:hover{background:#ef44441a}.login-button{color:#22c55e;border-top:1px solid #f0f0f0;margin-top:.5rem}html.dark .login-button{color:#4ade80;border-color:#333}.login-button:hover{background:#22c55e1a}.loading-spinner-small{width:16px;height:16px;border:2px solid #f3f4f6;border-top:2px solid #ff6200;border-radius:50%;animation:spin 1s linear infinite;margin-right:.5rem}html.dark .loading-spinner-small{border-color:#374151;border-top-color:#ff6200}.sidebar-footer{padding:1rem 1.25rem;border-top:1px solid #f0f0f0;text-align:center}html.dark .sidebar-footer{border-top-color:#333}.app-version{font-size:.75rem;color:#9ca3af;margin:0}.sidebar-content::-webkit-scrollbar{width:4px}.sidebar-content::-webkit-scrollbar-track{background:#f1f1f1}html.dark .sidebar-content::-webkit-scrollbar-track{background:#2a2a2a}.sidebar-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:2px}html.dark .sidebar-content::-webkit-scrollbar-thumb{background:#555}.sidebar-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}html.dark .sidebar-content::-webkit-scrollbar-thumb:hover{background:#777}@media (max-width: 480px){.sidebar-container{width:280px}.sidebar-header{padding:1.25rem 1rem}.sidebar-item{padding:.8rem 1rem;font-size:.9rem}.sidebar-item-left{gap:.6rem}}.home-container{min-height:100vh;background:linear-gradient(to bottom right,#f0faff,#fff7ed);padding-bottom:5rem;font-family:Inter,sans-serif;transition:background .3s,color .3s;color:#111827}.dark .home-container{background:#111827;color:#fff}.navbar{background:#fff;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ddd;position:sticky;top:0;z-index:50;transition:background .3s,border-color .3s}.dark .navbar{background:#1f2937;border-color:#374151}.omniflow-title{text-align:center;margin-top:2rem;animation:glowing 1.8s infinite alternate}.omniflow-title h1{font-size:2.25rem;font-weight:700;color:#1e40af}.dark .omniflow-title h1{color:#60a5fa}@keyframes glowing{0%{text-shadow:0 0 5px #fff,0 0 10px #1e40af,0 0 20px #1e40af}to{text-shadow:0 0 10px #fff,0 0 20px #1e40af,0 0 30px #1e40af}}.greeting-section{padding:2rem 1rem;text-align:center}.greeting-section h1{font-size:2rem;font-weight:700;color:#1e40af;margin-bottom:1rem}.dark .greeting-section h1{color:#60a5fa}.greeting-section p{font-size:1rem;color:#6b7280}.dark .greeting-section p{color:#cbd5e1}.tiles-container{display:flex;flex-direction:column;gap:1rem;padding:1rem;max-width:800px;margin:0 auto}.tile{border-radius:1rem;padding:1.5rem;color:#fff;cursor:pointer;background-size:cover;background-position:center;transition:transform .2s,box-shadow .2s,background-color .3s;box-shadow:0 4px 12px #00000014;background-color:#1e3a8a}.dark .tile{background-color:#1f2937;color:#e5e7eb}.tile:hover{transform:scale(1.03)}.tile h2{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.tile p{font-size:.95rem;color:#fffffff2}.dark .tile p{color:#e5e7ebe6}.bottom-navbar{background:#fff;padding:.7rem 1rem;display:flex;justify-content:space-around;border-top:1px solid #ccc;position:fixed;bottom:0;left:0;right:0;z-index:50;transition:background .3s,border-color .3s}.dark .bottom-navbar{background:#1f2937;border-color:#374151}.bottom-nav-link{display:flex;flex-direction:column;align-items:center;color:#4b5563;text-decoration:none;transition:color .2s ease}.bottom-nav-link:hover,.bottom-nav-link.active{color:#2563eb}.dark .bottom-nav-link{color:#cbd5e1}.dark .bottom-nav-link:hover,.dark .bottom-nav-link.active{color:#3b82f6}.bottom-nav-link span{font-size:.75rem;margin-top:.25rem}.profile-icon-wrapper,.messages-wrapper{position:relative;display:inline-block;background:none;border:none;padding:0;margin:0;outline:none;cursor:pointer}.profile-icon-wrapper:focus,.messages-wrapper:focus{outline:none;box-shadow:none}.dot{position:absolute;width:10px;height:10px;background:#ef4444;border-radius:50%}.top-left-dot,.top-right-dot{top:0;right:0}:root{--primary-color: #007bff;--secondary-color: #6c757d;--success-color: #28a745;--error-color: #dc3545;--background-color: #f8f9fa;--text-color: #333;--border-color: #dee2e6;--glass-bg: rgba(255, 255, 255, .8);--glass-shadow: 0 4px 30px rgba(0, 0, 0, .1);--glass-border: 1px solid rgba(255, 255, 255, .3)}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--background-color);color:var(--text-color);margin:0;padding:0;line-height:1.5}.auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:1rem;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.auth-form-container{width:100%;max-width:400px;padding:2rem;border-radius:12px;box-shadow:0 10px 20px #0000001a}.glass-card{background:var(--glass-bg);backdrop-filter:blur(10px);border:var(--glass-border);box-shadow:var(--glass-shadow)}.auth-title{text-align:center;margin-bottom:2rem;font-size:1.8rem;color:var(--primary-color)}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;font-size:.9rem}.form-group input{padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:6px;font-size:1rem;transition:border-color .3s ease}.form-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #007bff1a}.error-text{color:var(--error-color);font-size:.85rem}.password-toggle{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--secondary-color);padding:0}.password-hint{font-size:.8rem;color:var(--secondary-color);margin-top:.25rem}.terms-acceptance{display:flex;align-items:center;font-size:.9rem}.terms-checkbox{display:flex;align-items:center;cursor:pointer}.checkbox-input{margin-right:.75rem}.terms-link{color:var(--primary-color);text-decoration:underline;background:none;border:none;cursor:pointer;padding:0}.auth-button{background-color:var(--primary-color);color:#fff;padding:.75rem;border:none;border-radius:6px;font-size:1rem;cursor:pointer;transition:background-color .3s ease,transform .1s ease;display:flex;justify-content:center;align-items:center}.auth-button:hover{background-color:#0056b3}.auth-button:disabled{background-color:var(--secondary-color);cursor:not-allowed}.auth-links{display:flex;justify-content:space-between;margin-bottom:1rem}.link-btn{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:.9rem;text-decoration:underline}.back-link{display:block;text-align:center;margin-top:1rem}.auth-divider{display:flex;align-items:center;text-align:center;margin:1.5rem 0;color:var(--secondary-color)}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:1px solid var(--border-color)}.auth-divider span{padding:0 1rem}.google-signin-btn{display:flex;align-items:center;justify-content:center;background-color:#fff;border:1px solid var(--border-color);border-radius:6px;padding:.75rem;cursor:pointer;font-size:1rem;transition:box-shadow .3s ease}.google-signin-btn:hover{box-shadow:0 2px 8px #0000001a}.google-icon{margin-right:.75rem}.toggle-form-text{text-align:center;margin-top:1.5rem;font-size:.9rem}.toggle-btn{background:none;border:none;color:var(--primary-color);cursor:pointer;font-weight:600;text-decoration:underline}.env-error-message{background-color:#dc35451a;border:1px solid var(--error-color);border-radius:6px;padding:1rem;margin-bottom:1.5rem;color:var(--error-color);text-align:center}.success-message{background-color:#28a7451a;border:1px solid var(--success-color);border-radius:6px;padding:1rem;margin-bottom:1.5rem;color:var(--success-color);text-align:center}.error-container{text-align:center;padding:2rem;background:#fff;border-radius:12px;box-shadow:0 10px 20px #0000001a;max-width:400px;margin:0 auto}@media (max-width: 480px){.auth-form-container{padding:1.5rem}.auth-title{font-size:1.5rem}}.animate-spin{animation:spin 1s linear infinite}.profile-page{min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:1.5rem 1.5rem 5rem;background:linear-gradient(to bottom,#e0e7ff,#fdf2f8)}.dark .profile-page{background:linear-gradient(to bottom,#111827,#1f2937)}.profile-container{background:#fff;border-radius:1rem;padding:1.5rem;max-width:700px;width:100%;box-shadow:0 10px 30px #0000001a}.dark .profile-container{background:#1f2937;color:#e5e7eb}.profile-heading{text-align:center;font-size:1.6rem;font-weight:700;margin-bottom:1.5rem}.profile-photo-wrapper{display:flex;flex-direction:column;align-items:center;margin-bottom:1.5rem}.profile-photo{width:110px;height:110px;border-radius:50%;object-fit:cover;border:3px solid #4f46e5;margin-bottom:.5rem}.upload-btn{background:#4f46e5;color:#fff;padding:.4rem .8rem;border-radius:.5rem;cursor:pointer;font-size:.9rem;transition:background .3s}.upload-btn:hover{background:#4338ca}.profile-section{margin-bottom:1.5rem}.section-title{font-size:1.1rem;font-weight:600;margin-bottom:.8rem;color:#374151}.dark .section-title{color:#f3f4f6}.section-content{display:flex;flex-direction:column;gap:.8rem}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}@media (max-width: 640px){.grid-2{grid-template-columns:1fr}}input,textarea{padding:.7rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.95rem;width:100%;transition:border .2s,box-shadow .2s}input:focus,textarea:focus{border-color:#4f46e5;outline:none;box-shadow:0 0 0 2px #4f46e54d}.dark input,.dark textarea{background:#374151;border-color:#4b5563;color:#f9fafb}.dark input:focus,.dark textarea:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f166}.actions{display:flex;justify-content:flex-end;gap:.8rem;margin-top:1rem}.btn-secondary{background:#e5e7eb;color:#374151}.btn-secondary:hover{background:#d1d5db}.dark .btn-secondary{background:#374151;color:#f9fafb}.dark .btn-secondary:hover{background:#4b5563}.profile-placeholder{position:relative;width:110px;height:110px;border-radius:50%;background:#f3f4f6;display:flex;justify-content:center;align-items:center;border:3px solid #4f46e5;margin-bottom:.5rem;overflow:hidden}.placeholder-icon{font-size:80px;color:#9ca3af}.whatsapp-icon{position:absolute;bottom:5px;right:5px;font-size:22px;color:#25d366;background:#fff;border-radius:50%;padding:2px}.profile-basic-info{text-align:center;margin-top:.5rem}.profile-basic-info h3{font-size:1.2rem;font-weight:600;margin-bottom:.2rem}.profile-basic-info p{font-size:.95rem;color:#6b7280;margin-bottom:.5rem}.seller-badge{display:inline-block;background:#f59e0b;color:#fff;font-size:.75rem;padding:.3rem .6rem;border-radius:.4rem;font-weight:600}.messages-page{height:100vh;width:100%;background:linear-gradient(135deg,#667eea,#764ba2);position:relative;overflow:hidden}.messages-page.dark{background:linear-gradient(135deg,#1a202c,#2d3748)}.messages-container{height:100%;width:100%;display:flex;flex-direction:column;background:#fffffffa;backdrop-filter:blur(20px);box-shadow:0 8px 32px #0000001a;position:relative;overflow:hidden}.messages-page.dark .messages-container{background:#1a202cfa;box-shadow:0 8px 32px #0000004d}.messages-header{padding:1rem 1.5rem .75rem;background:#fffffff2;backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.08);position:sticky;top:0;z-index:100;display:flex;flex-direction:column;gap:.75rem}.messages-page.dark .messages-header{background:#2d3748f2;border-bottom:1px solid rgba(255,255,255,.1)}.search-container{position:relative;display:flex;align-items:center;flex:1}.search-icon{position:absolute;left:1rem;color:#a0aec0;font-size:1rem;z-index:1}.search-input{width:100%;padding:.85rem 1rem .85rem 3rem;border:2px solid rgba(102,126,234,.1);border-radius:12px;font-size:.95rem;font-weight:500;background:#f8fafccc;backdrop-filter:blur(10px);transition:all .3s ease;outline:none}.messages-page.dark .search-input{background:#4a556880;border-color:#667eea33;color:#e2e8f0}.search-input:focus{border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}.messages-page.dark .search-input:focus{background:#4a5568;border-color:#4fd1c7;box-shadow:0 0 0 3px #4fd1c733}.search-input::placeholder{color:#94a3b8;font-weight:400}.clear-search{position:absolute;right:1rem;background:none;border:none;color:#94a3b8;cursor:pointer;padding:.25rem;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.clear-search:hover{color:#667eea;background:#667eea1a}.filter-buttons{display:flex;gap:.5rem;justify-content:center}.filter-btn{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border:2px solid rgba(102,126,234,.1);border-radius:12px;background:#f8fafccc;color:#64748b;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease}.messages-page.dark .filter-btn{background:#4a556880;border-color:#ffffff1a;color:#cbd5e0}.filter-btn:hover{border-color:#667eea4d}.filter-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent;box-shadow:0 4px 12px #667eea40}.messages-page.dark .filter-btn.active{background:linear-gradient(135deg,#4fd1c7,#4299e1);box-shadow:0 4px 12px #4fd1c740}.conversations-list{flex:1;overflow-y:auto;padding:0;background:#f8fafc80}.messages-page.dark .conversations-list{background:#1a202c80}.conversations-list::-webkit-scrollbar{width:6px}.conversations-list::-webkit-scrollbar-track{background:transparent}.conversations-list::-webkit-scrollbar-thumb{background:#667eea4d;border-radius:3px}.conversations-list::-webkit-scrollbar-thumb:hover{background:#667eea80}.conversation{display:flex;align-items:center;padding:1rem 1.5rem;gap:1rem;cursor:pointer;transition:all .3s ease;border-bottom:1px solid rgba(0,0,0,.03);position:relative;overflow:hidden}.messages-page.dark .conversation{border-bottom-color:#ffffff0d}.conversation:hover{background:#667eea0d}.messages-page.dark .conversation:hover{background:#4fd1c70d}.conversation.unread{background:#667eea14}.messages-page.dark .conversation.unread{background:#4fd1c714}.conversation.pinned:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(to bottom,#f59e0b,#f97316)}.avatar-wrapper{position:relative;flex-shrink:0}.avatar{width:50px;height:50px;border-radius:50%;object-fit:cover;border:3px solid white;box-shadow:0 2px 8px #0000001a}.messages-page.dark .avatar{border-color:#2d3748}.avatar.store{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.messages-page.dark .avatar.store{background:linear-gradient(135deg,#4fd1c7,#4299e1)}.avatar.user{background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:600}.avatar-initial{font-size:1.2rem;font-weight:600}.online-dot{position:absolute;bottom:4px;right:4px;width:12px;height:12px;background:#10b981;border:2px solid white;border-radius:50%;animation:pulse 2s infinite}.messages-page.dark .online-dot{border-color:#2d3748}.conversation-body{flex:1;min-width:0}.conversation-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.conversation-top h3{margin:0;font-size:1rem;font-weight:600;color:#2d3748;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.messages-page.dark .conversation-top h3{color:#f7fafc}.conversation-meta{display:flex;align-items:center;gap:.5rem}.time{font-size:.75rem;color:#94a3b8;font-weight:500;white-space:nowrap}.pin-btn{background:none;border:none;color:#cbd5e0;cursor:pointer;padding:.25rem;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.pin-btn:hover{color:#f59e0b;background:#f59e0b1a}.conversation-preview{display:flex;justify-content:space-between;align-items:center}.message-preview{margin:0;font-size:.9rem;color:#64748b;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70%}.messages-page.dark .message-preview{color:#a0aec0}.unread-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:.75rem;font-weight:600;padding:.2rem .6rem;border-radius:12px;min-width:24px;text-align:center}.messages-page.dark .unread-badge{background:linear-gradient(135deg,#4fd1c7,#4299e1)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;text-align:center;padding:2rem}.empty-icon{font-size:3rem;color:#cbd5e0;margin-bottom:1.5rem;opacity:.5}.messages-page.dark .empty-icon{color:#4a5568}.empty-state h3{font-size:1.5rem;font-weight:600;color:#4a5568;margin-bottom:.5rem}.messages-page.dark .empty-state h3{color:#cbd5e0}.empty-text{color:#94a3b8;font-size:1rem;max-width:300px;line-height:1.5}.conversation.skeleton{animation:skeleton-pulse 1.5s ease-in-out infinite;border-bottom:1px solid rgba(0,0,0,.05)}.messages-page.dark .conversation.skeleton{border-bottom-color:#ffffff0d}.skeleton-avatar{width:50px;height:50px;border-radius:50%;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%}.messages-page.dark .skeleton-avatar{background:linear-gradient(90deg,#2d3748 25%,#4a5568,#2d3748 75%)}.skeleton-line{height:14px;border-radius:7px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;margin-bottom:.5rem}.messages-page.dark .skeleton-line{background:linear-gradient(90deg,#2d3748 25%,#4a5568,#2d3748 75%)}.skeleton-line.short{width:120px}.skeleton-line.medium{width:180px}.skeleton-line.long{width:220px}.skeleton-line.tiny{width:60px;height:12px}@keyframes skeleton-pulse{0%{opacity:1}50%{opacity:.6}to{opacity:1}}@media (max-width: 768px){.messages-header{padding:.75rem 1rem .5rem}.search-input{padding:.75rem .9rem .75rem 2.5rem;font-size:.9rem}.filter-btn{padding:.4rem .8rem;font-size:.8rem}.conversation{padding:.85rem 1rem}.avatar{width:44px;height:44px}.conversation-top h3{font-size:.95rem}.message-preview{font-size:.85rem}}@media (max-width: 480px){.messages-container{border-radius:0}.conversation{gap:.75rem}.avatar{width:40px;height:40px}.online-dot{width:10px;height:10px}}@media (prefers-reduced-motion: reduce){.conversation,.filter-btn,.pin-btn,.clear-search{transition:none}.conversation:hover{background:#667eea0d}.online-dot,.skeleton-avatar,.skeleton-line{animation:none}}.notifications-container{max-width:100%;margin:0 auto;padding:0;min-height:100vh;background:#fff;position:relative}html.dark .notifications-container{background:#0f172a}.notifications-header{background:#fff;padding:0;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:100;box-shadow:0 1px 3px #0000001a}html.dark .notifications-header{background:#1e293b;border-bottom-color:#334155;box-shadow:0 1px 3px #0000004d}.header-content{padding:1rem}.header-main{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:1rem}.header-title-section h1{margin:0;color:#1e293b;font-size:1.5rem;font-weight:700;display:flex;align-items:center;gap:.75rem}html.dark .header-title-section h1{color:#f1f5f9}.unread-count-badge{background:#ef4444;color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;min-width:24px;text-align:center}.header-actions{display:flex;align-items:center;gap:.5rem}.action-btn{display:flex;align-items:center;justify-content:center;padding:.75rem;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s ease;background:#f8fafc;color:#475569;min-width:44px;min-height:44px}html.dark .action-btn{background:#334155;color:#cbd5e1}.action-btn:hover{background:#e2e8f0}html.dark .action-btn:hover{background:#475569}.cancel-btn{background:#6b7280;color:#fff}.cancel-btn:hover{background:#4b5563}.menu-btn,.delete-btn{background:#ef4444;color:#fff}.menu-btn:hover,.delete-btn:hover{background:#dc2626}.filter-tabs-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.filter-tabs-scroll::-webkit-scrollbar{display:none}.filter-tabs{display:flex;gap:.5rem;padding:.25rem;min-width:max-content}.filter-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#f8fafc;border:none;border-radius:10px;color:#64748b;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.875rem;white-space:nowrap;min-height:44px}html.dark .filter-tab{background:#334155;color:#cbd5e1}.filter-tab.active{background:#3b82f6;color:#fff}.filter-count{background:#ef4444;color:#fff;padding:.2rem .5rem;border-radius:8px;font-size:.75rem;font-weight:700;min-width:20px;text-align:center}.filter-tab.active .filter-count{background:#fff3}.bulk-actions-bar{background:#3b82f6;margin:1rem -1rem -1rem;padding:1rem}.bulk-actions-content{display:flex;justify-content:space-between;align-items:center;color:#fff;font-size:.9rem}.bulk-actions{display:flex;gap:.5rem}.bulk-action-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:1px solid rgba(255,255,255,.3);border-radius:8px;background:#ffffff1a;color:#fff;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-height:36px}.bulk-action-btn:hover{background:#fff3}.notifications-content{padding:1rem;padding-bottom:calc(1rem + 80px)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#64748b;text-align:center}html.dark .loading-state{color:#94a3b8}.loading-spinner{width:32px;height:32px;border:3px solid #e2e8f0;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}html.dark .loading-spinner{border-color:#334155;border-top-color:#3b82f6}.empty-state{text-align:center;padding:4rem 2rem;color:#64748b;display:flex;flex-direction:column;align-items:center}html.dark .empty-state{color:#94a3b8}.empty-icon{width:64px;height:64px;background:#f8fafc;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;color:#64748b;font-size:1.5rem}html.dark .empty-icon{background:#334155;color:#94a3b8}.empty-state h3{margin:0 0 .5rem;color:#374151;font-size:1.25rem;font-weight:600}html.dark .empty-state h3{color:#e2e8f0}.empty-state p{margin:0 0 1.5rem;font-size:.9rem;max-width:300px;line-height:1.5}.notifications-list{display:flex;flex-direction:column;gap:1.5rem}.select-all-bar{background:#f8fafc;padding:1rem;border-radius:12px;margin-bottom:.5rem}html.dark .select-all-bar{background:#334155}.select-all-checkbox{display:flex;align-items:center;gap:.75rem;font-weight:600;color:#374151;cursor:pointer;font-size:.9rem}html.dark .select-all-checkbox{color:#e2e8f0}.select-all-checkbox input{display:none}.checkmark{width:20px;height:20px;border:2px solid #cbd5e1;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.select-all-checkbox input:checked+.checkmark{background:#3b82f6;border-color:#3b82f6}.select-all-checkbox input:checked+.checkmark:after{content:"✓";color:#fff;font-size:12px;font-weight:700}.notification-group{display:flex;flex-direction:column;gap:.75rem}.group-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #e2e8f0}html.dark .group-header{border-bottom-color:#334155}.group-date{color:#64748b;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}html.dark .group-date{color:#94a3b8}.group-count{background:#f1f5f9;color:#475569;padding:.25rem .5rem;border-radius:8px;font-size:.75rem;font-weight:600}html.dark .group-count{background:#334155;color:#cbd5e1}.group-notifications{display:flex;flex-direction:column;gap:.75rem}.notification-card{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #f1f5f9;transition:all .2s ease;cursor:pointer;position:relative;min-height:80px;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}html.dark .notification-card{background:#1e293b;border-color:#334155;box-shadow:0 1px 3px #0000004d}.notification-card.unread{background:#fef7ff;border-left:4px solid}html.dark .notification-card.unread{background:#2e1b3b}.notification-card.info{border-left-color:#3b82f6}.notification-card.success{border-left-color:#10b981}.notification-card.warning{border-left-color:#f59e0b}.notification-card.danger{border-left-color:#ef4444}.notification-card.pink{border-left-color:#ec4899}.notification-card.purple{border-left-color:#8b5cf6}.notification-card.blue{border-left-color:#3b82f6}.notification-card.gray{border-left-color:#6b7280}.notification-card.read{opacity:.8}.notification-card:active{transform:scale(.98)}.selection-checkbox{padding-top:.25rem;cursor:pointer;flex-shrink:0}.selection-checkbox .checked{color:#3b82f6;font-size:1.25rem}.selection-checkbox .unchecked{color:#cbd5e1;font-size:1.25rem}html.dark .selection-checkbox .unchecked{color:#475569}.notification-content{display:flex;align-items:flex-start;gap:.75rem;flex:1;min-width:0}.notification-icon-wrapper{position:relative;padding:.5rem;border-radius:10px;background:#f8fafc;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:.25rem}html.dark .notification-icon-wrapper{background:#334155}.notification-icon{font-size:1rem}.notification-icon.info{color:#3b82f6}.notification-icon.success{color:#10b981}.notification-icon.warning{color:#f59e0b}.notification-icon.danger{color:#ef4444}.notification-icon.pink{color:#ec4899}.notification-icon.purple{color:#8b5cf6}.notification-icon.blue{color:#3b82f6}.notification-icon.gray{color:#6b7280}.unread-indicator{position:absolute;top:-2px;right:-2px;width:8px;height:8px;background:#ef4444;border-radius:50%;border:2px solid #ffffff}html.dark .unread-indicator{border-color:#1e293b}.notification-details{flex:1;min-width:0}.notification-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;gap:.5rem}.notification-title{margin:0;color:#1e293b;font-size:.95rem;font-weight:600;line-height:1.4;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}html.dark .notification-title{color:#f1f5f9}.notification-time{color:#64748b;font-size:.75rem;white-space:nowrap;font-weight:500;flex-shrink:0;margin-top:.125rem}html.dark .notification-time{color:#94a3b8}.notification-message{margin:0 0 .5rem;color:#475569;line-height:1.4;font-size:.875rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}html.dark .notification-message{color:#cbd5e1}.notification-meta{display:flex;align-items:center;gap:.75rem}.notification-type{padding:.25rem .5rem;background:#f1f5f9;color:#475569;border-radius:8px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}html.dark .notification-type{background:#334155;color:#cbd5e1}.unread-dot{width:8px;height:8px;background:#ef4444;border-radius:50%;animation:pulse 2s infinite;flex-shrink:0;margin-top:.25rem}.notification-actions{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.mark-all-read-section{display:flex;justify-content:center;padding:1.5rem 0;margin-top:1rem;border-top:1px solid #e2e8f0}html.dark .mark-all-read-section{border-top-color:#334155}.mark-all-read-btn{background:#10b981;color:#fff;border:none;padding:.875rem 1.5rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.9rem;display:flex;align-items:center;gap:.5rem;min-height:44px}.mark-all-read-btn:hover{background:#059669}.detail-view .notifications-content{padding:0}.notification-detail-view{padding:1rem}.notification-detail-card{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 12px #0000001a;border:1px solid #f1f5f9}html.dark .notification-detail-card{background:#1e293b;border-color:#334155;box-shadow:0 4px 12px #0000004d}.detail-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}html.dark .detail-header{border-bottom-color:#334155}.detail-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.detail-icon.info{background:#dbeafe;color:#3b82f6}.detail-icon.success{background:#d1fae5;color:#10b981}.detail-icon.warning{background:#fef3c7;color:#f59e0b}.detail-icon.danger{background:#fee2e2;color:#ef4444}.detail-icon.pink{background:#fce7f3;color:#ec4899}.detail-icon.purple{background:#f3e8ff;color:#8b5cf6}.detail-icon.blue{background:#dbeafe;color:#3b82f6}.detail-icon.gray{background:#f3f4f6;color:#6b7280}html.dark .detail-icon.info{background:#1e3a8a;color:#60a5fa}html.dark .detail-icon.success{background:#065f46;color:#34d399}html.dark .detail-icon.warning{background:#92400e;color:#fbbf24}html.dark .detail-icon.danger{background:#991b1b;color:#f87171}html.dark .detail-icon.pink{background:#9d174d;color:#f472b6}html.dark .detail-icon.purple{background:#5b21b6;color:#a78bfa}html.dark .detail-icon.blue{background:#1e3a8a;color:#60a5fa}html.dark .detail-icon.gray{background:#374151;color:#9ca3af}.detail-meta{flex:1;min-width:0}.detail-title{margin:0 0 .5rem;color:#1e293b;font-size:1.25rem;font-weight:700;line-height:1.4}html.dark .detail-title{color:#f1f5f9}.detail-time{display:flex;align-items:center;gap:.5rem;color:#64748b;font-size:.875rem;margin-bottom:.75rem}html.dark .detail-time{color:#94a3b8}.detail-content{margin-bottom:1.5rem}.detail-message{color:#475569;line-height:1.6;font-size:1rem;margin:0}html.dark .detail-message{color:#cbd5e1}.detail-actions{display:flex;gap:.75rem;flex-wrap:wrap}.detail-actions .action-btn{min-height:44px;flex:1;min-width:120px;justify-content:center;gap:.5rem}.mark-read-btn{background:#10b981;color:#fff}.mark-read-btn:hover{background:#059669}.back-button{display:flex;align-items:center;justify-content:center;padding:.75rem;border:none;background:#f8fafc;color:#475569;cursor:pointer;border-radius:12px;min-width:44px;min-height:44px}html.dark .back-button{background:#334155;color:#cbd5e1}.load-more-section{display:flex;justify-content:center;padding:2rem 1rem}.load-more-btn{background:#3b82f6;color:#fff;border:none;padding:.875rem 1.5rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.9rem;display:flex;align-items:center;gap:.5rem;min-height:44px}.load-more-btn:hover:not(:disabled){background:#2563eb}.load-more-btn:disabled{background:#94a3b8;cursor:not-allowed}.loading-dots span{width:6px;height:6px;border-radius:50%;background:currentColor;animation:bounce 1.4s infinite ease-in-out both}.loading-dots span:nth-child(1){animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.notifications-login-prompt{text-align:center;padding:4rem 2rem;color:#64748b;display:flex;flex-direction:column;align-items:center}html.dark .notifications-login-prompt{color:#94a3b8}.login-prompt-icon{width:64px;height:64px;background:#f8fafc;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;color:#64748b;font-size:1.5rem}html.dark .login-prompt-icon{background:#334155;color:#94a3b8}.notifications-login-prompt h3{margin:0 0 .5rem;color:#374151;font-size:1.25rem;font-weight:600}html.dark .notifications-login-prompt h3{color:#e2e8f0}.notifications-login-prompt p{margin:0;font-size:.9rem;max-width:300px;line-height:1.5}@media (max-width: 768px){.header-content{padding:.75rem}.header-main{margin-bottom:.75rem}.header-title-section h1{font-size:1.25rem}.notifications-content{padding:.75rem;padding-bottom:calc(.75rem + 80px)}.notification-card{padding:.875rem;gap:.5rem}.notification-content{gap:.5rem}.notification-icon-wrapper{padding:.375rem}.notification-title{font-size:.9rem}.notification-message{font-size:.8rem}.notification-detail-card{padding:1rem;border-radius:12px}.detail-header{flex-direction:column;gap:.75rem;text-align:center}.detail-actions{flex-direction:column}.detail-actions .action-btn{flex:none;width:100%}.mark-all-read-section{padding:1rem 0}}@media (max-width: 480px){.header-title-section h1{font-size:1.125rem}.action-btn,.back-button{min-width:40px;min-height:40px;padding:.5rem}.filter-tab{padding:.625rem .75rem;font-size:.8rem;min-height:40px}.notification-card,.notification-detail-view{padding:.75rem}}@media (max-width: 360px){.header-content{padding:.5rem}.notifications-content{padding:.5rem;padding-bottom:calc(.5rem + 80px)}.notification-group{gap:.5rem}.notification-card{padding:.625rem}.notification-details{min-width:0}}@media (min-width: 1024px){.notifications-container{max-width:600px;margin:0 auto}}@media (prefers-reduced-motion: reduce){.notification-card,.action-btn,.filter-tab,.bulk-action-btn,.load-more-btn{transition:none;animation:none}.unread-dot{animation:none}.loading-spinner{animation:none;border:3px solid #3b82f6;border-top-color:transparent}.loading-dots span{animation:none;opacity:1}}@media (hover: none) and (pointer: coarse){.action-btn:hover,.notification-card:hover,.load-more-btn:hover{transform:none}.notification-card{cursor:default}}:root{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--text-primary: #0f172a;--text-secondary: #64748b;--text-muted: #94a3b8;--border-color: #e2e8f0;--accent-primary: #667eea;--accent-secondary: #764ba2;--accent-success: #10b981;--accent-warning: #f59e0b;--accent-danger: #ef4444;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--transition-fast: all .15s ease-in-out;--transition-smooth: all .3s ease-in-out;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--z-index-header: 10;--z-index-modal: 50}[data-theme=dark]{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-gradient: linear-gradient(135deg, #1e3a8a 0%, #3730a3 100%);--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--border-color: #334155;--accent-primary: #818cf8;--accent-secondary: #a78bfa}body{font-family:var(--font-family);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary);color:var(--text-primary)}.help-center{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);padding-bottom:100px;overflow-x:hidden}.help-hero{background:var(--bg-gradient);color:#fff;padding:4rem 1.5rem 3rem;text-align:center;position:relative;overflow:hidden}.help-hero:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" opacity="0.1"><circle cx="20" cy="20" r="2" fill="white"/><circle cx="80" cy="40" r="3" fill="white"/><circle cx="40" cy="80" r="2" fill="white"/></svg>') repeat;pointer-events:none}.hero-content{position:relative;z-index:1;max-width:800px;margin:0 auto}.hero-content h1{font-size:2.5rem;font-weight:700;margin-bottom:.75rem;letter-spacing:-.05em}.hero-content p{font-size:1.125rem;opacity:.9;margin-bottom:2rem}.search-container{position:relative;max-width:500px;margin:0 auto}.search-input{width:100%;padding:1rem 1rem 1rem 3.5rem;font-size:1rem;border:none;border-radius:var(--radius-xl);background:#fff3;backdrop-filter:blur(10px);color:#fff;transition:var(--transition-smooth)}.search-input::placeholder{color:#ffffffb3}.search-input:focus{outline:none;background:#ffffff4d;box-shadow:0 0 0 4px #fff3}.search-btn{position:absolute;left:1rem;top:50%;transform:translateY(-50%);background:none;border:none;font-size:1.25rem;color:#fff;cursor:pointer;padding:.25rem;transition:var(--transition-fast)}.search-btn:hover{transform:translateY(-50%) scale(1.1)}.quick-actions-section{padding:2rem 1.5rem;background:var(--bg-secondary)}.quick-actions-section h2{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;text-align:center;color:var(--text-primary)}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;max-width:1000px;margin:0 auto}.action-card{background:var(--bg-primary);border-radius:var(--radius-lg);padding:1.5rem 1rem;text-align:center;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);cursor:pointer;transition:var(--transition-smooth);display:flex;flex-direction:column;align-items:center;gap:.75rem}.action-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--accent-primary)}.action-icon{font-size:2.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.action-card span{font-weight:600;color:var(--text-primary);font-size:.95rem}.help-tabs{display:flex;background:var(--bg-primary);border-bottom:1px solid var(--border-color);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;position:sticky;top:0;z-index:var(--z-index-header);backdrop-filter:blur(10px)}.help-tabs::-webkit-scrollbar{display:none}.tab{flex:1;min-width:120px;padding:1rem .5rem;background:none;border:none;font-size:.95rem;font-weight:600;color:var(--text-secondary);transition:var(--transition-fast);position:relative;cursor:pointer}.tab:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:3px;background:var(--accent-primary);transition:var(--transition-fast);transform:translate(-50%)}.tab:hover,.tab.active{color:var(--accent-primary)}.tab.active:after{width:60%}.section-header{padding:2rem 1.5rem 1.5rem;text-align:center;max-width:800px;margin:0 auto}.section-header h2{font-size:1.875rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary)}.section-header p{color:var(--text-secondary);font-size:1rem}.faq-section{padding:0 1.5rem 2rem;max-width:900px;margin:0 auto}.categories-list{display:flex;flex-direction:column;gap:1rem}.category-card{background:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border-color);overflow:hidden;box-shadow:var(--shadow-sm);transition:var(--transition-smooth)}.category-card:hover{box-shadow:var(--shadow-md);border-color:var(--accent-primary)}.category-header{width:100%;padding:1.5rem;background:var(--bg-secondary);border:none;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:var(--transition-fast);text-align:left}.category-header:hover{background:var(--bg-primary)}.category-title{display:flex;align-items:center;gap:1rem}.category-icon{font-size:1.75rem}.category-title h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.toggle-icon{font-size:1.5rem;font-weight:300;color:var(--accent-primary)}.category-content{overflow:hidden}.question-item{border-top:1px solid var(--border-color)}.question-button{width:100%;padding:1.25rem 1.5rem;background:none;border:none;display:flex;justify-content:space-between;align-items:flex-start;cursor:pointer;text-align:left;transition:var(--transition-fast)}.question-button:hover{background:var(--bg-secondary)}.question-text{font-weight:500;color:var(--text-primary);flex:1;padding-right:1rem}.question-toggle{font-size:1.25rem;color:var(--accent-primary);font-weight:300}.answer-content{padding:0 1.5rem 1.5rem;color:var(--text-secondary);line-height:1.7}.answer-content p{margin:0}.no-results{text-align:center;padding:4rem 1.5rem;color:var(--text-secondary)}.no-results-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.no-results h3{font-size:1.5rem;margin-bottom:.5rem;color:var(--text-primary)}.no-results p{font-size:1rem}.contact-section{padding:0 1.5rem 2rem;max-width:1000px;margin:0 auto}.contact-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:3rem}.contact-card{background:var(--bg-primary);border-radius:var(--radius-lg);padding:2rem;text-align:center;box-shadow:var(--shadow-md);border:1px solid var(--border-color);transition:var(--transition-smooth);display:flex;flex-direction:column;align-items:center;gap:1rem}.contact-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--accent-primary)}.contact-icon{font-size:2.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.contact-card h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.contact-card p{color:var(--text-secondary);margin:0 0 .5rem}.contact-btn{padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;font-size:.95rem;cursor:pointer;transition:var(--transition-smooth);min-height:44px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.contact-btn.primary{background:var(--bg-gradient);color:#fff;border:none}.contact-btn.primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.contact-btn{background:var(--bg-secondary);color:var(--accent-primary);border:1px solid var(--border-color)}.contact-btn:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.contact-card small{font-size:.875rem;color:var(--text-muted)}.contact-form-section{max-width:700px;margin:0 auto;background:var(--bg-primary);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-md);border:1px solid var(--border-color)}.contact-form-section h3{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;text-align:center;color:var(--text-primary)}.form-row{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:1rem}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:500;margin-bottom:.5rem;color:var(--text-primary)}.form-group input,.form-group select,.form-group textarea{padding:1rem;border:2px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);font-size:1rem;transition:var(--transition-smooth);min-height:48px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-primary);background:var(--bg-primary);box-shadow:0 0 0 3px #667eea1a}.form-group textarea{resize:vertical;min-height:120px}.submit-btn{background:var(--bg-gradient);color:#fff;padding:1rem 2rem;border:none;border-radius:var(--radius-md);font-weight:600;font-size:1rem;cursor:pointer;transition:var(--transition-smooth);width:100%;min-height:56px;margin-top:1rem}.submit-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.submit-btn.large{padding:1.25rem 2rem;font-size:1.1rem}.feedback-section{padding:0 1.5rem 2rem;max-width:800px;margin:0 auto}.feedback-content{display:grid;grid-template-columns:1fr;gap:2rem;margin-top:1rem}@media (min-width: 768px){.feedback-content{grid-template-columns:1fr 1fr}}.feedback-form{background:var(--bg-primary);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-md);border:1px solid var(--border-color);display:flex;flex-direction:column;gap:1.5rem}.rating-section{display:flex;flex-direction:column;gap:1rem}.rating-section label{font-weight:500;color:var(--text-primary)}.rating-stars{display:flex;gap:.5rem;justify-content:center}.star-btn{background:none;border:none;font-size:2rem;cursor:pointer;transition:var(--transition-fast);padding:.25rem}.star-btn:hover,.star-btn.active{transform:scale(1.2)}.rating-labels{display:flex;justify-content:space-between;font-size:.875rem;color:var(--text-muted)}.feedback-input textarea{min-height:150px}.feature-requests{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:2rem;text-align:center;border:1px dashed var(--border-color);transition:var(--transition-smooth)}.feature-requests:hover{border-color:var(--accent-primary);background:var(--bg-primary)}.feature-requests h3{font-size:1.25rem;margin-bottom:.75rem;color:var(--text-primary)}.feature-requests p{color:var(--text-secondary);margin-bottom:1.5rem}.feature-btn{background:var(--accent-primary);color:#fff;padding:1rem 1.5rem;border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:var(--transition-smooth)}.feature-btn:hover{background:#5a6fd8;transform:translateY(-2px)}.guides-section{padding:0 1.5rem 2rem;max-width:1000px;margin:0 auto}.guides-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:3rem}.guide-card{background:var(--bg-primary);border-radius:var(--radius-lg);padding:2rem;text-align:center;box-shadow:var(--shadow-md);border:1px solid var(--border-color);transition:var(--transition-smooth);display:flex;flex-direction:column;align-items:center;gap:1rem}.guide-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--accent-primary)}.guide-icon{font-size:2.5rem}.guide-card h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.guide-card p{color:var(--text-secondary);margin:0 0 .5rem;flex:1}.guide-btn{background:var(--bg-secondary);color:var(--accent-primary);padding:.75rem 1.5rem;border:1px solid var(--border-color);border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:var(--transition-smooth);width:100%}.guide-btn:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.video-guides{max-width:800px;margin:0 auto}.video-guides h3{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;text-align:center;color:var(--text-primary)}.video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.video-card{background:var(--bg-primary);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);border:1px solid var(--border-color);transition:var(--transition-smooth)}.video-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.video-thumbnail{height:180px;background:linear-gradient(45deg,#e2e8f0,#cbd5e1);display:flex;align-items:center;justify-content:center;position:relative}.play-icon{font-size:3rem;color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.video-card h4{padding:1rem 1.5rem .5rem;font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0}.video-card span{padding:0 1.5rem 1rem;font-size:.875rem;color:var(--text-muted)}.help-footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:3rem 1.5rem 2rem;margin-top:4rem}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2 broadband;max-width:1000px;margin:0 auto 2rem}.footer-section h4{font-size:1.125rem;font-weight:600;margin-bottom:.75rem;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.footer-section p{color:var(--text-secondary);margin-bottom:.5rem;font-size:.95rem}.emergency-link{color:var(--accent-danger);font-weight:600;text-decoration:none;font-size:1.1rem}.emergency-link:hover{text-decoration:underline}.footer-links{display:flex;flex-direction:column;gap:.5rem}.footer-links a{color:var(--accent-primary);text-decoration:none;font-size:.95rem;transition:var(--transition-fast)}.footer-links a:hover{text-decoration:underline}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid var(--border-color);color:var(--text-muted);font-size:.875rem}.footer-bottom p{margin:.5rem 0}.bottom-nav-spacer{height:80px}[data-theme=dark] .help-hero{background:var(--bg-gradient)}[data-theme=dark] .action-card,[data-theme=dark] .category-card,[data-theme=dark] .contact-card,[data-theme=dark] .guide-card,[data-theme=dark] .video-card,[data-theme=dark] .feedback-form,[data-theme=dark] .contact-form-section,[data-theme=dark] .feature-requests{background:var(--bg-secondary);border-color:var(--border-color)}[data-theme=dark] .search-input{background:#ffffff26}[data-theme=dark] .search-input:focus{background:#ffffff40}[data-theme=dark] .form-group input,[data-theme=dark] .form-group select,[data-theme=dark] .form-group textarea{background:#1e293b;border-color:var(--border-color)}@media (max-width: 768px){.hero-content h1{font-size:2rem}.hero-content p{font-size:1rem}.search-input{padding:.875rem .875rem .875rem 3rem}.quick-actions-section{padding:1.5rem 1rem}.actions-grid{grid-template-columns:repeat(3,1fr);gap:.75rem}.action-card{padding:1rem .75rem}.action-icon{font-size:2rem}.tab{min-width:100px;padding:.875rem .25rem;font-size:.875rem}.section-header{padding:1.5rem 1rem}.section-header h2{font-size:1.5rem}.category-header{padding:1.25rem}.category-title h3{font-size:1.1rem}.question-button{padding:1rem}.contact-methods,.form-row,.feedback-content,.guides-grid,.video-grid{grid-template-columns:1fr}.footer-content{grid-template-columns:1fr;gap:1.5rem}}@media (max-width: 480px){.hero-content h1{font-size:1.75rem}.actions-grid{grid-template-columns:repeat(2,1fr)}.tab{min-width:80px;font-size:.8rem}.contact-form-section,.feedback-form{padding:1.5rem}.submit-btn{padding:1rem;font-size:.95rem}}@media (prefers-contrast: high){:root{--border-color: #000}[data-theme=dark]{--border-color: #fff}}:root{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--text-primary: #0f172a;--text-secondary: #64748b;--border-color: #e2e8f0;--accent-primary: #667eea;--accent-secondary: #764ba2;--accent-danger: #ef4444;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--transition-fast: all .15s ease-in-out;--transition-smooth: all .3s ease-in-out;--z-index-nav: 10;--z-index-modal: 50;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif}[data-theme=dark]{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-gradient: linear-gradient(135deg, #1e3a8a 0%, #3730a3 100%);--text-primary: #f1f5f9;--text-secondary: #94a3b8;--border-color: #334155;--accent-primary: #818cf8;--accent-secondary: #a78bfa;--accent-danger: #f87171}*{box-sizing:border-box}body{font-family:var(--font-family);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.settings-container{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);padding-bottom:100px;overflow-x:hidden}.settings-header{position:sticky;top:0;z-index:var(--z-index-nav);background:var(--bg-primary);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);padding:1rem}.header-content h1{font-size:1.75rem;font-weight:600;margin:0 0 .25rem;color:var(--text-primary);letter-spacing:-.025em}.header-content p{margin:0;color:var(--text-secondary);font-size:.95rem;font-weight:400}.settings-layout{display:flex;min-height:calc(100vh - 120px);overflow:hidden}.mobile-tab-bar{display:none;background:var(--bg-primary);border-bottom:1px solid var(--border-color);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.mobile-tab-bar::-webkit-scrollbar{display:none}.tab-scroll{display:flex;padding:.5rem 0;min-width:max-content;gap:.25rem}.mobile-tab{display:flex;flex-direction:column;align-items:center;padding:.75rem 1rem;background:none;border:none;color:var(--text-secondary);font-size:.8rem;min-width:80px;transition:var(--transition-fast);white-space:nowrap;border-radius:var(--radius-sm)}.mobile-tab:hover{background:var(--bg-secondary);color:var(--accent-primary)}.mobile-tab.active{color:var(--accent-primary);background:var(--bg-secondary);font-weight:600}.mobile-tab svg{font-size:1.125rem;margin-bottom:.25rem}.settings-sidebar{width:280px;background:var(--bg-primary);border-right:1px solid var(--border-color);height:100%;overflow-y:auto;flex-shrink:0;padding:0}.user-card{padding:1.5rem;border-bottom:1px solid var(--border-color);background:var(--bg-secondary);border-radius:0 0 0 var(--radius-md)}.avatar-section{display:flex;align-items:center;gap:1rem}.avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid var(--border-color);transition:var(--transition-fast)}.avatar:hover{border-color:var(--accent-primary);transform:scale(1.05)}.user-info h3{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:var(--text-primary)}.user-info p{margin:0;font-size:.875rem;color:var(--text-secondary)}.sidebar-tabs{padding:.5rem 0}.sidebar-tab{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1rem 1.5rem;background:none;border:none;color:var(--text-secondary);transition:var(--transition-smooth);cursor:pointer;position:relative}.sidebar-tab:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:transparent;transition:var(--transition-fast)}.sidebar-tab:hover{background:var(--bg-secondary);color:var(--accent-primary)}.sidebar-tab:hover:before{background:var(--accent-primary)}.sidebar-tab.active{background:var(--bg-secondary);color:var(--accent-primary);font-weight:600}.sidebar-tab.active:before{background:var(--accent-primary)}.tab-content{display:flex;align-items:center;gap:.75rem;flex:1}.tab-icon{font-size:1.1rem;width:1.25rem;opacity:.8}.tab-arrow{font-size:.875rem;opacity:.5;transition:var(--transition-fast)}.sidebar-tab:hover .tab-arrow{opacity:1}.settings-content{flex:1;overflow-y:auto;background:var(--bg-primary);height:100%;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.settings-content::-webkit-scrollbar{width:6px}.settings-content::-webkit-scrollbar-track{background:transparent}.settings-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.content-wrapper{padding:2rem 1.5rem;max-width:800px;margin:0 auto;min-height:100%}.tab-section{animation:fadeIn .4s ease-out forwards;opacity:0}.tab-section.show{opacity:1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.section-header h2{font-size:1.5rem;font-weight:600;margin:0;color:var(--text-primary);letter-spacing:-.025em}.section-header p{margin:0;color:var(--text-secondary);font-size:.95rem}.form-card{background:var(--bg-primary);border-radius:var(--radius-lg);padding:2rem;margin-bottom:2rem;box-shadow:var(--shadow-md);border:1px solid var(--border-color);transition:var(--transition-smooth)}.form-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}.form-card h3{margin:0 0 1.5rem;font-size:1.125rem;font-weight:600;color:var(--text-primary);border-bottom:1px solid var(--border-color);padding-bottom:.75rem}.form-group{margin-bottom:1.75rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-primary);font-size:.95rem;transition:color var(--transition-fast)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:1rem;border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:1rem;background:var(--bg-secondary);color:var(--text-primary);transition:var(--transition-smooth);min-height:48px}.form-group input::placeholder,.form-group select::placeholder,.form-group textarea::placeholder{color:var(--text-secondary)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #667eea1a;background:var(--bg-primary)}.disabled-input{background:var(--bg-secondary)!important;color:var(--text-secondary)!important;cursor:not-allowed!important;opacity:.7}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.password-input{position:relative}.password-toggle{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;border-radius:50%;transition:var(--transition-fast);display:flex;align-items:center;justify-content:center}.password-toggle:hover{background:var(--bg-secondary);color:var(--accent-primary)}.password-toggle svg{font-size:1rem}.save-button,.action-button,.edit-button,.delete-button,.add-payment-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 1.5rem;border:none;border-radius:var(--radius-md);font-size:.95rem;font-weight:600;cursor:pointer;transition:var(--transition-smooth);min-height:48px;text-decoration:none;width:auto}.save-button.primary,.action-button.primary{background:var(--bg-gradient);color:#fff;box-shadow:var(--shadow-sm)}.save-button.primary:hover:not(:disabled),.action-button.primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-lg)}.save-button:disabled,.action-button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.edit-button{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.edit-button:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.delete-button{background:#fee2e2;color:var(--accent-danger);border:1px solid #fecaca}.delete-button:hover{background:var(--accent-danger);color:#fff;border-color:var(--accent-danger)}.add-payment-button{background:var(--bg-secondary);color:var(--accent-primary);border:2px dashed var(--accent-primary);font-weight:500}.add-payment-button:hover{background:var(--accent-primary);color:#fff;border-style:solid}.wallet-card.premium{background:var(--bg-gradient);color:#fff;border-radius:var(--radius-lg);padding:2rem;margin-bottom:2rem;box-shadow:var(--shadow-lg);border:none;position:relative;overflow:hidden}.wallet-card.premium:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:#fff3}.wallet-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.wallet-icon{font-size:2rem;opacity:.9;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.wallet-header h3{margin:0;font-size:1.125rem;font-weight:600}.balance{font-size:2.25rem;font-weight:700;margin:.5rem 0 0;letter-spacing:-.05em}.wallet-actions{display:flex;gap:1rem;margin-top:1rem}.addresses-list{margin-top:2rem}.addresses-list h3{margin:0 0 1.5rem;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.address-card{background:var(--bg-primary);border-radius:var(--radius-md);padding:1.5rem;margin-bottom:1rem;border:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:flex-start;box-shadow:var(--shadow-sm);transition:var(--transition-smooth)}.address-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.address-content h4{margin:0 0 .5rem;font-weight:600;color:var(--text-primary);font-size:1rem}.address-content p{margin:.25rem 0;color:var(--text-secondary);font-size:.9rem}.address-actions{display:flex;gap:.5rem;align-self:flex-end}.delete-button.small{padding:.5rem .75rem;font-size:.875rem;min-height:auto}.checkbox-group{margin:1.5rem 0}.checkbox-label{display:flex;align-items:center;gap:.75rem;font-weight:400;cursor:pointer;color:var(--text-primary);padding:.75rem;border-radius:var(--radius-sm);transition:var(--transition-fast)}.checkbox-label:hover{background:var(--bg-secondary)}.checkbox-label input[type=checkbox]{width:auto;transform:scale(1.1);accent-color:var(--accent-primary)}.danger-zone{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid var(--accent-danger);border-radius:var(--radius-lg);padding:2rem;margin-top:2rem;box-shadow:var(--shadow-md)}.danger-zone h3{color:var(--accent-danger);margin:0 0 .5rem;font-size:1.125rem;font-weight:600}.danger-zone p{color:var(--text-secondary);margin:0 0 1.5rem;font-size:.95rem;line-height:1.6}.danger-zone .delete-button{background:var(--accent-danger);color:#fff;padding:1rem 1.5rem;display:flex;align-items:center;gap:.5rem;font-weight:600;min-width:160px;justify-content:center}.danger-zone .delete-button:hover{background:#dc2626;transform:translateY(-1px);box-shadow:var(--shadow-lg)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:1rem;color:var(--text-secondary)}.loading-spinner{width:48px;height:48px;border:4px solid var(--border-color);border-left:4px solid var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}.no-data{text-align:center;color:var(--text-secondary);padding:3rem 1rem;font-style:italic;font-size:1rem}@media (max-width: 768px){.settings-container{padding-bottom:90px}.settings-layout{flex-direction:column;min-height:auto}.settings-sidebar{display:none}.mobile-tab-bar{display:block}.content-wrapper{padding:1rem;min-height:auto}.form-card{padding:1.5rem;border-radius:var(--radius-md);margin-bottom:1.5rem}.form-row{grid-template-columns:1fr;gap:1rem}.wallet-actions{flex-direction:column;gap:.75rem}.address-card{flex-direction:column;gap:1rem;align-items:stretch}.address-actions{align-self:stretch;justify-content:flex-end}.section-header{flex-direction:column;align-items:stretch;gap:.75rem;text-align:center}.danger-zone{padding:1.5rem}.danger-zone .delete-button{width:100%;justify-content:center}.settings-content{height:auto;overflow-y:visible}}@media (max-width: 480px){.header-content h1{font-size:1.5rem}.content-wrapper{padding:.75rem}.form-card{padding:1rem}.section-header h2{font-size:1.25rem}.mobile-tab{min-width:70px;padding:.5rem .75rem;font-size:.75rem}.tab-scroll{padding:0 .5rem;gap:.125rem}}@media (prefers-color-scheme: dark){.settings-container,.settings-header{background:var(--bg-primary)}.form-card,.address-card,.wallet-card.premium{background:var(--bg-secondary);border-color:var(--border-color)}.form-group input,.form-group select,.form-group textarea{background:#1e293b;border-color:var(--border-color);color:var(--text-primary)}.form-group input::placeholder{color:var(--text-secondary)}.form-group label{color:var(--text-primary)}.disabled-input{background:#334155!important;color:var(--text-secondary)!important}.sidebar-tab.active{background:var(--bg-gradient)}.danger-zone{background:linear-gradient(135deg,#451a03,#7f1d1d);border-color:var(--accent-danger)}.no-data{color:var(--text-secondary)}}@media (prefers-contrast: high){:root{--border-color: #000;--shadow-md: 0 2px 4px rgba(0, 0, 0, .2)}[data-theme=dark]{--border-color: #fff}}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}@media print{.settings-container{padding-bottom:0}.mobile-tab-bar,.settings-sidebar,.edit-btn{display:none}.content-wrapper{padding:0}}.bottom-navbar{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;align-items:center;background:#fffffffa;backdrop-filter:blur(30px) saturate(180%);border-top:.5px solid rgba(0,0,0,.08);padding:.3rem 0;z-index:1000;box-shadow:0 -1px 6px #0000000f;height:50px;min-height:50px}html.dark .bottom-navbar{background:#121212fa;border-top-color:#ffffff14;box-shadow:0 -1px 6px #0006}.bottom-nav-link{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.35rem .4rem;text-decoration:none;color:#6b7280;font-size:.65rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;flex:1;min-height:44px;border-radius:8px;margin:0 .1rem}html.dark .bottom-nav-link{color:#9ca3af}.bottom-nav-link:hover{color:#ff6200;background:#ff62000a;transform:translateY(-1px)}html.dark .bottom-nav-link:hover{color:#ff8c00;background:#ff8c0014}.bottom-nav-link.active{color:#ff6200;background:#ff62000f}html.dark .bottom-nav-link.active{color:#ff8c00;background:#ff8c001f}.nav-label{margin-top:.2rem;font-size:.6rem;font-weight:500;letter-spacing:-.01em;line-height:1}.nav-icon-with-badge{position:relative;display:flex;align-items:center;justify-content:center}.nav-badge{position:absolute;top:-5px;right:-5px;background:#ef4444;color:#fff;font-size:.5rem;font-weight:800;padding:.08rem .2rem;border-radius:.8rem;min-width:.85rem;height:.85rem;display:flex;align-items:center;justify-content:center;border:1.5px solid white;box-shadow:0 1px 3px #00000026;line-height:1}html.dark .nav-badge{border-color:#121212;box-shadow:0 1px 3px #0006}.active-indicator{position:absolute;top:0;width:3px;height:2px;background:#ff6200;border-radius:1px;animation:subtle-pulse 3s infinite}html.dark .active-indicator{background:#ff8c00}@keyframes subtle-pulse{0%,to{opacity:1}50%{opacity:.7}}.notif-icon{position:relative;display:flex;align-items:center;justify-content:center}.notif-badge{position:absolute;top:-5px;right:-5px;background:#ef4444;color:#fff;font-size:.5rem;font-weight:800;padding:.08rem .2rem;border-radius:.8rem;min-width:.85rem;height:.85rem;display:flex;align-items:center;justify-content:center;border:1.5px solid white;box-shadow:0 1px 3px #00000026}html.dark .notif-badge{border-color:#121212;box-shadow:0 1px 3px #0006}@media (max-width: 380px){.bottom-navbar{height:48px;min-height:48px;padding:.25rem 0}.bottom-nav-link{padding:.3rem .35rem;min-height:42px}.nav-label{font-size:.58rem;margin-top:.18rem}.nav-badge,.notif-badge{font-size:.48rem;padding:.06rem .18rem;min-width:.8rem;height:.8rem;top:-4px;right:-4px}.bottom-nav-link svg{width:16px;height:16px}}@media (max-width: 340px){.bottom-navbar{height:46px;min-height:46px;padding:.2rem 0}.bottom-nav-link{padding:.25rem .3rem;min-height:40px}.nav-label{font-size:.55rem;margin-top:.15rem}.nav-badge,.notif-badge{font-size:.45rem;padding:.05rem .15rem;min-width:.75rem;height:.75rem;top:-3px;right:-3px}.bottom-nav-link svg{width:15px;height:15px}}@media (min-width: 768px){.bottom-navbar{display:none}}.bottom-nav-link,.nav-badge,.notif-badge{transition:all .2s cubic-bezier(.4,0,.2,1)}.bottom-nav-link:hover .nav-badge,.bottom-nav-link:hover .notif-badge{transform:scale(1.05)}.bottom-nav-link.active .nav-badge,.bottom-nav-link.active .notif-badge{transform:scale(1.02)}.bottom-nav-link:focus-visible{outline:2px solid #ff6200;outline-offset:2px;border-radius:6px}html.dark .bottom-nav-link:focus-visible{outline-color:#ff8c00}@media (prefers-reduced-motion: reduce){.bottom-navbar,.bottom-nav-link,.nav-badge,.notif-badge,.active-indicator{transition:none;animation:none}.bottom-nav-link:hover{transform:none}}.bottom-navbar,.nav-badge,.notif-badge{transform:translateZ(0)}.bottom-nav-link svg{width:18px;height:18px;flex-shrink:0}.bottom-nav-link[href*=cart]:hover svg{color:#ef4444}.bottom-nav-link[href*=cart].active svg{color:#ef4444}.bottom-nav-link[href*=wishlist]:hover svg{color:#ec4899}.bottom-nav-link[href*=wishlist].active svg{color:#ec4899}.bottom-nav-link[href*=notifications]:hover svg{color:#3b82f6}.bottom-nav-link[href*=notifications].active svg{color:#3b82f6}@supports (padding: max(0px)){.bottom-navbar{padding-bottom:max(.3rem,env(safe-area-inset-bottom))}}.nav-badge.loading{background:#e5e7eb;color:transparent;min-width:.85rem;animation:pulse 1.5s ease-in-out infinite}html.dark .nav-badge.loading{background:#374151}@media (prefers-contrast: high){.bottom-navbar{border-top-width:1px;border-top-color:#000}html.dark .bottom-navbar{border-top-color:#fff}.nav-badge,.notif-badge{border-width:2px}}@media (hover: none) and (pointer: coarse){.bottom-nav-link:hover{transform:none;background:transparent}.bottom-nav-link:active{background:#ff62001a;transform:scale(.95)}html.dark .bottom-nav-link:active{background:#ff8c0026}}.product-detail-container{max-width:1200px;margin:0 auto;padding:1rem 1rem 5rem;background:#f5f5f5;min-height:100vh;transition:background .3s ease}html.dark .product-detail-container{background:#1a1a1a}.back-button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff26;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.25);border-radius:.5rem;color:#1a1a1a;font-weight:500;font-size:.9rem;cursor:pointer;transition:all .3s ease;margin-bottom:1rem}html.dark .back-button{background:#ffffff0d;border:1px solid rgba(255,255,255,.15);color:#fff}.back-button:hover{background:#ffffff40;transform:translateY(-2px)}html.dark .back-button:hover{background:#ffffff26}.product-detail-card{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 4px 12px #0000001a;transition:all .3s ease}html.dark .product-detail-card{background:#242424;box-shadow:0 4px 12px #0000004d}@media (max-width: 768px){.product-detail-card{grid-template-columns:1fr;gap:1rem;padding:1rem}}.image-gallery-slider{position:relative;border-radius:.75rem;overflow:hidden}.image-gallery-slider img{width:100%;aspect-ratio:1 / 1;object-fit:cover;display:block}.image-gallery-slider .slick-dots{bottom:10px}.image-gallery-slider .slick-dots li button:before{color:#fff;opacity:.5;font-size:8px}html.dark .image-gallery-slider .slick-dots li button:before{color:#b0b0b0}.image-gallery-slider .slick-dots li.slick-active button:before{opacity:1;color:#ff6200}.image-gallery-slider .slick-prev,.image-gallery-slider .slick-next{width:30px;height:30px;background:#00000080;border-radius:50%;z-index:10}.image-gallery-slider .slick-prev{left:10px}.image-gallery-slider .slick-next{right:10px}.image-gallery-slider .slick-prev:before,.image-gallery-slider .slick-next:before{font-size:16px;color:#fff}.product-info{display:flex;flex-direction:column;gap:1rem}.product-info h1{font-size:1.8rem;font-weight:700;color:#1a1a1a;line-height:1.3}html.dark .product-info h1{color:#fff}.stars{display:flex;align-items:center;gap:.3rem}.star-filled,.star-empty{color:#facc15;font-size:.9rem}html.dark .star-empty{color:#4b5563}.review-count{font-size:.85rem;color:#4a4a4a;margin-left:.5rem}html.dark .review-count{color:#b0b0b0}.rate-button{padding:.3rem .8rem;background:#ff6200;color:#fff;border:none;border-radius:.5rem;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .3s ease;margin-left:.5rem}.rate-button:hover{background:#e55a00}.price-row{display:flex;align-items:center;gap:.5rem}.price{font-size:1.5rem;font-weight:700;color:#22c55e}.discount{font-size:.9rem;color:#ef4444;background:#fee2e2;padding:.2rem .5rem;border-radius:.5rem}.policy-summary{display:flex;flex-wrap:wrap;gap:.5rem}.policy-chip{display:flex;align-items:center;gap:.3rem;padding:.3rem .8rem;background:#e5e7eb;border-radius:.5rem;font-size:.8rem;color:#1a1a1a}html.dark .policy-chip{background:#374151;color:#fff}.delivery-options{display:flex;flex-direction:column;gap:.5rem}.delivery-options h4{font-size:1rem;font-weight:600;color:#1a1a1a}html.dark .delivery-options h4{color:#fff}.delivery-radio-group{display:flex;flex-wrap:wrap;gap:.75rem}.radio-item{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#1a1a1a}html.dark .radio-item{color:#fff}.radio-item input[type=radio]{accent-color:#ff6200}.radio-item span{display:flex;align-items:center;gap:.3rem}.info-buttons-container{display:flex;flex-wrap:wrap;gap:.5rem}.info-button{display:flex;align-items:center;gap:.3rem;padding:.5rem 1rem;background:#e0e0e0;border:none;border-radius:.5rem;font-size:.85rem;font-weight:500;color:#1a1a1a;cursor:pointer;transition:all .3s ease}html.dark .info-button{background:#3a3a3a;color:#fff}.info-button.active,.info-button:hover{background:#ff6200;color:#fff}.info-display{padding:.75rem;background:#f8f8f8;border-radius:.5rem}html.dark .info-display{background:#2a2a2a}.info-display h4{font-size:.95rem;font-weight:600;color:#1a1a1a;margin-bottom:.3rem}html.dark .info-display h4{color:#fff}.info-display p{font-size:.85rem;color:#4a4a4a}html.dark .info-display p{color:#b0b0b0}.variants{display:flex;flex-direction:column;gap:.5rem}.variants h4{font-size:1rem;font-weight:600;color:#1a1a1a}html.dark .variants h4{color:#fff}.variant-btn,.variant-selected{padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;background:#fff;font-size:.85rem;color:#1a1a1a;cursor:pointer;transition:all .3s ease}html.dark .variant-btn,html.dark .variant-selected{border:1px solid #4b5563;background:#242424;color:#fff}.variant-selected{background:#ff6200;color:#fff;border-color:#ff6200}.variant-btn:hover{background:#f3f4f6}html.dark .variant-btn:hover{background:#374151}.usage-guide{padding:.75rem;background:#f8f8f8;border-radius:.5rem}html.dark .usage-guide{background:#2a2a2a}.usage-guide h4{font-size:.95rem;font-weight:600;color:#1a1a1a;margin-bottom:.3rem}html.dark .usage-guide h4{color:#fff}.usage-guide p{font-size:.85rem;color:#4a4a4a}html.dark .usage-guide p{color:#b0b0b0}.stock-status-bar{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#1a1a1a}html.dark .stock-status-bar{color:#fff}.progress-wrapper{flex:1;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}html.dark .progress-wrapper{background:#4b5563}.progress-bar{height:100%;background:#22c55e;transition:width .3s ease}.seller-info{padding:.75rem;background:#f8f8f8;border-radius:.5rem;display:flex;flex-direction:column;gap:.5rem}html.dark .seller-info{background:#2a2a2a}.seller-info>div{display:flex;align-items:center;gap:.3rem;font-size:.85rem;color:#1a1a1a}html.dark .seller-info>div{color:#fff}.seller-performance,.contact-info,.location-info{display:flex;gap:1rem}.action-buttons{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-start}.buy-now,.add-to-cart,.wishlist,.view-button{padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.3rem;flex:1 1 auto;min-width:120px}.buy-now{background:#ff6200;color:#fff}.buy-now:hover{background:#e55a00}.add-to-cart{background:#22c55e;color:#fff}.add-to-cart:hover{background:#16a34a}.wishlist{background:#ef4444;color:#fff}.wishlist:hover{background:#dc2626}.view-button{background:#e0e0e0;color:#1a1a1a}html.dark .view-button{background:#3a3a3a;color:#fff}.view-button:hover{background:#d1d5db}html.dark .view-button:hover{background:#4b5563}.interaction-zone{display:flex;gap:.5rem;margin-top:1rem}.interaction-zone textarea{flex:1;padding:.5rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.85rem;resize:vertical;min-height:80px;background:#fff;color:#1a1a1a}html.dark .interaction-zone textarea{border:1px solid #4b5563;background:#242424;color:#fff}.interaction-zone textarea:focus{outline:none;border-color:#ff6200}.interaction-zone button{padding:.5rem;background:#ff6200;color:#fff;border:none;border-radius:.5rem;display:flex;align-items:center;justify-content:center;font-size:1rem;cursor:pointer;transition:all .3s ease}.interaction-zone button:hover{background:#e55a00}.verified-feedback{margin-top:2rem;padding:1rem;background:#fff;border-radius:.75rem;box-shadow:0 2px 8px #0000000f}html.dark .verified-feedback{background:#242424;box-shadow:0 2px 8px #0003}.verified-feedback h3{font-size:1.2rem;font-weight:600;color:#1a1a1a;margin-bottom:1rem}html.dark .verified-feedback h3{color:#fff}.review-item{padding:.75rem;border-bottom:1px solid #e5e7eb}html.dark .review-item{border-bottom:1px solid #4b5563}.review-item:last-child{border-bottom:none}.review-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.3rem}.review-header strong{font-size:.9rem;color:#1a1a1a}html.dark .review-header strong{color:#fff}.review-header .stars{color:#facc15;font-size:.8rem}.review-item p{font-size:.85rem;color:#4a4a4a;margin:.3rem 0}html.dark .review-item p{color:#b0b0b0}.review-item small{font-size:.75rem;color:#6b7280}html.dark .review-item small{color:#9ca3af}@media (max-width: 480px){.product-detail-container{padding:.5rem .5rem 4.5rem}.product-detail-card{padding:.75rem}.product-info h1{font-size:1.4rem}.price{font-size:1.2rem}.action-buttons{flex-direction:column;align-items:stretch}.action-buttons button{padding:.6rem;font-size:.85rem;min-width:100%}.info-buttons-container{flex-direction:column}.info-button{width:100%;justify-content:center}.delivery-radio-group{flex-direction:column}.seller-performance,.contact-info,.location-info{flex-direction:column;gap:.5rem}.image-gallery-slider img{aspect-ratio:4 / 3}}@media (max-width: 360px){.product-detail-container{padding-bottom:5rem}.product-info h1{font-size:1.2rem}.price{font-size:1.1rem}.action-buttons button{font-size:.8rem}}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);background-size:200% 200%;animation:gradientShift 15s ease infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.auth-form-container.glass-card{max-width:28rem;margin:0 auto;background:#ffffff0d;backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 8px 32px #0000004d;padding:2rem;transition:transform .3s ease,box-shadow .3s ease}.auth-form-container.glass-card:hover{transform:translateY(-4px);box-shadow:0 12px 48px #0006}.auth-title{font-family:Inter,sans-serif;font-weight:700;font-size:1.5rem;color:#e2e8f0;text-shadow:0 2px 4px rgba(0,0,0,.2);text-align:center;margin-bottom:1rem}.auth-subtitle{font-family:Inter,sans-serif;font-size:.875rem;color:#94a3b8;text-align:center;margin-bottom:1.5rem}.auth-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{position:relative}.form-group label{font-family:Inter,sans-serif;font-size:.875rem;font-weight:500;color:#e2e8f0;margin-bottom:.5rem;display:block}.form-group input{width:100%;padding:.75rem 1rem;background:#374151cc;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#f1f5f9;font-family:Inter,sans-serif;font-size:1rem;transition:border-color .3s ease,box-shadow .3s ease}.form-group input:focus{border-color:#60a5fa;box-shadow:0 0 8px #60a5fa4d;outline:none}.password-wrapper{position:relative}.password-toggle{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#94a3b8;transition:color .3s ease}.password-toggle:hover{color:#bfdbfe}.error-text{font-family:Inter,sans-serif;color:#f87171;font-size:.75rem;margin-top:.25rem;display:block}.back-button{background:none;border:none;color:#94a3b8;cursor:pointer;position:absolute;top:1rem;left:1rem;transition:color .3s ease}.back-button:hover{color:#f1f5f9}.auth-button{width:100%;padding:.75rem;background:linear-gradient(90deg,#3b82f6,#2563eb);color:#fff;font-family:Inter,sans-serif;font-weight:600;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s ease,transform .2s ease,box-shadow .3s ease}.auth-button:hover:not(:disabled){background:linear-gradient(90deg,#60a5fa,#3b82f6);transform:translateY(-2px);box-shadow:0 4px 16px #3b82f666}.auth-button:disabled{opacity:.5;cursor:not-allowed}.auth-button svg{margin-right:.5rem}.toaster{font-family:Inter,sans-serif!important;font-size:.875rem!important;border-radius:8px!important;padding:.75rem!important}.toaster .Toastify__toast--success{background:#22c55e33!important;color:#86efac!important;backdrop-filter:blur(4px)!important}.toaster .Toastify__toast--error{background:#ef444433!important;color:#f87171!important;backdrop-filter:blur(4px)!important}@media (max-width: 640px){.auth-form-container.glass-card{padding:1.5rem;margin:0 1rem}}:root{--bg-primary: #ffffff;--bg-secondary: #ffffff;--bg-tertiary: #f8fafc;--text-primary: #1a1a1a;--text-secondary: #666666;--text-tertiary: #999999;--border-light: #e5e5e5;--border-medium: #d4d4d4;--accent-primary: #2563eb;--accent-secondary: #1d4ed8;--success: #059669;--warning: #d97706;--error: #dc2626;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 2px 4px rgba(0, 0, 0, .08);--shadow-lg: 0 4px 8px rgba(0, 0, 0, .1);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px}[data-theme=dark]{--bg-primary: #0a0a0a;--bg-secondary: #171717;--bg-tertiary: #262626;--text-primary: #f5f5f5;--text-secondary: #a3a3a3;--text-tertiary: #737373;--border-light: #404040;--border-medium: #525252;--accent-primary: #3b82f6;--accent-secondary: #2563eb;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 2px 4px rgba(0, 0, 0, .4);--shadow-lg: 0 4px 8px rgba(0, 0, 0, .5)}.wishlist-container{max-width:1400px;margin:0 auto;padding:16px 12px 80px;min-height:calc(100vh - 60px);background:var(--bg-secondary);transition:all .3s ease}.wishlist-header{margin-bottom:16px}.wishlist-header h1{display:flex;align-items:center;gap:8px;color:var(--text-primary);font-size:20px;font-weight:700;margin:0}.heart-icon{color:#ef4444;font-size:18px}.item-count{color:var(--text-secondary);font-size:14px;font-weight:600;margin-left:6px}.wishlist-stats{display:flex;gap:10px;margin-bottom:20px;flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.wishlist-stats::-webkit-scrollbar{display:none}.stat-card{flex:1;min-width:120px;max-width:140px;background:var(--bg-primary);padding:12px;border-radius:var(--radius-md);display:flex;align-items:center;gap:10px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);transition:all .2s ease}.stat-card:hover{border-color:var(--accent-primary);transform:translateY(-1px)}.stat-icon{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;flex-shrink:0}.price-drop-card .stat-icon{background:linear-gradient(135deg,var(--success),#059669)}.stat-content{display:flex;flex-direction:column}.stat-number{font-size:20px;font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:2px}.stat-label{color:var(--text-secondary);font-size:12px;font-weight:500;white-space:nowrap}.section-title{margin-bottom:16px}.section-title h3{font-size:18px;font-weight:700;color:var(--text-primary);margin:0 0 4px}.section-subtitle{font-size:13px;color:var(--text-secondary);margin:0}.empty-wishlist{text-align:center;padding:40px 20px;background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid var(--border-light);margin:40px auto;max-width:320px}.empty-heart{font-size:48px;color:#ef4444;margin-bottom:16px;opacity:.7}.empty-wishlist h2{font-size:18px;color:var(--text-primary);margin-bottom:8px;font-weight:600}.empty-subtitle{color:var(--text-secondary);margin-bottom:20px;font-size:14px}.browse-products-btn{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;border:none;padding:10px 20px;border-radius:var(--radius-md);font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.browse-products-btn:hover{background:linear-gradient(135deg,var(--accent-secondary),var(--accent-primary));transform:translateY(-1px)}.wishlist-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.wishlist-card{background:var(--bg-primary);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:all .2s ease;border:1px solid var(--border-light);display:flex;flex-direction:column;position:relative}.wishlist-card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-badges{position:absolute;top:8px;left:8px;display:flex;flex-direction:column;gap:4px;z-index:2}.sale-badge,.price-drop-badge,.bestseller-badge{padding:4px 8px;border-radius:6px;font-size:10px;font-weight:700;display:flex;align-items:center;gap:3px;white-space:nowrap;box-shadow:var(--shadow-sm)}.sale-badge{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.price-drop-badge{background:linear-gradient(135deg,var(--success),#059669);color:#fff}.bestseller-badge{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.wishlist-image{width:100%;height:130px;overflow:hidden;cursor:pointer}.wishlist-card img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.wishlist-card:hover img{transform:scale(1.03)}.wishlist-info{padding:12px;display:flex;flex-direction:column;flex:1;gap:8px}.wishlist-info h4{margin:0;color:var(--text-primary);font-size:13px;font-weight:600;line-height:1.4;cursor:pointer;transition:color .2s ease;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}.wishlist-info h4:hover{color:var(--accent-primary)}.price-section{display:flex;flex-direction:column;gap:4px}.price-row{display:flex;align-items:center;gap:6px}.current-price{color:var(--text-primary);font-size:16px;font-weight:700;margin:0}.original-price{text-decoration:line-through;color:var(--text-secondary);font-size:12px;margin:0}.price-drop-text{color:var(--success);font-size:11px;font-weight:600;margin:0;display:flex;align-items:center;gap:3px}.product-urgency{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.popular-tag,.low-stock-tag{padding:3px 6px;border-radius:4px;font-size:10px;font-weight:600;display:flex;align-items:center;gap:2px}.popular-tag{background:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.2)}.low-stock-tag{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.wishlist-actions{display:flex;flex-direction:column;gap:8px;margin-top:auto}.cart-btn{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;border:none;padding:8px;border-radius:var(--radius-sm);font-weight:600;font-size:13px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px;min-height:36px}.cart-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--accent-secondary),var(--accent-primary));transform:translateY(-1px)}.action-icons{display:flex;gap:6px;justify-content:center}.icon-btn{width:34px;height:34px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:12px;background:var(--bg-tertiary);color:var(--text-secondary)}.remove-btn:hover:not(:disabled){background:#ef4444;color:#fff}.icon-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.bottom-spacing{height:80px;width:100%}.wishlist-header.skeleton,.wishlist-stats.skeleton{background:transparent}.skeleton-title{width:140px;height:24px;border-radius:var(--radius-md);background:var(--border-light);animation:pulse 1.5s ease-in-out infinite}.wishlist-card.skeleton{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:0;overflow:hidden}.skeleton-image{width:100%;height:130px;background:var(--border-light);animation:pulse 1.5s ease-in-out infinite}.skeleton-content{padding:12px;display:flex;flex-direction:column;gap:8px}.skeleton-line{height:10px;border-radius:var(--radius-sm);background:var(--border-light);animation:pulse 1.5s ease-in-out infinite}.skeleton-line.short{width:50%}.skeleton-line.skeleton-title{width:80%;height:14px}.skeleton-line.skeleton-price{width:40%;height:16px}.skeleton-line.skeleton-actions{width:100%;height:36px;border-radius:var(--radius-sm)}@media (min-width: 1400px){.wishlist-grid{grid-template-columns:repeat(4,1fr);gap:16px}.wishlist-image,.skeleton-image{height:140px}.wishlist-info h4{font-size:14px}}@media (min-width: 1024px) and (max-width: 1399px){.wishlist-grid{grid-template-columns:repeat(3,1fr);gap:14px}.wishlist-stats{gap:12px}.stat-card{min-width:140px;padding:14px}}@media (min-width: 768px) and (max-width: 1023px){.wishlist-grid{grid-template-columns:repeat(3,1fr);gap:12px}.wishlist-header h1{font-size:18px}.wishlist-image,.skeleton-image{height:140px}.wishlist-info{padding:10px}}@media (max-width: 767px){.wishlist-container{padding:12px 10px 80px}.wishlist-grid{grid-template-columns:repeat(3,1fr);gap:10px}.wishlist-header h1{font-size:18px}.wishlist-stats{gap:8px;margin-bottom:16px}.stat-card{min-width:110px;padding:10px}.stat-icon{width:32px;height:32px;font-size:12px}.stat-number{font-size:18px}.stat-label{font-size:11px}.wishlist-image{height:110px}.wishlist-info{padding:10px;gap:6px}.wishlist-info h4{font-size:12px;min-height:2.4em}.current-price{font-size:14px}.original-price{font-size:11px}.price-drop-text{font-size:10px}.cart-btn{font-size:12px;padding:7px;min-height:32px}.icon-btn{width:30px;height:30px;font-size:11px}.skeleton-image{height:110px}.skeleton-content{padding:10px;gap:6px}.empty-wishlist{padding:32px 16px;margin:32px auto}.section-title h3{font-size:16px}.section-subtitle{font-size:12px}}@media (max-width: 480px){.wishlist-grid{grid-template-columns:repeat(3,1fr);gap:8px}.wishlist-stats{gap:6px}.stat-card{min-width:100px;padding:8px}.stat-icon{width:28px;height:28px;font-size:11px}.stat-number{font-size:16px}.stat-label{font-size:10px}.wishlist-image{height:100px}.wishlist-info{padding:8px}.wishlist-info h4{font-size:11px}.cart-btn{font-size:11px;padding:6px;min-height:30px}.action-icons{gap:4px}.icon-btn{width:28px;height:28px}.skeleton-image{height:100px}.empty-wishlist{padding:24px 12px;margin:24px auto;max-width:280px}.empty-wishlist h2{font-size:16px}.browse-products-btn{padding:8px 16px;font-size:13px}}@media (max-width: 360px){.wishlist-grid{grid-template-columns:repeat(2,1fr);gap:8px}.wishlist-stats{flex-wrap:nowrap}.stat-card{min-width:90px;padding:6px}.stat-icon{width:24px;height:24px}.stat-number{font-size:14px}.stat-label{font-size:9px}.wishlist-image{height:90px}.wishlist-info h4{font-size:10px}.current-price{font-size:12px}.skeleton-image{height:90px}}@media (max-width: 320px){.wishlist-container{padding:10px 8px 80px}.wishlist-grid{grid-template-columns:repeat(2,1fr);gap:6px}.wishlist-stats{gap:4px}.stat-card{min-width:80px;padding:6px}.stat-icon{width:22px;height:22px;font-size:10px}.stat-number{font-size:13px}.stat-label{font-size:8px}.wishlist-image{height:85px}.wishlist-info{padding:6px}.wishlist-info h4{font-size:9px}.cart-btn{font-size:10px;padding:5px;min-height:28px}.icon-btn{width:26px;height:26px}.skeleton-image{height:85px}}button:focus-visible,.wishlist-info h4:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.cart-btn:disabled,.icon-btn:disabled{opacity:.6;cursor:not-allowed}.cart-container{max-width:1200px;margin:0 auto;padding:1rem 1rem 5rem;background:#f5f5f5;min-height:100vh;transition:background .3s ease}html.dark .cart-container{background:#1a1a1a}.cart-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:1rem}@media (max-width: 768px){.cart-header{flex-direction:column;align-items:stretch}}.back-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#fff;border:1px solid #d1d5db;border-radius:.75rem;color:#1a1a1a;font-weight:500;font-size:.95rem;cursor:pointer;transition:all .3s ease;text-decoration:none;white-space:nowrap}html.dark .back-button{background:#242424;border:1px solid #4b5563;color:#fff}.back-button:hover{background:#f8f9fa;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}html.dark .back-button:hover{background:#2a2a2a}.cart-title-section{flex:1;text-align:center}.cart-title-section h1{font-size:2rem;font-weight:700;color:#1a1a1a;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.5rem}html.dark .cart-title-section h1{color:#fff}.cart-icon{color:#ff6200}.cart-subtitle{font-size:1rem;color:#6b7280;margin-bottom:.5rem}html.dark .cart-subtitle{color:#9ca3af}.premium-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,gold,#ffed4e);color:#1a1a1a;border-radius:2rem;font-weight:600;font-size:.85rem}.cart-layout{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem}@media (max-width: 1024px){.cart-layout{grid-template-columns:1fr}}.cart-content{display:flex;flex-direction:column;gap:1.5rem}.empty-cart{text-align:center;padding:4rem 2rem;background:#fff;border-radius:1rem;box-shadow:0 4px 12px #0000001a}html.dark .empty-cart{background:#242424;box-shadow:0 4px 12px #0000004d}.empty-cart-icon{font-size:4rem;color:#d1d5db;margin-bottom:1rem}.empty-cart h2{font-size:1.5rem;font-weight:600;color:#1a1a1a;margin-bottom:.5rem}html.dark .empty-cart h2{color:#fff}.empty-cart p{color:#6b7280;margin-bottom:2rem}html.dark .empty-cart p{color:#9ca3af}.shop-now-btn{padding:.75rem 2rem;background:#ff6200;color:#fff;border:none;border-radius:.75rem;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease}.shop-now-btn:hover{background:#e55a00;transform:translateY(-2px);box-shadow:0 8px 20px #ff62004d}.premium-benefits-banner{margin-bottom:1rem}.premium-upsell{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:1rem;color:#fff}.crown-icon{font-size:2rem;flex-shrink:0}.upsell-content{flex:1}.upsell-content h4{font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.upsell-content p{font-size:.9rem;opacity:.9;margin-bottom:1rem}.upgrade-btn{padding:.5rem 1.5rem;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:.5rem;color:#fff;font-weight:500;cursor:pointer;transition:all .3s ease}.upgrade-btn:hover{background:#ffffff4d;transform:translateY(-2px)}.premium-active{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:linear-gradient(135deg,#10b981,#059669);border-radius:1rem;color:#fff;font-weight:500}.store-section{background:#fff;border-radius:1rem;box-shadow:0 4px 12px #0000001a;overflow:hidden}html.dark .store-section{background:#242424;box-shadow:0 4px 12px #0000004d}.store-header{display:flex;align-items:center;gap:.75rem;padding:1.25rem 1.5rem;background:#f8f9fa;border-bottom:1px solid #e9ecef}html.dark .store-header{background:#2a2a2a;border-bottom:1px solid #374151}.store-icon{color:#ff6200;font-size:1.1rem}.store-header h3{font-size:1.2rem;font-weight:600;color:#1a1a1a;flex:1}html.dark .store-header h3{color:#fff}.store-item-count{font-size:.9rem;color:#6b7280;background:#e5e7eb;padding:.25rem .75rem;border-radius:1rem}html.dark .store-item-count{color:#d1d5db;background:#374151}.store-items{padding:1rem;display:flex;flex-direction:column;gap:1rem}.cart-item{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;padding:1rem;background:#f8f9fa;border-radius:.75rem;border:1px solid #e9ecef;transition:all .3s ease}html.dark .cart-item{background:#2a2a2a;border:1px solid #374151}.cart-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}html.dark .cart-item:hover{box-shadow:0 4px 12px #0000004d}.item-image{position:relative;width:100px;height:100px;border-radius:.5rem;overflow:hidden;cursor:pointer;flex-shrink:0}.item-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.item-image:hover img{transform:scale(1.05)}.discount-badge{position:absolute;top:.5rem;left:.5rem;background:#ef4444;color:#fff;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:600}.item-details{display:flex;flex-direction:column;gap:.5rem;padding:.25rem 0}.item-details h4{font-size:1.1rem;font-weight:600;color:#1a1a1a;cursor:pointer;transition:color .3s ease;margin:0}html.dark .item-details h4{color:#fff}.item-details h4:hover{color:#ff6200}.variant-info{font-size:.85rem;color:#6b7280;background:#e5e7eb;padding:.25rem .5rem;border-radius:.25rem;display:inline-block}html.dark .variant-info{color:#d1d5db;background:#374151}.price-info{display:flex;align-items:center;gap:.75rem}.current-price{font-size:1.1rem;font-weight:600;color:#1a1a1a}html.dark .current-price{color:#fff}.original-price{font-size:.9rem;color:#6b7280;text-decoration:line-through}html.dark .original-price{color:#9ca3af}.stock-info{font-size:.85rem}.item-controls{display:flex;flex-direction:column;align-items:flex-end;gap:1rem;padding:.25rem 0}.quantity-controls{display:flex;align-items:center;gap:.75rem;background:#fff;border:1px solid #d1d5db;border-radius:.5rem;padding:.25rem}html.dark .quantity-controls{background:#242424;border:1px solid #4b5563}.quantity-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#f8f9fa;border:none;border-radius:.25rem;color:#1a1a1a;cursor:pointer;transition:all .3s ease}html.dark .quantity-btn{background:#2a2a2a;color:#fff}.quantity-btn:hover:not(:disabled){background:#e9ecef}html.dark .quantity-btn:hover:not(:disabled){background:#374151}.quantity-btn:disabled{opacity:.5;cursor:not-allowed}.quantity-display{min-width:40px;text-align:center;font-weight:600;color:#1a1a1a}html.dark .quantity-display{color:#fff}.item-total{font-size:1.2rem;font-weight:700;color:#1a1a1a}html.dark .item-total{color:#fff}.remove-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ef4444;color:#fff;border:none;border-radius:.5rem;font-weight:500;font-size:.9rem;cursor:pointer;transition:all .3s ease}.remove-btn:hover:not(:disabled){background:#dc2626;transform:translateY(-2px)}.remove-btn:disabled{opacity:.5;cursor:not-allowed}.store-checkout-section{padding:1.5rem;background:#f8f9fa;border-top:1px solid #e9ecef}html.dark .store-checkout-section{background:#2a2a2a;border-top:1px solid #374151}.store-summary{display:flex;justify-content:space-between;align-items:center;gap:1rem}@media (max-width: 640px){.store-summary{flex-direction:column;align-items:stretch;text-align:center}}.store-total{display:flex;flex-direction:column;gap:.25rem}.store-total span{font-size:1rem;color:#1a1a1a;font-weight:600}html.dark .store-total span{color:#fff}.shipping-info{font-size:.9rem;color:#6b7280;font-weight:400}html.dark .shipping-info{color:#9ca3af}.store-checkout-btn{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;background:#ff6200;color:#fff;border:none;border-radius:.75rem;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;white-space:nowrap}.store-checkout-btn:hover:not(:disabled){background:#e55a00;transform:translateY(-2px);box-shadow:0 8px 20px #ff62004d}.store-checkout-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.lock-icon{font-size:.9rem}.checkout-store-total{margin-left:.5rem;font-weight:700}.order-summary{position:sticky;top:1rem}.summary-card{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 4px 12px #0000001a}html.dark .summary-card{background:#242424;box-shadow:0 4px 12px #0000004d}.summary-card h3{font-size:1.3rem;font-weight:600;color:#1a1a1a;margin-bottom:1rem;text-align:center}html.dark .summary-card h3{color:#fff}.summary-details{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #f1f5f9}html.dark .summary-row{border-bottom:1px solid #374151}.summary-row:last-child{border-bottom:none}.summary-row span{font-size:.95rem;color:#4a4a4a}html.dark .summary-row span{color:#b0b0b0}.summary-row.total{font-weight:700;font-size:1.1rem;color:#1a1a1a;padding-top:.75rem;border-top:2px solid #e5e7eb}html.dark .summary-row.total{color:#fff;border-top:2px solid #4b5563}.premium-discount,.free-shipping{color:#10b981;font-weight:600}.summary-divider{border-top:2px solid #e5e7eb;margin:.5rem 0}html.dark .summary-divider{border-top:2px solid #4b5563}.security-features{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem;padding:1rem;background:#f8f9fa;border-radius:.75rem}html.dark .security-features{background:#2a2a2a}.security-item{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#6b7280}html.dark .security-item{color:#9ca3af}.security-icon{color:#10b981;font-size:.9rem}.checkout-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1rem 1.5rem;background:#ff6200;color:#fff;border:none;border-radius:.75rem;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;margin-bottom:1rem}.checkout-btn:hover:not(:disabled){background:#e55a00;transform:translateY(-2px);box-shadow:0 8px 20px #ff62004d}.checkout-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.checkout-total{font-weight:700;font-size:1.1rem}.secure-notice{text-align:center;font-size:.8rem;color:#6b7280;margin:0}html.dark .secure-notice{color:#9ca3af}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:.5rem}html.dark .skeleton{background:linear-gradient(90deg,#2a2a2a 25%,#333,#2a2a2a 75%)}.skeleton-nav{height:40px;width:200px}.skeleton-title{height:32px;width:300px;margin:.5rem auto}.skeleton-image{width:100px;height:100px;border-radius:.5rem}.skeleton-content{flex:1;display:flex;flex-direction:column;gap:.5rem;padding:.25rem 0}.skeleton-line{height:16px;border-radius:.25rem}.skeleton-line.skeleton-title{height:20px;width:70%}.skeleton-line.skeleton-price{height:18px;width:40%}.skeleton-line.skeleton-actions{height:32px;width:120px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width: 768px){.cart-item{grid-template-columns:1fr;text-align:center}.item-controls{align-items:center}.quantity-controls{justify-content:center}}@media (max-width: 640px){.cart-container{padding:.5rem .5rem 4.5rem}.cart-header h1{font-size:1.6rem}.premium-upsell{flex-direction:column;text-align:center}.store-summary{flex-direction:column;gap:1rem}}@media (max-width: 480px){.cart-item{padding:.75rem}.item-image{width:80px;height:80px}.item-details h4{font-size:1rem}.store-checkout-btn{padding:.6rem 1rem;font-size:.9rem}}.orders-container{max-width:1200px;margin:0 auto;padding:1rem 1rem 80px;background:#f5f5f5;min-height:100vh;transition:background .3s ease}html.dark .orders-container{background:#1a1a1a}.orders-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.orders-title{font-size:1.8rem;font-weight:700;color:#1a1a1a}html.dark .orders-title{color:#fff}.wallet-chip{display:flex;align-items:center;gap:.3rem;padding:.5rem 1rem;background:#e5e7eb;border-radius:.5rem;font-size:.9rem;color:#1a1a1a;white-space:nowrap}html.dark .wallet-chip{background:#374151;color:#fff}.tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.tabs button{padding:.5rem 1rem;border:none;border-radius:.5rem;background:#e0e0e0;font-size:.9rem;font-weight:500;color:#1a1a1a;cursor:pointer;transition:all .3s ease;flex:1;min-width:fit-content}html.dark .tabs button{background:#3a3a3a;color:#fff}.tabs button.active,.tabs button:hover{background:#ff6200;color:#fff}.order-list{display:flex;flex-direction:column;gap:1rem;padding-bottom:1rem}.no-orders{text-align:center;padding:2rem;font-size:1rem;color:#4a4a4a}html.dark .no-orders{color:#b0b0b0}.order-card-glass{display:flex;gap:1rem;padding:1rem;background:#fffffff2;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.25);border-radius:.75rem;box-shadow:0 4px 12px #0000001a;transition:all .3s ease}html.dark .order-card-glass{background:#242424f2;border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 12px #0000004d}.order-product-image{width:100px;height:100px;object-fit:cover;border-radius:.5rem;flex-shrink:0}.order-info{flex:1;display:flex;flex-direction:column;gap:.5rem;min-width:0}.product-title{font-size:1.2rem;font-weight:600;color:#1a1a1a;word-wrap:break-word}html.dark .product-title{color:#fff}.order-info p{font-size:.9rem;color:#4a4a4a;display:flex;align-items:center;gap:.3rem;flex-wrap:wrap}html.dark .order-info p{color:#b0b0b0}.order-info .icon{color:#ff6200;flex-shrink:0}.store{font-style:italic}.money-row{display:flex;justify-content:space-between;font-size:.9rem;color:#4a4a4a;flex-wrap:wrap;gap:.5rem}html.dark .money-row{color:#b0b0b0}.order-progress-bar{display:flex;justify-content:space-between;align-items:center;margin:.5rem 0;flex-wrap:wrap;gap:.5rem}.step{display:flex;flex-direction:column;align-items:center;font-size:.8rem;color:#6b7280;flex:1;text-align:center;min-width:60px}html.dark .step{color:#9ca3af}.step.active{color:#ff6200}.step .dot{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#e5e7eb;border-radius:50%;margin-bottom:.3rem;flex-shrink:0}html.dark .step .dot{background:#4b5563}.step.active .dot{background:#ff6200;color:#fff}.actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.otp-btn,.pay-balance-btn{padding:.5rem 1rem;border:none;border-radius:.5rem;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.3rem;flex:1;min-width:fit-content;text-align:center}.otp-btn{background:#3b82f6;color:#fff}.otp-btn:hover{background:#2563eb}.pay-balance-btn{background:#22c55e;color:#fff}.pay-balance-btn:hover{background:#16a34a}button:disabled{opacity:.5;cursor:not-allowed}.escrow-badge{padding:.5rem 1rem;background:#fef3c7;border-radius:.5rem;font-size:.85rem;color:#b45309;text-align:center;flex:1}html.dark .escrow-badge{background:#78350f;color:#fed7aa}.rating-box{display:flex;align-items:center;gap:.3rem;font-size:.85rem;color:#4a4a4a;flex-wrap:wrap}html.dark .rating-box{color:#b0b0b0}.rating-box .star{color:#d1d5db;cursor:pointer;flex-shrink:0}html.dark .rating-box .star{color:#4b5563}.rating-box .star:hover,.rating-box .star.active{color:#facc15}.installment-card.glass{display:flex;gap:1rem;padding:1rem;background:#fffffff2;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.25);border-radius:.75rem;box-shadow:0 4px 12px #0000001a}html.dark .installment-card.glass{background:#242424f2;border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 12px #0000004d}.installment-image{width:100px;height:100px;object-fit:cover;border-radius:.5rem;flex-shrink:0}.installment-info{flex:1;display:flex;flex-direction:column;gap:.5rem;min-width:0}.installment-info h3{font-size:1.2rem;font-weight:600;color:#1a1a1a;word-wrap:break-word}html.dark .installment-info h3{color:#fff}.installment-info p{font-size:.9rem;color:#4a4a4a}html.dark .installment-info p{color:#b0b0b0}.progress-bar{height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}html.dark .progress-bar{background:#4b5563}.progress-fill{height:100%;background:#22c55e;transition:width .3s ease}.progress-text{font-size:.85rem;font-weight:500;color:#22c55e}.installment-button{display:inline-block;padding:.5rem 1rem;background:#ff6200;color:#fff;border-radius:.5rem;font-size:.85rem;text-decoration:none;transition:all .3s ease;align-self:flex-start;text-align:center}.installment-button:hover{background:#e55a00}.otp-modal{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.otp-modal-content.glass{background:#fffffff2;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.25);border-radius:.75rem;padding:1.5rem;width:100%;max-width:400px;display:flex;flex-direction:column;gap:1rem;box-shadow:0 4px 12px #0003;margin-bottom:80px}html.dark .otp-modal-content.glass{background:#242424f2;border:1px solid rgba(255,255,255,.15)}.otp-modal-content h3{font-size:1.2rem;font-weight:600;color:#1a1a1a}html.dark .otp-modal-content h3{color:#fff}.otp-modal-content input{padding:.5rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem;background:#fff;color:#1a1a1a;text-align:center}html.dark .otp-modal-content input{border:1px solid #4b5563;background:#242424;color:#fff}.modal-buttons{display:flex;gap:.5rem;justify-content:flex-end;flex-wrap:wrap}.modal-buttons button{padding:.5rem 1rem;border:none;border-radius:.5rem;font-size:.9rem;cursor:pointer;transition:all .3s ease;flex:1;min-width:100px}.modal-buttons button:first-child{background:#e0e0e0;color:#1a1a1a}html.dark .modal-buttons button:first-child{background:#3a3a3a;color:#fff}.modal-buttons button:first-child:hover{background:#d1d5db}html.dark .modal-buttons button:first-child:hover{background:#4b5563}.modal-buttons button:last-child{background:#ff6200;color:#fff}.modal-buttons button:last-child:hover{background:#e55a00}.loading{text-align:center;padding:2rem;font-size:1rem;color:#4a4a4a;padding-bottom:80px}@media (max-width: 768px){.orders-container{padding:.5rem .5rem 80px}.orders-header{flex-direction:column;align-items:flex-start;gap:.5rem}.order-card-glass,.installment-card.glass{flex-direction:column}.order-product-image,.installment-image{width:100%;height:150px;align-self:center}.tabs{flex-wrap:wrap}.tabs button{flex:1 1 calc(50% - .5rem);min-width:120px}.order-progress-bar{flex-direction:row;overflow-x:auto;padding-bottom:.5rem}.step{flex:0 0 auto;min-width:70px}.actions{flex-direction:column;align-items:stretch}.otp-btn,.pay-balance-btn{width:100%}.installment-button{width:100%;text-align:center;align-self:stretch}}@media (max-width: 480px){.orders-container{padding:.5rem .5rem 80px}.orders-title{font-size:1.4rem}.wallet-chip{font-size:.85rem;width:100%;justify-content:center}.tabs button{padding:.4rem .8rem;font-size:.85rem;flex:1 1 100%}.order-progress-bar{flex-direction:column;gap:.5rem;align-items:flex-start}.step{flex-direction:row;gap:.5rem;min-width:100%;text-align:left}.step .dot{margin-bottom:0}.money-row{flex-direction:column;gap:.25rem}.rating-box{justify-content:center}.modal-buttons{flex-direction:column}.modal-buttons button{width:100%}}@media (max-width: 360px){.orders-container{padding:.5rem .5rem 80px}.order-product-image,.installment-image{height:120px}.orders-title{font-size:1.2rem}.product-title,.installment-info h3{font-size:1.1rem}.order-info p,.installment-info p{font-size:.85rem}}@media (max-height: 500px) and (orientation: landscape){.orders-container{padding-bottom:70px}.otp-modal-content.glass{margin-bottom:70px}.loading{padding-bottom:70px}}@supports (padding: max(0px)){.orders-container{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right));padding-bottom:max(80px,env(safe-area-inset-bottom) + 80px)}@media (max-width: 768px){.orders-container{padding-left:max(.5rem,env(safe-area-inset-left));padding-right:max(.5rem,env(safe-area-inset-right));padding-bottom:max(80px,env(safe-area-inset-bottom) + 80px)}}}:root{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--text-primary: #1e293b;--text-secondary: #64748b;--text-tertiary: #94a3b8;--border-color: #e2e8f0;--border-light: #f1f5f9;--accent-primary: #3b82f6;--accent-primary-hover: #2563eb;--accent-secondary: #10b981;--accent-danger: #ef4444;--accent-warning: #f59e0b;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--transition: all .2s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--border-color: #334155;--border-light: #1e293b;--accent-primary: #60a5fa;--accent-primary-hover: #3b82f6;--accent-secondary: #34d399;--accent-danger: #f87171;--accent-warning: #fbbf24;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(0, 0, 0, .2)}.sell-product-page{min-height:100vh;background:var(--bg-secondary);padding-bottom:100px}.page-header{background:var(--bg-primary);padding:16px 20px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;backdrop-filter:blur(10px);background:rgba(var(--bg-primary-rgb),.95)}.page-header h1{font-size:20px;font-weight:700;color:var(--text-primary);margin:0;text-align:center;flex:1}.back-btn{background:var(--bg-tertiary);border:none;border-radius:var(--radius-sm);width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.back-btn:hover{background:var(--border-color);color:var(--text-primary)}.help-btn{background:transparent;border:none;width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition)}.help-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.product-form{max-width:600px;margin:0 auto;padding:20px}.form-section{background:var(--bg-primary);border-radius:var(--radius-lg);padding:24px;margin-bottom:20px;border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:var(--transition)}.form-section:hover{box-shadow:var(--shadow-md)}.form-section h3{font-size:18px;font-weight:700;color:var(--text-primary);margin:0 0 8px;display:flex;align-items:center;gap:8px}.section-subtitle{font-size:14px;color:var(--text-secondary);margin:0 0 20px;line-height:1.4}.form-group{margin-bottom:24px;position:relative}.form-group:last-child{margin-bottom:0}.form-group label{display:block;font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px 16px;border:2px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:16px;transition:var(--transition);box-sizing:border-box}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #3b82f61a}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-tertiary)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.char-count{position:absolute;bottom:-20px;right:0;font-size:12px;color:var(--text-tertiary)}.image-upload-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media (min-width: 480px){.image-upload-grid{grid-template-columns:repeat(4,1fr);gap:16px}}@media (min-width: 768px){.image-upload-grid{grid-template-columns:repeat(5,1fr)}}.image-preview{position:relative;aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;border:2px solid var(--border-color)}.image-preview img{width:100%;height:100%;object-fit:cover}.remove-image{position:absolute;top:4px;right:4px;background:var(--accent-danger);color:#fff;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;transition:var(--transition)}.remove-image:hover{background:#dc2626;transform:scale(1.1)}.image-upload-btn{aspect-ratio:1;border:2px dashed var(--border-color);border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--text-secondary);cursor:pointer;transition:var(--transition);background:var(--bg-secondary)}.image-upload-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:var(--bg-tertiary)}.image-upload-btn svg{font-size:24px}.image-upload-btn span{font-size:12px;font-weight:600}.uploading-spinner{width:24px;height:24px;border:2px solid var(--border-color);border-top:2px solid var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}.price-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-secondary)}.price-input-container input{padding-left:48px!important}.checkbox-group{margin-top:16px}.checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer;font-weight:500;color:var(--text-primary)}.checkbox-label input[type=checkbox]{display:none}.checkmark{width:20px;height:20px;border:2px solid var(--border-color);border-radius:4px;display:flex;align-items:center;justify-content:center;transition:var(--transition);position:relative}.checkbox-label input[type=checkbox]:checked+.checkmark{background:var(--accent-primary);border-color:var(--accent-primary)}.checkbox-label input[type=checkbox]:checked+.checkmark:after{content:"✓";color:#fff;font-size:12px;font-weight:700}.campus-display{display:flex;align-items:center;gap:12px;padding:16px;background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color);color:var(--text-primary);font-weight:500}.campus-display svg{color:var(--accent-primary)}.meeting-places-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media (min-width: 480px){.meeting-places-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 768px){.meeting-places-grid{grid-template-columns:repeat(4,1fr)}}.meeting-place-btn{display:flex;align-items:center;gap:8px;padding:12px 16px;border:2px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);cursor:pointer;transition:var(--transition);font-size:14px;font-weight:500;position:relative}.meeting-place-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.meeting-place-btn.selected{border-color:var(--accent-primary);background:#3b82f61a;color:var(--accent-primary)}.check-icon{margin-left:auto;color:var(--accent-primary);font-size:12px}.tags-display{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.tag{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--accent-primary);color:#fff;border-radius:20px;font-size:12px;font-weight:600}.tag button{background:none;border:none;color:#fff;cursor:pointer;font-size:14px;padding:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:var(--transition)}.tag button:hover{background:#fff3}.suggested-tags{display:flex;flex-wrap:wrap;gap:8px}.suggested-tag{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:var(--transition);font-size:12px;font-weight:500}.suggested-tag:hover:not(:disabled){background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.suggested-tag:disabled{opacity:.5;cursor:not-allowed}.submit-btn{width:100%;padding:16px 24px;background:var(--accent-primary);color:#fff;border:none;border-radius:var(--radius-lg);font-size:16px;font-weight:700;cursor:pointer;transition:var(--transition);margin-top:8px}.submit-btn:hover:not(:disabled){background:var(--accent-primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.submit-btn:disabled{background:var(--text-tertiary);cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 480px){.sell-product-page{padding-bottom:80px}.product-form{padding:16px}.form-section{padding:20px;margin-bottom:16px}.page-header{padding:12px 16px}.page-header h1{font-size:18px}.form-row{grid-template-columns:1fr;gap:0}}@media (max-width: 360px){.product-form{padding:12px}.form-section{padding:16px}.image-upload-grid{grid-template-columns:repeat(2,1fr)}.meeting-places-grid{grid-template-columns:1fr}}@media (prefers-contrast: high){:root{--border-color: #000000;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .8);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .8), 0 2px 4px -1px rgba(0, 0, 0, .6)}.form-group input,.form-group textarea,.form-group select{border-width:3px}}@media (prefers-reduced-motion: reduce){:root{--transition: none}.submit-btn:hover:not(:disabled){transform:none}.uploading-spinner{animation:none;border:2px solid var(--accent-primary)}}@media (min-width: 1024px){.sell-product-page{padding-bottom:120px}.product-form{max-width:700px;padding:32px 20px}.form-section{padding:32px;margin-bottom:24px}}@media print{.sell-product-page{background:#fff;padding:0}.page-header,.submit-btn,.image-upload-btn,.remove-image{display:none}.product-form{max-width:none;padding:0}.form-section{box-shadow:none;border:1px solid #000;break-inside:avoid}}.form-group input:focus-visible,.form-group textarea:focus-visible,.form-group select:focus-visible,.meeting-place-btn:focus-visible,.suggested-tag:focus-visible,.submit-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.loading-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.loading-spinner-large{width:48px;height:48px;border:4px solid var(--border-color);border-top:4px solid var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}.form-group.error input,.form-group.error textarea,.form-group.error select{border-color:var(--accent-danger)}.error-message{color:var(--accent-danger);font-size:12px;margin-top:4px;display:flex;align-items:center;gap:4px}.form-group.success input,.form-group.success textarea,.form-group.success select{border-color:var(--accent-secondary)}.success-message{color:var(--accent-secondary);font-size:12px;margin-top:4px;display:flex;align-items:center;gap:4px}.start-restaurant-page{padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.back-btn{background:#fff3;border:none;width:40px;height:40px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem}.page-header h1{color:#fff;font-size:1.8rem;font-weight:700;margin:0}.help-btn{background:#fff3;border:none;width:40px;height:40px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem}.restaurant-form{background:#fff;border-radius:25px;padding:2rem;box-shadow:0 8px 32px #0000001a}.cover-image-upload{margin-bottom:1rem}.cover-image-preview{position:relative;width:100%;height:200px;border-radius:15px;overflow:hidden;border:2px solid #e5e7eb}.cover-image-preview img{width:100%;height:100%;object-fit:cover}.remove-image{position:absolute;top:10px;right:10px;background:#ef4444;color:#fff;border:none;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem}.cover-upload-btn{width:100%;height:200px;border:2px dashed #d1d5db;border-radius:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#6b7280}.cover-upload-btn:hover{border-color:#4f46e5;color:#4f46e5}.cover-upload-btn svg{font-size:3rem;margin-bottom:1rem}.uploading-spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top:4px solid #4f46e5;border-radius:50%;animation:spin 1s linear infinite}.form-group input,.form-group textarea,.form-group select{width:100%;padding:1rem;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.char-count{display:block;text-align:right;font-size:.8rem;color:#6b7280;margin-top:.5rem}.phone-input-container{position:relative}.phone-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#6b7280}.phone-input-container input{padding-left:3rem}.price-input-container{position:relative}.price-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#6b7280}.price-input-container input{padding-left:3rem}.special-offers-list{margin-bottom:1rem}.special-offer-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#f0f9ff;border:1px solid #e0f2fe;border-radius:8px;margin-bottom:.5rem}.remove-offer{background:#ef4444;color:#fff;border:none;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.8rem}.add-offer-btn{background:#f3f4f6;color:#374151;border:2px dashed #d1d5db;padding:1rem;border-radius:12px;width:100%;cursor:pointer;font-size:1rem;transition:all .3s ease}.add-offer-btn:hover{border-color:#4f46e5;color:#4f46e5}@media (max-width: 768px){.form-row{grid-template-columns:1fr}.restaurant-form{padding:1.5rem}.cover-upload-btn,.cover-image-preview{height:150px}}.service-detail-page{background:#f8fafc;min-height:100vh}.page-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#fff;border-bottom:1px solid #e5e7eb}.share-btn{background:#4f46e5;color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-weight:600}.service-content{padding:1rem;max-width:800px;margin:0 auto}.service-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding:1.5rem;background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000001a}.service-icon{font-size:3rem;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#eef2ff;border-radius:20px}.service-title-section h2{font-size:1.8rem;font-weight:700;margin:0 0 .5rem;color:#1f2937}.service-meta{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.category-badge{background:#4f46e5;color:#fff;padding:.3rem .8rem;border-radius:20px;font-size:.8rem;font-weight:600}.rating{display:flex;align-items:center;gap:.3rem;color:#f59e0b;font-weight:600}.orders{color:#6b7280;font-size:.9rem}.provider-section{margin-bottom:2rem}.provider-section h3{font-size:1.3rem;font-weight:700;margin-bottom:1rem;color:#1f2937}.provider-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000001a}.provider-avatar{position:relative;width:60px;height:60px}.provider-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.provider-info{flex:1}.provider-info h4{font-size:1.2rem;font-weight:700;margin:0 0 .3rem;color:#1f2937}.provider-info p{color:#6b7280;margin:0 0 .5rem}.provider-stats{display:flex;gap:1rem;font-size:.9rem}.provider-stats span{display:flex;align-items:center;gap:.3rem;color:#6b7280}.contact-btn{background:#10b981;color:#fff;border:none;padding:.7rem 1.2rem;border-radius:10px;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-weight:600}.details-section{margin-bottom:2rem}.details-section h3{font-size:1.3rem;font-weight:700;margin-bottom:1rem;color:#1f2937}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.detail-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fff;border-radius:10px;box-shadow:0 2px 5px #0000001a}.detail-item svg{color:#4f46e5;font-size:1.5rem}.detail-item div{display:flex;flex-direction:column}.detail-item strong{font-weight:600;color:#374151}.detail-item span{color:#6b7280;font-size:.9rem}.description-section{margin-bottom:2rem;padding:1.5rem;background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000001a}.description-section h3{font-size:1.3rem;font-weight:700;margin-bottom:1rem;color:#1f2937}.description-section p{line-height:1.6;color:#4b5563}.requirements-section{margin-bottom:2rem;padding:1.5rem;background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000001a}.requirements-list{list-style:none;padding:0}.requirements-list li{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;color:#4b5563}.tags-section{margin-bottom:2rem;padding:1.5rem;background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000001a}.tags-section h3{font-size:1.3rem;font-weight:700;margin-bottom:1rem;color:#1f2937}.order-section{position:sticky;bottom:0;background:#fff;padding:1.5rem;border-top:1px solid #e5e7eb;box-shadow:0 -2px 10px #0000001a}.price-card{display:flex;align-items:center;justify-content:space-between;max-width:800px;margin:0 auto}.price-info{display:flex;flex-direction:column}.price{font-size:2rem;font-weight:700;color:#1f2937}.price-type{color:#6b7280;font-size:.9rem}.order-btn{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer}.order-modal{background:#fff;border-radius:15px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #e5e7eb}.modal-header h3{font-size:1.3rem;font-weight:700;margin:0;color:#1f2937}.modal-header button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6b7280}.order-form{padding:1.5rem}.order-form .form-group{margin-bottom:1.5rem}.order-form label{display:block;font-weight:600;margin-bottom:.5rem;color:#374151}.order-form input,.order-form textarea,.order-form select{width:100%;padding:1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem}.order-form input:focus,.order-form textarea:focus,.order-form select:focus{outline:none;border-color:#4f46e5}.modal-actions{display:flex;gap:1rem;margin-top:2rem}.cancel-btn{flex:1;background:#f3f4f6;color:#374151;border:none;padding:1rem;border-radius:8px;cursor:pointer;font-weight:600}.confirm-btn{flex:1;background:#4f46e5;color:#fff;border:none;padding:1rem;border-radius:8px;cursor:pointer;font-weight:600}.confirm-btn:disabled{background:#9ca3af;cursor:not-allowed}@media (max-width: 768px){.service-header,.provider-card{flex-direction:column;text-align:center}.details-grid{grid-template-columns:1fr}.price-card{flex-direction:column;gap:1rem;text-align:center}.modal-actions{flex-direction:column}}.restaurant-detail-page{background:#f8fafc;min-height:100vh;padding-bottom:120px}.cart-btn{background:#4f46e5;color:#fff;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;position:relative}.cart-count{position:absolute;top:-5px;right:-5px;background:#ef4444;color:#fff;width:20px;height:20px;border-radius:50%;font-size:.7rem;display:flex;align-items:center;justify-content:center;font-weight:700}.restaurant-content{padding:1rem;max-width:800px;margin:0 auto}.restaurant-header{margin-bottom:2rem;background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 2px 10px #0000001a}.restaurant-cover{width:100%;height:200px;overflow:hidden}.restaurant-cover img{width:100%;height:100%;object-fit:cover}.cover-placeholder{width:100%;height:100%;background:#eef2ff;display:flex;align-items:center;justify-content:center;color:#4f46e5;font-size:4rem}.restaurant-info{padding:1.5rem}.restaurant-info h2{font-size:1.8rem;font-weight:700;margin:0 0 .5rem;color:#1f2937}.cuisine{color:#6b7280;font-size:1.1rem;margin:0 0 1rem}.restaurant-meta{display:flex;gap:1.5rem;margin-bottom:1rem;flex-wrap:wrap}.meta-item{display:flex;align-items:center;gap:.5rem;color:#6b7280;font-size:.9rem}.meta-item svg{color:#4f46e5}.special-offers{display:flex;align-items:center;gap:.5rem;padding:.8rem;background:#fffbeb;border-radius:8px;color:#d97706;font-weight:600}.special-offers svg{color:#f59e0b}.menu-categories{margin-bottom:2rem;background:#fff;padding:1rem;border-radius:15px;box-shadow:0 2px 10px #0000001a}.categories-scroll{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.5rem}.categories-scroll::-webkit-scrollbar{height:4px}.categories-scroll::-webkit-scrollbar-track{background:#f1f1f1;border-radius:2px}.categories-scroll::-webkit-scrollbar-thumb{background:#c5c5c5;border-radius:2px}.category-btn{background:#f3f4f6;color:#374151;border:none;padding:.8rem 1.5rem;border-radius:25px;cursor:pointer;font-weight:600;white-space:nowrap;transition:all .3s ease}.category-btn.active{background:#4f46e5;color:#fff}.menu-items{display:flex;flex-direction:column;gap:1rem}.menu-item{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem;background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000001a}.item-info{flex:1}.item-info h4{font-size:1.2rem;font-weight:700;margin:0 0 .5rem;color:#1f2937}.item-description{color:#6b7280;margin:0 0 1rem;line-height:1.4}.item-meta{display:flex;gap:.5rem;margin-bottom:.5rem}.veg-badge{background:#10b981;color:#fff;padding:.2rem .6rem;border-radius:12px;font-size:.7rem;font-weight:600}.spicy-badge{background:#ef4444;color:#fff;padding:.2rem .6rem;border-radius:12px;font-size:.7rem;font-weight:600}.item-price{font-size:1.3rem;font-weight:700;color:#059669}.item-actions{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.item-image{width:80px;height:80px;border-radius:10px;overflow:hidden}.item-image img{width:100%;height:100%;object-fit:cover}.add-to-cart-btn{background:#4f46e5;color:#fff;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem}.empty-menu{text-align:center;padding:3rem;color:#6b7280}.cart-summary{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e5e7eb;box-shadow:0 -2px 10px #0000001a;z-index:100}.cart-items{max-height:200px;overflow-y:auto;padding:1rem;border-bottom:1px solid #e5e7eb}.cart-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.cart-item:not(:last-child){border-bottom:1px solid #f3f4f6}.cart-item-info{display:flex;flex-direction:column}.item-name{font-weight:600;color:#374151}.item-total{color:#059669;font-weight:600}.quantity-controls{display:flex;align-items:center;gap:.5rem}.quantity-controls button{background:#f3f4f6;border:none;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.8rem}.quantity-controls span{font-weight:600;min-width:20px;text-align:center}.cart-total{padding:1rem}.total-line{display:flex;justify-content:space-between;padding:.3rem 0;color:#6b7280}.grand-total{font-weight:700;color:#1f2937;font-size:1.1rem;border-top:1px solid #e5e7eb;padding-top:.5rem;margin-top:.5rem}.checkout-btn{width:100%;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;padding:1rem;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;margin-top:1rem}@media (max-width: 768px){.menu-item{flex-direction:column;gap:1rem}.item-actions{flex-direction:row;align-items:center;justify-content:space-between;width:100%}.restaurant-meta{flex-direction:column;gap:.5rem}.cart-items{max-height:150px}}.product-detail-page{background:#f8fafc;min-height:100vh;padding-bottom:100px}.page-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:100}.page-header h1{font-size:1.5rem;font-weight:700;margin:0;color:#1f2937}.icon-btn{background:#f3f4f6;border:none;width:40px;height:40px;border-radius:50%;color:#374151;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem}.icon-btn .favorited{color:#ef4444}.product-content{padding:1rem;max-width:800px;margin:0 auto}.image-gallery{margin-bottom:2rem;background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 2px 10px #0000001a}.main-image{width:100%;height:300px;display:flex;align-items:center;justify-content:center;background:#f9fafb}.main-image img{max-width:100%;max-height:100%;object-fit:contain}.image-placeholder{font-size:8rem;color:#d1d5db}.image-thumbnails{display:flex;gap:.5rem;padding:1rem;overflow-x:auto;background:#fff}.thumbnail{width:60px;height:60px;border:2px solid #e5e7eb;border-radius:8px;overflow:hidden;cursor:pointer;flex-shrink:0}.thumbnail.active{border-color:#4f46e5}.thumbnail img{width:100%;height:100%;object-fit:cover}.product-info{padding:1.5rem;background:#fff;border-radius:15px;margin-bottom:2rem;box-shadow:0 2px 10px #0000001a}.product-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.product-header h2{font-size:1.8rem;font-weight:700;margin:0;color:#1f2937;flex:1;margin-right:1rem}.price{font-size:2rem;font-weight:700;color:#059669}.product-meta{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.condition{padding:.3rem .8rem;border-radius:12px;font-size:.8rem;font-weight:600;text-transform:uppercase}.condition.new{background:#d1fae5;color:#065f46}.condition.like_new{background:#fef3c7;color:#92400e}.condition.good{background:#e0e7ff;color:#3730a3}.condition.fair{background:#f3f4f6;color:#374151}.views,.likes{display:flex;align-items:center;gap:.3rem;color:#6b7280;font-size:.9rem}.likes svg{color:#ef4444}.product-description{margin-bottom:2rem}.product-description p{line-height:1.6;color:#4b5563;font-size:1.1rem}.product-details{margin-bottom:2rem}.detail-item{display:flex;justify-content:space-between;padding:.8rem 0;border-bottom:1px solid #f3f4f6}.detail-item span{color:#6b7280}.meeting-places{margin-bottom:2rem}.meeting-places h4{font-size:1.1rem;font-weight:700;margin-bottom:1rem;color:#1f2937}.places-list{display:flex;flex-direction:column;gap:.5rem}.place-item{display:flex;align-items:center;gap:.5rem;padding:.8rem;background:#f8fafc;border-radius:8px;color:#4b5563}.place-item svg{color:#ef4444}.product-tags{margin-bottom:2rem}.product-tags h4{font-size:1.1rem;font-weight:700;margin-bottom:1rem;color:#1f2937}.tags-list{display:flex;flex-wrap:wrap;gap:.5rem}.tag{background:#eef2ff;color:#4f46e5;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600}.seller-section{margin-bottom:2rem;padding:1.5rem;background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000001a}.seller-section h3{font-size:1.3rem;font-weight:700;margin-bottom:1rem;color:#1f2937}.seller-card{display:flex;align-items:center;gap:1rem}.seller-avatar{position:relative;width:60px;height:60px}.seller-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;border-radius:50%;background:#4f46e5;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700}.seller-info{flex:1}.seller-info h4{font-size:1.2rem;font-weight:700;margin:0 0 .3rem;color:#1f2937}.seller-stats{display:flex;gap:1rem;margin-bottom:.5rem}.seller-stats span{display:flex;align-items:center;gap:.3rem;color:#6b7280;font-size:.9rem}.member-since{color:#9ca3af;font-size:.8rem;margin:0}.contact-seller-btn{background:#10b981;color:#fff;border:none;padding:.7rem 1.2rem;border-radius:10px;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-weight:600}.safety-tips{padding:1.5rem;background:#fef3c7;border-radius:15px;margin-bottom:2rem}.safety-tips h4{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:700;margin:0 0 1rem;color:#92400e}.safety-tips ul{list-style:none;padding:0;margin:0}.safety-tips li{padding:.3rem 0;color:#92400e;font-size:.9rem}.action-bar{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e5e7eb;box-shadow:0 -2px 10px #0000001a;z-index:100}.action-content{display:flex;align-items:center;justify-content:space-between;padding:1rem;max-width:800px;margin:0 auto}.price-section{display:flex;flex-direction:column}.price{font-size:1.5rem;font-weight:700;color:#059669}.negotiable{color:#6b7280;font-size:.8rem}.action-buttons{display:flex;gap:1rem}.contact-btn{background:#f3f4f6;color:#374151;border:none;padding:.8rem 1.5rem;border-radius:10px;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-weight:600}.buy-btn{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;padding:.8rem 1.5rem;border-radius:10px;cursor:pointer;font-weight:600}@media (max-width: 768px){.product-header{flex-direction:column;gap:1rem}.seller-card{flex-direction:column;text-align:center}.action-content{flex-direction:column;gap:1rem;text-align:center}.action-buttons{width:100%}.contact-btn,.buy-btn{flex:1}.main-image{height:250px}.image-placeholder{font-size:6rem}}.delivery-agent-page{background:#f8fafc;min-height:100vh}.delivery-content{padding:1rem;max-width:800px;margin:0 auto}.benefits-section{margin-bottom:3rem;text-align:center}.benefits-section h2{font-size:2rem;font-weight:700;margin-bottom:2rem;color:#1f2937}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.benefit-card{padding:2rem 1.5rem;background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000001a;text-align:center}.benefit-card svg{font-size:3rem;color:#4f46e5;margin-bottom:1rem}.benefit-card h4{font-size:1.3rem;font-weight:700;margin:0 0 1rem;color:#1f2937}.benefit-card p{color:#6b7280;line-height:1.5;margin:0}.application-status{padding:2rem;text-align:center}.status-card{background:#fff;padding:3rem 2rem;border-radius:20px;box-shadow:0 4px 20px #0000001a;max-width:500px;margin:0 auto}.status-icon{font-size:4rem;color:#4f46e5;margin-bottom:1.5rem}.status-card h2{font-size:1.8rem;font-weight:700;margin:0 0 2rem;color:#1f2937}.status-details{text-align:left;margin-bottom:2rem}.detail-item{display:flex;justify-content:space-between;padding:1rem 0;border-bottom:1px solid #f3f4f6}.detail-item:last-child{border-bottom:none}.detail-item strong{color:#374151}.status.approved{color:#10b981;font-weight:700}.status.pending{color:#f59e0b;font-weight:700}.go-online-btn{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;width:100%}.pending-message{color:#6b7280;font-style:italic;margin:2rem 0 0}.application-form{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 4px 20px #0000001a}.form-section{margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid #e5e7eb}.form-section:last-of-type{border-bottom:none;margin-bottom:2rem}.form-section h3{font-size:1.3rem;font-weight:700;margin:0 0 .5rem;color:#1f2937}.section-subtitle{color:#6b7280;font-size:.9rem;margin:0 0 1.5rem}.vehicle-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.vehicle-option{position:relative;border:2px solid #e5e7eb;border-radius:15px;padding:1.5rem;cursor:pointer;transition:all .3s ease}.vehicle-option.selected{border-color:#4f46e5;background:#eef2ff}.vehicle-option input{display:none}.vehicle-icon{font-size:2.5rem;color:#6b7280;margin-bottom:1rem}.vehicle-option.selected .vehicle-icon{color:#4f46e5}.vehicle-info h4{font-size:1.1rem;font-weight:700;margin:0 0 .5rem;color:#374151}.vehicle-option.selected .vehicle-info h4{color:#4f46e5}.vehicle-info p{color:#6b7280;margin:0;font-size:.9rem}.check-icon{position:absolute;top:1rem;right:1rem;color:#4f46e5;opacity:0;transition:opacity .3s ease}.vehicle-option.selected .check-icon{opacity:1}.form-group label{display:block;font-weight:600;margin-bottom:.5rem;color:#374151}.form-group input,.form-group select{width:100%;padding:1rem;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;transition:all .3s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.helper-text{font-size:.8rem;color:#6b7280;margin-top:.5rem}.checkbox-group{display:flex;align-items:center}.checkbox-label{display:flex;align-items:center;cursor:pointer;font-weight:400}.checkbox-label input{display:none}.checkmark{width:20px;height:20px;border:2px solid #d1d5db;border-radius:4px;margin-right:.75rem;position:relative;transition:all .3s ease}.checkbox-label input:checked+.checkmark{background:#4f46e5;border-color:#4f46e5}.checkbox-label input:checked+.checkmark:after{content:"✓";position:absolute;color:#fff;font-size:.8rem;top:50%;left:50%;transform:translate(-50%,-50%)}.campus-display{display:flex;align-items:center;gap:.5rem;padding:1rem;background:#f3f4f6;border-radius:12px;color:#374151;font-weight:600}.requirements-section{margin-bottom:2rem}.requirements-section h3{font-size:1.3rem;font-weight:700;margin-bottom:1rem;color:#1f2937}.requirements-list{list-style:none;padding:0;margin:0}.requirements-list li{display:flex;align-items:center;gap:.5rem;padding:.8rem 0;color:#4b5563;border-bottom:1px solid #f3f4f6}.requirements-list li:last-child{border-bottom:none}.requirements-list li svg{color:#10b981;font-size:.9rem}.submit-btn{width:100%;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;padding:1.2rem;border-radius:15px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.submit-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none!important}@media (max-width: 768px){.benefits-grid,.vehicle-options{grid-template-columns:1fr}.application-form{padding:1.5rem}.status-card{padding:2rem 1rem}}.student-chat-page{display:flex;flex-direction:column;height:100vh;background:#f8fafc}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:100}.header-left{display:flex;align-items:center;gap:1rem;flex:1}.back-btn{background:#f3f4f6;border:none;width:40px;height:40px;border-radius:50%;color:#374151;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem}.user-info{display:flex;align-items:center;gap:1rem;flex:1}.user-avatar{position:relative;width:50px;height:50px}.user-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.user-avatar svg{width:100%;height:100%;color:#9ca3af}.online-status{position:absolute;bottom:2px;right:2px;width:12px;height:12px;border-radius:50%;border:2px solid white}.online-status.online{background:#10b981}.online-status.offline{background:#9ca3af}.user-details h3{font-size:1.2rem;font-weight:700;margin:0 0 .2rem;color:#1f2937}.user-status{font-size:.8rem;color:#6b7280}.header-actions{display:flex;gap:.5rem}.icon-btn{background:#f3f4f6;border:none;width:40px;height:40px;border-radius:50%;color:#374151;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.1rem}.messages-container{flex:1;overflow-y:auto;padding:1rem;background:#f8fafc}.empty-chat{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:#6b7280}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-chat h3{font-size:1.5rem;font-weight:700;margin:0 0 .5rem;color:#374151}.empty-chat p{margin:0;font-size:1rem}.messages-list{display:flex;flex-direction:column;gap:1rem;max-width:800px;margin:0 auto}.message{display:flex;max-width:70%}.message.own-message{align-self:flex-end}.message.other-message{align-self:flex-start}.message-content{padding:1rem 1.2rem;border-radius:18px;position:relative;word-wrap:break-word}.own-message .message-content{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border-bottom-right-radius:4px}.other-message .message-content{background:#fff;color:#1f2937;border-bottom-left-radius:4px;box-shadow:0 2px 8px #0000001a}.message-content p{margin:0 0 .5rem;line-height:1.4}.message-meta{display:flex;align-items:center;gap:.5rem;font-size:.7rem;opacity:.8}.time{font-size:.7rem}.read-status{display:flex;align-items:center}.read-status svg{font-size:.8rem}.message-input-container{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fff;border-top:1px solid #e5e7eb;position:sticky;bottom:0}.input-actions{display:flex;gap:.5rem}.message-input-wrapper{flex:1}.message-input-wrapper input{width:100%;padding:1rem 1.5rem;border:2px solid #e5e7eb;border-radius:25px;font-size:1rem;outline:none;transition:all .3s ease}.message-input-wrapper input:focus{border-color:#4f46e5}.send-btn{background:#4f46e5;color:#fff;border:none;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;transition:all .3s ease}.send-btn:disabled{background:#9ca3af;cursor:not-allowed}.send-btn:not(:disabled):hover{background:#3730a3}.loading-screen,.error-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;text-align:center;background:#f8fafc}.error-screen h2{font-size:1.8rem;font-weight:700;margin:0 0 1rem;color:#1f2937}.error-screen button{background:#4f46e5;color:#fff;border:none;padding:1rem 2rem;border-radius:8px;cursor:pointer;font-weight:600}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.messages-container::-webkit-scrollbar-thumb{background:#c5c5c5;border-radius:3px}.messages-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width: 768px){.message{max-width:85%}.header-actions{display:none}.message-input-container{gap:.5rem;padding:.8rem}.input-actions{gap:.3rem}.icon-btn{width:35px;height:35px;font-size:1rem}.send-btn{width:45px;height:45px;font-size:1.1rem}}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message{animation:slideIn .3s ease}.order-tracking-page{background:#f8fafc;min-height:100vh}.order-tabs{display:flex;background:#fff;border-bottom:1px solid #e5e7eb;padding:0 1rem}.order-tab{flex:1;background:none;border:none;padding:1rem .5rem;cursor:pointer;font-weight:600;color:#6b7280;position:relative;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.order-tab.active{color:#4f46e5}.order-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background:#4f46e5;border-radius:3px 3px 0 0}.tab-count{background:#e5e7eb;color:#374151;padding:.2rem .5rem;border-radius:12px;font-size:.7rem;font-weight:700;min-width:20px;text-align:center}.order-tab.active .tab-count{background:#4f46e5;color:#fff}.orders-container{padding:1rem;max-width:800px;margin:0 auto}.empty-orders{text-align:center;padding:4rem 2rem;background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000001a}.empty-orders h3{font-size:1.5rem;font-weight:700;margin:0 0 1rem;color:#374151}.empty-orders p{color:#6b7280;margin:0 0 2rem;font-size:1rem}.browse-btn{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-weight:600;cursor:pointer}.orders-list{display:flex;flex-direction:column;gap:1.5rem}.order-card{background:#fff;border-radius:15px;padding:1.5rem;box-shadow:0 2px 10px #0000001a;position:relative}.order-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.order-info h3{font-size:1.3rem;font-weight:700;margin:0 0 .5rem;color:#1f2937}.order-number{color:#6b7280;font-size:.9rem;margin:0 0 .3rem}.order-date{color:#9ca3af;font-size:.8rem;margin:0}.order-amount{font-size:1.5rem;font-weight:700;color:#059669}.order-type{margin-bottom:1.5rem}.type-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase}.type-badge.food{background:#fef3c7;color:#92400e}.type-badge.service{background:#e0e7ff;color:#3730a3}.progress-tracking{margin-bottom:1.5rem;padding:1rem;background:#f8fafc;border-radius:10px}.progress-steps{display:flex;justify-content:space-between;position:relative;margin-bottom:.5rem}.progress-step{display:flex;flex-direction:column;align-items:center;gap:.5rem;z-index:2;flex:1}.step-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#e5e7eb;color:#9ca3af;font-size:1rem;transition:all .3s ease}.progress-step.completed .step-icon{background:#10b981;color:#fff}.progress-step.current .step-icon{background:#4f46e5;color:#fff;transform:scale(1.1)}.step-label{font-size:.7rem;font-weight:600;color:#9ca3af;text-align:center;transition:all .3s ease}.progress-step.completed .step-label,.progress-step.current .step-label{color:#374151}.progress-bar{display:flex;position:absolute;top:20px;left:20px;right:20px;height:3px;background:#e5e7eb;z-index:1}.progress-segment{flex:1;height:100%;background:#e5e7eb;transition:all .3s ease}.progress-segment.completed{background:#10b981}.order-details{margin-bottom:1.5rem}.detail-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;color:#6b7280;font-size:.9rem}.detail-item svg{color:#4f46e5;font-size:.8rem}.order-actions{display:flex;gap:1rem}.contact-btn{flex:1;background:#10b981;color:#fff;border:none;padding:.8rem 1rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:600;font-size:.9rem}.details-btn{flex:1;background:#f3f4f6;color:#374151;border:none;padding:.8rem 1rem;border-radius:8px;cursor:pointer;font-weight:600;font-size:.9rem}.status-badge{position:absolute;top:1rem;right:1rem;padding:.3rem .8rem;border-radius:12px;font-size:.7rem;font-weight:700;text-transform:uppercase}.status-badge.pending{background:#fef3c7;color:#92400e}.status-badge.confirmed{background:#dbeafe;color:#1e40af}.status-badge.preparing{background:#fef3c7;color:#92400e}.status-badge.out_for_delivery{background:#dbeafe;color:#1e40af}.status-badge.delivered,.status-badge.accepted{background:#d1fae5;color:#065f46}.status-badge.in_progress{background:#fef3c7;color:#92400e}.status-badge.completed{background:#d1fae5;color:#065f46}.status-badge.cancelled{background:#fecaca;color:#dc2626}@media (max-width: 768px){.order-tabs{padding:0 .5rem}.order-tab{font-size:.9rem;padding:.8rem .3rem}.order-header{flex-direction:column;gap:1rem}.progress-steps{flex-wrap:wrap;gap:1rem}.progress-step{flex:none;width:calc(50% - .5rem)}.progress-bar{display:none}.order-actions{flex-direction:column}.status-badge{position:static;align-self:flex-start;margin-bottom:1rem}}.student-earnings-page{background:#f8fafc;min-height:100vh}.page-header{display:flex;align-items:center;padding:1rem;background:#fff;border-bottom:1px solid #e5e7eb}.back-btn{background:#f3f4f6;border:none;width:40px;height:40px;border-radius:50%;color:#374151;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;margin-right:1rem}.page-header h1{font-size:1.8rem;font-weight:700;margin:0;color:#1f2937}.stats-section{padding:1rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;max-width:1200px;margin:0 auto}.stat-card{background:#fff;border-radius:15px;padding:1.5rem;box-shadow:0 2px 10px #0000001a;display:flex;align-items:center;gap:1rem}.stat-card.total{border-left:4px solid #4f46e5}.stat-card.available{border-left:4px solid #10b981}.stat-card.pending{border-left:4px solid #f59e0b}.stat-card.withdrawn{border-left:4px solid #6b7280}.stat-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.stat-card.total .stat-icon{background:#eef2ff;color:#4f46e5}.stat-card.available .stat-icon{background:#ecfdf5;color:#10b981}.stat-card.pending .stat-icon{background:#fffbeb;color:#f59e0b}.stat-card.withdrawn .stat-icon{background:#f3f4f6;color:#6b7280}.stat-info h3{font-size:1.5rem;font-weight:700;margin:0 0 .3rem;color:#1f2937}.stat-info p{margin:0;color:#6b7280;font-size:.9rem}.withdrawal-section{padding:1rem;max-width:1200px;margin:0 auto}.withdrawal-card{background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:15px;padding:2rem;color:#fff;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 20px #4f46e54d}.withdrawal-info h3{font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.withdrawal-info p{margin:0;opacity:.9;font-size:1.1rem}.withdraw-btn{background:#fff;color:#4f46e5;border:none;padding:1rem 2rem;border-radius:12px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-size:1rem;transition:all .3s ease}.withdraw-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.filters-section{padding:1rem;max-width:1200px;margin:0 auto}.filters-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;background:#fff;padding:1.5rem;border-radius:15px;box-shadow:0 2px 10px #0000001a}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{font-weight:600;color:#374151;font-size:.9rem}.filter-group select{padding:.8rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;background:#fff;cursor:pointer;transition:all .3s ease}.filter-group select:focus{outline:none;border-color:#4f46e5}.earnings-section{padding:1rem;max-width:1200px;margin:0 auto}.earnings-section h2{font-size:1.5rem;font-weight:700;margin:0 0 1.5rem;color:#1f2937}.empty-earnings{text-align:center;padding:4rem 2rem;background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000001a}.empty-icon{font-size:4rem;color:#4f46e5;margin-bottom:1.5rem;opacity:.7}.empty-earnings h3{font-size:1.5rem;font-weight:700;margin:0 0 1rem;color:#374151}.empty-earnings p{color:#6b7280;margin:0 0 2rem;font-size:1rem;line-height:1.5}.start-earning-btn{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-weight:600;cursor:pointer;font-size:1rem}.earnings-list{display:flex;flex-direction:column;gap:1rem}.earning-item{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000001a;transition:all .3s ease}.earning-item:hover{transform:translateY(-2px);box-shadow:0 4px 15px #00000026}.earning-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;background:#eef2ff;color:#4f46e5}.earning-details{flex:1}.earning-details h4{font-size:1.1rem;font-weight:700;margin:0 0 .3rem;color:#1f2937}.earning-details p{margin:0 0 .3rem;color:#6b7280;font-size:.9rem}.earning-date{color:#9ca3af;font-size:.8rem}.earning-amount{display:flex;flex-direction:column;align-items:flex-end;gap:.3rem}.amount{font-size:1.3rem;font-weight:700;color:#059669}.status-badge{font-size:.7rem;font-weight:700;text-transform:uppercase;padding:.2rem .6rem;border-radius:10px;background:#f3f4f6}.quick-stats-section{padding:1rem;max-width:1200px;margin:0 auto 2rem}.quick-stats-section h3{font-size:1.3rem;font-weight:700;margin:0 0 1rem;color:#1f2937}.source-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.source-stat{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000001a}.source-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;background:#eef2ff;color:#4f46e5}.source-info{display:flex;flex-direction:column}.source-label{font-weight:600;color:#374151;margin-bottom:.3rem}.source-amount{font-weight:700;color:#059669;font-size:1.1rem}.loading-screen,.error-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;text-align:center}.loading-spinner{width:50px;height:50px;border:4px solid #e5e7eb;border-top:4px solid #4f46e5;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.error-screen button{background:#4f46e5;color:#fff;border:none;padding:1rem 2rem;border-radius:8px;cursor:pointer;margin-top:1rem}@media (max-width: 768px){.stats-grid{grid-template-columns:1fr}.withdrawal-card{flex-direction:column;gap:1.5rem;text-align:center}.filters-row{grid-template-columns:1fr}.earning-item{flex-direction:column;text-align:center;gap:1rem}.earning-amount{align-items:center}.source-stats{grid-template-columns:1fr}.stat-card{flex-direction:column;text-align:center;gap:1rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stat-card{animation:fadeInUp .6s ease}.terms-page{min-height:100vh;background-color:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.container{max-width:1200px;margin:0 auto;padding:0 20px}.breadcrumb-nav{background-color:#fff;border-bottom:1px solid #e0e0e0;padding:16px 0}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px}.breadcrumb-link{display:flex;align-items:center;gap:4px;color:#666;text-decoration:none;transition:color .2s}.breadcrumb-link:hover{color:#2874f0}.breadcrumb-current{color:#2874f0;font-weight:500}.terms-container{display:grid;grid-template-columns:280px 1fr;gap:32px;padding:32px 0;max-width:1200px;margin:0 auto}.terms-sidebar{position:sticky;top:20px;height:fit-content}.sidebar-header{background:#2874f0;color:#fff;padding:16px;border-radius:8px 8px 0 0}.sidebar-header h3{margin:0;font-size:18px;font-weight:600}.sidebar-nav{background:#fff;border:1px solid #e0e0e0;border-top:none;border-radius:0 0 8px 8px}.nav-link{display:block;width:100%;text-align:left;padding:12px 16px;border:none;background:none;color:#212121;font-size:14px;cursor:pointer;transition:all .2s;border-bottom:1px solid #f0f0f0}.nav-link:hover{background-color:#f8f9fa;color:#2874f0}.nav-link:last-child{border-bottom:none}.sidebar-help{margin-top:20px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:16px}.help-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:#2874f0;font-weight:500}.help-links{display:flex;flex-direction:column;gap:8px}.help-link{display:flex;align-items:center;gap:8px;color:#666;text-decoration:none;font-size:14px;padding:6px 0;transition:color .2s}.help-link:hover{color:#2874f0}.terms-content{background:#fff;border-radius:8px;border:1px solid #e0e0e0;padding:32px}.terms-header{border-bottom:1px solid #e0e0e0;padding-bottom:24px;margin-bottom:32px}.terms-header h1{margin:0 0 16px;color:#212121;font-size:28px;font-weight:600}.terms-meta{display:flex;gap:24px;margin-bottom:20px}.meta-item{display:flex;align-items:center;gap:8px;color:#666;font-size:14px}.terms-notice{display:flex;gap:12px;background:#fff8e1;border:1px solid #ffd54f;border-radius:6px;padding:16px;color:#212121}.terms-notice svg{color:#ff9800;flex-shrink:0}.terms-notice p{margin:0;font-size:14px;line-height:1.5}.terms-section{margin-bottom:40px}.terms-section h2{color:#212121;font-size:24px;font-weight:600;margin:0 0 16px;padding-bottom:8px;border-bottom:2px solid #f0f0f0}.terms-section h3{color:#212121;font-size:18px;font-weight:600;margin:24px 0 12px}.terms-section p{color:#666;line-height:1.6;margin-bottom:16px}.terms-section ul{color:#666;padding-left:20px;margin-bottom:16px}.terms-section li{margin-bottom:8px;line-height:1.5}.terms-section ul ul{margin-top:8px;margin-bottom:8px}.terms-section a{color:#2874f0;text-decoration:none}.terms-section a:hover{text-decoration:underline}.contact-info{display:flex;flex-direction:column;gap:16px;margin-top:20px}.contact-item{display:flex;align-items:flex-start;gap:12px}.contact-item svg{color:#2874f0;flex-shrink:0;margin-top:2px}.contact-item strong{display:block;color:#212121;margin-bottom:4px}.contact-item a,.contact-item span{color:#666;line-height:1.5}.terms-footer{margin-top:48px;padding-top:32px;border-top:1px solid #e0e0e0}.acceptance-box{background:#f8f9fa;border-radius:8px;padding:24px;text-align:center}.acceptance-box h3{color:#212121;margin:0 0 16px;font-size:20px}.acceptance-box p{color:#666;margin-bottom:20px;max-width:600px;margin-left:auto;margin-right:auto}.footer-meta{display:flex;justify-content:center;gap:32px;margin-bottom:24px}.footer-meta .meta-item{font-size:14px;color:#666}.footer-meta strong{color:#212121;margin-right:4px}.footer-actions{display:flex;justify-content:center}.btn-back{display:flex;align-items:center;gap:8px;background:#2874f0;color:#fff;border:none;padding:12px 24px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;text-decoration:none;transition:background-color .2s}.btn-back:hover{background-color:#1c68e3}@media (max-width: 992px){.terms-container{grid-template-columns:1fr;gap:24px}.terms-sidebar{position:static}}@media (max-width: 768px){.container{padding:0 16px}.terms-content{padding:24px 16px}.terms-header h1{font-size:24px}.terms-section h2{font-size:20px}.terms-meta,.footer-meta{flex-direction:column;gap:12px}}:root{--wallet-bg-light: #fafafa;--wallet-bg-dark: #0f172a;--wallet-card-bg-light: rgba(255, 255, 255, .95);--wallet-card-bg-dark: rgba(15, 23, 42, .95);--wallet-text-primary-light: #f3f706;--wallet-text-primary-dark: #f1f5f9;--wallet-text-secondary-light: #64748b;--wallet-text-secondary-dark: #94a3b8;--wallet-accent-primary: #d7ee07;--wallet-accent-secondary: #f59e0b;--wallet-border-light: rgba(203, 213, 225, .5);--wallet-border-dark: rgba(51, 65, 85, .5);--wallet-success: #10b981;--wallet-error: #ef4444;--wallet-warning: #f59e0b;--wallet-info: #3b82f6;--wallet-shadow: 0 8px 32px rgba(0, 0, 0, .1);--wallet-shadow-subtle: 0 4px 16px rgba(0, 0, 0, .05);--wallet-glass-blur: blur(20px);--wallet-transition: all .3s cubic-bezier(.4, 0, .2, 1);--wallet-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--wallet-bg: var(--wallet-bg-light);--wallet-card-bg: var(--wallet-card-bg-light);--wallet-text-primary: var(--wallet-text-primary-light);--wallet-text-secondary: var(--wallet-text-secondary-light);--wallet-border: var(--wallet-border-light)}[data-theme=dark],.dark{--wallet-bg: var(--wallet-bg-dark);--wallet-card-bg: var(--wallet-card-bg-dark);--wallet-text-primary: var(--wallet-text-primary-dark);--wallet-text-secondary: var(--wallet-text-secondary-dark);--wallet-border: var(--wallet-border-dark)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--wallet-bg: var(--wallet-bg-dark);--wallet-card-bg: var(--wallet-card-bg-dark);--wallet-text-primary: var(--wallet-text-primary-dark);--wallet-text-secondary: var(--wallet-text-secondary-dark);--wallet-border: var(--wallet-border-dark)}}*{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--wallet-font-family)}.wallet-container{min-height:100vh;padding:1.5rem;background:linear-gradient(180deg,var(--wallet-bg) 0%,color-mix(in srgb,var(--wallet-bg) 80%,transparent) 100%);color:var(--wallet-text-primary);max-width:520px;margin:0 auto;position:relative;overflow-x:hidden;transition:var(--wallet-transition)}.wallet-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;padding:0 .75rem}.wallet-title{font-size:1.875rem;font-weight:800;letter-spacing:-.025em;background:linear-gradient(45deg,var(--wallet-accent-primary),var(--wallet-accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.wallet-back-btn{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--wallet-accent-primary);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--wallet-transition);padding:.5rem;border-radius:8px}.wallet-back-btn:hover:not(:disabled){background:color-mix(in srgb,var(--wallet-accent-primary) 10%,transparent);transform:translate(-4px)}.wallet-back-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.wallet-balance-card{background:var(--wallet-card-bg);backdrop-filter:var(--wallet-glass-blur);border-radius:24px;padding:2rem;box-shadow:var(--wallet-shadow);margin-bottom:2rem;border:1px solid var(--wallet-border);transition:var(--wallet-transition);position:relative;overflow:hidden}.wallet-balance-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at top left,color-mix(in srgb,var(--wallet-accent-primary) 10%,transparent),transparent 50%);pointer-events:none}.wallet-balance-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.wallet-balance-label{font-size:.875rem;font-weight:600;color:var(--wallet-text-secondary);text-transform:uppercase;letter-spacing:.05em}.wallet-refresh-btn{background:none;border:none;color:var(--wallet-text-secondary);cursor:pointer;transition:var(--wallet-transition);padding:.5rem;border-radius:8px;display:flex;align-items:center;justify-content:center}.wallet-refresh-btn:hover:not(:disabled){color:var(--wallet-accent-primary);background:color-mix(in srgb,var(--wallet-accent-primary) 10%,transparent);transform:scale(1.1)}.wallet-refresh-btn:disabled{opacity:.4;cursor:not-allowed}.wallet-balance-amount{font-size:2.75rem;font-weight:900;background-color:#10b981;color:var(--wallet-accent-primary);letter-spacing:-.05em;margin-bottom:1.75rem;background:linear-gradient(45deg,var(--wallet-accent-primary),var(--wallet-accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.wallet-balance-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.wallet-action-btn{display:flex;flex-direction:column;align-items:center;gap:.75rem;background:var(--wallet-card-bg);border:1px solid var(--wallet-border);border-radius:16px;padding:1.25rem;cursor:pointer;font-size:.875rem;font-weight:700;color:var(--wallet-text-primary);transition:var(--wallet-transition);box-shadow:var(--wallet-shadow-subtle);position:relative;overflow:hidden}.wallet-action-btn:hover:not(:disabled){transform:translateY(-4px);box-shadow:0 8px 24px #00000026;background:linear-gradient(135deg,color-mix(in srgb,var(--wallet-accent-primary) 10%,transparent),color-mix(in srgb,var(--wallet-accent-secondary) 10%,transparent))}.wallet-action-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.wallet-action-btn svg{stroke-width:2.5;color:var(--wallet-accent-primary)}.wallet-secondary-actions{margin-bottom:2rem}.wallet-convert-btn{width:100%;background:linear-gradient(135deg,var(--wallet-accent-primary),var(--wallet-accent-secondary));color:#fff;border:none;border-radius:16px;padding:1.25rem;font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--wallet-shadow);transition:var(--wallet-transition)}.wallet-convert-btn:hover:not(:disabled){transform:translateY(-4px);box-shadow:0 12px 32px #00000026}.wallet-convert-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.wallet-convert-btn svg{margin-right:.75rem}.wallet-view-content{background:var(--wallet-card-bg);backdrop-filter:var(--wallet-glass-blur);border-radius:24px;padding:2rem;box-shadow:var(--wallet-shadow);margin-bottom:2rem;border:1px solid var(--wallet-border);transition:var(--wallet-transition);animation:slideIn .4s ease-out}@keyframes slideIn{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.wallet-view-title{font-size:1.625rem;font-weight:800;margin-bottom:.75rem;color:var(--wallet-text-primary)}.wallet-view-subtitle{font-size:.875rem;color:var(--wallet-text-secondary);margin-bottom:1.75rem;line-height:1.5}.wallet-method-buttons{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.75rem}.wallet-method-btn{background:var(--wallet-accent-primary);color:#fff;border:none;border-radius:14px;padding:1.25rem;font-size:1rem;font-weight:600;cursor:pointer;transition:var(--wallet-transition);box-shadow:var(--wallet-shadow-subtle)}.wallet-method-btn:hover:not(:disabled){background:color-mix(in srgb,var(--wallet-accent-primary) 80%,black 20%);transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.wallet-method-btn:disabled{background:var(--wallet-text-secondary);cursor:not-allowed;transform:none;box-shadow:none}.wallet-input{width:100%;background:color-mix(in srgb,var(--wallet-card-bg) 80%,transparent 20%);border:1px solid var(--wallet-border);border-radius:14px;padding:1.25rem;font-size:1rem;margin-bottom:1.25rem;transition:var(--wallet-transition);font-family:var(--wallet-font-family);color:var(--wallet-text-primary)}.wallet-input:focus{border-color:var(--wallet-accent-primary);outline:none;box-shadow:0 0 0 4px color-mix(in srgb,var(--wallet-accent-primary) 20%,transparent)}.wallet-input::placeholder{color:var(--wallet-text-secondary)}.wallet-confirm-btn{width:100%;background:var(--wallet-accent-primary);color:#fff;border:none;border-radius:14px;padding:1.25rem;font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--wallet-transition);box-shadow:var(--wallet-shadow-subtle)}.wallet-confirm-btn:hover:not(:disabled){background:color-mix(in srgb,var(--wallet-accent-primary) 80%,black 20%);transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.wallet-confirm-btn:disabled{background:var(--wallet-text-secondary);cursor:not-allowed;transform:none;box-shadow:none}.wallet-confirm-btn svg{margin-right:.75rem}.wallet-transactions-section{background:var(--wallet-card-bg);backdrop-filter:var(--wallet-glass-blur);border-radius:24px;padding:2rem;box-shadow:var(--wallet-shadow);border:1px solid var(--wallet-border);transition:var(--wallet-transition)}.wallet-section-title{font-size:1.625rem;font-weight:800;margin-bottom:1.5rem;color:var(--wallet-text-primary)}.wallet-show-more-btn{width:100%;background:none;border:none;color:var(--wallet-accent-primary);font-size:1rem;font-weight:600;cursor:pointer;text-align:center;padding:1.25rem 0;transition:var(--wallet-transition);border-radius:8px}.wallet-show-more-btn:hover{background:color-mix(in srgb,var(--wallet-accent-primary) 10%,transparent);text-decoration:underline}.wallet-loading-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:var(--wallet-text-secondary);font-size:1rem;font-weight:500}.wallet-loading-placeholder svg{margin-bottom:1rem;color:var(--wallet-text-secondary)}.wallet-loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:color-mix(in srgb,var(--wallet-bg) 75%,black 25%);color:var(--wallet-text-primary);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:1.5rem;font-weight:600;z-index:1000;backdrop-filter:var(--wallet-glass-blur);transition:var(--wallet-transition)}.wallet-loading-overlay svg{margin-bottom:1rem;color:var(--wallet-accent-primary)}.wallet-transaction-timeline{display:flex;flex-direction:column;gap:1.25rem}.wallet-transaction-card{background:var(--wallet-card-bg);border-radius:16px;padding:1.5rem;border-left:6px solid var(--wallet-accent-primary);box-shadow:var(--wallet-shadow-subtle);transition:var(--wallet-transition);animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.wallet-transaction-card.deposit{border-left-color:var(--wallet-success)}.wallet-transaction-card.withdraw{border-left-color:var(--wallet-error)}.wallet-transaction-card.send{border-left-color:var(--wallet-warning)}.wallet-transaction-card.receive{border-left-color:var(--wallet-info)}.txn-message{font-size:.875rem;font-weight:500;color:var(--wallet-text-primary);line-height:1.5;margin-bottom:.5rem}.txn-amount{font-size:1.125rem;font-weight:700;color:var(--wallet-accent-secondary);margin-bottom:.25rem}.txn-date{font-size:.75rem;color:var(--wallet-text-secondary)}@media (max-width: 520px){.wallet-container{padding:1rem}.wallet-title{font-size:1.625rem}.wallet-balance-amount{font-size:2.25rem}.wallet-balance-actions{grid-template-columns:1fr;gap:.75rem}.wallet-action-btn{padding:1rem;font-size:.875rem}.wallet-method-buttons{grid-template-columns:1fr}.wallet-view-title{font-size:1.375rem}.wallet-loading-overlay{font-size:1.25rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.wallet-action-btn,.wallet-convert-btn,.wallet-method-btn,.wallet-confirm-btn,.wallet-back-btn,.wallet-refresh-btn,.wallet-view-content,.wallet-transaction-card{transition:none;animation:none}}@media (prefers-contrast: high){.wallet-container{background:Canvas;color:CanvasText}.wallet-balance-card,.wallet-view-content,.wallet-transactions-section{background:Canvas;border:2px solid CanvasText}.wallet-title,.wallet-balance-amount{background:none;-webkit-text-fill-color:CanvasText;color:CanvasText}.wallet-action-btn,.wallet-convert-btn,.wallet-method-btn,.wallet-confirm-btn,.wallet-input{border:2px solid CanvasText;background:Canvas;color:CanvasText}.wallet-transaction-card{border-left-width:8px}}@media print{.wallet-container{background:#fff!important;color:#000!important;max-width:none;padding:0}.wallet-balance-card,.wallet-view-content,.wallet-transactions-section{background:#fff!important;border:1px solid black!important;box-shadow:none!important;backdrop-filter:none!important}.wallet-action-btn,.wallet-convert-btn,.wallet-method-btn,.wallet-confirm-btn{background:#fff!important;color:#000!important;border:1px solid black!important;box-shadow:none!important}.wallet-loading-overlay{display:none!important}}.wallet-action-btn:focus-visible,.wallet-convert-btn:focus-visible,.wallet-method-btn:focus-visible,.wallet-confirm-btn:focus-visible,.wallet-back-btn:focus-visible,.wallet-refresh-btn:focus-visible,.wallet-show-more-btn:focus-visible,.wallet-input:focus-visible{outline:2px solid var(--wallet-accent-primary);outline-offset:2px}::selection{background:color-mix(in srgb,var(--wallet-accent-primary) 30%,transparent);color:var(--wallet-text-primary)}::-moz-selection{background:color-mix(in srgb,var(--wallet-accent-primary) 30%,transparent);color:var(--wallet-text-primary)}.omni-about-page{background:#0f0f0f;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden;-webkit-tap-highlight-color:transparent}.container{max-width:1200px;margin:0 auto;padding:0 16px}.hero-viral{position:relative;min-height:100vh;display:flex;align-items:center;background:linear-gradient(135deg,#0f0f0f,#1a1a1a,#0f0f0f);overflow:hidden;padding:20px 0}.hero-bg-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(255,215,0,.1) 0%,transparent 70%)}.hero-content{position:relative;z-index:2;text-align:center;padding:80px 0 40px;width:100%}.viral-badge{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#ffd70033,#ffd7001a);border:1px solid rgba(255,215,0,.3);border-radius:50px;padding:10px 16px;margin-bottom:20px;color:gold;font-size:.75rem;font-weight:600;letter-spacing:.5px;backdrop-filter:blur(10px);max-width:90%}.hero-title-viral{font-size:clamp(2rem,8vw,3.5rem);font-weight:800;line-height:1.1;margin-bottom:20px;background:linear-gradient(135deg,#fff,gold,#ffe55c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;padding:0 10px}.text-gradient{background:linear-gradient(135deg,gold,#ffe55c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle-viral{font-size:clamp(.9rem,4vw,1.1rem);color:#9ca3af;max-width:600px;margin:0 auto 30px;line-height:1.5;padding:0 15px}.hero-actions-viral{display:flex;flex-direction:column;gap:12px;justify-content:center;align-items:center;margin-bottom:40px;padding:0 15px}.btn-viral{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 24px;border-radius:14px;font-weight:700;text-decoration:none;border:none;cursor:pointer;transition:all .2s ease;font-size:.95rem;position:relative;overflow:hidden;width:100%;max-width:280px;min-height:54px}.btn-download{background:linear-gradient(135deg,gold,#ffe55c);color:#0f0f0f;box-shadow:0 4px 20px #ffd7004d}.btn-seller{background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.2);backdrop-filter:blur(10px)}.viral-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;max-width:400px;margin:0 auto;padding:0 10px}.stat-card-viral{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:20px 12px;text-align:center;backdrop-filter:blur(10px)}.stat-icon-wrapper{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}.stat-icon-wrapper div{font-size:1.2rem}.stat-number{font-size:1.5rem;font-weight:800;margin-bottom:6px}.stat-label{font-size:.85rem;font-weight:700;margin-bottom:2px;color:#fff}.stat-sublabel{font-size:.7rem;color:#9ca3af}.story-section-viral{padding:60px 0;background:#111}.story-grid{display:grid;grid-template-columns:1fr;gap:40px}.section-badge{display:inline-block;background:#ef44441a;color:#ef4444;padding:6px 12px;border-radius:16px;font-size:.7rem;font-weight:700;margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px}.section-badge.success{background:#22c55e1a;color:#22c55e}.problem-side h2,.solution-side h2{font-size:clamp(1.5rem,6vw,2rem);font-weight:700;margin-bottom:20px;line-height:1.2}.pain-points{display:flex;flex-direction:column;gap:12px}.pain-point{display:flex;align-items:center;gap:12px;padding:16px;background:#ef44440d;border:1px solid rgba(239,68,68,.2);border-radius:10px;font-size:.9rem}.pain-icon{font-size:1.2rem;flex-shrink:0}.founder-story-card{background:linear-gradient(135deg,#ffd7001a,#ffd7000d);border:1px solid rgba(255,215,0,.2);border-radius:20px;padding:25px;display:flex;flex-direction:column;gap:20px;align-items:center;text-align:center}.founder-avatar{position:relative;flex-shrink:0}.founder-avatar img{width:100px;height:100px;border-radius:50%;object-fit:cover;border:3px solid #FFD700}.avatar-badge{position:absolute;bottom:0;right:0;background:gold;color:#0f0f0f;padding:3px 10px;border-radius:16px;font-size:.65rem;font-weight:700}.founder-content h3{font-size:1.3rem;font-weight:700;color:gold;margin-bottom:6px}.founder-title{font-size:.9rem;color:#fff;font-weight:600;margin-bottom:4px}.founder-education{font-size:.8rem;color:#9ca3af;margin-bottom:12px}.founder-mission{font-size:.9rem;color:#fff;font-style:italic;margin-bottom:16px;line-height:1.4}.founder-stats{display:flex;gap:15px;justify-content:center}.founder-stat{text-align:center}.stat-value{font-size:1.1rem;font-weight:800;color:gold;margin-bottom:2px}.stat-label{font-size:.75rem;color:#9ca3af;font-weight:500}.features-viral{padding:60px 0;background:#0f0f0f}.section-header-viral{text-align:center;margin-bottom:40px}.section-header-viral h2{font-size:clamp(1.8rem,7vw,2.5rem);font-weight:800;margin-bottom:12px;padding:0 15px}.features-grid-viral{display:grid;grid-template-columns:1fr;gap:20px}.feature-card-viral{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:30px 20px;text-align:center;transition:all .2s ease;position:relative;overflow:hidden}.feature-icon-viral{width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:1.5rem;color:#fff;position:relative}.feature-icon-viral.from-yellow-400.to-orange-500{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.feature-icon-viral.from-blue-400.to-cyan-500{background:linear-gradient(135deg,#60a5fa,#06b6d4)}.feature-icon-viral.from-green-400.to-emerald-500{background:linear-gradient(135deg,#34d399,#10b981)}.feature-icon-viral.from-purple-400.to-pink-500{background:linear-gradient(135deg,#a78bfa,#ec4899)}.feature-emoji{position:absolute;bottom:-5px;right:-5px;font-size:1.2rem}.feature-card-viral h3{font-size:1.2rem;font-weight:700;margin-bottom:12px;color:#fff}.feature-card-viral p{font-size:.9rem;color:#9ca3af;margin-bottom:16px;line-height:1.5}.feature-cta{display:inline-flex;align-items:center;gap:6px;color:gold;font-weight:600;text-decoration:none;font-size:.85rem}.social-proof-section{padding:60px 0;background:#111}.social-proof-content{text-align:center}.social-proof-content h2{font-size:clamp(1.5rem,6vw,2rem);font-weight:700;margin-bottom:30px;padding:0 15px}.testimonials-grid{display:grid;grid-template-columns:1fr;gap:20px;max-width:800px;margin:0 auto}.testimonial-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:25px 20px;text-align:left}.testimonial-text{font-size:.95rem;color:#fff;margin-bottom:12px;line-height:1.5;font-style:italic}.testimonial-source{color:gold;font-weight:600;font-size:.85rem}.mission-viral{padding:60px 0;position:relative;background:linear-gradient(135deg,#0f0f0f,#1a1a1a)}.mission-grid-viral{display:grid;grid-template-columns:1fr;gap:30px;position:relative;z-index:2}.mission-card-viral,.vision-card-viral{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:30px 25px;backdrop-filter:blur(10px)}.mission-icon-viral,.vision-icon-viral{font-size:2.2rem;color:gold;margin-bottom:16px}.mission-card-viral h3,.vision-card-viral h3{font-size:1.5rem;font-weight:700;margin-bottom:16px;color:#fff}.mission-card-viral p,.vision-card-viral p{font-size:.95rem;color:#9ca3af;margin-bottom:20px;line-height:1.5}.mission-highlights{display:flex;flex-direction:column;gap:10px}.highlight{display:flex;align-items:center;gap:10px;color:#22c55e;font-weight:500;font-size:.9rem}.vision-targets{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.target{text-align:center;min-width:80px}.target-number{font-size:1.2rem;font-weight:800;color:gold;margin-bottom:2px}.target-text{font-size:.8rem;color:#9ca3af}.final-cta{padding:80px 0;position:relative;background:linear-gradient(135deg,#111,#0f0f0f);overflow:hidden}.cta-content-viral{position:relative;z-index:2;text-align:center;max-width:600px;margin:0 auto;padding:0 15px}.cta-content-viral h2{font-size:clamp(1.8rem,7vw,2.5rem);font-weight:800;margin-bottom:16px;background:linear-gradient(135deg,#fff,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cta-content-viral p{font-size:1rem;color:#9ca3af;margin-bottom:30px;line-height:1.5}.cta-buttons-final{display:flex;flex-direction:column;gap:12px;justify-content:center;align-items:center;margin-bottom:25px}.btn-cta-primary{background:linear-gradient(135deg,gold,#ffe55c);color:#0f0f0f;padding:18px 30px;font-size:1rem;position:relative;width:100%;max-width:280px}.btn-cta-secondary{background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.2);padding:18px 30px;font-size:1rem;backdrop-filter:blur(10px);width:100%;max-width:280px}.cta-guarantee{display:inline-flex;align-items:center;gap:8px;color:#22c55e;font-weight:600;font-size:.9rem}.viral-footer{background:#111;border-top:1px solid rgba(255,255,255,.1);padding:40px 0 20px}.footer-content{display:grid;grid-template-columns:1fr;gap:30px;margin-bottom:30px;text-align:center}.footer-brand{text-align:center}.footer-logo{font-size:1.8rem;color:gold;margin-bottom:10px}.footer-brand-name{font-size:1.3rem;font-weight:800;color:#fff;display:block;margin-bottom:6px}.footer-tagline{color:#9ca3af;font-size:.9rem}.footer-contact h4,.footer-social h4{color:#fff;margin-bottom:12px;font-size:1rem}.contact-info{display:flex;flex-direction:column;gap:10px}.contact-info a,.location{display:flex;align-items:center;justify-content:center;gap:8px;color:#9ca3af;text-decoration:none;transition:color .3s ease;font-size:.9rem}.social-links-viral{display:flex;gap:12px;justify-content:center}.social-link-viral{width:44px;height:44px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;color:#9ca3af;text-decoration:none;transition:all .3s ease;font-size:1.1rem}.footer-bottom{text-align:center;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);color:#6b7280;font-size:.8rem}@media (min-width: 768px){.container{padding:0 20px}.hero-content{padding:100px 0 60px}.viral-badge{font-size:.8rem;padding:12px 20px}.hero-actions-viral{flex-direction:row;gap:16px}.btn-viral{width:auto;max-width:none;min-width:200px}.viral-stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;max-width:800px}.stat-card-viral{padding:25px 15px}.story-grid{grid-template-columns:1fr 1fr;gap:50px}.founder-story-card{flex-direction:row;text-align:left;align-items:flex-start}.features-grid-viral{grid-template-columns:repeat(2,1fr);gap:25px}.testimonials-grid{grid-template-columns:repeat(3,1fr);gap:25px}.mission-grid-viral{grid-template-columns:1fr 1fr;gap:35px}.cta-buttons-final{flex-direction:row;gap:20px}.btn-cta-primary,.btn-cta-secondary{width:auto;min-width:220px}.footer-content{grid-template-columns:repeat(3,1fr);text-align:left;gap:40px}.footer-brand{text-align:left}.contact-info a,.location,.social-links-viral{justify-content:flex-start}}@media (min-width: 1024px){.hero-content{padding:120px 0 80px}.features-grid-viral{grid-template-columns:repeat(4,1fr);gap:30px}.feature-card-viral{padding:40px 25px}.mission-card-viral,.vision-card-viral{padding:50px 40px}.viral-stats-grid{gap:20px}.stat-card-viral{padding:30px 20px}}@media (min-width: 1200px){.container{padding:0 24px}}@media (hover: none) and (pointer: coarse){.btn-viral:active{transform:scale(.98)}.feature-card-viral:active,.stat-card-viral:active{transform:scale(.99)}}@media (prefers-reduced-motion: reduce){.hero-bg-glow,.badge-rocket,.pulse-dot{animation:none}}@media (prefers-contrast: high){.omni-about-page{background:#000;color:#fff}.hero-viral{background:#000}.text-gradient{background:none;-webkit-text-fill-color:#FFD700;color:gold}}@media (max-width: 768px) and (orientation: landscape){.hero-viral{min-height:120vh}.hero-content{padding:60px 0 40px}}.flash-deals-section{padding:2rem 1rem;background-color:var(--bg-primary);color:var(--text-primary);max-width:100%;overflow:hidden;transition:background-color .3s ease,color .3s ease}.flash-header{display:flex;align-items:center;justify-content:flex-start;margin-bottom:1.5rem;gap:1rem;flex-wrap:wrap}.flash-header h2{font-size:1.8rem;font-weight:700;margin:0;color:var(--text-primary);transition:color .3s ease}.flash-header p{font-size:1rem;color:var(--text-secondary);margin:0;transition:color .3s ease}.flash-icon{color:var(--accent-primary);font-size:2rem;flex-shrink:0;transition:color .3s ease}.flash-carousel{display:flex;flex-direction:row;overflow-x:auto;gap:1.5rem;padding-bottom:1rem;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--accent-primary) var(--bg-secondary);-webkit-overflow-scrolling:touch}.flash-carousel::-webkit-scrollbar{height:8px}.flash-carousel::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.flash-carousel::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:4px}.flash-carousel::-webkit-scrollbar-thumb:hover{background:var(--accent-secondary)}.flash-card{min-width:240px;max-width:240px;background-color:var(--card-bg);border-radius:16px;overflow:hidden;box-shadow:0 4px 12px var(--shadow-light),0 8px 24px var(--shadow-dark);cursor:pointer;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease,background-color .3s ease,border-color .3s ease;scroll-snap-align:start;position:relative;border:1px solid var(--border-color);display:flex;flex-direction:column}.flash-card:hover{transform:translateY(-8px);box-shadow:0 12px 20px var(--shadow-light),0 24px 40px var(--shadow-dark);background-color:var(--card-hover-bg);border-color:var(--accent-primary)}.flash-card:focus-visible{outline:3px solid var(--accent-primary)!important;outline-offset:2px}.flash-img-wrapper{position:relative;height:200px;overflow:hidden;background:var(--bg-secondary);transition:background-color .3s ease}.flash-img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.flash-card:hover .flash-img{transform:scale(1.08)}.discount-badge{position:absolute!important;top:12px!important;right:12px!important;background:#e63946!important;color:#fff!important;font-size:.82rem!important;font-weight:700!important;padding:.32rem .6rem!important;border-radius:50px!important;box-shadow:0 2px 6px #e6394659!important;z-index:10!important;letter-spacing:.5px!important;text-transform:uppercase!important;white-space:nowrap!important;border:2.2px solid #ffffff!important;min-width:fit-content!important;width:auto!important;max-width:none!important;text-align:center!important;line-height:1!important;display:inline-block!important;box-sizing:border-box!important;transition:all .3s ease!important}.flash-card:hover .discount-badge{background:#c1121f!important;box-shadow:0 3px 10px #c1121f80!important;transform:scale(1.06)!important}.flash-timer{background:linear-gradient(135deg,#ff5722,#ff9800)!important;color:#fff!important;padding:.32rem .7rem!important;border-radius:50px!important;font-weight:700!important;font-size:.8rem!important;letter-spacing:.6px!important;white-space:nowrap!important;box-shadow:0 2px 6px #ff572259!important;border:2.2px solid #ffffff!important;animation:pulse 1.8s infinite!important;transition:all .3s ease!important;line-height:1!important;min-width:fit-content!important;width:auto!important}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.flash-card:hover .flash-timer{background:linear-gradient(135deg,#ff6b35,#f7931e)!important;box-shadow:0 3px 10px #ff6b3580!important}.flash-content{padding:1rem;display:flex;flex-direction:column;gap:.6rem;flex:1}.flash-name{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .3s ease}.flash-rating{display:flex;gap:.25rem;align-items:center}.star-filled{color:var(--star-filled);font-size:1rem;transition:color .3s ease}.flash-category{font-size:.85rem;color:var(--text-secondary);display:flex;align-items:center;gap:.3rem;margin:0;opacity:.9;transition:color .3s ease}.flash-pricing{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.flash-price{font-size:1.25rem;font-weight:700;color:var(--price-color);transition:color .3s ease}.original-price{font-size:.95rem;color:var(--text-secondary);text-decoration:line-through;opacity:.8;transition:color .3s ease}.flash-meta{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:var(--text-secondary);margin-top:auto;transition:color .3s ease}.flash-stock{font-weight:500}[data-theme=light] .flash-deals-section,.light .flash-deals-section{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--text-primary: #1a1a1a;--text-secondary: #5c5c5c;--accent-primary: #ff5722;--accent-secondary: #ff9800;--shadow-light: rgba(0, 0, 0, .08);--shadow-dark: rgba(0, 0, 0, .15);--border-color: #e0e0e0;--card-bg: #ffffff;--card-hover-bg: #fdfdfd;--price-color: #28a745;--star-filled: #ff9f43}[data-theme=dark] .flash-deals-section,.dark .flash-deals-section{--bg-primary: #0f0f0f;--bg-secondary: #1a1a1a;--text-primary: #f0f0f0;--text-secondary: #aaaaaa;--accent-primary: #ff5722;--accent-secondary: #ff9800;--shadow-light: rgba(255, 255, 255, .05);--shadow-dark: rgba(255, 255, 255, .1);--border-color: #333333;--card-bg: #1a1a1a;--card-hover-bg: #242424;--price-color: #38c172;--star-filled: #ffab40}@media (prefers-color-scheme: light){.flash-deals-section:not([data-theme]):not(.light):not(.dark){--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--text-primary: #1a1a1a;--text-secondary: #5c5c5c;--accent-primary: #ff5722;--accent-secondary: #ff9800;--shadow-light: rgba(0, 0, 0, .08);--shadow-dark: rgba(0, 0, 0, .15);--border-color: #e0e0e0;--card-bg: #ffffff;--card-hover-bg: #fdfdfd;--price-color: #28a745;--star-filled: #ff9f43}}@media (prefers-color-scheme: dark){.flash-deals-section:not([data-theme]):not(.light):not(.dark){--bg-primary: #0f0f0f;--bg-secondary: #1a1a1a;--text-primary: #f0f0f0;--text-secondary: #aaaaaa;--accent-primary: #ff5722;--accent-secondary: #ff9800;--shadow-light: rgba(255, 255, 255, .05);--shadow-dark: rgba(255, 255, 255, .1);--border-color: #333333;--card-bg: #1a1a1a;--card-hover-bg: #242424;--price-color: #38c172;--star-filled: #ffab40}}@media (max-width: 768px){.flash-deals-section{padding:1.5rem .5rem}.flash-header h2{font-size:1.5rem}.flash-header p{font-size:.9rem}.flash-icon{font-size:1.8rem}.flash-carousel{gap:1rem}.flash-card{min-width:190px;max-width:190px}.flash-img-wrapper{height:160px}.flash-name{font-size:1rem}.flash-price{font-size:1.15rem}.flash-meta{font-size:.78rem}.discount-badge{font-size:.76rem!important;padding:.28rem .55rem!important;top:8px!important;right:8px!important;min-width:fit-content!important;width:auto!important}.flash-timer{padding:.28rem .55rem!important;font-size:.7rem!important}}@media (min-width: 769px) and (max-width: 1024px){.flash-card{min-width:230px;max-width:230px}.flash-img-wrapper{height:190px}}@media (min-width: 1025px){.flash-deals-section{padding:2.5rem 2rem}.flash-header h2{font-size:2rem}.flash-card{min-width:260px;max-width:260px}.flash-img-wrapper{height:220px}.flash-carousel{gap:2rem}}@media (prefers-contrast: high){.flash-card{border-width:3px!important;border-color:var(--accent-primary)!important}.discount-badge,.flash-timer{border:2.5px solid currentColor!important;font-weight:800!important}.flash-price{font-weight:900!important}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.flash-card,.flash-img,.discount-badge,.flash-timer{transition:none!important}.flash-card:hover,.flash-card:hover .flash-img{transform:none!important}}@media print{.flash-deals-section{display:none!important}}.featured-highlights{padding:2rem 1rem;background-color:var(--bg-primary, #fafafa);color:var(--text-primary, #1a1a1a);max-width:100%;overflow:hidden;transition:background-color .3s ease,color .3s ease;border-radius:12px;margin:1.5rem 0}.featured-section-header{margin-bottom:1.5rem}.featured-section-title{font-size:1.6rem;font-weight:700;margin:0 0 .5rem;color:var(--text-primary, #1a1a1a);display:flex;align-items:center;gap:.5rem;transition:color .3s ease}.featured-section-icon{color:var(--accent-primary, #007bff);font-size:1.3rem}.featured-section-subtitle{font-size:.9rem;color:var(--text-secondary, #6c757d);margin:0;font-weight:400;transition:color .3s ease}.featured-carousel{display:flex;flex-direction:row;overflow-x:auto;gap:.8rem;padding-bottom:1rem;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--accent-primary, #007bff) var(--bg-secondary, #f0f0f0)}.featured-carousel::-webkit-scrollbar{height:6px}.featured-carousel::-webkit-scrollbar-track{background:var(--bg-secondary, #f0f0f0);border-radius:4px;transition:background-color .3s ease}.featured-carousel::-webkit-scrollbar-thumb{background:var(--accent-primary, #007bff);border-radius:4px;transition:background-color .3s ease}.featured-card{min-width:200px;max-width:200px;background-color:var(--card-bg, #ffffff);border-radius:12px;overflow:hidden;box-shadow:0 4px 12px var(--shadow-light, rgba(0, 0, 0, .08)),0 2px 6px var(--shadow-dark, rgba(0, 0, 0, .12));cursor:pointer;transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease,border-color .3s ease;scroll-snap-align:start;position:relative;display:flex;flex-direction:column;border:1px solid var(--border-color, #e2e8f0)}.featured-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--accent-primary, #007bff),var(--accent-secondary, #00c6ff));opacity:0;transition:opacity .3s ease}.featured-card:hover:before{opacity:1}.featured-card:hover{transform:translateY(-6px);box-shadow:0 8px 24px var(--shadow-light, rgba(0, 0, 0, .12)),0 4px 12px var(--shadow-dark, rgba(0, 0, 0, .18));background-color:var(--card-hover-bg, #f8f9fa);border-color:var(--accent-primary, #007bff)}.featured-card:focus-visible{outline:2px solid var(--accent-primary, #007bff);outline-offset:2px}.featured-product-badges{position:absolute;top:.5rem;left:.5rem;display:flex;flex-direction:column;gap:.3rem;z-index:10}.featured-badge{display:inline-flex;align-items:center;gap:.15rem;padding:.15rem .4rem;border-radius:10px;font-size:.6rem;font-weight:700;white-space:nowrap;line-height:1;box-shadow:0 1px 3px #00000026;transition:transform .2s ease}.featured-card:hover .featured-badge{transform:translateY(-1px)}.featured-badge-rare{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.featured-badge-discount{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.featured-badge-trending{background:linear-gradient(135deg,#ec4899,#db2777);color:#fff}.featured-image-container{position:relative;height:160px;overflow:hidden;background:var(--bg-secondary, #f0f0f0);transition:background-color .3s ease}.featured-image{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.featured-card:hover .featured-image{transform:scale(1.05)}.featured-card-info{padding:.8rem;flex-grow:1;display:flex;flex-direction:column;gap:.4rem}.featured-product-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:.2rem}.featured-category-tag{display:inline-flex;align-items:center;gap:.15rem;background:var(--featured-tag-bg, rgba(0, 123, 255, .1));color:var(--accent-primary, #007bff);padding:.15rem .4rem;border-radius:6px;font-size:.55rem;font-weight:600;transition:all .3s ease}.featured-stock-status{font-size:.55rem;font-weight:600}.featured-in-stock{color:var(--featured-success, #28a745)}.featured-out-of-stock{color:var(--featured-error, #dc3545)}.featured-product-name{font-size:.85rem;font-weight:600;margin:0;color:var(--text-primary, #1a1a1a);line-height:1.3;height:1.6rem;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;transition:color .3s ease}.featured-rating-container{display:flex;align-items:center;gap:.2rem;margin:.1rem 0}.featured-stars{display:flex;gap:.05rem}.featured-star-filled{color:var(--star-filled, #ff9f43)}.featured-star-empty{color:var(--star-empty, #dee2e6)}.featured-rating-text{font-size:.6rem;color:var(--text-secondary, #6c757d);font-weight:500;transition:color .3s ease}.featured-price-container{margin:.1rem 0}.featured-price-main{display:flex;align-items:center;gap:.3rem}.featured-current-price{font-size:.95rem;font-weight:700;color:var(--price-color, #28a745);transition:color .3s ease}.featured-original-price{font-size:.7rem;color:var(--text-secondary, #94a3b8);text-decoration:line-through;font-weight:500;transition:color .3s ease}.featured-seller-info{display:flex;align-items:center;gap:.2rem;font-size:.6rem;color:var(--text-secondary, #6c757d);margin-top:.1rem;transition:color .3s ease}.featured-seller-name{font-weight:500;max-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.featured-verified-badge{color:var(--featured-success, #28a745);font-weight:700;font-size:.7rem}.featured-product-stats{display:flex;gap:.6rem;margin-top:.2rem;padding-top:.3rem;border-top:1px solid var(--border-color, #e2e8f0);transition:border-color .3s ease}.featured-stat{display:flex;align-items:center;gap:.15rem;font-size:.55rem;color:var(--text-secondary, #6c757d);transition:color .3s ease}.featured-stat svg{opacity:.7}.featured-highlights.loading .featured-card-skeleton{min-width:200px;max-width:200px;background-color:var(--card-bg, #ffffff);border-radius:12px;overflow:hidden;box-shadow:0 4px 12px var(--shadow-light, rgba(0, 0, 0, .08)),0 2px 6px var(--shadow-dark, rgba(0, 0, 0, .12));position:relative;display:flex;flex-direction:column;border:1px solid var(--border-color, #e2e8f0);animation:skeleton-pulse 1.5s ease-in-out infinite}.featured-highlights.loading .featured-image-skeleton{height:160px;background:linear-gradient(90deg,var(--bg-secondary, #f0f0f0) 25%,var(--border-color, #e2e8f0) 50%,var(--bg-secondary, #f0f0f0) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}.featured-highlights.loading .featured-info-skeleton{padding:.8rem;flex-grow:1;display:flex;flex-direction:column;gap:.4rem}.featured-highlights.loading .featured-skeleton-line{height:.6rem;border-radius:.3rem;background:linear-gradient(90deg,var(--bg-secondary, #f0f0f0) 25%,var(--border-color, #e2e8f0) 50%,var(--bg-secondary, #f0f0f0) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}.featured-highlights.loading .featured-skeleton-title{width:80%;height:.9rem;margin:.3rem 0}.featured-highlights.loading .featured-skeleton-price{width:50%;margin:.2rem 0}.featured-highlights.loading .featured-skeleton-seller{width:60%;margin:.2rem 0 0}.featured-highlights:not(.loading) .featured-card-skeleton,.featured-highlights:not(.loading) .featured-image-skeleton,.featured-highlights:not(.loading) .featured-info-skeleton,.featured-highlights:not(.loading) .featured-skeleton-line{display:none!important}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.8}}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}[data-theme=light] .featured-highlights,.light .featured-highlights{--bg-primary: #fafafa;--bg-secondary: #f0f0f0;--text-primary: #1a1a1a;--text-secondary: #6c757d;--accent-primary: #007bff;--accent-secondary: #00c6ff;--shadow-light: rgba(0, 0, 0, .08);--shadow-dark: rgba(0, 0, 0, .12);--border-color: #e2e8f0;--card-bg: #ffffff;--card-hover-bg: #f8f9fa;--price-color: #28a745;--star-filled: #ff9f43;--star-empty: #dee2e6;--featured-tag-bg: rgba(0, 123, 255, .1);--featured-success: #28a745;--featured-error: #dc3545}[data-theme=dark] .featured-highlights,.dark .featured-highlights{--bg-primary: #121212;--bg-secondary: #2c2c2c;--text-primary: #f8f9fa;--text-secondary: #adb5bd;--accent-primary: #4dabf7;--accent-secondary: #22d3ee;--shadow-light: rgba(0, 0, 0, .3);--shadow-dark: rgba(0, 0, 0, .5);--border-color: #333333;--card-bg: #1e1e1e;--card-hover-bg: #2a2a2a;--price-color: #38c172;--star-filled: #ff9f43;--star-empty: #495057;--featured-tag-bg: rgba(77, 171, 247, .15);--featured-success: #38c172;--featured-error: #f87171}@media (prefers-color-scheme: light){.featured-highlights:not([data-theme]):not(.light):not(.dark){--bg-primary: #fafafa;--bg-secondary: #f0f0f0;--text-primary: #1a1a1a;--text-secondary: #6c757d;--accent-primary: #007bff;--accent-secondary: #00c6ff;--shadow-light: rgba(0, 0, 0, .08);--shadow-dark: rgba(0, 0, 0, .12);--border-color: #e2e8f0;--card-bg: #ffffff;--card-hover-bg: #f8f9fa;--price-color: #28a745;--star-filled: #ff9f43;--star-empty: #dee2e6;--featured-tag-bg: rgba(0, 123, 255, .1);--featured-success: #28a745;--featured-error: #dc3545}}@media (prefers-color-scheme: dark){.featured-highlights:not([data-theme]):not(.light):not(.dark){--bg-primary: #121212;--bg-secondary: #2c2c2c;--text-primary: #f8f9fa;--text-secondary: #adb5bd;--accent-primary: #4dabf7;--accent-secondary: #22d3ee;--shadow-light: rgba(0, 0, 0, .3);--shadow-dark: rgba(0, 0, 0, .5);--border-color: #333333;--card-bg: #1e1e1e;--card-hover-bg: #2a2a2a;--price-color: #38c172;--star-filled: #ff9f43;--star-empty: #495057;--featured-tag-bg: rgba(77, 171, 247, .15);--featured-success: #38c172;--featured-error: #f87171}}@media screen and (max-width: 768px){.featured-highlights{padding:1.5rem .8rem;margin:1rem 0;border-radius:10px}.featured-section-title{font-size:1.4rem}.featured-section-subtitle{font-size:.8rem}.featured-card,.featured-highlights.loading .featured-card-skeleton{min-width:170px;max-width:170px}.featured-image-container,.featured-highlights.loading .featured-image-skeleton{height:140px}.featured-product-name{font-size:.8rem;height:1.4rem}.featured-current-price{font-size:.85rem}.featured-original-price{font-size:.65rem}.featured-badge{font-size:.55rem;padding:.1rem .3rem}.featured-category-tag,.featured-stat{font-size:.5rem}}@media screen and (min-width: 769px) and (max-width: 1024px){.featured-highlights{padding:2rem 1.5rem}.featured-section-title{font-size:1.7rem}.featured-card,.featured-highlights.loading .featured-card-skeleton{min-width:220px;max-width:220px}.featured-image-container,.featured-highlights.loading .featured-image-skeleton{height:180px}}@media screen and (min-width: 1025px){.featured-highlights{padding:2.5rem 2rem}.featured-section-title{font-size:1.8rem}.featured-card,.featured-highlights.loading .featured-card-skeleton{min-width:200px;max-width:200px}.featured-image-container,.featured-highlights.loading .featured-image-skeleton{height:160px}}@media (prefers-contrast: high){.featured-card{border-width:2px}.featured-badge{border:1px solid currentColor}.featured-product-stats{border-top-width:2px}}@media (prefers-reduced-motion: reduce){.featured-card,.featured-image,.featured-badge,.featured-card-skeleton,.featured-image-skeleton,.featured-skeleton-line{transition:none!important;animation:none!important}.featured-card:hover,.featured-card:hover .featured-image{transform:none!important}}.promoted-carousel-container{width:100%;position:relative;overflow:hidden;border-radius:10px;margin:20px auto;box-shadow:0 10px 20px #0000004d}.promoted-carousel-slider{width:100%}.promoted-slide{position:relative;height:400px;cursor:pointer;transition:transform .5s ease-in-out;overflow:hidden;border-radius:10px;display:flex;justify-content:center;align-items:center}.promoted-slide:hover{transform:scale(1.01)}.promoted-content{position:relative;width:100%;height:100%}.promoted-image{width:100%;height:100%;object-fit:cover;filter:brightness(.8);transition:opacity .3s ease-in-out}.hover-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s ease-in-out;z-index:1}.promoted-slide:hover .hover-image{opacity:1}.promoted-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,#0009,#0000);z-index:2}.promoted-text{position:absolute;top:20%;left:10%;z-index:3;color:#fff;max-width:60%;text-shadow:0 2px 5px rgba(0,0,0,.8)}.promo-title{font-size:2.5rem;font-weight:700;margin-bottom:10px;line-height:1.2}.graffiti-tagline{font-family:Impact,Bangers,cursive;font-size:1.5rem;font-style:italic;color:#05f341;margin-bottom:15px;animation:flicker 1.5s infinite alternate}@keyframes flicker{0%{opacity:1;transform:rotate(-1deg)}50%{opacity:.8;transform:rotate(1deg)}to{opacity:1;transform:rotate(-1deg)}}.promo-button{background:#ff4040;color:#fff;border:none;padding:12px 20px;border-radius:25px;font-weight:700;font-size:1rem;cursor:pointer;box-shadow:0 4px 12px #0000004d;transition:all .3s ease-in-out;margin-top:10px}.promo-button:hover{background:#ff1a1a;transform:scale(1.05)}.flash-countdown{margin-top:15px;background:#222;color:#fff;padding:6px 12px;border-radius:8px;font-size:.9rem;display:inline-block;animation:pulse 1s infinite}@keyframes pulse{0%{background-color:#333}50%{background-color:#444}to{background-color:#333}}.discount-badge{position:absolute;top:15px;right:15px;background:#ff3b3b;color:#fff;padding:8px 14px;font-size:1rem;font-weight:700;border-radius:20px;z-index:4;box-shadow:0 3px 10px #ff3b3b66}.slick-dots{bottom:10px}.slick-dots li button:before{font-size:10px;color:#fff}.slick-dots li.slick-active button:before{color:#ff4040}@media (max-width: 768px){.promoted-slide{height:300px}.promoted-text{max-width:80%;top:15%;left:5%}.promo-title{font-size:1.8rem}.graffiti-tagline{font-size:1.1rem}.promo-button{padding:10px 16px;font-size:.9rem}.discount-badge{font-size:.9rem;padding:6px 10px}}@media (prefers-color-scheme: dark){.promoted-overlay{background:linear-gradient(to right,#000000bf,#0000)}.promo-button{background:#ff5050}.promo-button:hover{background:#ff2a2a}.discount-badge{background:#e60000}}:root{--card-shadow: 0 2px 8px rgba(0, 0, 0, .08);--card-shadow-hover: 0 4px 16px rgba(0, 0, 0, .12);--card-radius: 8px;--transition: all .2s cubic-bezier(.4, 0, .2, 1)}.home-tab-sections{max-width:1400px;margin:0 auto;padding:0 1rem}.error-state{display:flex;justify-content:center;align-items:center;min-height:400px;text-align:center;padding:2rem}.error-content{max-width:400px}.error-content h3{color:#ff4757;font-size:1.5rem;margin-bottom:1rem}.error-content p{color:#666;margin-bottom:1.5rem;line-height:1.5}html.dark .error-content p{color:#999}.retry-btn{background:#ff6200;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-weight:600;cursor:pointer;transition:var(--transition)}.retry-btn:hover{background:#e55a00;transform:translateY(-1px)}.empty-state{display:flex;justify-content:center;align-items:center;min-height:400px;text-align:center;padding:2rem}.empty-content{max-width:400px}.empty-content svg{color:#ddd;margin-bottom:1rem}html.dark .empty-content svg{color:#444}.empty-content h3{color:#333;font-size:1.5rem;margin-bottom:.5rem}html.dark .empty-content h3{color:#fff}.empty-content p{color:#666;margin-bottom:0}html.dark .empty-content p{color:#999}.section-modern{margin-bottom:2.5rem;position:relative}.section-header-modern{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid #f0f0f0}html.dark .section-header-modern{border-bottom-color:#333}.section-title-modern{display:flex;align-items:center;gap:1rem}.section-icon-modern{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;box-shadow:0 4px 12px #0000001a}.section-title-text{font-size:1.5rem;font-weight:700;color:#1a1a1a;margin:0}html.dark .section-title-text{color:#fff}.section-count{font-size:.85rem;color:#666;margin:.25rem 0 0;font-weight:500}html.dark .section-count{color:#999}.view-all-btn-modern{background:transparent;border:1px solid #ddd;color:#666;padding:.5rem 1rem;border-radius:6px;font-weight:600;font-size:.85rem;cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:.5rem}html.dark .view-all-btn-modern{border-color:#555;color:#999}.view-all-btn-modern:hover{background:#f8f8f8;border-color:#ff6200;color:#ff6200}html.dark .view-all-btn-modern:hover{background:#333}.carousel-container-modern{position:relative;padding:0 3rem;margin:0 -1rem}.carousel-modern{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;padding:.5rem 0}.carousel-modern::-webkit-scrollbar{display:none}.carousel-track-modern{display:flex;gap:1rem;padding:.5rem}.carousel-item-modern{flex:0 0 auto;width:180px;scroll-snap-align:start}.carousel-arrow-modern{position:absolute;top:50%;transform:translateY(-50%);background:#fff;border:1px solid #e0e0e0;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#666;z-index:10;box-shadow:0 2px 8px #0000001a;transition:var(--transition)}html.dark .carousel-arrow-modern{background:#2a2a2a;border-color:#444;color:#b0b0b0;box-shadow:0 2px 8px #0000004d}.carousel-arrow-modern:hover{background:#ff6200;border-color:#ff6200;color:#fff;box-shadow:0 4px 16px #ff62004d}.carousel-arrow-modern.left{left:.5rem}.carousel-arrow-modern.right{right:.5rem}.compact-product-card{background:#fff;border-radius:var(--card-radius);overflow:hidden;box-shadow:var(--card-shadow);border:1px solid #f0f0f0;transition:var(--transition);height:100%;position:relative;cursor:pointer}html.dark .compact-product-card{background:#242424;border-color:#333;box-shadow:0 2px 8px #0003}.compact-product-card:hover{box-shadow:var(--card-shadow-hover);border-color:#ff6200;transform:translateY(-3px)}.card-image-container{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;background:#f8f8f8}html.dark .card-image-container{background:#2a2a2a}.card-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.compact-product-card:hover .card-image{transform:scale(1.05)}.card-discount-badge{position:absolute;top:.5rem;left:.5rem;background:#ff6200;color:#fff;padding:.2rem .5rem;border-radius:.3rem;font-size:.7rem;font-weight:700;z-index:2}.quick-wishlist-btn{position:absolute;top:.5rem;right:.5rem;background:#ffffffe6;border:1px solid #e0e0e0;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#666;font-size:.8rem;z-index:2;transition:var(--transition)}html.dark .quick-wishlist-btn{background:#2a2a2ae6;border-color:#555;color:#b0b0b0}.quick-wishlist-btn:hover{background:#ff6200;border-color:#ff6200;color:#fff}.card-content{padding:.75rem}.card-title{font-size:.8rem;font-weight:600;color:#333;margin:0 0 .5rem;line-height:1.3;height:2.2rem;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}html.dark .card-title{color:#fff}.card-rating{display:flex;align-items:center;gap:.3rem;margin-bottom:.5rem}.rating-stars{display:flex;gap:.05rem}.star-filled{color:#ffb800}.star-empty{color:#ddd}html.dark .star-empty{color:#555}.rating-text{font-size:.7rem;color:#666;margin-left:.2rem}html.dark .rating-text{color:#999}.card-price-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.current-price{font-size:1rem;font-weight:700;color:#ff6200}.original-price{font-size:.75rem;color:#999;text-decoration:line-through}.card-extra-info{display:flex;flex-wrap:wrap;gap:.3rem}.installment-tag,.shipping-tag{display:inline-flex;align-items:center;gap:.2rem;background:#f0f9ff;color:#07c;padding:.2rem .4rem;border-radius:.25rem;font-size:.65rem;font-weight:600}html.dark .installment-tag,html.dark .shipping-tag{background:#0077cc1a}.shipping-tag{background:#f0fff4;color:#059669}html.dark .shipping-tag{background:#0596691a}.section-skeleton{margin-bottom:2rem}.section-header-skeleton{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid #f0f0f0}html.dark .section-header-skeleton{border-bottom-color:#333}.section-title-skeleton{width:200px;height:24px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 2s infinite;border-radius:4px}html.dark .section-title-skeleton{background:linear-gradient(90deg,#333 25%,#444,#333 75%)}.section-nav-skeleton{width:80px;height:32px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 2s infinite;border-radius:6px}html.dark .section-nav-skeleton{background:linear-gradient(90deg,#333 25%,#444,#333 75%)}.carousel-skeleton{display:flex;gap:1rem;padding:.5rem 0;overflow:hidden}.product-card-skeleton{flex:0 0 auto;width:180px;background:#fff;border-radius:var(--card-radius);overflow:hidden;box-shadow:var(--card-shadow);border:1px solid #f0f0f0}html.dark .product-card-skeleton{background:#242424;border-color:#333}.product-image-skeleton{width:100%;aspect-ratio:1 / 1;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 2s infinite}html.dark .product-image-skeleton{background:linear-gradient(90deg,#333 25%,#444,#333 75%)}.product-content-skeleton{padding:.75rem}.product-title-skeleton{width:100%;height:12px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 2s infinite;border-radius:2px;margin-bottom:.5rem}html.dark .product-title-skeleton{background:linear-gradient(90deg,#333 25%,#444,#333 75%)}.product-price-skeleton{width:60%;height:16px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 2s infinite;border-radius:2px}html.dark .product-price-skeleton{background:linear-gradient(90deg,#333 25%,#444,#333 75%)}@media (max-width: 1200px){.home-tab-sections{max-width:1200px;padding:0 1.5rem}.carousel-item-modern{width:160px}}@media (max-width: 768px){.home-tab-sections{padding:0 1rem}.section-header-modern{flex-direction:column;align-items:flex-start;gap:1rem}.section-title-text{font-size:1.25rem}.carousel-container-modern{padding:0 2rem}.carousel-item-modern{width:140px}.section-icon-modern{width:40px;height:40px;font-size:1rem}}@media (max-width: 480px){.carousel-container-modern{padding:0 1rem}.carousel-arrow-modern{display:none}.carousel-item-modern{width:130px}.section-title-modern{gap:.75rem}.section-count{font-size:.75rem}.view-all-btn-modern{padding:.4rem .8rem;font-size:.8rem}}@media (hover: hover) and (pointer: fine){.carousel-modern{scrollbar-width:thin;scrollbar-color:#ddd transparent}.carousel-modern::-webkit-scrollbar{display:block;height:4px}.carousel-modern::-webkit-scrollbar-track{background:transparent;margin:0 3rem}.carousel-modern::-webkit-scrollbar-thumb{background:#ddd;border-radius:2px}html.dark .carousel-modern::-webkit-scrollbar-thumb{background:#444}}@media (prefers-contrast: high){.compact-product-card,.view-all-btn-modern,.carousel-arrow-modern{border-width:2px}}@media (prefers-reduced-motion: reduce){.compact-product-card,.view-all-btn-modern,.carousel-arrow-modern,.quick-wishlist-btn{transition:none}.compact-product-card:hover,.compact-product-card:hover .card-image{transform:none}@keyframes shimmer{0%,to{opacity:1}50%{opacity:.8}}}.filter-overlay{position:fixed;inset:0;background:#fffffffa;backdrop-filter:blur(10px);z-index:1000;display:flex;flex-direction:column;animation:slideUp .3s ease-out}html.dark .filter-overlay{background:#0f172afa}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.filter-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb;background:#fff}html.dark .filter-header{background:#1e293b;border-bottom-color:#334155}.filter-title{display:flex;align-items:center;gap:.75rem}.filter-title h2{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0}html.dark .filter-title h2{color:#f1f5f9}.product-count{background:#3b82f6;color:#fff;padding:.25rem .75rem;border-radius:1rem;font-size:.875rem;font-weight:600}.close-btn{background:none;border:none;font-size:1.25rem;color:#6b7280;cursor:pointer;padding:.5rem;border-radius:.5rem;transition:all .2s}.close-btn:hover{background:#f3f4f6;color:#374151}html.dark .close-btn:hover{background:#334155;color:#f1f5f9}.filter-tabs{display:flex;border-bottom:1px solid #e5e7eb;background:#fff}html.dark .filter-tabs{background:#1e293b;border-bottom-color:#334155}.tab-btn{flex:1;padding:1rem 1.5rem;border:none;background:none;display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s;border-bottom:3px solid transparent}.tab-btn.active{color:#3b82f6;border-bottom-color:#3b82f6}.tab-btn:hover{color:#374151;background:#f9fafb}html.dark .tab-btn:hover{color:#f1f5f9;background:#334155}.filter-content{flex:1;overflow-y:auto;padding:1.5rem}.quick-filters h4,.filter-section h4{font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:1rem}html.dark .quick-filters h4,html.dark .filter-section h4{color:#f1f5f9}.quick-filter-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:2rem}.quick-filter-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;border:2px solid #e5e7eb;border-radius:.75rem;background:#fff;color:#374151;font-weight:600;cursor:pointer;transition:all .2s}html.dark .quick-filter-btn{background:#334155;border-color:#475569;color:#f1f5f9}.quick-filter-btn.active{border-color:#3b82f6;background:#dbeafe;color:#1e40af}html.dark .quick-filter-btn.active{background:#1e3a8a;border-color:#3b82f6;color:#dbeafe}.price-range-quick{margin-bottom:2rem}.price-buttons{display:grid;grid-template-columns:1fr;gap:.5rem}.price-btn{padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:.5rem;background:#fff;color:#374151;text-align:left;cursor:pointer;transition:all .2s}html.dark .price-btn{background:#334155;border-color:#475569;color:#f1f5f9}.price-btn.active{border-color:#3b82f6;background:#dbeafe;color:#1e40af}html.dark .price-btn.active{background:#1e3a8a;border-color:#3b82f6;color:#dbeafe}.category-list,.rating-filters{display:flex;flex-direction:column;gap:.75rem}.category-item,.rating-item,.checkbox-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:.5rem;cursor:pointer;transition:background-color .2s}.category-item:hover,.rating-item:hover{background:#f9fafb}html.dark .category-item:hover,html.dark .rating-item:hover{background:#334155}.category-item input,.rating-item input,.checkbox-item input{display:none}.checkmark{width:1.25rem;height:1.25rem;border:2px solid #d1d5db;border-radius:.25rem;display:flex;align-items:center;justify-content:center;transition:all .2s}.category-item input:checked+.checkmark,.rating-item input:checked+.checkmark,.checkbox-item input:checked+.checkmark{background:#3b82f6;border-color:#3b82f6}.checkmark:after{content:"✓";color:#fff;font-size:.75rem;font-weight:700;opacity:0;transition:opacity .2s}input:checked+.checkmark:after{opacity:1}.category-label{flex:1;color:#374151;font-weight:500}html.dark .category-label{color:#f1f5f9}.category-count{color:#6b7280;font-size:.875rem}.stars{display:flex;gap:.1rem}.star-filled{color:#fbbf24}.star-empty{color:#d1d5db}.rating-text{color:#374151;font-weight:500}html.dark .rating-text{color:#f1f5f9}.custom-price-range{margin-bottom:1.5rem}.price-inputs{display:flex;align-items:center;gap:.75rem}.price-inputs input{flex:1;padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem}html.dark .price-inputs input{background:#334155;border-color:#475569;color:#f1f5f9}.separator{color:#6b7280;font-weight:500}.sort-select{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;background:#fff;color:#374151;font-size:.875rem}html.dark .sort-select{background:#334155;border-color:#475569;color:#f1f5f9}.filter-actions{display:flex;gap:1rem;padding:1.5rem;border-top:1px solid #e5e7eb;background:#fff}html.dark .filter-actions{background:#1e293b;border-top-color:#334155}.reset-btn,.apply-btn{flex:1;padding:1rem 1.5rem;border:none;border-radius:.75rem;font-weight:600;cursor:pointer;transition:all .2s}.reset-btn{background:#f3f4f6;color:#374151}html.dark .reset-btn{background:#334155;color:#f1f5f9}.reset-btn:hover{background:#e5e7eb}.apply-btn{background:#3b82f6;color:#fff}.apply-btn:hover{background:#2563eb}@media (max-width: 768px){.quick-filter-grid{grid-template-columns:1fr}.filter-header,.filter-content,.filter-actions{padding:1rem}}.marketplace-wrapper{max-width:1440px;margin:0 auto;padding:.5rem;background:#f5f5f5;min-height:100vh;transition:background .3s ease}.premium-navbar.compact{display:flex;align-items:center;justify-content:space-between;padding:.6rem .8rem;background:#fffffffa;backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.08);position:sticky;top:0;z-index:1000;margin-bottom:.3rem;border-radius:.6rem;height:56px;min-height:56px}html.dark .premium-navbar.compact{background:#1a1a1afa;border-bottom-color:#ffffff14}.nav-center{flex:1;display:flex;justify-content:center;max-width:400px}.search-bar.compact{display:flex;align-items:center;gap:.4rem;width:100%;max-width:320px;padding:.4rem .8rem;background:#ffffffe6;border-radius:1.2rem;box-shadow:0 1px 3px #0000000a;transition:all .3s ease;border:1px solid rgba(0,0,0,.06);cursor:pointer}html.dark .search-bar.compact{background:#2a2a2ae6;box-shadow:0 1px 3px #0003;border-color:#ffffff14}.search-bar.compact input{flex:1;border:none;background:transparent;font-size:.8rem;color:#1a1a1a;padding:.2rem 0;cursor:pointer}html.dark .search-bar.compact input{color:#fff}.search-bar.compact input::placeholder{color:#9ca3af;font-size:.8rem}.search-bar.compact input:focus{outline:none}.search-bar.compact svg{color:#6b7280;font-size:.8rem}html.dark .search-bar.compact svg{color:#9ca3af}.nav-right{display:flex;gap:.4rem;align-items:center}.nav-icon{background:none;border:none;color:#4a4a4a;cursor:pointer;padding:.4rem;border-radius:50%;transition:all .3s ease;position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.dot{position:absolute;width:6px;height:6px;background:#ef4444;border-radius:50%;border:1.5px solid white}.store-button{position:relative;background:none;border:none;color:#4a4a4a;cursor:pointer;padding:.4rem;border-radius:50%;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:36px;height:36px}html.dark .store-button{color:#b0b0b0}.store-button:hover{background:#0000000d;transform:scale(1.1)}html.dark .store-button:hover{background:#ffffff1a}.store-button.premium-store{color:#8b5cf6;background:#8b5cf61a}.store-button.premium-store:hover{background:#8b5cf633;box-shadow:0 0 15px #8b5cf640}.store-button.vip-store{color:#f59e0b;background:linear-gradient(135deg,#f59e0b1a,#d977061a);animation:glow 2s ease-in-out infinite alternate}.store-button.vip-store:hover{background:linear-gradient(135deg,#f59e0b33,#d9770633);box-shadow:0 0 20px #f59e0b4d}@keyframes glow{0%{box-shadow:0 0 8px #f59e0b40}to{box-shadow:0 0 15px #f59e0b66}}.premium-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.premium-badge{position:absolute;top:-1px;right:-1px;background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff;font-size:.45rem;font-weight:800;padding:.08rem .2rem;border-radius:.4rem;border:1.5px solid white;line-height:1;text-shadow:0 1px 1px rgba(0,0,0,.3)}html.dark .premium-badge{border-color:#1a1a1a}.store-button.vip-store .premium-badge{background:linear-gradient(135deg,#f59e0b,#d97706);font-size:.4rem;padding:.08rem .18rem}.marketplace-tagline{text-align:center;padding:.4rem .8rem .2rem;margin-bottom:.3rem;border-radius:.6rem;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 6px #00000014;animation:fadeIn .4s ease}html.dark .marketplace-tagline{background:linear-gradient(135deg,#4a5568,#2d3748)}.tagline-text{font-size:.75rem;color:#fffffff2;font-weight:500;margin:0;line-height:1.2;text-shadow:0 1px 2px rgba(0,0,0,.3)}.promoted-section-fixed{width:100%;max-width:100%;border-radius:.6rem;position:relative;height:auto;margin-bottom:.5rem;overflow:visible;background:transparent;box-shadow:0 2px 12px #0000001a}.promoted-section-fixed .promoted-carousel-container{width:100%;margin:0;border-radius:.6rem;overflow:hidden;box-shadow:0 4px 12px #00000026}.promoted-section-fixed .promoted-slide{height:160px;border-radius:.6rem}.promoted-section-fixed .promoted-text{top:15%;left:5%;max-width:90%}.promoted-section-fixed .promo-title{font-size:1.2rem;font-weight:700;line-height:1.2;margin-bottom:.3rem}.promoted-section-fixed .graffiti-tagline{font-size:.8rem;margin-bottom:.6rem}.promoted-section-fixed .promo-button{padding:.4rem .8rem;font-size:.75rem;border-radius:1.5rem}.promoted-section-fixed .discount-badge{top:8px;right:8px;padding:.25rem .5rem;font-size:.75rem}.tab-bar-scrollable-wrapper{position:relative;margin-bottom:.8rem;z-index:1000}.tab-bar-scrollable-wrapper.sticky{position:fixed;top:56px;left:0;right:0;z-index:1000;background:#fffffffa;backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.08);padding:.3rem .5rem;margin:0;animation:slideDown .2s ease;box-shadow:0 2px 8px #00000014}html.dark .tab-bar-scrollable-wrapper.sticky{background:#1a1a1afa;border-bottom-color:#ffffff14}@keyframes slideDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.tab-bar-scrollable.compact{display:flex;gap:.3rem;overflow-x:auto;padding:.4rem;scrollbar-width:none;-ms-overflow-style:none;border-radius:.6rem;background:#fff}html.dark .tab-bar-scrollable.compact{background:#242424}.tab-bar-scrollable.compact::-webkit-scrollbar{display:none}.tab-button.compact{padding:.4rem .8rem;border:none;background:#e0e0e0;border-radius:1.2rem;font-weight:600;font-size:.75rem;color:#1a1a1a;cursor:pointer;transition:all .3s ease;white-space:nowrap;flex-shrink:0;height:28px;display:flex;align-items:center;justify-content:center}html.dark .tab-button.compact{background:#3a3a3a;color:#fff}.tab-button.compact.active{background:linear-gradient(135deg,#ff6200,#ff8c00);color:#fff;box-shadow:0 1px 3px #ff620040}.tab-button.compact:hover{background:#d0d0d0;transform:translateY(-1px)}html.dark .tab-button.compact:hover{background:#4a4a4a}.tab-button.compact.active:hover{background:linear-gradient(135deg,#e55a00,#e57c00)}.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem;padding:.4rem 0}@media (min-width: 640px){.product-grid{grid-template-columns:repeat(3,1fr);gap:.8rem}}@media (min-width: 768px){.product-grid{grid-template-columns:repeat(4,1fr);gap:1rem}}@media (min-width: 1024px){.product-grid{grid-template-columns:repeat(5,1fr);gap:1.2rem}}@media (min-width: 1280px){.product-grid{grid-template-columns:repeat(6,1fr)}}.product-card{background:#fff;border-radius:.6rem;overflow:hidden;box-shadow:0 1px 4px #0000000a;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column;height:fit-content;position:relative}html.dark .product-card{background:#242424;box-shadow:0 1px 4px #00000026}.product-card:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 4px 12px #00000014}html.dark .product-card:hover{box-shadow:0 4px 12px #00000040}.product-img-wrapper{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;background:#f8f8f8;padding:.2rem}.product-img-wrapper img{width:100%;height:100%;object-fit:cover;border-radius:.4rem;transition:transform .4s ease}.product-quick-actions{position:absolute;top:.3rem;right:.3rem;display:flex;flex-direction:column;gap:.3rem;opacity:0;transform:translate(8px);transition:all .3s ease}.quick-action-btn{background:#fffffff2;border:none;border-radius:50%;width:26px;height:26px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#4a4a4a;font-size:.7rem;box-shadow:0 1px 4px #0000001f;backdrop-filter:blur(10px)}.badge{position:absolute;top:.3rem;left:.3rem;padding:.2rem .4rem;border-radius:.4rem;font-size:.6rem;font-weight:700;display:flex;align-items:center;gap:.15rem;box-shadow:0 1px 2px #00000026;z-index:10;line-height:1}.product-card-content{padding:.5rem;display:flex;flex-direction:column;gap:.3rem;flex:1}.product-card h3{font-size:.75rem;font-weight:600;color:#1a1a1a;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0;text-align:center;min-height:1.6rem;display:flex;align-items:center;justify-content:center}.stars{display:flex;gap:.08rem;justify-content:center;margin:.1rem 0}.star-filled{color:#facc15;font-size:.65rem}.star-empty{color:#d1d5db;font-size:.65rem}.rating-text{font-size:.6rem;color:#6b7280;margin-left:.2rem}.price-container{display:flex;flex-direction:column;gap:.15rem;margin:.2rem 0}.price-main-row{display:flex;align-items:center;justify-content:space-between;gap:.2rem}.price-old{font-size:.65rem;color:#6b7280;text-decoration:line-through;white-space:nowrap;font-weight:500}.discount{font-size:.6rem;color:#dc2626;font-weight:700;background:#fee2e2;padding:.1rem .3rem;border-radius:.4rem;white-space:nowrap}.price-new{font-size:.85rem;font-weight:700;color:#22c55e;white-space:nowrap;align-self:flex-start}.product-info{display:flex;flex-direction:column;gap:.2rem;margin:.15rem 0}.info-row{display:flex;justify-content:space-between;align-items:center;font-size:.6rem;color:#4a4a4a}.info-row span{display:flex;align-items:center;gap:.15rem;white-space:nowrap}.seller-row{font-size:.6rem;color:#4a4a4a;opacity:.8;display:flex;align-items:center;gap:.15rem;margin-top:auto;padding-top:.3rem;border-top:1px solid #f0f0f0;justify-content:center}.empty-tab-state{grid-column:1 / -1;text-align:center;padding:2.5rem 1rem;background:#ffffff80;border-radius:.8rem;margin:1rem 0;border:2px dashed #e5e7eb}html.dark .empty-tab-state{background:#2a2a2a80;border-color:#374151}.empty-tab-icon{font-size:3rem;color:#9ca3af;margin-bottom:1rem;opacity:.6}html.dark .empty-tab-icon{color:#6b7280}.empty-tab-state h3{font-size:1.2rem;color:#1a1a1a;margin-bottom:.5rem;font-weight:600}html.dark .empty-tab-state h3{color:#fff}.empty-tab-state p{font-size:.9rem;color:#6b7280;margin-bottom:1.5rem;max-width:300px;margin-left:auto;margin-right:auto;line-height:1.4}html.dark .empty-tab-state p{color:#9ca3af}.notification-badge.compact{position:absolute;top:-3px;right:-3px;background:linear-gradient(135deg,#ff4757,#ff3742);color:#fff;border-radius:8px;min-width:14px;height:14px;font-size:8px;font-weight:700;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--bg-primary);box-shadow:0 1px 4px #ff47574d;animation:pulse 2s infinite}.nav-icon.messages-wrapper,.nav-icon.orders-wrapper{position:relative}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 #ff475799}70%{transform:scale(1.05);box-shadow:0 0 0 4px #ff475700}to{transform:scale(1);box-shadow:0 0 #ff475700}}[data-theme=dark] .notification-badge.compact{border-color:#1a1a1a}.loading-section{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;grid-column:1 / -1}.loading-spinner{width:32px;height:32px;border:2px solid #f3f4f6;border-top:2px solid #ff6200;border-radius:50%;margin-bottom:.8rem}.end-message{text-align:center;padding:1.5rem;color:#6b7280;font-size:.9rem;grid-column:1 / -1}.modal-overlay{background:#0009;position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(5px)}.modal{background:#fff;border-radius:.8rem;padding:1.2rem;max-width:360px;width:90%;box-shadow:0 6px 16px #0000001f;animation:fadeIn .3s ease}html.dark .modal{background:#242424;box-shadow:0 6px 16px #00000040}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{display:flex;align-items:center;gap:.4rem;margin-bottom:.8rem}.modal-header h2{font-size:1.1rem;font-weight:700;color:#1a1a1a}html.dark .modal-header h2{color:#fff}.modal-icon{color:#ef4444;font-size:1.3rem}.modal p{color:#4a4a4a;margin-bottom:.8rem;font-size:.8rem;line-height:1.4}html.dark .modal p{color:#b0b0b0}.modal-actions{display:flex;gap:.6rem;justify-content:flex-end}.contact-support{background:linear-gradient(135deg,#ff6200,#ff8c00);color:#fff;border:none;font-size:.8rem;padding:.4rem .8rem}.contact-support:hover{background:linear-gradient(135deg,#e55a00,#e57c00)}.premium-modal{background:#fff;border-radius:1.2rem;padding:1.5rem;max-width:400px;width:90%;box-shadow:0 16px 32px #0000001f;animation:slideUp .4s ease;border:1px solid rgba(0,0,0,.05)}html.dark .premium-modal{background:#242424;box-shadow:0 16px 32px #00000059;border-color:#ffffff1a}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header.premium{text-align:center;margin-bottom:1.2rem;padding-bottom:.8rem;border-bottom:1px solid #f0f0f0}html.dark .modal-header.premium{border-bottom-color:#333}.modal-header.premium h2{font-size:1.3rem;font-weight:700;color:#1a1a1a;margin:.4rem 0 0;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}html.dark .modal-header.premium h2{background:linear-gradient(135deg,#a855f7,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modal-icon.premium{color:#8b5cf6;font-size:1.8rem;margin-bottom:.4rem}.modal-content{margin-bottom:1.5rem}.premium-text{text-align:center;color:#4a4a4a;font-size:.9rem;line-height:1.5;margin-bottom:1.2rem}html.dark .premium-text{color:#b0b0b0}.benefits-list{list-style:none;padding:0;margin:1.2rem 0}.benefits-list li{padding:.4rem 0;color:#374151;font-weight:500;display:flex;align-items:center;gap:.4rem;font-size:.85rem}html.dark .benefits-list li{color:#d1d5db}.store-stats{display:flex;justify-content:space-around;margin:1.2rem 0;padding:.8rem;background:#8b5cf60d;border-radius:.8rem;border:1px solid rgba(139,92,246,.1)}html.dark .store-stats{background:#8b5cf61a;border-color:#8b5cf633}.stat-item{text-align:center}.stat-number{display:block;font-size:1.3rem;font-weight:800;color:#8b5cf6;margin-bottom:.2rem}.stat-label{font-size:.75rem;color:#6b7280;font-weight:500}html.dark .stat-label{color:#9ca3af}.modal-actions.premium{display:flex;gap:.8rem;justify-content:center}.premium-action-button{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem 1.2rem;border:none;border-radius:.8rem;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;box-shadow:0 3px 12px #00000014}.premium-action-button.create{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.premium-action-button.create:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);transform:translateY(-1px);box-shadow:0 6px 20px #667eea40}.premium-action-button.manage{background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff}.premium-action-button.manage:hover{background:linear-gradient(135deg,#7c3aed,#9333ea);transform:translateY(-1px);box-shadow:0 6px 20px #8b5cf640}.glass-button.secondary{background:#0000000d;color:#6b7280;border:1px solid rgba(0,0,0,.1)}html.dark .glass-button.secondary{background:#ffffff0d;color:#9ca3af;border-color:#ffffff1a}.glass-button.secondary:hover{background:#0000001a;transform:translateY(-1px)}html.dark .glass-button.secondary:hover{background:#ffffff1a}.sidebar-wrapper{position:fixed;top:0;left:0;z-index:2000;height:100vh}.skeleton{position:relative;overflow:hidden}.skeleton:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,#fff0 0,#fff3 20%,#ffffff80 60%,#fff0);animation:shimmer 2s infinite}html.dark .skeleton:after{background:linear-gradient(90deg,#fff0 0,#ffffff0d 20%,#ffffff1a 60%,#fff0)}@keyframes shimmer{to{transform:translate(100%)}}.skeleton-nav-icon{width:36px;height:36px;border-radius:50%;background:#e5e7eb}html.dark .skeleton-nav-icon{background:#374151}.skeleton-nav-title{width:100px;height:20px;border-radius:5px;background:#e5e7eb}html.dark .skeleton-nav-title{background:#374151}.tagline-skeleton{padding:.4rem .8rem .2rem;margin-bottom:.3rem;border-radius:.6rem;background:linear-gradient(135deg,#667eea,#764ba2)}.skeleton-tagline-line{width:200px;height:12px;border-radius:6px;background:#ffffff4d;margin:0 auto}.skeleton-search-icon{width:16px;height:16px;border-radius:50%;background:#e5e7eb}html.dark .skeleton-search-icon{background:#4b5563}.skeleton-search-input{flex:1;height:16px;border-radius:8px;background:#e5e7eb}html.dark .skeleton-search-input{background:#4b5563}.skeleton-tab{width:70px;height:28px;border-radius:16px;background:#e5e7eb}html.dark .skeleton-tab{background:#374151}.product-card.skeleton{background:#fff;border-radius:.6rem;overflow:hidden;box-shadow:0 1px 4px #0000000a}html.dark .product-card.skeleton{background:#242424}.product-img-wrapper.skeleton{background:#f8f8f8;aspect-ratio:1 / 1;position:relative;overflow:hidden;padding:.2rem}html.dark .product-img-wrapper.skeleton{background:#1a1a1a}.skeleton-image{width:100%;height:100%;background:#e5e7eb;border-radius:.4rem}html.dark .skeleton-image{background:#374151}.skeleton-line{height:8px;border-radius:4px;background:#e5e7eb;margin-bottom:.3rem}html.dark .skeleton-line{background:#374151}.skeleton-title{height:12px;margin:.3rem 0}.skeleton-price{height:14px;width:60px}.skeleton-stock{width:50px;height:8px}.skeleton-seller{width:80px;height:8px;margin-top:.3rem}.skeleton-stars{display:flex;gap:.05rem;justify-content:center;margin:.3rem 0}.skeleton-star{width:8px;height:8px;border-radius:50%;background:#e5e7eb}html.dark .skeleton-star{background:#374151}@media (max-width: 480px){.marketplace-wrapper{padding:.4rem}.premium-navbar.compact{padding:.5rem .6rem;margin-bottom:.2rem;height:52px;min-height:52px}.nav-icon{width:32px;height:32px;padding:.3rem}.search-bar.compact{max-width:280px;padding:.3rem .6rem}.search-bar.compact input{font-size:.75rem}.marketplace-tagline{padding:.3rem .6rem .15rem;margin-bottom:.2rem}.tagline-text{font-size:.7rem}.promoted-section-fixed .promoted-slide{height:140px}.promoted-section-fixed .promoted-text{top:12%;left:5%;max-width:90%}.promoted-section-fixed .promo-title{font-size:1rem}.promoted-section-fixed .graffiti-tagline{font-size:.7rem;margin-bottom:.4rem}.promoted-section-fixed .promo-button{padding:.3rem .6rem;font-size:.7rem}.promoted-section-fixed .discount-badge{top:6px;right:6px;padding:.2rem .4rem;font-size:.7rem}.tab-bar-scrollable-wrapper.sticky{top:52px}.product-grid{gap:.5rem;padding:.3rem 0}.product-card h3{font-size:.7rem;min-height:1.4rem}.price-new{font-size:.8rem}.info-row{font-size:.55rem}.product-quick-actions{opacity:1;transform:translate(0)}.quick-action-btn{width:24px;height:24px;font-size:.6rem}.empty-tab-state{padding:2rem 1rem}.empty-tab-icon{font-size:2.5rem}.empty-tab-state h3{font-size:1.1rem}.empty-tab-state p{font-size:.85rem}.premium-modal{padding:1.2rem;margin:.8rem}.modal-header.premium h2{font-size:1.1rem}.premium-text{font-size:.85rem}.modal-actions.premium{flex-direction:column}.premium-action-button,.glass-button.secondary{width:100%;justify-content:center}.store-stats{padding:.6rem}.stat-number{font-size:1.1rem}.stat-label{font-size:.7rem}}@media (max-width: 360px){.nav-right{gap:.2rem}.store-button{padding:.3rem}.premium-badge{font-size:.35rem;padding:.05rem .15rem}.product-grid{grid-template-columns:repeat(2,1fr);gap:.4rem}.product-card{border-radius:.5rem}.product-card-content{padding:.4rem}.product-card h3{font-size:.65rem}.empty-tab-icon{font-size:2rem}.empty-tab-state h3{font-size:1rem}.promoted-section-fixed .promoted-slide{height:120px}.promoted-section-fixed .promo-title{font-size:.85rem}.promoted-section-fixed .graffiti-tagline,.tagline-text{font-size:.65rem}}@media (min-width: 768px){.promoted-section-fixed .promoted-slide{height:200px}.promoted-section-fixed .promoted-text{top:20%;left:8%;max-width:60%}.promoted-section-fixed .promo-title{font-size:1.4rem}.promoted-section-fixed .graffiti-tagline{font-size:1rem}.promoted-section-fixed .promo-button{padding:.5rem 1rem;font-size:.85rem}.tagline-text{font-size:.85rem}}@media (min-width: 1024px){.promoted-section-fixed .promoted-slide{height:240px}.promoted-section-fixed .promoted-text{top:25%;left:10%;max-width:50%}.promoted-section-fixed .promo-title{font-size:1.6rem}.promoted-section-fixed .graffiti-tagline{font-size:1.1rem}.tagline-text{font-size:.9rem}}@media (min-width: 1280px){.promoted-section-fixed .promoted-slide{height:280px}.promoted-section-fixed .promoted-text{top:30%;left:10%;max-width:45%}.promoted-section-fixed .promo-title{font-size:1.8rem}.tagline-text{font-size:.95rem}}.home-sections-wrapper{padding:1rem .8rem;max-width:1400px;margin:0 auto}.home-sections-wrapper>*{width:100%}.infinite-scroll-component__loader,.infinite-scroll-component__end-message{text-align:center;padding:1.2rem;color:#4a4a4a;font-size:.85rem;grid-column:1 / -1}.tab-bar-scrollable-wrapper.sticky+.marketplace-wrapper{padding-top:3.5rem}@media (max-width: 480px){.tab-bar-scrollable-wrapper.sticky+.marketplace-wrapper{padding-top:3.2rem}}@media (max-width: 360px){.tab-bar-scrollable-wrapper.sticky+.marketplace-wrapper{padding-top:3rem}}.create-store-page{font-family:Segoe UI,Roboto,Arial,sans-serif;min-height:100vh;padding-top:84px;padding-bottom:120px;display:flex;justify-content:center;align-items:flex-start;background:var(--cs-bg, #0f1724)}.create-store-page.light{--cs-bg: #f5f7fb;--cs-surface: #ffffff;--cs-text: #0b1220;--cs-muted: #475569;--cs-accent: #2563eb;--cs-border: #e6e9ef;--cs-card-shadow: 0 6px 24px rgba(16, 24, 40, .06)}.create-store-page.dark{--cs-bg: #081025;--cs-surface: #071026;--cs-text: #e6eef8;--cs-muted: #9aa7b8;--cs-accent: #3b82f6;--cs-border: rgba(255,255,255,.06);--cs-card-shadow: 0 8px 40px rgba(2,6,23,.6)}.create-store-page .cs-container{width:100%;max-width:760px;margin:28px 16px;background:var(--cs-surface);color:var(--cs-text);border-radius:12px;padding:20px 22px;box-shadow:var(--cs-card-shadow);border:1px solid var(--cs-border)}.cs-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.cs-title{margin:0;font-size:1.3rem;font-weight:600;color:var(--cs-text)}.cs-progress{display:flex;align-items:center;gap:10px;color:var(--cs-muted);font-size:.9rem}.cs-step{width:34px;height:34px;border-radius:50%;border:1px solid var(--cs-border);display:flex;align-items:center;justify-content:center;background:transparent;color:var(--cs-muted);font-weight:600;font-size:.95rem}.cs-step.active{background:linear-gradient(180deg,#3b82f61f,#2563eb0f);color:var(--cs-accent);border-color:transparent;box-shadow:0 2px 10px #2563eb14}.cs-progress-line{width:36px;height:2px;background:linear-gradient(90deg,#2563eb66,#2563eb14);border-radius:2px}.cs-progress-label{font-size:.85rem;color:var(--cs-muted);margin-left:6px}.cs-form{display:flex;flex-direction:column;gap:14px}.cs-step-panel.hidden{display:none}.cs-step-panel.visible{display:block}.cs-label{display:block;font-size:.875rem;color:var(--cs-muted);margin-bottom:6px;font-weight:600}.cs-input,.cs-select,.cs-textarea{width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--cs-border);background:transparent;color:var(--cs-text);font-size:.95rem;transition:box-shadow .18s ease,border-color .18s ease}.cs-input::placeholder,.cs-textarea::placeholder{color:#00000059}.create-store-page.dark .cs-input::placeholder,.create-store-page.dark .cs-textarea::placeholder{color:#e6eef83d}.cs-input:focus,.cs-select:focus,.cs-textarea:focus{outline:none;border-color:var(--cs-accent);box-shadow:0 6px 20px #2563eb0f}.cs-textarea{min-height:100px;resize:vertical}.cs-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cs-file-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:4px}.cs-file-box{display:flex;flex-direction:column;gap:8px}.cs-file-row{display:flex;align-items:center;gap:12px}.cs-file-chooser{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;font-weight:600;cursor:pointer;border:1px dashed var(--cs-border);background:transparent;color:var(--cs-accent);font-size:.92rem;position:relative}.cs-file-chooser input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}.cs-file-info{color:var(--cs-muted);font-size:.9rem;flex:1;word-break:break-word}.cs-step-buttons{display:flex;justify-content:space-between;gap:12px;margin-top:8px}.cs-btn{padding:10px 14px;border-radius:10px;border:1px solid transparent;font-weight:700;cursor:pointer;font-size:.95rem;min-width:120px}.cs-btn.cs-btn-muted{background:transparent;border:1px solid var(--cs-border);color:var(--cs-muted);display:inline-flex;align-items:center;gap:8px;justify-content:center}.cs-btn.cs-btn-primary,.cs-btn{background:linear-gradient(180deg,var(--cs-accent),color-mix(in srgb,var(--cs-accent) 75%,transparent));color:#fff;box-shadow:0 6px 20px #2563eb1f;border:none}.cs-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.cs-center{display:flex;align-items:center;justify-content:center}.cs-card-status{max-width:640px;text-align:center;padding:36px 28px}.cs-status-icon{width:72px;height:72px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:12px;background:#ffffff05;color:var(--cs-muted)}.cs-status-icon.pending{background:linear-gradient(180deg,#3b82f614,#2563eb08);color:var(--cs-accent)}.cs-status-icon.approved{background:linear-gradient(180deg,#22c55e14,#22c55e05);color:#10b981}.cs-status-title{margin:6px 0 8px;font-size:1.1rem;color:var(--cs-text)}.cs-status-desc{margin:0 0 18px;color:var(--cs-muted);font-size:.95rem}.cs-status-actions{display:flex;gap:12px;justify-content:center}.cs-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#03071266,#03071299);z-index:1100}.cs-overlay-inner{display:flex;flex-direction:column;gap:10px;align-items:center;padding:18px 22px;border-radius:12px;background:#00000073;color:#fff}.cs-spinner{animation:cs-rotate 1s linear infinite;color:var(--cs-accent)}@keyframes cs-rotate{0%{transform:rotate(0);stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{transform:rotate(360deg);stroke-dasharray:90,150;stroke-dashoffset:-124}}.cs-loading-text{color:var(--cs-muted);font-weight:600;font-size:.95rem}.hidden{display:none!important}@media (max-width: 720px){.cs-grid-2,.cs-file-grid{grid-template-columns:1fr}.cs-container{padding:16px;margin:18px 12px}.cs-progress-line{width:20px}.cs-title{font-size:1.05rem}.cs-step{width:30px;height:30px;font-size:.9rem}.cs-progress-label{display:none}}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width: 480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--card-bg-light: #ffffff;--card-bg-dark: #1c1c1e;--text-light: #000000;--text-dark: #ffffff;--border-color: #ddd;--shadow-color: rgba(0, 0, 0, .15)}.installment-orders-container{padding:1rem;font-family:Segoe UI,sans-serif;color:var(--text-dark);background-color:var(--card-bg-dark)}@media (prefers-color-scheme: light){.installment-orders-container{color:var(--text-light);background-color:#f7f7f7}}.order-card{background-color:var(--card-bg-light);color:var(--text-light);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 10px var(--shadow-color);transition:transform .2s ease-in-out}.order-card:hover{transform:translateY(-2px)}.order-header{font-size:1.3rem;font-weight:600;margin-bottom:.5rem;text-align:center}.order-details{font-size:.95rem;margin:.5rem 0;line-height:1.6}.status{font-weight:600;margin-top:.5rem;text-align:center}.progress-bar{width:100%;height:10px;background-color:#ccc;border-radius:5px;overflow:hidden;margin-top:10px}.progress-fill{height:100%;border-radius:5px;transition:width .4s ease;background-color:#28a745}.action-buttons{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.action-buttons button{padding:10px 15px;border:none;border-radius:8px;font-weight:700;background-color:#007bff;color:#fff;cursor:pointer;transition:background .3s ease}.action-buttons button:hover{background-color:#0056b3}@media (max-width: 600px){.order-card{padding:1rem}.order-header{font-size:1.1rem}.order-details{font-size:.9rem}}.installment-modal{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.installment-modal-content{background:#fffffff2;border-radius:20px;width:100%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;border:1px solid rgba(255,255,255,.2)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-bottom:1px solid rgba(0,0,0,.1);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:20px 20px 0 0}.modal-title{display:flex;align-items:center;gap:12px}.title-icon{font-size:24px}.modal-close{background:#fff3;border:none;width:36px;height:36px;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.modal-body{padding:32px}.toggle-section{margin-bottom:32px;padding:20px;background:#667eea0d;border-radius:12px}.toggle-label{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:18px;font-weight:600;color:#333}.toggle-label input[type=checkbox]{display:none}.toggle-slider{position:relative;width:60px;height:30px;background:#ddd;border-radius:15px;transition:all .3s ease}.toggle-slider:before{content:"";position:absolute;width:26px;height:26px;border-radius:50%;background:#fff;top:2px;left:2px;transition:all .3s ease;box-shadow:0 2px 4px #0003}.toggle-label input:checked+.toggle-slider{background:linear-gradient(135deg,#667eea,#764ba2)}.toggle-label input:checked+.toggle-slider:before{transform:translate(30px)}.toggle-text{flex:1}.settings-section{margin-bottom:32px;padding:24px;background:#fff;border-radius:12px;border:1px solid rgba(0,0,0,.08);box-shadow:0 4px 12px #0000000d}.settings-section h3{color:#333;margin-bottom:20px;font-size:18px;display:flex;align-items:center;gap:8px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:24px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{display:flex;align-items:center;gap:8px;font-weight:500;color:#555}.input-icon{color:#667eea;font-size:14px}.form-group input,.form-group select{padding:12px 16px;border:1px solid #ddd;border-radius:8px;font-size:14px;transition:all .3s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group small{font-size:12px;color:#888;margin-top:4px}.checkbox-group{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:14px}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:#667eea}.info-icon{color:#888;font-size:12px;cursor:help}.schedule-preview{background:#f8f9fa;border-radius:8px;overflow:hidden}.schedule-header{display:grid;grid-template-columns:1fr 1fr 1fr;background:#667eea;color:#fff;padding:12px 16px;font-weight:600;text-align:center}.schedule-item{display:grid;grid-template-columns:1fr 1fr 1fr;padding:12px 16px;border-bottom:1px solid #eee;align-items:center;text-align:center}.schedule-item input{width:80px;margin:0 auto;padding:8px;text-align:center}.schedule-total{display:grid;grid-template-columns:1fr 1fr 1fr;padding:16px;background:#e8f5e9;font-weight:600}.total-percentage{color:#2e7d32;font-size:18px}.price-preview{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;padding:24px;margin-top:32px}.price-preview h4{color:#333;margin-bottom:20px;font-size:16px}.price-items{display:flex;flex-direction:column;gap:12px}.price-item{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid rgba(0,0,0,.05)}.price-item.installment{padding-left:20px;font-size:14px;color:#666}.price-item.total{font-weight:600;font-size:18px;color:#333;border-top:2px solid #667eea;border-bottom:none;padding-top:20px;margin-top:8px}.modal-footer{display:flex;justify-content:flex-end;gap:16px;padding:24px 32px;border-top:1px solid rgba(0,0,0,.1);background:#f8f9fa;border-radius:0 0 20px 20px}.btn-primary,.btn-secondary{padding:12px 32px;border-radius:8px;font-weight:600;cursor:pointer;border:none;transition:all .3s ease;font-size:14px}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea4d}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:#fff;color:#666;border:1px solid #ddd}.btn-secondary:hover{background:#f8f9fa;border-color:#ccc}@media (max-width: 768px){.installment-modal-content{margin:10px;max-height:80vh}.modal-header,.modal-body,.modal-footer{padding:20px}.form-grid{grid-template-columns:1fr}.schedule-header,.schedule-item,.schedule-total{grid-template-columns:1fr 1fr 1fr;font-size:12px}}:root{--light-bg: #f8fafc;--light-card: #ffffff;--light-text: #010308;--light-border: #eff1f3;--light-secondary: #165ef0;--dark-bg: #000207;--dark-card: #020408;--dark-text: #f8fafc;--dark-border: #0f408f;--dark-secondary: #cbd5e1;--accent: #2563eb;--danger: #dc2626;--success: #16a34a;--warning: #d97706;--info: #0891b2}html,body,#root{height:100%;width:100%;margin:0;padding:0;box-sizing:border-box}html.light{background:var(--light-bg);color:var(--light-text)}html.dark{background:var(--dark-bg);color:var(--dark-text)}body{margin:0;font-family:Poppins,sans-serif;transition:all .3s ease;background:inherit;color:inherit}.dashboard-glass{display:flex;flex-direction:column;min-height:100vh}.dashboard-glass .mobile-header{display:none;background:var(--light-card);border-bottom:1px solid var(--light-border);padding:.75rem 1rem;position:sticky;top:0;z-index:1000;box-shadow:0 2px 5px #0000001a;color:var(--light-text)}html.dark .dashboard-glass .mobile-header{background:#1a2235;border-color:#374151;box-shadow:0 2px 5px #0000004d;color:#f7fafc}.dashboard-glass .mobile-header-content{display:flex;align-items:center;justify-content:space-between;gap:1rem}.dashboard-glass .mobile-menu-btn{background:var(--accent);border:none;font-size:1rem;color:#fff;cursor:pointer;padding:.6rem;border-radius:10px;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.dashboard-glass .mobile-store-info{display:flex;flex-direction:column;align-items:flex-start;flex:1}.dashboard-glass .store-name-mobile{font-weight:700;font-size:1rem;color:var(--light-text)}html.dark .dashboard-glass .store-name-mobile{color:var(--dark-text)}.dashboard-glass .seller-name-mobile{font-size:.8rem;color:var(--accent);margin-top:.1rem;font-weight:600}.dashboard-glass .mobile-wallet-notification{display:flex;align-items:center;gap:.75rem}.dashboard-glass .mobile-wallet-balance{display:flex;align-items:center;gap:.4rem;background:var(--success);color:#fff;padding:.5rem .75rem;border-radius:12px;font-weight:700;font-size:.8rem;box-shadow:0 4px 12px #16a34a4d}.dashboard-glass .wallet-icon{font-size:.9rem}.dashboard-glass .mobile-notifications{position:relative;display:flex;gap:.2rem}.dashboard-glass .notification-dot.mobile-dot{width:8px;height:8px;background:var(--danger);border-radius:50%;animation:pulse 2s infinite}.dashboard-glass .tabs-container{background:var(--light-card);padding:.5rem 1rem;box-shadow:0 1px 3px #0000001a;height:50px;display:flex;align-items:center;overflow-x:auto;white-space:nowrap;position:sticky;top:0;z-index:100;color:var(--light-text)}html.dark .dashboard-glass .tabs-container{background:#000205;box-shadow:0 1px 3px #0000004d;color:#e2e8f0;border-right:1px solid #085ff7}.dashboard-glass .tabs-scroll{display:flex;gap:.3rem;align-items:center;width:100%;justify-content:space-between}.dashboard-glass .tab-button{display:inline-flex;align-items:center;gap:.4rem;border:none;background:none;font-size:.8rem;color:var(--light-text);padding:.4rem .8rem;border-radius:6px;cursor:pointer;transition:all .2s ease;white-space:nowrap;position:relative;font-weight:500;height:36px}html.dark .dashboard-glass .tab-button{color:#e2e8f0}.dashboard-glass .tab-button:hover,.dashboard-glass .tab-button.active{background:var(--accent);color:#fff;font-weight:600;transform:translateY(-1px)}.dashboard-glass .tab-icon{font-size:.8rem}.dashboard-glass .tab-label{font-size:.75rem;font-weight:600}.dashboard-glass .notification-dot{position:absolute;top:4px;right:4px;width:6px;height:6px;background:var(--danger);border-radius:50%;animation:pulse 2s infinite}.dashboard-glass .section-header-with-notification{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.dashboard-glass .section-notification-dot{width:10px;height:10px;background:var(--danger);border-radius:50%;animation:pulse 2s infinite}.dashboard-glass .glass-main{flex:1;padding:2rem;background:var(--light-card);color:var(--light-text)}html.dark .dashboard-glass .glass-main{background:#000207;color:#f7fafc}.dashboard-glass .glass-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;font-size:1.2rem;font-weight:600;color:var(--accent);flex-wrap:wrap;gap:1rem}.dashboard-glass .welcome-section{display:flex;flex-direction:column;gap:.2rem}.dashboard-glass .welcome-text{font-size:1.3rem;font-weight:700;color:var(--light-text)}html.dark .dashboard-glass .welcome-text{color:var(--dark-text)}.dashboard-glass .store-name{font-size:.9rem;color:var(--light-secondary);font-weight:500}html.dark .dashboard-glass .store-name{color:var(--dark-secondary)}.dashboard-glass .wallet-balance{display:flex;align-items:center;gap:.5rem;background:#10b9811a;color:#10b981;padding:.5rem 1rem;border-radius:10px;font-weight:600;border:1px solid rgba(16,185,129,.2)}.dashboard-glass .glass-section{background:var(--light-card);border-radius:16px;padding:1.5rem;box-shadow:0 4px 16px #2564eba1;margin-bottom:2rem;border:1px solid var(--light-border);color:var(--light-text)}html.dark .dashboard-glass .glass-section{background:#000103;border-color:#374151;color:#f1f5f9}.dashboard-glass .glass-section h3{margin-bottom:1rem;font-size:1.4rem;font-weight:600;color:var(--accent);border-bottom:2px solid rgba(37,100,235,.678);padding-bottom:.5rem}.dashboard-glass .overview-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.5rem}.dashboard-glass .stat-card-compact{background:var(--light-card);padding:1rem .75rem;border-radius:14px;border:1px solid var(--light-border);display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .3s ease;box-shadow:0 4px 12px #2564eb9d;position:relative;overflow:hidden}html.dark .dashboard-glass .stat-card-compact{background:var(--dark-card);border-color:var(--dark-border)}.dashboard-glass .stat-card-compact:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent)}.dashboard-glass .stat-card-compact:nth-child(2):before{background:var(--success)}.dashboard-glass .stat-card-compact:nth-child(3):before{background:var(--warning)}.dashboard-glass .stat-card-compact:nth-child(4):before{background:#8b5cf6}.dashboard-glass .stat-card-compact:nth-child(5):before{background:var(--danger)}.dashboard-glass .stat-card-compact:nth-child(6):before{background:var(--accent)}.dashboard-glass .stat-card-compact:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00000026}.dashboard-glass .stat-icon-compact{font-size:1.5rem;color:#fff;padding:.75rem;background:var(--accent);border-radius:12px;margin-bottom:.75rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.dashboard-glass .stat-card-compact:nth-child(2) .stat-icon-compact{background:var(--success)}.dashboard-glass .stat-card-compact:nth-child(3) .stat-icon-compact{background:var(--warning)}.dashboard-glass .stat-info-compact h4{margin:0 0 .5rem;font-size:.75rem;font-weight:700;color:var(--light-secondary);text-transform:uppercase;letter-spacing:.3px}html.dark .dashboard-glass .stat-info-compact h4{color:var(--dark-secondary)}.dashboard-glass .stat-number-compact{margin:0;font-size:1.3rem;font-weight:900;color:purple}.dashboard-glass .stat-card-compact:nth-child(2) .stat-number-compact{color:var(--success)}.dashboard-glass .stat-card-compact:nth-child(3) .stat-number-compact{color:var(--warning)}.dashboard-glass .stat-info-compact small{color:var(--light-secondary);font-size:.7rem;font-weight:600;margin-top:.25rem}html.dark .dashboard-glass .stat-info-compact small{color:var(--dark-secondary)}.dashboard-glass .overview-content{display:grid;gap:1.5rem}.dashboard-glass .recent-products-section h4{margin-bottom:1rem;color:var(--accent);font-size:1.1rem;font-weight:800}.dashboard-glass .compact-product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.dashboard-glass .compact-products-display{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin-top:2rem}.dashboard-glass .compact-product-card-mini{background:var(--light-card);border:1px solid var(--light-border);border-radius:12px;padding:.75rem;transition:all .3s ease;display:flex;flex-direction:column;gap:.5rem;box-shadow:0 2px 8px #0000000f;height:100%}html.dark .dashboard-glass .compact-product-card-mini{background:var(--dark-card);border-color:var(--dark-border)}.dashboard-glass .compact-product-card-mini:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.dashboard-glass .compact-image-mini{width:100%;height:120px;border-radius:8px;overflow:hidden;position:relative;background:var(--light-bg)}html.dark .dashboard-glass .compact-image-mini{background:var(--dark-bg)}.dashboard-glass .compact-image-mini img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.dashboard-glass .compact-product-card-mini:hover .compact-image-mini img{transform:scale(1.05)}.dashboard-glass .compact-product-badges{position:absolute;top:8px;left:8px;right:8px;display:flex;gap:.3rem;flex-wrap:wrap}.dashboard-glass .compact-badge{padding:.2rem .5rem;border-radius:4px;font-size:.6rem;font-weight:700;text-transform:uppercase;color:#fff;display:flex;align-items:center;gap:.2rem}.dashboard-glass .compact-badge.lipa{background:var(--success)}.dashboard-glass .compact-badge.discount{background:var(--danger)}.dashboard-glass .compact-badge.flash{background:#f59e0b}.dashboard-glass .compact-product-info-mini{flex:1;display:flex;flex-direction:column;gap:.4rem}.dashboard-glass .compact-product-title-mini{font-size:.85rem;font-weight:700;color:var(--light-text);margin:0;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}html.dark .dashboard-glass .compact-product-title-mini{color:var(--dark-text)}.dashboard-glass .compact-price-row{display:flex;justify-content:space-between;align-items:center;margin-top:.2rem}.dashboard-glass .compact-price-mini{font-size:1rem;font-weight:900;color:green}.dashboard-glass .compact-original-price{font-size:.75rem;color:red;text-decoration:line-through;margin-right:.5rem}.dashboard-glass .compact-stock-mini{font-size:.7rem;color:var(--light-secondary);font-weight:600;padding:.2rem .5rem;background:var(--light-bg);border-radius:4px;display:inline-block}html.dark .dashboard-glass .compact-stock-mini{background:var(--dark-bg);color:var(--dark-secondary)}.dashboard-glass .compact-product-meta-mini{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.dashboard-glass .compact-meta-item{font-size:.7rem;color:var(--light-secondary);display:flex;align-items:center;gap:.2rem}html.dark .dashboard-glass .compact-meta-item{color:var(--dark-secondary)}.dashboard-glass .compact-meta-item strong{font-weight:700;color:var(--accent)}.dashboard-glass .compact-product-actions-mini{display:flex;gap:.5rem;margin-top:.5rem;flex-wrap:wrap}.dashboard-glass .compact-action-btn{padding:.4rem .6rem;border:none;border-radius:6px;font-size:.7rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.3rem;flex:1;justify-content:center;text-transform:uppercase;letter-spacing:.3px}.dashboard-glass .compact-edit-btn{background:var(--accent);color:#fff}.dashboard-glass .compact-flash-btn{background:#f59e0b;color:#fff}.dashboard-glass .compact-delete-btn{background:var(--danger);color:#fff}.dashboard-glass .compact-action-btn:hover{transform:translateY(-1px);box-shadow:0 2px 6px #0003}.dashboard-glass .products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.dashboard-glass .orders-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}.dashboard-glass .compact-product-card{background:var(--light-card);border:1px solid var(--light-border);border-radius:14px;padding:1rem;transition:all .3s ease;position:relative;display:flex;flex-direction:column;gap:.75rem;box-shadow:0 4px 12px #2564eb85}.dashboard-glass .product-card{background:var(--light-card);border:1px solid var(--light-border);border-radius:16px;overflow:hidden;transition:all .3s ease;box-shadow:0 4px 12px #2564eb1a}html.dark .dashboard-glass .compact-product-card,html.dark .dashboard-glass .product-card{background:var(--dark-card);border-color:var(--dark-border)}.dashboard-glass .compact-product-card:hover,.dashboard-glass .product-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.dashboard-glass .compact-image-container,.dashboard-glass .product-image-container{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:12px;overflow:hidden;background:var(--light-bg);border:1px solid var(--light-border)}html.dark .dashboard-glass .compact-image-container,html.dark .dashboard-glass .product-image-container{background:var(--dark-bg);border-color:var(--dark-border)}.dashboard-glass .compact-product-image,.dashboard-glass .product-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.dashboard-glass .compact-product-card:hover .compact-product-image,.dashboard-glass .product-card:hover .product-image{transform:scale(1.05)}.dashboard-glass .compact-image-nav,.dashboard-glass .image-navigation{position:absolute;bottom:10px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:0 10px}.dashboard-glass .compact-image-nav-btn,.dashboard-glass .image-nav-btn{background:#000c;color:#fff;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.9rem;transition:all .3s ease}.dashboard-glass .compact-image-nav-btn:hover:not(:disabled),.dashboard-glass .image-nav-btn:hover:not(:disabled){background:#000000e6;transform:scale(1.1)}.dashboard-glass .compact-image-nav-btn:disabled,.dashboard-glass .image-nav-btn:disabled{opacity:.4;cursor:not-allowed}.dashboard-glass .compact-image-dots{display:flex;gap:6px}.dashboard-glass .compact-dot{width:8px;height:8px;background:#0e7edae5;border-radius:50%;transition:all .3s ease}.dashboard-glass .compact-dot.active{background:#fff;transform:scale(1.2)}.dashboard-glass .compact-lipa-badge,.dashboard-glass .product-lipa-badge,.dashboard-glass .product-discount-badge,.dashboard-glass .product-flash-badge{position:absolute;top:10px;right:10px;color:#07f31a;padding:.3rem .6rem;border-radius:8px;font-size:.7rem;font-weight:800;display:flex;align-items:center;gap:.3rem;z-index:2;text-transform:uppercase}.dashboard-glass .compact-lipa-badge,.dashboard-glass .product-lipa-badge{background:var(--success);left:10px;right:auto}.dashboard-glass .product-discount-badge{background:var(--danger);right:10px}.dashboard-glass .product-flash-badge{background:#f59e0b;right:10px;top:45px}.dashboard-glass .compact-product-info,.dashboard-glass .product-info{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.dashboard-glass .compact-product-title,.dashboard-glass .product-title{font-size:1rem;font-weight:800;margin:0;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--light-text)}html.dark .dashboard-glass .compact-product-title,html.dark .dashboard-glass .product-title{color:var(--dark-text)}.dashboard-glass .compact-product-price{font-size:1.1rem;font-weight:900;color:green;margin:0}.dashboard-glass .price-section{display:flex;align-items:center;gap:.5rem}.dashboard-glass .current-price{font-size:1.2rem;font-weight:900;color:#adff2f}.dashboard-glass .original-price{font-size:.9rem;color:red;text-decoration:line-through}.dashboard-glass .compact-product-meta,.dashboard-glass .product-meta{display:flex;flex-direction:column;gap:.4rem;font-size:.85rem;color:var(--light-secondary);font-weight:600}html.dark .dashboard-glass .compact-product-meta,html.dark .dashboard-glass .product-meta{color:var(--dark-secondary)}.dashboard-glass .discount{color:var(--success);font-weight:800;background:#04f74dea;padding:.2rem .4rem;border-radius:6px;display:inline-block}.dashboard-glass .product-variants{font-size:.85rem;color:#daa520;padding:.5rem;background:#0000000d;border-radius:8px;margin-top:.5rem}.dashboard-glass .product-details{display:flex;flex-direction:column;gap:.4rem;font-size:.85rem;color:var(--light-secondary);padding:.5rem;background:#00000005;border-radius:8px;margin-top:.5rem}.dashboard-glass .compact-product-actions,.dashboard-glass .product-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.dashboard-glass .edit-delivery-btn,.dashboard-glass .flash-sale-btn,.dashboard-glass .installment-btn,.dashboard-glass .edit-btn,.dashboard-glass .delete-btn{padding:.6rem 1rem;border:none;border-radius:10px;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;font-size:.85rem}.dashboard-glass .edit-delivery-btn{background:var(--accent);color:#fff}.dashboard-glass .flash-sale-btn{background:#f59e0b;color:#fff}.dashboard-glass .installment-btn{background:#8b5cf6;color:#fff}.dashboard-glass .edit-btn{background:var(--accent);color:#fff}.dashboard-glass .delete-btn{background:var(--danger);color:#fff}.dashboard-glass .edit-delivery-btn:hover,.dashboard-glass .flash-sale-btn:hover,.dashboard-glass .installment-btn:hover,.dashboard-glass .edit-btn:hover,.dashboard-glass .delete-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.dashboard-glass .edit-delivery-btn:hover{background:#1d4ed8}.dashboard-glass .flash-sale-btn:hover{background:#d97706}.dashboard-glass .installment-btn:hover{background:#7c3aed}.dashboard-glass .edit-btn:hover{background:#1d4ed8}.dashboard-glass .delete-btn:hover{background:#b91c1c}.dashboard-glass .compact-required-info{margin-top:.75rem;padding:1rem;background:linear-gradient(135deg,#10b9817a,#8a5cf6a1);border-radius:12px;border:2px dashed var(--accent);backdrop-filter:blur(10px)}.dashboard-glass .compact-required-info h6{margin:0 0 .75rem;font-size:.9rem;color:var(--accent);font-weight:800;text-align:center;text-transform:uppercase}.dashboard-glass .required-fields-compact{display:flex;flex-direction:column;gap:.75rem;margin-bottom:.75rem}.dashboard-glass .field-group{display:flex;flex-direction:column;gap:.4rem}.dashboard-glass .field-group label{font-size:.8rem;font-weight:700;color:var(--accent);margin:0;text-transform:uppercase}.dashboard-glass .field-group select{padding:.6rem;border:1px solid var(--light-border);border-radius:10px;background:var(--light-card);color:var(--light-text);font-size:.8rem;transition:all .3s ease}html.dark .dashboard-glass .field-group select{background:var(--dark-card);border-color:var(--dark-border);color:var(--dark-text)}.dashboard-glass .delivery-options label{font-size:.8rem;font-weight:700;color:var(--accent);margin-bottom:.4rem;display:block;text-transform:uppercase}.dashboard-glass .checkbox-group-compact{display:flex;gap:1rem;margin-top:.4rem;flex-wrap:wrap}.dashboard-glass .checkbox-group-compact label{display:flex;align-items:center;gap:.4rem;font-size:.8rem;font-weight:600;color:var(--light-text);cursor:pointer;padding:.6rem .8rem;border-radius:10px;transition:all .3s ease;background:var(--light-card);border:1px solid var(--light-border);text-transform:none}html.dark .dashboard-glass .checkbox-group-compact label{color:var(--dark-text);background:var(--dark-card);border-color:var(--dark-border)}.dashboard-glass .compact-form-actions{display:flex;gap:.5rem}.dashboard-glass .compact-save-btn{padding:.6rem 1rem;background:var(--success);color:#fff;border:none;border-radius:10px;font-size:.8rem;cursor:pointer;transition:all .3s ease;font-weight:800;width:100%;text-transform:uppercase}.dashboard-glass .compact-save-btn:hover:not(:disabled){background:#02f35ad7;transform:translateY(-1px)}.dashboard-glass .compact-save-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.dashboard-glass .overview-actions{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem;flex-wrap:wrap}.dashboard-glass .view-all-btn,.dashboard-glass .add-product-btn{padding:.75rem 1.5rem;border:none;border-radius:12px;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.6rem;font-size:.9rem;text-transform:uppercase}.dashboard-glass .view-all-btn{background:transparent;color:var(--accent);border:2px solid var(--accent)}.dashboard-glass .view-all-btn:hover{background:var(--accent);color:#fff;transform:translateY(-2px)}.dashboard-glass .add-product-btn{background:var(--success);color:#fff}.dashboard-glass .add-product-btn:hover{background:#15803d;transform:translateY(-2px)}.dashboard-glass .earnings-dashboard{display:flex;flex-direction:column;gap:1.5rem}.dashboard-glass .earnings-cards-compact{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.5rem}.dashboard-glass .earnings-card-compact{background:var(--light-card);border:1px solid var(--light-border);border-radius:14px;padding:1rem .75rem;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .3s ease;box-shadow:0 4px 12px #01eeb30a;position:relative;overflow:hidden}html.dark .dashboard-glass .earnings-card-compact{background:var(--dark-card);border-color:var(--dark-border)}.dashboard-glass .earnings-card-compact:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:gold}.dashboard-glass .earnings-card-compact:nth-child(2):before{background:var(--warning)}.dashboard-glass .earnings-card-compact:nth-child(3):before{background:var(--success)}.dashboard-glass .earnings-card-compact:nth-child(4):before{background:#8b5cf6}.dashboard-glass .earnings-card-compact:nth-child(5):before{background:var(--danger)}.dashboard-glass .earnings-card-compact:nth-child(6):before{background:var(--accent)}.dashboard-glass .earnings-card-compact:hover{transform:translateY(-3px);box-shadow:0 8px 25px #06866659}.dashboard-glass .earnings-icon-compact{padding:.75rem;border-radius:12px;font-size:1.3rem;display:flex;align-items:center;justify-content:center;margin-bottom:.75rem;transition:all .3s ease}.dashboard-glass .earnings-icon-compact.total{background:#00f;color:#fff}.dashboard-glass .earnings-icon-compact.pending{background:gold;color:#fff}.dashboard-glass .earnings-icon-compact.completed{background:var(--success);color:#fff}.dashboard-glass .earnings-icon-compact.month{background:#8b5cf6;color:#fff}.dashboard-glass .earnings-icon-compact.lipa{background:var(--danger);color:#fff}.dashboard-glass .earnings-icon-compact.wallet{background:var(--accent);color:#fff}.dashboard-glass .earnings-info-compact{flex:1}.dashboard-glass .earnings-info-compact h4{margin:0 0 .5rem;font-size:.75rem;font-weight:700;color:var(--light-secondary);text-transform:uppercase;letter-spacing:.3px}html.dark .dashboard-glass .earnings-info-compact h4{color:var(--dark-secondary)}.dashboard-glass .earnings-amount-compact{margin:0 0 .4rem;font-size:1.1rem;font-weight:900;color:green}.dashboard-glass .earnings-card-compact:nth-child(2) .earnings-amount-compact{color:var(--warning)}.dashboard-glass .earnings-card-compact:nth-child(3) .earnings-amount-compact{color:var(--success)}.dashboard-glass .earnings-subtitle{font-size:.7rem;color:var(--light-secondary);font-weight:600}html.dark .dashboard-glass .earnings-subtitle{color:var(--dark-secondary)}.dashboard-glass .performance-metrics-compact{background:var(--light-card);border:1px solid var(--light-border);border-radius:14px;padding:1.5rem;box-shadow:0 4px 12px #024dee04;position:relative;overflow:hidden}html.dark .dashboard-glass .performance-metrics-compact{background:var(--dark-card);border-color:var(--dark-border)}.dashboard-glass .performance-metrics-compact:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent)}.dashboard-glass .performance-metrics-compact h4{margin:0 0 1rem;color:#daa520;font-size:1.1rem;font-weight:800}.dashboard-glass .metrics-grid-compact{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.dashboard-glass .metric-item-compact{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--light-card);border-radius:12px;border:1px solid var(--light-border);transition:all .3s ease;backdrop-filter:blur(10px)}html.dark .dashboard-glass .metric-item-compact{background:var(--dark-card);border-color:var(--dark-border)}.dashboard-glass .metric-item-compact:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2564eb98}.dashboard-glass .metric-label{font-size:.8rem;font-weight:700;color:var(--light-secondary);text-transform:uppercase;letter-spacing:.3px}html.dark .dashboard-glass .metric-label{color:var(--dark-secondary)}.dashboard-glass .metric-value{font-size:1rem;font-weight:900;color:green}.dashboard-glass .premium-order-card{background:linear-gradient(135deg,var(--light-card),rgba(37,99,235,.03));border:1px solid var(--light-border);border-radius:16px;padding:1.5rem;transition:all .3s ease;box-shadow:0 4px 20px #0000000d;position:relative;overflow:hidden}html.dark .dashboard-glass .premium-order-card{background:linear-gradient(135deg,var(--dark-card),rgba(37,99,235,.05));border-color:var(--dark-border)}.dashboard-glass .premium-order-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent),#8b5cf6)}.dashboard-glass .premium-order-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #2563eb26}.dashboard-glass .premium-order-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--light-border)}.dashboard-glass .premium-order-id{display:flex;flex-direction:column;gap:.3rem}.dashboard-glass .premium-order-id-label{font-size:.75rem;font-weight:700;color:#00f;text-transform:uppercase;letter-spacing:.5px}html.dark .dashboard-glass .premium-order-id-label{color:purple}.dashboard-glass .premium-order-id-value{font-size:1.1rem;font-weight:900;color:#deb887;font-family:Courier New,monospace}.dashboard-glass .premium-order-status{padding:.6rem 1.2rem;border-radius:12px;font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.5px;color:#000;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000001a}.dashboard-glass .premium-order-status:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#fff0);z-index:1}.dashboard-glass .premium-order-status.status-pending{background:linear-gradient(135deg,#f59e0b,#d97706)}.dashboard-glass .premium-order-status.status-processing{background:linear-gradient(135deg,var(--accent),#1d4ed8)}.dashboard-glass .premium-order-status.status-shipped{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.dashboard-glass .premium-order-status.status-out-for-delivery{background:linear-gradient(135deg,#10b981,#059669)}.dashboard-glass .premium-order-status.status-delivered{background:linear-gradient(135deg,#10b981,#047857)}.dashboard-glass .premium-order-date{font-size:.8rem;color:var(--light-secondary);font-weight:600;margin-top:.5rem}.dashboard-glass .premium-order-body{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem}.dashboard-glass .premium-product-section{background:#2563eb05;padding:1.2rem;border-radius:12px;border:1px solid var(--light-border)}.dashboard-glass .premium-product-name{font-size:1.1rem;font-weight:800;color:peru;margin:0 0 .8rem;display:flex;align-items:center;gap:.5rem}html.dark .dashboard-glass .premium-product-name{color:var(--dark-text)}.dashboard-glass .premium-product-details{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.dashboard-glass .premium-detail-item{display:flex;flex-direction:column;gap:.3rem}.dashboard-glass .premium-detail-label{font-size:.75rem;font-weight:700;color:var(--light-secondary);text-transform:uppercase;letter-spacing:.3px}html.dark .dashboard-glass .premium-detail-label{color:var(--dark-secondary)}.dashboard-glass .premium-detail-value{font-size:.9rem;font-weight:800;color:var(--light-text)}html.dark .dashboard-glass .premium-detail-value{color:var(--dark-text)}.dashboard-glass .premium-detail-value.price{color:green}.dashboard-glass .premium-detail-value.quantity{color:#8b5cf6}.dashboard-glass .premium-info-section{display:flex;flex-direction:column;gap:1.2rem}.dashboard-glass .premium-buyer-info,.dashboard-glass .premium-payment-info{background:var(--light-card);padding:1.2rem;border-radius:12px;border:1px solid var(--light-border)}html.dark .dashboard-glass .premium-buyer-info,html.dark .dashboard-glass .premium-payment-info{background:var(--dark-card);border-color:var(--dark-border)}.dashboard-glass .premium-section-title{font-size:.85rem;font-weight:800;color:#8a2be2;margin:0 0 .8rem;display:flex;align-items:center;gap:.5rem;text-transform:uppercase;letter-spacing:.3px}.dashboard-glass .premium-info-grid{display:flex;flex-direction:column;gap:.6rem}.dashboard-glass .premium-info-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--light-border)}.dashboard-glass .premium-info-item:last-child{border-bottom:none}.dashboard-glass .premium-info-label{font-size:.8rem;font-weight:700;color:var(--light-secondary)}html.dark .dashboard-glass .premium-info-label{color:var(--dark-secondary)}.dashboard-glass .premium-info-value{font-size:.85rem;font-weight:800;color:var(--light-text)}html.dark .dashboard-glass .premium-info-value{color:var(--dark-text)}.dashboard-glass .premium-total-row{background:linear-gradient(135deg,#2563eb1a,#8b5cf61a);padding:.8rem 1rem;border-radius:8px;margin-top:.5rem;border:1px solid rgba(37,99,235,.2)}.dashboard-glass .premium-total-row .premium-info-label{color:#00f;font-size:.9rem}.dashboard-glass .premium-total-row .premium-info-value{color:green;font-size:1.1rem}.dashboard-glass .premium-order-actions{display:flex;gap:1rem;margin-top:1.5rem;justify-content:flex-end}.dashboard-glass .premium-status-btn{padding:.75rem 1.5rem;border:none;border-radius:10px;font-weight:800;font-size:.85rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;text-transform:uppercase;letter-spacing:.3px;position:relative;overflow:hidden;box-shadow:0 4px 12px #2563eb33}.dashboard-glass .premium-status-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s}.dashboard-glass .premium-status-btn:hover:before{left:100%}.dashboard-glass .premium-status-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #2563eb4d}.dashboard-glass .premium-status-btn.update{background:linear-gradient(135deg,var(--accent),#1d4ed8);color:#1adb14}.dashboard-glass .premium-status-btn.update:hover{background:linear-gradient(135deg,#1d4ed8,var(--accent))}.dashboard-glass .premium-status-btn.completed{background:linear-gradient(135deg,#10b981,#059669);color:#8e0bfa}.dashboard-glass .premium-status-btn.completed:hover{background:linear-gradient(135deg,#059669,#10b981)}.dashboard-glass .lipa-product{border:2px solid rgba(139,92,246,.3);background:linear-gradient(135deg,var(--light-card),rgba(139,92,246,.1))}html.dark .dashboard-glass .lipa-product{background:linear-gradient(135deg,var(--dark-card),rgba(139,92,246,.1))}.dashboard-glass .lipa-details{margin:1rem 0}.dashboard-glass .installment-plan{background:#8b5cf61a;padding:1rem;border-radius:10px;margin-top:.5rem}.dashboard-glass .installment-plan h5{margin:0 0 .5rem;color:var(--accent);font-size:.9rem}.dashboard-glass .installment-steps{display:flex;flex-direction:column;gap:.5rem}.dashboard-glass .installment-step{display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.dashboard-glass .step-label{color:var(--light-secondary);font-weight:600}html.dark .dashboard-glass .step-label{color:var(--dark-secondary)}.dashboard-glass .step-value{color:var(--accent);font-weight:700}.dashboard-glass .section-header-with-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.dashboard-glass .section-title-with-notification{display:flex;align-items:center;gap:.75rem}.dashboard-glass .new-order-badge{background:var(--danger);color:#fff;padding:.4rem .8rem;border-radius:20px;font-size:.8rem;font-weight:700;display:flex;align-items:center;gap:.4rem}.dashboard-glass .badge-dot{width:8px;height:8px;background:#fff;border-radius:50%;animation:pulse 2s infinite}.dashboard-glass .order-filters{display:flex;gap:.5rem}.dashboard-glass .filter-btn{padding:.6rem 1rem;border:1px solid var(--light-border);background:var(--light-card);color:var(--light-secondary);border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.4rem}html.dark .dashboard-glass .filter-btn{background:var(--dark-card);border-color:var(--dark-border);color:var(--dark-secondary)}.dashboard-glass .filter-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.dashboard-glass .generate-receipt-btn{background:var(--accent);color:#fff;border:none;padding:.75rem 1.2rem;border-radius:12px;font-weight:700;font-size:.8rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.dashboard-glass .generate-receipt-btn:hover{background:#1d4ed8;transform:translateY(-1px)}.dashboard-glass .payments-table-container{background:var(--light-card);border:1px solid var(--light-border);border-radius:14px;overflow:hidden;box-shadow:0 4px 12px #000e04e8;position:relative}html.dark .dashboard-glass .payments-table-container{background:var(--dark-card);border-color:var(--dark-border)}.dashboard-glass .payments-table{overflow-x:auto}.dashboard-glass .payments-table table{width:100%;border-collapse:collapse;min-width:600px}.dashboard-glass .payments-table th{background:#6f777002;padding:1rem;text-align:left;font-weight:700;font-size:.8rem;color:var(--light-text);border-bottom:2px solid var(--light-border);text-transform:uppercase}html.dark .dashboard-glass .payments-table th{background:#e8b923;border-color:#4b5563;color:#e2e8f0}.dashboard-glass .payments-table td{padding:1rem;border-bottom:1px solid var(--light-border);font-size:.85rem;font-weight:600;transition:all .3s ease}html.dark .dashboard-glass .payments-table td{border-color:var(--dark-border)}.dashboard-glass .payments-table tr:last-child td{border-bottom:none}.dashboard-glass .payments-table tr:hover{background:#014ef310}html.dark .dashboard-glass .payments-table tr:hover{background:#0c51e705}.dashboard-glass .amount{font-weight:800;color:green}.dashboard-glass .payment-type,.dashboard-glass .payment-status{padding:.4rem .8rem;border-radius:10px;font-size:.75rem;font-weight:800;text-transform:uppercase;display:inline-block;min-width:80px;text-align:center;letter-spacing:.3px}.dashboard-glass .payment-type.type-sale{background:var(--success);color:#fff}.dashboard-glass .payment-type.type-refund{background:var(--warning);color:#fff}.dashboard-glass .payment-type.type-withdrawal{background:var(--danger);color:#fff}.dashboard-glass .payment-status.status-completed{background:var(--success);color:#fff}.dashboard-glass .payment-status.status-pending{background:var(--warning);color:#fff}.dashboard-glass .payment-status.status-failed{background:var(--danger);color:#fff}.dashboard-glass .reference{font-family:Courier New,monospace;font-size:.8rem;color:var(--light-secondary);background:var(--light-bg);padding:.3rem .6rem;border-radius:6px;font-weight:700;border:1px solid var(--light-border)}html.dark .dashboard-glass .reference{color:var(--dark-secondary);background:var(--dark-bg);border-color:var(--dark-border)}.dashboard-glass .receipt-btn{background:var(--accent);color:green;border:none;padding:.5rem;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.dashboard-glass .receipt-btn:hover{background:#1d4ed8;transform:scale(1.1)}.dashboard-glass .chat-section{display:flex;flex-direction:column;height:60vh}.dashboard-glass .chat-window{flex:1;overflow-y:auto;padding:1.5rem;background:var(--light-bg);border-radius:14px;margin-bottom:1rem;display:flex;flex-direction:column;gap:1rem;border:1px solid var(--light-border)}html.dark .dashboard-glass .chat-window{background:var(--dark-bg);border-color:var(--dark-border)}.dashboard-glass .chat-bubble{padding:1rem 1.2rem;border-radius:16px;max-width:85%;word-wrap:break-word;align-self:flex-start;animation:slideIn .3s ease-out;box-shadow:0 4px 12px #2563eb14;position:relative}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.dashboard-glass .bubble-seller{background:var(--accent);color:#fff;align-self:flex-end}.dashboard-glass .bubble-support{background:var(--light-card);color:var(--light-text);border:1px solid var(--light-border)}html.dark .dashboard-glass .bubble-support{background:var(--dark-card);color:var(--dark-text);border-color:var(--dark-border)}.dashboard-glass .chat-meta{display:flex;justify-content:space-between;font-size:.75rem;color:#ffffffe6;margin-bottom:.6rem}.dashboard-glass .bubble-support .chat-meta{color:var(--light-secondary)}html.dark .dashboard-glass .bubble-support .chat-meta{color:var(--dark-secondary)}.dashboard-glass .chat-sender{font-weight:800;text-transform:uppercase;font-size:.7rem}.dashboard-glass .timestamp{opacity:.9;font-size:.7rem;font-weight:600}.dashboard-glass .chat-text{font-size:.9rem;line-height:1.3;font-weight:500}.dashboard-glass .empty-chat{text-align:center;padding:3rem 2rem;color:var(--light-secondary);display:flex;flex-direction:column;align-items:center;gap:1rem}html.dark .dashboard-glass .empty-chat{color:var(--dark-secondary)}.dashboard-glass .chat-input-box{display:flex;gap:.75rem;margin-top:auto}.dashboard-glass .chat-input-box input{flex:1;padding:.75rem;border-radius:12px;border:1px solid var(--light-border);background:var(--light-card);color:var(--light-text);font-size:.9rem;transition:all .3s ease}html.dark .dashboard-glass .chat-input-box input{background:var(--dark-card);border-color:var(--dark-border);color:var(--dark-text)}.dashboard-glass .chat-input-box button{background:var(--accent);color:#fff;padding:.75rem 1.5rem;border:none;border-radius:12px;cursor:pointer;display:flex;align-items:center;gap:.6rem;font-weight:700;transition:all .3s ease;text-transform:uppercase}.dashboard-glass .chat-input-box button:hover:not(.disabled){background:#1d4ed8;transform:translateY(-1px)}.dashboard-glass .chat-input-box button.disabled{opacity:.6;cursor:not-allowed}.dashboard-glass .add-product-section{margin-top:2rem;padding-top:1.5rem;border-top:2px solid var(--light-border)}html.dark .dashboard-glass .add-product-section{border-color:var(--dark-border)}.dashboard-glass .add-product-section h4{margin-bottom:1rem;color:var(--accent);font-size:1.1rem;font-weight:800}.dashboard-glass .glass-form input,.dashboard-glass .glass-form textarea,.dashboard-glass .glass-form select{width:100%;padding:.75rem;border:1px solid var(--light-border);border-radius:10px;margin-bottom:1rem;background:var(--light-card);color:var(--light-text);font-size:.9rem;transition:all .3s ease;font-family:inherit}html.dark .dashboard-glass .glass-form input,html.dark .dashboard-glass .glass-form textarea,html.dark .dashboard-glass .glass-form select{background:#0460f5;border-color:#1164d8;color:#f7fafc}html.dark .dashboard-glass .glass-form input,html.dark .dashboard-glass .glass-form textarea,html.dark .dashboard-glass .glass-form select{background:var(--dark-card);border-color:var(--dark-border);color:var(--dark-text)}.dashboard-glass .glass-form input:focus,.dashboard-glass .glass-form textarea:focus,.dashboard-glass .glass-form select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #2563eb1a}.dashboard-glass .glass-form label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--light-text)}html.dark .dashboard-glass .glass-form label{color:var(--dark-text)}.dashboard-glass .form-group{margin-bottom:1.5rem}.dashboard-glass .form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1rem}.dashboard-glass .upload-progress{margin-bottom:1.5rem}.dashboard-glass .progress-bar{height:6px;background:var(--light-border);border-radius:3px;overflow:hidden;margin-bottom:.5rem}.dashboard-glass .progress-fill{height:100%;background:var(--accent);border-radius:3px;transition:width .3s ease}.dashboard-glass .upload-status{margin-bottom:1.5rem}.dashboard-glass .upload-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--light-card);border:1px solid var(--light-border);border-radius:8px;margin-bottom:.5rem;font-size:.85rem}.dashboard-glass .upload-item.completed{border-color:var(--success);background:#16a34a0d}.dashboard-glass .upload-item.failed{border-color:var(--danger);background:#dc26260d}.dashboard-glass .status-badge{padding:.2rem .5rem;border-radius:4px;font-size:.75rem;font-weight:700;text-transform:uppercase}.dashboard-glass .upload-item.completed .status-badge{background:var(--success);color:#fff}.dashboard-glass .upload-item.failed .status-badge{background:var(--danger);color:#fff}.dashboard-glass .error-text{color:var(--danger);font-size:.75rem;margin-top:.25rem}.dashboard-glass .lipa-toggle{margin-top:1rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;font-weight:700;padding:1rem;background:#2563eb0d;border-radius:12px;border:1px solid rgba(37,99,235,.1)}.dashboard-glass .toggle-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;margin:0;font-size:.9rem;color:var(--accent);font-weight:700}.dashboard-glass .toggle-text{margin:0}.dashboard-glass .dropzone-section{margin-bottom:1.5rem}.dashboard-glass .dropzone-glass{border:2px dashed var(--light-border);padding:2rem;text-align:center;border-radius:14px;background:var(--light-card);color:var(--light-text);cursor:pointer;transition:all .3s ease;margin-bottom:1rem}html.dark .dashboard-glass .dropzone-glass{border-color:var(--dark-border);background:var(--dark-card);color:var(--dark-text)}.dashboard-glass .dropzone-glass.active{border-color:var(--accent);background:#2563eb0d}.dashboard-glass .dropzone-glass p{margin:.5rem 0;font-weight:600}.dashboard-glass .dropzone-glass small{color:var(--light-secondary)}.dashboard-glass .uploaded-files{margin-top:1rem}.dashboard-glass .file-list{display:flex;flex-direction:column;gap:.5rem}.dashboard-glass .file-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:var(--light-bg);border-radius:8px;font-size:.85rem}html.dark .dashboard-glass .file-item{background:var(--dark-bg)}.dashboard-glass .remove-file-btn{background:none;border:none;color:var(--danger);cursor:pointer;padding:.25rem;border-radius:4px;transition:all .3s ease}.dashboard-glass .remove-file-btn:hover{background:#dc26261a}.dashboard-glass .submit-btn{padding:.75rem 2rem;border:none;border-radius:12px;background:var(--success);color:#fff;font-weight:700;cursor:pointer;width:100%;font-size:1rem;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.6rem;text-transform:uppercase}.dashboard-glass .submit-btn:hover:not(:disabled){background:#15803d;transform:translateY(-1px)}.dashboard-glass .submit-btn:disabled{opacity:.6;cursor:not-allowed}.dashboard-glass .loading-spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s linear infinite}.dashboard-glass .modal-backdrop{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:999;padding:1rem;backdrop-filter:blur(10px)}.dashboard-glass .modal-glass{background:var(--light-card);color:var(--light-text);padding:2rem;border-radius:16px;width:100%;max-width:500px;border:1px solid var(--light-border);box-shadow:0 20px 40px #0000004d;position:relative;overflow:hidden}html.dark .dashboard-glass .modal-glass{background:var(--dark-card);color:var(--dark-text);border-color:var(--dark-border)}.dashboard-glass .modal-glass h4{margin-top:0;margin-bottom:1.5rem;color:var(--accent);font-size:1.3rem;font-weight:800;text-align:center;text-transform:uppercase}.dashboard-glass .modal-glass p{margin-bottom:1.5rem;line-height:1.6}.dashboard-glass .modal-actions{display:flex;justify-content:center;gap:1rem;margin-top:2rem;flex-wrap:wrap}.dashboard-glass .cancel-btn{background:var(--danger);color:#fff;padding:.75rem 1.5rem;border:none;border-radius:10px;cursor:pointer;font-weight:700;transition:all .3s ease;text-transform:uppercase}.dashboard-glass .cancel-btn:hover{background:#b91c1c;transform:translateY(-1px)}.dashboard-glass .tutorial-modal{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1001;padding:1rem;backdrop-filter:blur(10px)}.dashboard-glass .tutorial-content{background:var(--light-card);color:var(--light-text);padding:2rem;border-radius:20px;width:100%;max-width:600px;border:1px solid var(--light-border);box-shadow:0 25px 50px #00000080;position:relative}html.dark .dashboard-glass .tutorial-content{background:var(--dark-card);color:var(--dark-text);border-color:var(--dark-border)}.dashboard-glass .tutorial-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.dashboard-glass .tutorial-header h2{margin:0;color:var(--accent);font-size:1.5rem}.dashboard-glass .tutorial-close{background:none;border:none;color:var(--light-secondary);cursor:pointer;font-size:1.2rem;transition:all .3s ease}.dashboard-glass .tutorial-close:hover{color:var(--accent);transform:rotate(90deg)}.dashboard-glass .tutorial-steps{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.dashboard-glass .tutorial-step{display:flex;align-items:flex-start;gap:1rem}.dashboard-glass .step-icon{font-size:2rem;flex-shrink:0}.dashboard-glass .step-content h3{margin:0 0 .5rem;color:var(--light-text);font-size:1.1rem}html.dark .dashboard-glass .step-content h3{color:var(--dark-text)}.dashboard-glass .step-content p{margin:0;color:var(--light-secondary);line-height:1.6}html.dark .dashboard-glass .step-content p{color:var(--dark-secondary)}.dashboard-glass .tutorial-actions{display:flex;justify-content:center}.dashboard-glass .tutorial-start-btn{background:var(--accent);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s ease}.dashboard-glass .tutorial-start-btn:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 10px 25px #2563eb4d}.dashboard-glass .loading-container{text-align:center;padding:3rem 2rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.dashboard-glass .loading-spinner{width:40px;height:40px;border:3px solid var(--light-border);border-radius:50%;border-top-color:var(--accent);animation:spin 1s linear infinite}.dashboard-glass .loading-text{text-align:center;padding:2rem;color:var(--light-secondary);font-weight:600}html.dark .dashboard-glass .loading-text{color:var(--dark-secondary)}.dashboard-glass .empty-state{text-align:center;padding:3rem 2rem;color:var(--light-secondary);display:flex;flex-direction:column;align-items:center;gap:1rem}html.dark .dashboard-glass .empty-state{color:var(--dark-secondary)}.dashboard-glass .empty-state.compact{padding:2rem 1rem}.dashboard-glass .empty-state svg{margin-bottom:1rem;color:var(--accent);font-size:3rem;opacity:.8}.dashboard-glass .empty-state p{margin:0 0 1rem;font-size:1.1rem;font-weight:700;color:var(--accent)}.dashboard-glass .empty-state small{font-size:.9rem;opacity:.9;max-width:300px;line-height:1.4}.dashboard-glass .dashboard-footer{text-align:center;margin-top:3rem;color:#daa520;font-size:.9rem;padding:2rem;border-top:1px solid var(--light-border);background:#daa520;font-weight:700}html.dark .dashboard-glass .dashboard-footer{border-color:var(--dark-border);background:var(--dark-card)}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}to{transform:scale(1);opacity:1}}@media (max-width: 768px){.dashboard-glass .premium-order-body{grid-template-columns:1fr;gap:1rem}.dashboard-glass .premium-product-details{grid-template-columns:repeat(2,1fr)}.dashboard-glass .premium-order-actions{flex-direction:column}.dashboard-glass .premium-status-btn{width:100%;justify-content:center}}@media (max-width: 768px){.dashboard-glass .mobile-header{display:block}.dashboard-glass .tabs-container{position:fixed;top:0;left:-100%;width:280px;height:100vh;background:var(--light-card);z-index:1000;transition:left .3s ease;padding:2rem 1.5rem;box-shadow:0 0 30px #0000004d;overflow-y:auto}html.dark .dashboard-glass .tabs-container{background:var(--dark-card)}.dashboard-glass .tabs-container.mobile-open{left:0}.dashboard-glass .tabs-scroll{flex-direction:column;gap:.5rem}.dashboard-glass .tab-button{justify-content:flex-start;padding:1rem;border-radius:10px;width:100%;font-size:.9rem}.dashboard-glass .glass-main{padding:1rem}.dashboard-glass .glass-topbar{margin-top:.5rem;margin-bottom:1rem}.dashboard-glass .welcome-text{font-size:1.1rem}.dashboard-glass .glass-section{padding:1.2rem;border-radius:14px}.dashboard-glass .glass-section h3{font-size:1.2rem;margin-bottom:1rem}.dashboard-glass .overview-stats-grid,.dashboard-glass .earnings-cards-compact{grid-template-columns:repeat(3,1fr);gap:.5rem}.dashboard-glass .stat-card-compact,.dashboard-glass .earnings-card-compact{padding:.75rem .5rem}.dashboard-glass .stat-icon-compact,.dashboard-glass .earnings-icon-compact{padding:.5rem;font-size:1.1rem;margin-bottom:.5rem}.dashboard-glass .stat-number-compact,.dashboard-glass .earnings-amount-compact{font-size:1rem}.dashboard-glass .stat-info-compact h4,.dashboard-glass .earnings-info-compact h4{font-size:.7rem}.dashboard-glass .products-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.dashboard-glass .compact-products-display,.dashboard-glass .compact-product-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.dashboard-glass .product-info,.dashboard-glass .order-card{padding:1rem}.dashboard-glass .section-header-with-actions{flex-direction:column;align-items:flex-start;gap:.75rem}.dashboard-glass .order-filters{width:100%;justify-content:space-between}.dashboard-glass .filter-btn{flex:1;justify-content:center}.dashboard-glass .metrics-grid-compact,.dashboard-glass .form-row{grid-template-columns:1fr;gap:.75rem}.dashboard-glass .info-grid,.dashboard-glass .payment-grid{grid-template-columns:1fr}.dashboard-glass .payments-table{font-size:.8rem}.dashboard-glass .payments-table th,.dashboard-glass .payments-table td{padding:.75rem .5rem}.dashboard-glass .chat-section{height:50vh}.dashboard-glass .modal-glass,.dashboard-glass .tutorial-content{padding:1.5rem;margin:1rem}}@media (max-width: 480px){.dashboard-glass .overview-stats-grid,.dashboard-glass .earnings-cards-compact{grid-template-columns:repeat(2,1fr)}.dashboard-glass .products-grid,.dashboard-glass .compact-products-display,.dashboard-glass .compact-product-grid{grid-template-columns:1fr}.dashboard-glass .mobile-header-content{flex-wrap:wrap}.dashboard-glass .mobile-store-info{order:1;flex:100%;text-align:center;margin-bottom:.5rem}.dashboard-glass .mobile-menu-btn{order:2}.dashboard-glass .mobile-wallet-notification{order:3}.dashboard-glass .order-header{flex-direction:column;align-items:flex-start}.dashboard-glass .order-actions{flex-direction:column}.dashboard-glass .status-update-btn,.dashboard-glass .contact-btn{width:100%;justify-content:center}.dashboard-glass .compact-product-actions,.dashboard-glass .product-actions{flex-direction:column}.dashboard-glass .edit-delivery-btn,.dashboard-glass .flash-sale-btn,.dashboard-glass .installment-btn,.dashboard-glass .edit-btn,.dashboard-glass .delete-btn{width:100%;justify-content:center}}.dashboard-glass .tab-button:hover,.dashboard-glass .stat-card-compact:hover,.dashboard-glass .earnings-card-compact:hover,.dashboard-glass .product-card:hover,.dashboard-glass .order-card:hover,.dashboard-glass .view-all-btn:hover,.dashboard-glass .add-product-btn:hover,.dashboard-glass .generate-receipt-btn:hover,.dashboard-glass .edit-btn:hover,.dashboard-glass .delete-btn:hover,.dashboard-glass .status-update-btn:hover,.dashboard-glass .submit-btn:hover,.dashboard-glass .chat-input-box button:hover,.dashboard-glass .receipt-btn:hover,.dashboard-glass .filter-btn:hover:not(.active){transform:translateY(-2px);transition:all .3s ease}.dashboard-glass .add-product-btn:hover,.dashboard-glass .generate-receipt-btn:hover,.dashboard-glass .submit-btn:hover,.dashboard-glass .chat-input-box button:hover{box-shadow:0 6px 20px #2563eb66}.dashboard-glass .edit-btn:hover{box-shadow:0 4px 12px #2563eb4d}.dashboard-glass .delete-btn:hover{box-shadow:0 4px 12px #dc26264d}.dashboard-glass .status-update-btn:hover{box-shadow:0 4px 12px #2563eb4d}.dashboard-glass .filter-btn:hover:not(.active){background:var(--light-bg);border-color:var(--accent);color:var(--accent)}html.dark .dashboard-glass .filter-btn:hover:not(.active){background:var(--dark-bg)}:root{--primary-50: #f0f9ff;--primary-100: #e0f2fe;--primary-200: #bae6fd;--primary-300: #7dd3fc;--primary-400: #38bdf8;--primary-500: #0ea5e9;--primary-600: #0284c7;--primary-700: #0369a1;--primary-800: #075985;--primary-900: #0c4a6e;--neutral-50: #f8fafc;--neutral-100: #f1f5f9;--neutral-200: #e2e8f0;--neutral-300: #cbd5e1;--neutral-400: #94a3b8;--neutral-500: #64748b;--neutral-600: #475569;--neutral-700: #334155;--neutral-800: #1e293b;--neutral-900: #0f172a;--success-50: #f0fdf4;--success-100: #dcfce7;--success-500: #22c55e;--success-600: #16a34a;--success-700: #15803d;--warning-50: #fffbeb;--warning-100: #fef3c7;--warning-500: #f59e0b;--warning-600: #d97706;--warning-700: #b45309;--error-50: #fef2f2;--error-100: #fee2e2;--error-500: #ef4444;--error-600: #dc2626;--error-700: #b91c1c;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal: 1040;--z-popover: 1050;--z-tooltip: 1060}.dark-mode{--bg-primary: var(--neutral-900);--bg-secondary: var(--neutral-800);--bg-tertiary: var(--neutral-700);--bg-elevated: var(--neutral-800);--text-primary: var(--neutral-50);--text-secondary: var(--neutral-200);--text-tertiary: var(--neutral-400);--text-muted: var(--neutral-500);--border-color: var(--neutral-700);--border-light: var(--neutral-600)}:root{--bg-primary: #ffffff;--bg-secondary: var(--neutral-50);--bg-tertiary: var(--neutral-100);--bg-elevated: #ffffff;--text-primary: var(--neutral-900);--text-secondary: var(--neutral-700);--text-tertiary: var(--neutral-500);--text-muted: var(--neutral-400);--border-color: var(--neutral-200);--border-light: var(--neutral-300)}.installment-dashboard *{box-sizing:border-box;margin:0;padding:0}.installment-dashboard{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;font-size:var(--font-size-base);font-weight:var(--font-weight-normal);transition:background-color var(--transition-normal),color var(--transition-normal)}.installment-dashboard *:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px;border-radius:var(--radius-sm)}.installment-header{background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-800) 100%);color:#fff;padding:var(--space-8) 0;position:relative;overflow:hidden;box-shadow:var(--shadow-lg)}.installment-header:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.05) 0%,transparent 50%);pointer-events:none}.header-content{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:0 var(--space-6);display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-8)}.header-text{flex:1}.header-text .title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-extrabold);margin-bottom:var(--space-2);background:linear-gradient(135deg,#fff,#e0f2fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.header-text .subtitle{font-size:var(--font-size-lg);opacity:.9;font-weight:var(--font-weight-normal);max-width:500px}.header-stats{display:flex;gap:var(--space-4);flex-shrink:0}.stat-card{background:#ffffff1a;backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-xl);padding:var(--space-4);min-width:140px;transition:all var(--transition-normal);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent)}.stat-card:hover{transform:translateY(-2px);background:#ffffff26;box-shadow:var(--shadow-lg)}.stat-card.financial-health{background:linear-gradient(135deg,#22c55e33,#16a34a1a);border:1px solid rgba(34,197,94,.3)}.stat-icon{font-size:1.5rem;margin-bottom:var(--space-2);display:block}.stat-info{display:flex;flex-direction:column;gap:var(--space-1)}.stat-label{font-size:var(--font-size-sm);opacity:.8;font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);line-height:1.2}.health-score{font-size:var(--font-size-xs);opacity:.8;font-weight:var(--font-weight-medium)}.quick-actions-bar{display:flex;gap:var(--space-4);padding:var(--space-4) var(--space-6);max-width:1200px;margin:0 auto;border-bottom:1px solid var(--border-color);background:var(--bg-primary);flex-wrap:wrap}.quick-action{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;white-space:nowrap}.quick-action:hover{background:var(--bg-tertiary);border-color:var(--primary-500);color:var(--primary-600);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.quick-action:active{transform:translateY(0)}.action-icon{font-size:1.125rem;display:flex;align-items:center;justify-content:center;width:20px}.tab-navigation{display:flex;gap:var(--space-1);padding:var(--space-6);max-width:1200px;margin:0 auto;border-bottom:1px solid var(--border-color);background:var(--bg-primary);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.tab-navigation::-webkit-scrollbar{display:none}.tab-button{padding:var(--space-3) var(--space-4);background:transparent;border:none;border-radius:var(--radius-lg);color:var(--text-tertiary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;position:relative;flex-shrink:0}.tab-button:hover{color:var(--text-secondary);background:var(--bg-tertiary)}.tab-button.active{color:var(--primary-600);background:var(--primary-50);font-weight:var(--font-weight-semibold)}.tab-button.active:after{content:"";position:absolute;bottom:-13px;left:50%;transform:translate(-50%);width:4px;height:4px;background:var(--primary-500);border-radius:50%}.dark-mode .tab-button.active{background:var(--primary-900);color:var(--primary-200)}.dark-mode .tab-button.active:after{background:var(--primary-400)}.main-content{max-width:1200px;margin:0 auto;padding:var(--space-6);min-height:60vh}.cards-container{display:grid;gap:var(--space-6)}.cards-container.grid-view{grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.cards-container.list-view{grid-template-columns:1fr}.installment-card{background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--transition-normal);position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.installment-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--primary-500);transition:width var(--transition-normal);z-index:1}.installment-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-300)}.installment-card:hover:before{width:6px}.installment-card.card-active:before{background:var(--primary-500)}.installment-card.card-due-soon:before{background:var(--warning-500)}.installment-card.card-overdue:before{background:var(--error-500)}.installment-card.card-completed:before{background:var(--success-500)}.cards-container.list-view .installment-card{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-6);align-items:center}.cards-container.list-view .card-header{margin-bottom:0;grid-column:1}.cards-container.list-view .card-body{margin-bottom:0;grid-column:2}.cards-container.list-view .card-actions{grid-column:3;justify-self:end}.card-header{display:flex;gap:var(--space-4);margin-bottom:var(--space-4)}.product-image{position:relative;flex-shrink:0;width:80px;height:80px;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-color);background:var(--bg-secondary)}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-normal)}.installment-card:hover .product-image img{transform:scale(1.05)}.savings-badge{position:absolute;top:var(--space-2);right:var(--space-2);background:var(--success-500);color:#fff;padding:2px 6px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);box-shadow:var(--shadow-sm)}.card-info{flex:1;min-width:0}.product-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-2);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-meta{display:flex;gap:var(--space-3);flex-wrap:wrap;align-items:center}.seller,.category{font-size:var(--font-size-sm);color:var(--text-tertiary);font-weight:var(--font-weight-medium)}.status{padding:4px 8px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.5px}.status-active{background:var(--primary-50);color:var(--primary-700)}.status-due-soon{background:var(--warning-50);color:var(--warning-700)}.status-overdue{background:var(--error-50);color:var(--error-700)}.status-completed{background:var(--success-50);color:var(--success-700)}.dark-mode .status-active{background:var(--primary-900);color:var(--primary-200)}.dark-mode .status-due-soon{background:var(--warning-900);color:var(--warning-200)}.dark-mode .status-overdue{background:var(--error-900);color:var(--error-200)}.dark-mode .status-completed{background:var(--success-900);color:var(--success-200)}.card-body,.progress-section{margin-bottom:var(--space-4)}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.progress-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary)}.progress-amount{font-size:var(--font-size-sm);color:var(--text-tertiary);font-weight:var(--font-weight-medium)}.progress-bar{height:8px;background:var(--neutral-200);border-radius:var(--radius-lg);overflow:hidden;position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-500),var(--primary-600));border-radius:var(--radius-lg);transition:width var(--transition-slow) ease-out;position:relative}.progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.payment-details{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-4);border:1px solid var(--border-light)}.detail-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-bottom:var(--space-3)}.detail-row:last-child{margin-bottom:0}.detail-item{display:flex;flex-direction:column;gap:var(--space-1)}.detail-label{font-size:var(--font-size-xs);color:var(--text-tertiary);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary)}.detail-value.overdue{color:var(--error-600);font-weight:var(--font-weight-bold)}.detail-value.due-soon{color:var(--warning-600);font-weight:var(--font-weight-bold)}.due-badge,.overdue-badge{display:inline-block;padding:2px 6px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);margin-left:var(--space-2)}.due-badge{background:var(--warning-100);color:var(--warning-700);border:1px solid var(--warning-200)}.overdue-badge{background:var(--error-100);color:var(--error-700);border:1px solid var(--error-200)}.card-actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border:1px solid transparent;border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;position:relative;overflow:hidden;white-space:nowrap;flex-shrink:0}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;transition:width .3s,height .3s;transform:translate(-50%,-50%)}.btn:active:before{width:100px;height:100px}.btn-primary{background:var(--primary-500);color:#fff;border-color:var(--primary-500)}.btn-primary:hover:not(:disabled){background:var(--primary-600);border-color:var(--primary-600);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--neutral-300);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-ghost{background:transparent;color:var(--text-tertiary);border:1px solid transparent}.btn-ghost:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-secondary);border-color:var(--border-color)}.btn-large{padding:var(--space-4) var(--space-6);font-size:var(--font-size-base)}.btn-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.order-details-panel{position:fixed;top:0;right:0;bottom:0;width:480px;max-width:90vw;background:var(--bg-primary);border-left:1px solid var(--border-color);box-shadow:var(--shadow-xl);z-index:var(--z-modal);display:flex;flex-direction:column;animation:slideInRight .3s cubic-bezier(.4,0,.2,1)}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-6);border-bottom:1px solid var(--border-color);background:var(--bg-secondary);flex-shrink:0}.panel-header h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.panel-close{background:none;border:none;font-size:1.5rem;color:var(--text-tertiary);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;width:32px;height:32px}.panel-close:hover{background:var(--bg-tertiary);color:var(--text-secondary)}.panel-content{flex:1;overflow-y:auto;padding:var(--space-6)}.product-summary{display:flex;gap:var(--space-4);margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--border-color)}.product-summary .product-image{width:100px;height:100px;border-radius:var(--radius-lg);flex-shrink:0}.product-summary .product-info{flex:1;min-width:0}.product-summary .product-info h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2);color:var(--text-primary);line-height:1.4}.seller-info{font-size:var(--font-size-sm);color:var(--text-tertiary);margin-bottom:var(--space-3);font-weight:var(--font-weight-medium)}.payment-actions{margin-bottom:var(--space-6)}.payment-amount-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-4);box-shadow:var(--shadow-sm)}.amount-display{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.amount-label{font-size:var(--font-size-base);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.amount-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary)}.wallet-info{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) 0;border-bottom:1px solid var(--border-color);margin-bottom:var(--space-4);font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.insufficient{color:var(--error-500);font-weight:var(--font-weight-semibold)}.extra-payment{margin-bottom:var(--space-4)}.extra-payment label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);margin-bottom:var(--space-2)}.extra-input{display:flex;align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--transition-fast)}.extra-input:focus-within{border-color:var(--primary-500);box-shadow:0 0 0 3px #0ea5e91a}.extra-input .currency{padding:var(--space-3) var(--space-3);background:var(--bg-tertiary);color:var(--text-tertiary);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);border-right:1px solid var(--border-color)}.extra-input input{flex:1;border:none;padding:var(--space-3);background:transparent;color:var(--text-primary);font-size:var(--font-size-base);outline:none;font-weight:var(--font-weight-medium)}.extra-input input::placeholder{color:var(--text-muted)}.extra-input input:focus{background:var(--bg-secondary)}.extra-summary{margin-top:var(--space-2);font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium);text-align:right}.payment-methods{margin-top:var(--space-4)}.payment-methods h4{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:.5px}.method-options{display:grid;grid-template-columns:1fr;gap:var(--space-2)}.method-option{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:2px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);background:var(--bg-primary)}.method-option:hover{border-color:var(--primary-300);background:var(--primary-50)}.method-option.selected{border-color:var(--primary-500);background:var(--primary-50)}.method-option input{display:none}.method-icon{font-size:1.25rem;width:20px;text-align:center;display:flex;align-items:center;justify-content:center}.method-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.method-option.selected .method-name{color:var(--primary-700);font-weight:var(--font-weight-semibold)}.action-buttons{display:flex;flex-direction:column;gap:var(--space-3)}.reschedule-form{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.reschedule-form label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.reschedule-form input{padding:var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-base);transition:border-color var(--transition-fast)}.reschedule-form input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #0ea5e91a}.reschedule-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.reschedule-actions .btn{flex:1;min-width:120px}.schedule-section{margin-top:var(--space-6)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.section-header h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.remaining-balance{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);background:var(--bg-secondary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--border-light)}.schedule-list{display:flex;flex-direction:column;gap:var(--space-2)}.schedule-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.schedule-item:hover{background:var(--bg-tertiary);border-color:var(--neutral-300)}.schedule-item.paid{background:var(--success-50);border-color:var(--success-200)}.dark-mode .schedule-item.paid{background:var(--success-900);border-color:var(--success-700)}.schedule-date{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);min-width:100px}.schedule-amount{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.schedule-status{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.schedule-status.paid{color:var(--success-600)}.schedule-status.pending{color:var(--warning-600)}.status-icon{font-size:1rem;display:flex;align-items:center;justify-content:center;width:16px}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) var(--space-6);text-align:center}.loading-spinner{width:48px;height:48px;border:4px solid var(--neutral-200);border-top:4px solid var(--primary-500);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--space-4)}.empty-icon{font-size:4rem;margin-bottom:var(--space-4);opacity:.5}.empty-state h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-2)}.empty-state p{font-size:var(--font-size-base);color:var(--text-tertiary);margin-bottom:var(--space-6);max-width:400px;line-height:1.6}@media (max-width: 1024px){.header-content{flex-direction:column;text-align:center;gap:var(--space-6)}.header-stats{justify-content:center;width:100%}.cards-container.grid-view{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}}@media (max-width: 768px){:root{--space-6: 1.25rem;--space-8: 1.5rem}.header-content{padding:0 var(--space-4)}.header-text .title{font-size:var(--font-size-2xl)}.header-stats{flex-direction:column;align-items:center;gap:var(--space-3)}.stat-card{width:100%;max-width:280px}.quick-actions-bar{padding:var(--space-4);justify-content:center}.tab-navigation,.main-content{padding:var(--space-4)}.cards-container.grid-view{grid-template-columns:1fr}.cards-container.list-view .installment-card{grid-template-columns:1fr;gap:var(--space-4)}.cards-container.list-view .card-actions{justify-self:stretch}.order-details-panel{width:100%;max-width:100%}.product-summary{flex-direction:column;text-align:center}.product-summary .product-image{align-self:center}.detail-row{grid-template-columns:1fr;gap:var(--space-4)}.card-actions{flex-direction:column}.card-actions .btn{flex:1;justify-content:center}}@media (max-width: 480px){.header-content{padding:0 var(--space-3)}.header-text .title{font-size:var(--font-size-xl)}.header-text .subtitle{font-size:var(--font-size-base)}.quick-actions-bar{flex-direction:column;align-items:stretch}.quick-action{justify-content:center}.tab-navigation{padding:var(--space-3)}.installment-card{padding:var(--space-4)}.card-header{flex-direction:column;text-align:center;gap:var(--space-3)}.product-image{align-self:center}.product-meta{justify-content:center}.panel-content,.payment-amount-card{padding:var(--space-4)}.amount-value{font-size:var(--font-size-xl)}.reschedule-actions{flex-direction:column}}@media (prefers-contrast: high){.installment-card,.btn{border-width:2px}.progress-bar{border:1px solid var(--neutral-400)}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.installment-card:hover,.btn:hover{transform:none}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flex-center{display:flex;align-items:center;justify-content:center}.panel-content::-webkit-scrollbar{width:6px}.panel-content::-webkit-scrollbar-track{background:var(--bg-secondary)}.panel-content::-webkit-scrollbar-thumb{background:var(--neutral-400);border-radius:3px}.panel-content::-webkit-scrollbar-thumb:hover{background:var(--neutral-500)}.dark-mode .panel-content::-webkit-scrollbar-track{background:var(--neutral-800)}.dark-mode .panel-content::-webkit-scrollbar-thumb{background:var(--neutral-600)}.dark-mode .panel-content::-webkit-scrollbar-thumb:hover{background:var(--neutral-500)}.compact-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);width:100%;max-width:400px;margin:0 auto}.stat-item.compact{background:#ffffff1a;backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-lg);padding:var(--space-3);transition:all var(--transition-normal);text-align:center;position:relative;overflow:hidden}.stat-item.compact:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent)}.stat-item.compact:hover{transform:translateY(-1px);background:#ffffff26}.stat-item.compact.financial-health{background:linear-gradient(135deg,#22c55e33,#16a34a1a);border:1px solid rgba(34,197,94,.3)}.stat-item.compact .stat-icon{font-size:1rem;margin-bottom:var(--space-1);display:block}.stat-item.compact .stat-content{display:flex;flex-direction:column;gap:2px}.stat-item.compact .stat-label{font-size:var(--font-size-xs);opacity:.8;font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px;line-height:1}.stat-item.compact .stat-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 768px){.header-content{gap:var(--space-4)}.header-text .title{font-size:var(--font-size-xl);margin-bottom:var(--space-1)}.header-text .subtitle{font-size:var(--font-size-sm)}.compact-stats-grid{gap:var(--space-2);max-width:100%}.stat-item.compact{padding:var(--space-2)}.stat-item.compact .stat-value{font-size:var(--font-size-xs)}.stat-item.compact .stat-label{font-size:.65rem}}@media (max-width: 480px){.compact-stats-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.stat-item.compact{padding:var(--space-2) var(--space-1)}.stat-item.compact .stat-icon{font-size:.875rem;margin-bottom:2px}.stat-item.compact .stat-value{font-size:.75rem}.stat-item.compact .stat-label{font-size:.6rem;letter-spacing:.3px}}@media (max-width: 360px){.compact-stats-grid{gap:var(--space-1)}.stat-item.compact{padding:6px 4px}.stat-item.compact .stat-value{font-size:.7rem}.stat-item.compact .stat-label{font-size:.55rem}}.cards-container.grid-view{grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.cards-container.grid-view .installment-card{padding:var(--space-4);min-height:320px;display:flex;flex-direction:column}.cards-container.grid-view .card-header{flex-direction:column;text-align:center;gap:var(--space-3);margin-bottom:var(--space-3)}.cards-container.grid-view .product-image{width:60px;height:60px;align-self:center}.cards-container.grid-view .product-title{font-size:var(--font-size-sm);-webkit-line-clamp:2;line-clamp:2;height:2.8em;overflow:hidden}.cards-container.grid-view .product-meta{flex-direction:column;gap:var(--space-2)}.cards-container.grid-view .seller,.cards-container.grid-view .category{font-size:var(--font-size-xs)}.cards-container.grid-view .status{font-size:.65rem;padding:2px 6px}.cards-container.grid-view .card-body{margin-bottom:var(--space-3);flex:1}.cards-container.grid-view .progress-header{flex-direction:column;gap:var(--space-1);text-align:center}.cards-container.grid-view .progress-text,.cards-container.grid-view .progress-amount{font-size:var(--font-size-xs)}.cards-container.grid-view .payment-details{padding:var(--space-3)}.cards-container.grid-view .detail-row{grid-template-columns:1fr;gap:var(--space-2)}.cards-container.grid-view .detail-label{font-size:.65rem}.cards-container.grid-view .detail-value{font-size:var(--font-size-xs)}.cards-container.grid-view .card-actions{flex-direction:column;gap:var(--space-2)}.cards-container.grid-view .btn{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);width:100%}.flexible-payments{margin:var(--space-4) 0}.flexible-payments h4{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:.5px}.payment-option{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:var(--space-2);transition:all var(--transition-fast)}.payment-option:hover{border-color:var(--primary-300);background:var(--bg-tertiary)}.option-info{display:flex;flex-direction:column;gap:2px;flex:1}.option-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.option-amount{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--primary-600)}.option-description{font-size:var(--font-size-xs);color:var(--text-tertiary)}.btn-small{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);white-space:nowrap;margin-left:var(--space-2)}.btn-success{background:var(--success-500);color:#fff;border-color:var(--success-500)}.btn-success:hover:not(:disabled){background:var(--success-600);border-color:var(--success-600)}.custom-payment-input{display:flex;flex-direction:column;gap:var(--space-2);width:100%}.input-group{display:flex;align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--transition-fast)}.input-group:focus-within{border-color:var(--primary-500);box-shadow:0 0 0 3px #0ea5e91a}.currency-symbol{padding:var(--space-2) var(--space-3);background:var(--bg-tertiary);color:var(--text-tertiary);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);border-right:1px solid var(--border-color)}.input-group input{flex:1;border:none;padding:var(--space-2) var(--space-3);background:transparent;color:var(--text-primary);font-size:var(--font-size-base);outline:none;font-weight:var(--font-weight-medium)}.input-group input::placeholder{color:var(--text-muted)}.custom-payment-actions{display:flex;gap:var(--space-2);align-items:center}.custom-payment-actions .btn{flex:1}.verified-badge{color:var(--success-600);font-weight:var(--font-weight-semibold);font-size:var(--font-size-xs);margin-left:var(--space-2)}@media (max-width: 768px){.cards-container.grid-view{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.cards-container.grid-view .installment-card{padding:var(--space-3);min-height:300px}.payment-option{flex-direction:column;align-items:stretch;gap:var(--space-2);text-align:center}.payment-option .btn-small{margin-left:0;width:100%}.custom-payment-actions{flex-direction:column}}@media (max-width: 480px){.cards-container.grid-view{grid-template-columns:1fr;gap:var(--space-3)}.cards-container.grid-view .installment-card{min-height:auto}.header-text .title{font-size:var(--font-size-lg)}.header-text .subtitle{font-size:var(--font-size-sm)}.compact-stats-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.stat-item.compact{padding:var(--space-2)}.stat-item.compact .stat-value{font-size:var(--font-size-xs)}.stat-item.compact .stat-label{font-size:.6rem}}@media (max-width: 360px){.cards-container.grid-view{grid-template-columns:1fr}.tab-navigation{padding:var(--space-3);gap:var(--space-1)}.tab-button{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs)}.quick-actions-bar{padding:var(--space-3)}.quick-action{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs)}}@media (min-width: 1024px){.cards-container.grid-view{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1280px){.cards-container.grid-view{grid-template-columns:repeat(4,1fr)}}.cards-container.list-view .installment-card{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-6);align-items:center;padding:var(--space-4)}.cards-container.list-view .card-header{grid-column:1;margin-bottom:0;flex-direction:row;text-align:left;gap:var(--space-4)}.cards-container.list-view .card-body{grid-column:2;margin-bottom:0}.cards-container.list-view .card-actions{grid-column:3;justify-self:end;flex-direction:row}@media print{.quick-actions-bar,.card-actions,.order-details-panel,.tab-navigation{display:none!important}.installment-card{break-inside:avoid;border:2px solid #000;box-shadow:none!important}.installment-header{background:#fff!important;color:#000!important}.stat-card{background:#f8f8f8!important;border:1px solid #000!important}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.custom-payment-input,.reschedule-form{animation:slideDown .3s ease-out}.payment-option:focus-within{outline:2px solid var(--primary-500);outline-offset:2px}.input-group input:focus{background:var(--bg-secondary)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;scroll-behavior:smooth}.checkout-page{max-width:1200px;margin:0 auto;padding:1rem 1rem 5rem;background:#f5f5f5;min-height:100vh;transition:background .3s ease}html.dark .checkout-page{background:#1a1a1a}.checkout-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1rem 0}.checkout-header h1{font-size:1.8rem;font-weight:700;color:#1a1a1a;display:flex;align-items:center;gap:.5rem}html.dark .checkout-header h1{color:#fff}.premium-checkout-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,gold,#ffed4e);color:#1a1a1a;border-radius:2rem;font-weight:600;font-size:.9rem}.checkout-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem}@media (max-width: 768px){.checkout-grid{grid-template-columns:1fr}}.left{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;gap:1.5rem}html.dark .left{background:#242424;box-shadow:0 4px 12px #0000004d}.left h2{font-size:1.6rem;font-weight:700;color:#1a1a1a}html.dark .left h2{color:#fff}.left p{font-size:.95rem;color:#4a4a4a}html.dark .left p{color:#b0b0b0}.products-section{display:flex;flex-direction:column;gap:1rem}.products-section h3{font-size:1.2rem;font-weight:600;color:#1a1a1a;display:flex;align-items:center;gap:.5rem}html.dark .products-section h3{color:#fff}.checkout-product{display:flex;gap:1rem;padding:1rem;background:#f8f9fa;border-radius:.75rem;border:1px solid #e9ecef}html.dark .checkout-product{background:#2a2a2a;border-color:#374151}.checkout-product img{width:80px;height:80px;object-fit:cover;border-radius:.5rem;flex-shrink:0}.product-info{flex:1;display:flex;flex-direction:column;gap:.5rem}.product-info h4{font-size:1rem;font-weight:600;color:#1a1a1a;margin:0}html.dark .product-info h4{color:#fff}.variant-display{font-size:.85rem;color:#6b7280;background:#e5e7eb;padding:.25rem .5rem;border-radius:.25rem;display:inline-block}html.dark .variant-display{color:#d1d5db;background:#374151}.product-pricing{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.product-pricing span{color:#4a4a4a}html.dark .product-pricing span{color:#b0b0b0}.product-pricing strong{color:#1a1a1a;font-size:1rem}html.dark .product-pricing strong{color:#fff}.stock-info{font-size:.8rem}.in-stock{color:#10b981}.out-of-stock{color:#ef4444}.installment-section h4{font-size:1rem;font-weight:600;color:#1a1a1a;cursor:pointer;display:flex;align-items:center;gap:.3rem}html.dark .installment-section h4{color:#fff}.installment-details{padding:.75rem;background:#f8f8f8;border-radius:.5rem;font-size:.85rem;color:#4a4a4a}html.dark .installment-details{background:#2a2a2a;color:#b0b0b0}.installment-details ul{list-style-type:disc;padding-left:1.5rem;margin:.5rem 0}.variant-section h4{font-size:1rem;font-weight:600;color:#1a1a1a}html.dark .variant-section h4{color:#fff}.variants{display:flex;flex-wrap:wrap;gap:.5rem}.variants button{padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;background:#fff;font-size:.85rem;color:#1a1a1a;cursor:pointer;transition:all .3s ease}html.dark .variants button{border:1px solid #4b5563;background:#242424;color:#fff}.variants button.active{background:#ff6200;color:#fff;border-color:#ff6200}.quantity-selector{display:flex;flex-direction:column;gap:.5rem}.quantity-selector h4{font-size:1rem;font-weight:600;color:#1a1a1a}html.dark .quantity-selector h4{color:#fff}.quantity-selector div{display:flex;align-items:center;gap:.5rem}.qty-btn{padding:.3rem .8rem;background:#e0e0e0;border:none;border-radius:.5rem;font-size:1rem;cursor:pointer;transition:all .3s ease}html.dark .qty-btn{background:#3a3a3a;color:#fff}.qty-btn:hover{background:#d0d0d0}html.dark .qty-btn:hover{background:#4a4a4a}.quantity-selector input{width:60px;padding:.3rem;text-align:center;border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem}html.dark .quantity-selector input{border:1px solid #4b5563;background:#242424;color:#fff}.delivery-settings{display:flex;flex-direction:column;gap:.75rem}.delivery-settings h4{font-size:1rem;font-weight:600;color:#1a1a1a}html.dark .delivery-settings h4{color:#fff}.delivery-methods{display:flex;gap:1rem}.delivery-methods label{display:flex;align-items:center;gap:.3rem;font-size:.9rem;color:#1a1a1a}html.dark .delivery-methods label{color:#fff}.delivery-settings label{display:flex;flex-direction:column;gap:.3rem;font-size:.9rem;color:#1a1a1a}html.dark .delivery-settings label{color:#fff}.delivery-settings select,.delivery-settings input{padding:.5rem;border:1px solid #d1d5db;border-radius:.5rem;background:#fff;color:#1a1a1a;font-size:.9rem}html.dark .delivery-settings select,html.dark .delivery-settings input{border:1px solid #4b5563;background:#242424;color:#fff}.address-autocomplete-container{position:relative;width:100%}.address-input{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;background:#fff;color:#1a1a1a;font-size:.9rem;transition:all .3s ease}html.dark .address-input{border:1px solid #4b5563;background:#242424;color:#fff}.address-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}html.dark .address-input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa33}.search-loading{position:absolute;top:100%;left:0;right:0;background:#f8fafc;border:1px solid #e2e8f0;border-top:none;border-radius:0 0 .5rem .5rem;padding:.75rem;font-size:.85rem;color:#64748b;z-index:1000}html.dark .search-loading{background:#374151;border-color:#4b5563;color:#d1d5db}.address-suggestions{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e2e8f0;border-top:none;border-radius:0 0 .5rem .5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;max-height:200px;overflow-y:auto;z-index:1000}html.dark .address-suggestions{background:#374151;border-color:#4b5563;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}.suggestion-item{padding:.75rem;border-bottom:1px solid #f1f5f9;cursor:pointer;transition:background-color .2s ease;display:flex;flex-direction:column;gap:.25rem}html.dark .suggestion-item{border-bottom:1px solid #4b5563}.suggestion-item:hover{background:#f8fafc}html.dark .suggestion-item:hover{background:#4b5563}.suggestion-item:last-child{border-bottom:none}.suggestion-text{font-size:.9rem;color:#1e293b;font-weight:500}html.dark .suggestion-text{color:#f3f4f6}.suggestion-type{font-size:.75rem;color:#64748b;text-transform:capitalize}html.dark .suggestion-type{color:#9ca3af}.address-help-text{color:#6b7280;font-size:.8rem;margin-top:.25rem;display:block}html.dark .address-help-text{color:#9ca3af}.payment-methods{display:flex;flex-direction:column;gap:1rem}.payment-methods h4{font-size:1rem;font-weight:600;color:#1a1a1a}html.dark .payment-methods h4{color:#fff}.price-breakdown{display:flex;flex-direction:column;gap:.3rem;font-size:.9rem;color:#4a4a4a}html.dark .price-breakdown{color:#b0b0b0}.price-breakdown div{display:flex;justify-content:space-between}.separator{border-top:1px solid #e5e7eb;margin:.5rem 0}html.dark .separator{border-top:1px solid #4b5563}.methods{display:flex;flex-wrap:wrap;gap:.5rem}.methods button{padding:.75rem 1rem;border:none;border-radius:.5rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.3rem;flex:1}.wallet{background:#22c55e;color:#fff}.wallet:hover{background:#16a34a}.mpesa{background:#10b981;color:#fff}.mpesa:hover{background:#059669}.paypal{background:#3b82f6;color:#fff}.paypal:hover{background:#2563eb}.muted{font-size:.8rem;color:#6b7280}html.dark .muted{color:#9ca3af}.right{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 4px 12px #0000001a;position:sticky;top:1rem;height:fit-content}html.dark .right{background:#242424;box-shadow:0 4px 12px #0000004d}@media (max-width: 768px){.right{position:relative;top:0}}.order-summary{display:flex;flex-direction:column;gap:1rem}.order-summary h4{font-size:1.1rem;font-weight:600;color:#1a1a1a}html.dark .order-summary h4{color:#fff}.store-info{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#f8f9fa;border-radius:.5rem;font-weight:600;color:#1a1a1a}html.dark .store-info{background:#2a2a2a;color:#fff}.products-list{display:flex;flex-direction:column;gap:.75rem}.summary-product{display:flex;gap:.75rem;padding:.75rem;background:#f8f9fa;border-radius:.5rem}html.dark .summary-product{background:#2a2a2a}.summary-product img{width:50px;height:50px;object-fit:cover;border-radius:.25rem;flex-shrink:0}.summary-product div{flex:1;display:flex;flex-direction:column;gap:.25rem;font-size:.85rem;color:#4a4a4a}html.dark .summary-product div{color:#b0b0b0}.summary-details{display:flex;flex-direction:column;gap:.5rem;font-size:.9rem;color:#4a4a4a;padding-top:.75rem;border-top:1px solid #e5e7eb}html.dark .summary-details{color:#b0b0b0;border-top:1px solid #4b5563}.loading{text-align:center;padding:2rem;font-size:1rem;color:#4a4a4a}html.dark .loading{color:#b0b0b0}@media (max-width: 480px){.checkout-page{padding:.5rem .5rem 4.5rem}.checkout-header{flex-direction:column;gap:1rem;align-items:flex-start}.checkout-header h1{font-size:1.5rem}.left,.right{padding:1rem}.left h2{font-size:1.4rem}.methods button{padding:.6rem;font-size:.85rem}.delivery-methods{flex-direction:column}.checkout-product{flex-direction:column;text-align:center}.checkout-product img{width:100%;height:120px}.address-suggestions{max-height:150px}}@media (max-width: 360px){.checkout-page{padding-bottom:5rem}.order-summary img{max-height:120px}}.premium-page{min-height:100vh;padding:2rem;background-color:#f4f7fa;font-family:Inter,sans-serif}.premium-page.dark{background-color:#1a1a1a;color:#e0e0e0}.cs-container{max-width:1200px;margin:0 auto;text-align:center}.cs-center{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh}.cs-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:#1a1a1a}.premium-page.dark .cs-title{color:#fff}.cs-offer-text{font-size:1.2rem;color:#555;margin-bottom:2rem}.premium-page.dark .cs-offer-text{color:#b0b0b0}.cs-wallet-balance{font-size:1.2rem;color:#28a745;margin-bottom:1rem}.premium-page.dark .cs-wallet-balance{color:#34c759}.premium-plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;padding:1rem}.premium-card{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 12px #0000001a;transition:transform .3s ease;position:relative;overflow:hidden}.premium-page.dark .premium-card{background:#2a2a2a;box-shadow:0 4px 12px #0000004d}.premium-card:hover{transform:translateY(-5px)}.premium-card.basic{border:2px solid #4a90e2}.premium-card.pro{border:2px solid #f5a623;position:relative}.premium-card.pro:before{content:"Most Popular";position:absolute;top:0;right:0;background:#f5a623;color:#fff;padding:.5rem 1rem;font-size:.9rem;font-weight:600;transform:rotate(45deg) translate(40%,-50%)}.premium-card.elite{border:2px solid #9013fe}.premium-card.elite:before{content:"Best Value";position:absolute;top:0;right:0;background:#9013fe;color:#fff;padding:.5rem 1rem;font-size:.9rem;font-weight:600;transform:rotate(45deg) translate(40%,-50%)}.premium-card h3{font-size:1.8rem;font-weight:600;margin-bottom:1rem;color:#1a1a1a}.premium-page.dark .premium-card h3{color:#fff}.premium-price{font-size:1.5rem;font-weight:500;color:#4a90e2;margin-bottom:1.5rem}.premium-page.dark .premium-price{color:#60a5fa}.premium-features{list-style:none;padding:0;margin-bottom:2rem}.premium-features li{font-size:1rem;color:#555;margin-bottom:.75rem}.premium-page.dark .premium-features li{color:#b0b0b0}.cs-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .3s ease}.cs-btn-primary{background:#4a90e2;color:#fff;border:none}.cs-btn-primary:hover:not(:disabled){background:#357abd}.cs-btn-primary:disabled{background:#a0a0a0;cursor:not-allowed}.premium-page.dark .cs-btn-primary{background:#60a5fa}.premium-page.dark .cs-btn-primary:hover:not(:disabled){background:#4b8fe2}.cs-spinner{animation:spin 1s linear infinite}.cs-loading-text{font-size:1.2rem;color:#555;margin-top:1rem}.premium-page.dark .cs-loading-text{color:#b0b0b0}.cs-card-status{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 12px #0000001a;max-width:500px}.premium-page.dark .cs-card-status{background:#2a2a2a}.cs-status-icon.approved{color:#28a745;margin-bottom:1rem}.cs-status-title{font-size:1.8rem;font-weight:600;color:#1a1a1a;margin-bottom:1rem}.premium-page.dark .cs-status-title{color:#fff}.cs-status-desc{font-size:1.1rem;color:#555;margin-bottom:2rem}.premium-page.dark .cs-status-desc{color:#b0b0b0}.cs-status-actions{display:flex;justify-content:center}@media (max-width: 768px){.premium-plans-grid{grid-template-columns:1fr}.cs-title{font-size:2rem}.premium-card h3{font-size:1.5rem}.premium-price{font-size:1.3rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}.marketplace-wrapper{max-width:1440px;margin:0 auto;padding:.75rem;background:#f5f5f5;min-height:100vh;transition:background .3s ease}html.dark .marketplace-wrapper{background:#1a1a1a}.premium-navbar{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#fffffff2;backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.1);position:sticky;top:0;z-index:1000;margin-bottom:1rem;border-radius:.75rem}html.dark .premium-navbar{background:#1a1a1af2;border-bottom-color:#ffffff1a}.nav-center{flex:1;display:flex;justify-content:center}.nav-title{font-size:1.4rem;font-weight:800;color:#1a1a1a;margin:0}html.dark .nav-title{color:#fff}.nav-title .highlight{color:#ff6200;text-shadow:0 2px 4px rgba(255,98,0,.3)}.nav-right{display:flex;gap:.75rem;align-items:center}.nav-icon{background:none;border:none;color:#4a4a4a;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .3s ease;position:relative;display:flex;align-items:center;justify-content:center}html.dark .nav-icon{color:#b0b0b0}.nav-icon:hover{background:#0000000d}html.dark .nav-icon:hover{background:#ffffff1a}.dot{position:absolute;width:8px;height:8px;background:#ef4444;border-radius:50%;border:2px solid white}html.dark .dot{border-color:#1a1a1a}.top-left-dot{top:2px;left:2px}.top-right-dot{top:2px;right:2px}.glass-button{display:inline-flex;align-items:center;padding:.6rem 1.2rem;background:#ffffff26;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.25);border-radius:.75rem;color:#1a1a1a;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 4px #0000000d}html.dark .glass-button{background:#ffffff0d;border:1px solid rgba(255,255,255,.15);color:#fff;box-shadow:0 2px 4px #0000001a}.glass-button:hover{background:#ffffff40;transform:translateY(-2px) scale(1.02);box-shadow:0 4px 8px #0000001a}html.dark .glass-button:hover{background:#ffffff26;box-shadow:0 4px 8px #0003}.search-bar{display:flex;align-items:center;gap:.5rem;max-width:500px;margin:1rem auto;padding:.6rem 1rem;background:#fffc;border-radius:1.5rem;box-shadow:0 2px 6px #0000000d;transition:all .3s ease}html.dark .search-bar{background:#2a2a2acc;box-shadow:0 2px 6px #0003}.search-bar input{flex:1;border:none;background:transparent;font-size:.9rem;color:#1a1a1a}html.dark .search-bar input{color:#fff}.search-bar input::placeholder{color:#9ca3af}.search-bar input:focus{outline:none}.search-bar svg{color:#4a4a4a;font-size:.9rem}html.dark .search-bar svg{color:#b0b0b0}.search-title{font-size:1.5rem;font-weight:600;color:#1a1a1a;margin:1rem 0;text-align:center}html.dark .search-title{color:#fff}.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;padding:.5rem 0}@media (min-width: 768px){.product-grid{grid-template-columns:repeat(3,1fr);gap:1rem}}@media (min-width: 1024px){.product-grid{grid-template-columns:repeat(4,1fr);gap:1.25rem}}@media (min-width: 1280px){.product-grid{grid-template-columns:repeat(5,1fr);gap:1.5rem}}[class*=product-grid]{display:grid!important;grid-template-columns:repeat(2,1fr)!important}@media (min-width: 768px){[class*=product-grid]{grid-template-columns:repeat(3,1fr)!important}}@media (min-width: 1024px){[class*=product-grid]{grid-template-columns:repeat(4,1fr)!important}}@media (min-width: 1280px){[class*=product-grid]{grid-template-columns:repeat(5,1fr)!important}}.product-card{background:#fff;border-radius:.75rem;overflow:hidden;box-shadow:0 2px 8px #0000000f;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column;height:fit-content;position:relative}html.dark .product-card{background:#242424;box-shadow:0 2px 8px #0003}.product-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 8px 20px #0000001a}html.dark .product-card:hover{box-shadow:0 8px 20px #0000004d}.product-img-wrapper{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;background:#f8f8f8}html.dark .product-img-wrapper{background:#1a1a1a}.product-img-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.product-card:hover .product-img-wrapper img{transform:scale(1.05)}.product-quick-actions{position:absolute;top:.5rem;right:.5rem;display:flex;flex-direction:column;gap:.5rem;opacity:0;transform:translate(10px);transition:all .3s ease}.product-card:hover .product-quick-actions{opacity:1;transform:translate(0)}.quick-action-btn{background:#fffffff2;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#4a4a4a;font-size:.8rem;box-shadow:0 2px 8px #00000026;backdrop-filter:blur(10px)}html.dark .quick-action-btn{background:#2a2a2af2;color:#b0b0b0}.quick-action-btn:hover{background:#ff6200;color:#fff}.badge{position:absolute;top:.5rem;left:.5rem;padding:.25rem .5rem;border-radius:.5rem;font-size:.7rem;font-weight:700;display:flex;align-items:center;gap:.2rem;box-shadow:0 1px 3px #0003;z-index:10;line-height:1}.badge.flash{background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff}.badge.trending{background:linear-gradient(135deg,#ea580c,#f97316);color:#fff}.badge.featured{background:linear-gradient(135deg,#d97706,#f59e0b);color:#fff}.product-card-content{padding:.75rem;display:flex;flex-direction:column;gap:.5rem;flex:1}.product-card h3{font-size:.85rem;font-weight:600;color:#1a1a1a;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0;text-align:center;min-height:2.2rem;display:flex;align-items:center;justify-content:center}html.dark .product-card h3{color:#fff}.stars{display:flex;gap:.1rem;justify-content:center;margin:.1rem 0}.star-filled{color:#facc15;font-size:.75rem}.star-empty{color:#d1d5db;font-size:.75rem}.rating-text{font-size:.7rem;color:#6b7280;margin-left:.3rem}html.dark .rating-text{color:#9ca3af}.price-container{display:flex;flex-direction:column;gap:.2rem;margin:.3rem 0}.price-main-row{display:flex;align-items:center;justify-content:space-between;gap:.3rem}.price-old{font-size:.75rem;color:#6b7280;text-decoration:line-through;white-space:nowrap;font-weight:500}html.dark .price-old{color:#9ca3af}.discount{font-size:.7rem;color:#dc2626;font-weight:700;background:#fee2e2;padding:.15rem .4rem;border-radius:.5rem;white-space:nowrap}html.dark .discount{background:#7f1d1d;color:#fecaca}.price-new{font-size:1.1rem;font-weight:700;color:#22c55e;white-space:nowrap;align-self:flex-start}.product-info{display:flex;flex-direction:column;gap:.3rem;margin:.2rem 0}.info-row{display:flex;justify-content:space-between;align-items:center;font-size:.7rem;color:#4a4a4a}html.dark .info-row{color:#b0b0b0}.info-row span{display:flex;align-items:center;gap:.2rem;white-space:nowrap}.category-row{font-weight:500;color:#374151}html.dark .category-row{color:#d1d5db}.stock-row{color:#059669;font-weight:500}html.dark .stock-row{color:#34d399}.seller-row{font-size:.7rem;color:#4a4a4a;opacity:.8;display:flex;align-items:center;gap:.2rem;margin-top:auto;padding-top:.4rem;border-top:1px solid #f0f0f0;justify-content:center}html.dark .seller-row{color:#b0b0b0;border-top-color:#333}.loading-section{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;grid-column:1 / -1}.loading-spinner{width:40px;height:40px;border:3px solid #f3f4f6;border-top:3px solid #ff6200;border-radius:50%;margin-bottom:1rem}html.dark .loading-spinner{border-color:#374151;border-top-color:#ff6200}.end-message{text-align:center;padding:2rem;color:#6b7280;font-size:1rem;grid-column:1 / -1}html.dark .end-message{color:#9ca3af}.search-history{margin:1.5rem 0;padding:1rem;background:#fff;border-radius:1rem;box-shadow:0 2px 8px #0000000f}html.dark .search-history{background:#242424;box-shadow:0 2px 8px #0003}.search-history h3{font-size:1.2rem;font-weight:600;color:#1a1a1a;margin-bottom:1rem}html.dark .search-history h3{color:#fff}.search-history ul{list-style:none;padding:0;margin:0}.search-history li{padding:.75rem 1rem;border-bottom:1px solid #f0f0f0;font-size:.9rem;color:#4a4a4a;cursor:pointer;transition:background .3s ease}html.dark .search-history li{border-bottom-color:#333;color:#b0b0b0}.search-history li:last-child{border-bottom:none}.search-history li:hover{background:#f8f8f8}html.dark .search-history li:hover{background:#333}.no-results{text-align:center;padding:2rem;background:#fff;border-radius:1rem;box-shadow:0 2px 8px #0000000f;margin:2rem 0}html.dark .no-results{background:#242424;box-shadow:0 2px 8px #0003}.no-results p{font-size:1.1rem;color:#6b7280;margin:.5rem 0}html.dark .no-results p{color:#9ca3af}.related-products{margin-top:2rem}.related-products h2{font-size:1.4rem;font-weight:600;color:#1a1a1a;margin-bottom:1rem;padding-left:.5rem}html.dark .related-products h2{color:#fff}@media (max-width: 480px){.marketplace-wrapper{padding:.5rem}.premium-navbar{padding:.75rem;margin-bottom:.75rem}.nav-title{font-size:1.2rem}.product-grid{gap:.5rem;padding:.25rem 0}.product-card-content{padding:.5rem;gap:.4rem}.product-card h3{font-size:.8rem;min-height:2rem}.price-new{font-size:1rem}.info-row{font-size:.65rem}.product-quick-actions{opacity:1;transform:translate(0)}.quick-action-btn{width:28px;height:28px;font-size:.7rem}.search-history{padding:.75rem}.search-history h3{font-size:1rem}.search-history li{padding:.6rem .75rem;font-size:.85rem}.no-results{padding:1.5rem}.no-results p{font-size:1rem}.related-products h2,.search-title{font-size:1.2rem}}@media (max-width: 360px){.nav-right{gap:.3rem}.search-history li{padding:.5rem .6rem;font-size:.8rem}.search-title{font-size:1.1rem}}.infinite-scroll-component__loader,.infinite-scroll-component__end-message{text-align:center;padding:1.5rem;color:#4a4a4a;font-size:.9rem;grid-column:1 / -1}html.dark .infinite-scroll-component__loader,html.dark .infinite-scroll-component__end-message{color:#b0b0b0}:root{--chat-bg-primary: #0c1317;--chat-bg-secondary: #111b21;--chat-bg-tertiary: #202c33;--chat-bg-quaternary: #222e35;--chat-bg-bubble-sent: #005c4b;--chat-bg-bubble-received: #202c33;--chat-bg-input: #2a3942;--chat-text-primary: #e9edef;--chat-text-secondary: #8696a0;--chat-text-tertiary: #667781;--chat-text-placeholder: #8696a0;--chat-border-color: #2a3942;--chat-accent-primary: #00a884;--chat-accent-hover: #06cf9c;--chat-accent-pressed: #008f70;--chat-success: #00a884;--chat-error: #f15c6d;--chat-warning: #ffb347;--chat-info: #53bdeb;--chat-online: #00a884;--chat-offline: #667781;--chat-read-indicator: #53bdeb;--chat-sent-indicator: #8696a0;--chat-delivered-indicator: #8696a0;--chat-shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--chat-shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--chat-shadow-lg: 0 10px 15px rgba(0, 0, 0, .5);--chat-shadow-inner: inset 0 2px 4px rgba(0, 0, 0, .2);--chat-radius-sm: 6px;--chat-radius-md: 8px;--chat-radius-lg: 12px;--chat-radius-xl: 18px;--chat-radius-full: 9999px;--chat-spacing-xs: 4px;--chat-spacing-sm: 8px;--chat-spacing-md: 12px;--chat-spacing-lg: 16px;--chat-spacing-xl: 20px;--chat-spacing-2xl: 24px;--chat-transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--chat-transition-normal: .2s cubic-bezier(.4, 0, .2, 1);--chat-transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--chat-z-base: 1;--chat-z-header: 50;--chat-z-picker: 100;--chat-z-overlay: 1000}[data-theme=light]{--chat-bg-primary: #fafafa;--chat-bg-secondary: #ffffff;--chat-bg-tertiary: #f8f9fa;--chat-bg-quaternary: #f0f2f5;--chat-bg-bubble-sent: #0099ff;--chat-bg-bubble-received: #ffffff;--chat-bg-input: #ffffff;--chat-text-primary: #262626;--chat-text-secondary: #8e8e8e;--chat-text-tertiary: #c7c7c7;--chat-text-placeholder: #8e8e8e;--chat-border-color: #dbdbdb;--chat-accent-primary: #0095f6;--chat-accent-hover: #0074cc;--chat-accent-pressed: #005ea6;--chat-success: #4caf50;--chat-error: #f44336;--chat-warning: #ff9800;--chat-info: #2196f3;--chat-online: #4caf50;--chat-offline: #9e9e9e;--chat-read-indicator: #2196f3;--chat-sent-indicator: #8e8e8e;--chat-delivered-indicator: #8e8e8e;--chat-shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--chat-shadow-md: 0 2px 4px rgba(0, 0, 0, .1);--chat-shadow-lg: 0 4px 8px rgba(0, 0, 0, .15)}.chat-screen-container{position:fixed;inset:0;display:flex;flex-direction:column;background-color:var(--chat-bg-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;overflow:hidden;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:pan-y}.chat-header{display:flex;align-items:center;padding:var(--chat-spacing-md) var(--chat-spacing-lg);background-color:var(--chat-bg-secondary);border-bottom:1px solid var(--chat-border-color);min-height:64px;flex-shrink:0;z-index:var(--chat-z-header);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.back-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:none;color:var(--chat-text-primary);font-size:18px;cursor:pointer;border-radius:var(--chat-radius-full);transition:background-color var(--chat-transition-fast);margin-right:var(--chat-spacing-md);flex-shrink:0}.back-btn:hover,.back-btn:focus-visible{background-color:var(--chat-bg-tertiary);outline:none}.back-btn:active{transform:scale(.95);transition:transform var(--chat-transition-fast)}.chat-partner{display:flex;align-items:center;gap:var(--chat-spacing-md);flex:1;min-width:0}.partner-avatar{position:relative;flex-shrink:0}.avatar-placeholder{width:42px;height:42px;border-radius:var(--chat-radius-full);display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--chat-text-primary)}.avatar-placeholder.store{background:linear-gradient(135deg,var(--chat-accent-primary),var(--chat-accent-hover))}.avatar-placeholder.user{background:linear-gradient(135deg,#8a2387,#f27121)}.avatar-initial{font-weight:600;font-size:16px;color:#fff}.conversation-avatar{width:42px;height:42px;border-radius:var(--chat-radius-full);object-fit:cover;border:2px solid var(--chat-bg-tertiary)}.online-indicator{position:absolute;bottom:2px;right:2px;width:10px;height:10px;border-radius:var(--chat-radius-full);background-color:var(--chat-online);border:2px solid var(--chat-bg-secondary);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.partner-info{min-width:0}.partner-info h2{margin:0;font-size:16px;font-weight:600;color:var(--chat-text-primary);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status{font-size:12px;font-weight:400;display:flex;align-items:center;gap:var(--chat-spacing-xs);margin-top:2px}.status.online{color:var(--chat-online)}.status.offline{color:var(--chat-offline)}.chat-actions{display:flex;align-items:center;gap:var(--chat-spacing-sm);flex-shrink:0}.action-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:none;color:var(--chat-text-primary);font-size:18px;cursor:pointer;border-radius:var(--chat-radius-full);transition:all var(--chat-transition-fast);position:relative}.action-btn:hover,.action-btn:focus-visible{background-color:var(--chat-bg-tertiary);outline:none}.action-btn:active{transform:scale(.95)}.action-btn.active{color:var(--chat-accent-primary);background-color:var(--chat-bg-tertiary)}.messages-container{flex:1;overflow:hidden;position:relative;background:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23202c33' fill-opacity='0.1' fill-rule='evenodd'/%3E%3C/svg%3E");background-color:var(--chat-bg-primary)}.messages-loading{padding:var(--chat-spacing-xl);display:flex;flex-direction:column;gap:var(--chat-spacing-lg)}.no-messages{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:var(--chat-spacing-xl);text-align:center;color:var(--chat-text-secondary)}.no-messages-icon{font-size:48px;color:var(--chat-accent-primary);margin-bottom:var(--chat-spacing-lg);opacity:.5}.no-messages p{margin:0;font-size:16px;font-weight:400}.no-messages .subtext{font-size:14px;color:var(--chat-text-tertiary);margin-top:var(--chat-spacing-xs)}.messages-list{display:flex;flex-direction:column;padding:var(--chat-spacing-lg);gap:var(--chat-spacing-sm);overflow-y:auto;max-height:100%;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.messages-list::-webkit-scrollbar{width:6px}.messages-list::-webkit-scrollbar-track{background:transparent}.messages-list::-webkit-scrollbar-thumb{background:var(--chat-bg-tertiary);border-radius:var(--chat-radius-full)}.messages-list::-webkit-scrollbar-thumb:hover{background:var(--chat-border-color)}.message-wrapper{display:flex;width:100%;margin-bottom:var(--chat-spacing-xs)}.message-wrapper-sent{justify-content:flex-end}.message-wrapper-received{justify-content:flex-start}.message{display:inline-block;max-width:75%;position:relative}.message.sent{align-self:flex-end;margin-left:auto}.message.sent .message-bubble{background-color:var(--chat-bg-bubble-sent);color:#fff;border-radius:var(--chat-radius-lg) var(--chat-radius-lg) var(--chat-radius-sm) var(--chat-radius-lg);margin-left:20%;position:relative}.message.sent .message-bubble:before{content:"";position:absolute;bottom:0;right:-8px;width:16px;height:20px;background-color:var(--chat-bg-bubble-sent);clip-path:polygon(0 0,100% 0,0 100%)}.message.received{align-self:flex-start;margin-right:auto}.message.received .message-bubble{background-color:var(--chat-bg-bubble-received);color:var(--chat-text-primary);border-radius:var(--chat-radius-lg) var(--chat-radius-lg) var(--chat-radius-lg) var(--chat-radius-sm);margin-right:20%;position:relative}.message.received .message-bubble:before{content:"";position:absolute;bottom:0;left:-8px;width:16px;height:20px;background-color:var(--chat-bg-bubble-received);clip-path:polygon(100% 0,100% 100%,0 0)}.message-bubble{padding:var(--chat-spacing-md);word-wrap:break-word;overflow-wrap:break-word;max-width:100%;box-shadow:var(--chat-shadow-sm);position:relative}.message-bubble p{margin:0 0 var(--chat-spacing-sm) 0;font-size:14px;line-height:1.4;white-space:pre-wrap;user-select:text}.order-card{background:var(--chat-bg-quaternary);border-radius:var(--chat-radius-md);padding:var(--chat-spacing-md);border:1px solid var(--chat-border-color);margin-bottom:var(--chat-spacing-sm)}.order-header{display:flex;align-items:center;gap:var(--chat-spacing-sm);color:var(--chat-success);font-weight:600;font-size:14px;margin-bottom:var(--chat-spacing-md)}.order-details{display:flex;flex-direction:column;gap:var(--chat-spacing-sm);margin-bottom:var(--chat-spacing-md)}.order-field{display:flex;align-items:flex-start;gap:var(--chat-spacing-sm);font-size:13px;line-height:1.4}.order-field strong{color:var(--chat-text-secondary);min-width:70px}.order-field span{color:var(--chat-text-primary);flex:1}.product-name{color:var(--chat-accent-primary)!important;font-weight:500}.order-actions{display:flex;gap:var(--chat-spacing-sm)}.order-btn{flex:1;padding:var(--chat-spacing-sm) var(--chat-spacing-md);border:none;border-radius:var(--chat-radius-md);font-size:13px;font-weight:600;cursor:pointer;transition:all var(--chat-transition-fast)}.order-btn.accept{background:var(--chat-success);color:#fff}.order-btn.accept:hover{background:#3d8b40}.order-btn.decline{background:var(--chat-bg-tertiary);color:var(--chat-text-primary)}.order-btn.decline:hover{background:var(--chat-border-color)}.message-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--chat-spacing-xs);margin-top:var(--chat-spacing-xs)}.time{font-size:11px;opacity:.7;font-weight:400}.message.sent .time{color:#ffffffb3}.message.received .time{color:var(--chat-text-tertiary)}.message-status{font-size:12px;flex-shrink:0}.message-status.sent{color:var(--chat-sent-indicator)}.message-status.delivered{color:var(--chat-delivered-indicator)}.message-status.read{color:var(--chat-read-indicator)}.message-input-area{display:flex;align-items:flex-end;gap:var(--chat-spacing-md);padding:var(--chat-spacing-md) var(--chat-spacing-lg);background-color:var(--chat-bg-secondary);border-top:1px solid var(--chat-border-color);flex-shrink:0;position:relative}.input-actions{display:flex;gap:var(--chat-spacing-xs);flex-shrink:0;align-items:center}.message-input-wrapper{flex:1;background-color:var(--chat-bg-input);border-radius:var(--chat-radius-full);padding:var(--chat-spacing-sm) var(--chat-spacing-lg);min-height:44px;display:flex;align-items:center;transition:background-color var(--chat-transition-fast)}.message-input-wrapper:focus-within{background-color:var(--chat-bg-tertiary)}.message-input{flex:1;border:none;background:none;color:var(--chat-text-primary);font-size:14px;font-family:inherit;resize:none;max-height:120px;min-height:22px;line-height:1.4;padding:0;margin:0;outline:none;overflow-y:auto}.message-input::placeholder{color:var(--chat-text-placeholder)}.message-input::-webkit-scrollbar{width:4px}.message-input::-webkit-scrollbar-track{background:transparent}.message-input::-webkit-scrollbar-thumb{background:var(--chat-border-color);border-radius:var(--chat-radius-full)}.send-btn,.voice-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;border-radius:var(--chat-radius-full);background-color:var(--chat-accent-primary);color:#fff;font-size:18px;cursor:pointer;transition:all var(--chat-transition-fast);flex-shrink:0}.send-btn:hover,.voice-btn:hover{background-color:var(--chat-accent-hover);transform:scale(1.05)}.send-btn:active,.voice-btn:active{background-color:var(--chat-accent-pressed);transform:scale(.95)}.voice-btn{background-color:var(--chat-bg-tertiary);color:var(--chat-text-primary)}.voice-btn:hover{background-color:var(--chat-border-color)}.voice-btn.recording{background-color:var(--chat-error);color:#fff;animation:pulse 1.5s infinite}.emoji-picker-container{position:absolute;bottom:calc(100% + var(--chat-spacing-md));left:var(--chat-spacing-lg);right:var(--chat-spacing-lg);z-index:var(--chat-z-picker);border-radius:var(--chat-radius-lg);overflow:hidden;box-shadow:var(--chat-shadow-lg);border:1px solid var(--chat-border-color);background-color:var(--chat-bg-secondary)}.emoji-picker-container .EmojiPickerReact{--epr-emoji-size: 28px;--epr-category-label-bg-color: var(--chat-bg-secondary);--epr-bg-color: var(--chat-bg-secondary);--epr-text-color: var(--chat-text-primary);--epr-search-input-bg-color: var(--chat-bg-input);--epr-search-input-text-color: var(--chat-text-primary);--epr-search-input-border-color: var(--chat-border-color);--epr-category-label-text-color: var(--chat-text-secondary);--epr-picker-border-color: var(--chat-border-color);--epr-search-input-placeholder-color: var(--chat-text-placeholder);--epr-emoji-hover-bg-color: var(--chat-bg-tertiary);--epr-skin-tone-picker-menu-bg-color: var(--chat-bg-tertiary)}.message-skeleton{display:flex;gap:var(--chat-spacing-md);max-width:70%;margin-bottom:var(--chat-spacing-sm)}.message-skeleton:nth-child(odd){align-self:flex-start}.message-skeleton:nth-child(2n){align-self:flex-end;flex-direction:row-reverse}.skeleton-avatar{width:36px;height:36px;border-radius:var(--chat-radius-full);background:linear-gradient(90deg,var(--chat-bg-tertiary) 25%,var(--chat-border-color) 50%,var(--chat-bg-tertiary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;flex-shrink:0}.skeleton-message-content{flex:1;display:flex;flex-direction:column;gap:var(--chat-spacing-sm)}.skeleton-line{height:14px;border-radius:var(--chat-radius-sm);background:linear-gradient(90deg,var(--chat-bg-tertiary) 25%,var(--chat-border-color) 50%,var(--chat-bg-tertiary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-line.short{width:60%}.skeleton-line.medium{width:80%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (max-width: 480px){.chat-header{padding:var(--chat-spacing-sm) var(--chat-spacing-md);min-height:56px}.back-btn,.action-btn{width:36px;height:36px;font-size:16px}.conversation-avatar,.avatar-placeholder{width:36px;height:36px}.messages-list{padding:var(--chat-spacing-md)}.message{max-width:85%}.message-input-area{padding:var(--chat-spacing-sm) var(--chat-spacing-md)}.message-input-wrapper{min-height:40px;padding:var(--chat-spacing-sm) var(--chat-spacing-md)}.send-btn,.voice-btn{width:40px;height:40px;font-size:16px}.emoji-picker-container{left:var(--chat-spacing-sm);right:var(--chat-spacing-sm)}}@media (min-width: 768px){.chat-screen-container{max-width:768px;margin:0 auto;left:50%;transform:translate(-50%);border-left:1px solid var(--chat-border-color);border-right:1px solid var(--chat-border-color);box-shadow:var(--chat-shadow-lg)}}@media (hover: none) and (pointer: coarse){.back-btn:active,.action-btn:active,.send-btn:active,.voice-btn:active,.order-btn:active{opacity:.7}.message-input{font-size:16px}}@media (prefers-contrast: high){:root{--chat-bg-bubble-sent: #005c4b;--chat-bg-bubble-received: #000000;--chat-text-primary: #ffffff;--chat-border-color: #ffffff}.message-bubble{border:2px solid var(--chat-border-color)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.online-indicator,.voice-btn.recording,.skeleton-avatar,.skeleton-line{animation:none}}@media print{.chat-screen-container{position:static;overflow:visible;max-width:none}.chat-header,.message-input-area,.emoji-picker-container,.back-btn,.action-btn,.send-btn,.voice-btn{display:none}.messages-container{overflow:visible;background:none}.messages-list{padding:0;gap:20px}.message-wrapper-sent{text-align:right}.message-wrapper-received{text-align:left}}.chat-screen-container{will-change:transform;backface-visibility:hidden;perspective:1000px}.message-bubble,.action-btn,.send-btn,.voice-btn{will-change:transform,opacity;transform:translateZ(0)}.chat-screen-container:focus-visible{outline:2px solid var(--chat-accent-primary);outline-offset:-2px}.back-btn:focus-visible,.action-btn:focus-visible,.send-btn:focus-visible,.voice-btn:focus-visible,.order-btn:focus-visible{outline:2px solid var(--chat-accent-primary);outline-offset:2px}@keyframes recordingPulse{0%{transform:scale(1);box-shadow:0 0 #f15c6db3}70%{transform:scale(1.05);box-shadow:0 0 0 10px #f15c6d00}to{transform:scale(1);box-shadow:0 0 #f15c6d00}}.voice-btn.recording{animation:recordingPulse 1.5s infinite}.message-bubble::selection,.message-bubble *::selection{background-color:#ffffff4d}.messages-list{scrollbar-width:thin;scrollbar-color:var(--chat-bg-tertiary) transparent}[dir=rtl] .chat-screen-container{text-align:right}[dir=rtl] .back-btn{margin-right:0;margin-left:var(--chat-spacing-md)}[dir=rtl] .message.sent .message-bubble:before{left:-8px;right:auto;clip-path:polygon(0 0,100% 0,100% 100%)}[dir=rtl] .message.received .message-bubble:before{right:-8px;left:auto;clip-path:polygon(0 0,0 100%,100% 0)}[dir=rtl] .online-indicator{left:2px;right:auto}@supports (-webkit-touch-callout: none){.chat-screen-container,.messages-container{height:-webkit-fill-available}}.student-marketplace.premium-ui{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding-bottom:80px}.premium-header{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);backdrop-filter:blur(20px);padding:1rem 1rem .5rem;border-radius:0 0 25px 25px;margin-bottom:1rem}.header-main{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.campus-badge{display:flex;align-items:center;gap:.5rem;background:#fff3;padding:.5rem 1rem;border-radius:20px;color:#fff;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease}.campus-badge:hover{background:#ffffff4d}.header-center{text-align:center;color:#fff}.app-title{font-size:1.8rem;font-weight:800;margin:0;display:flex;align-items:center;gap:.5rem;justify-content:center}.fire-icon{color:#ff6b35}.highlight{background:linear-gradient(45deg,gold,#ff6b35);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.app-tagline{margin:.2rem 0 0;font-size:.8rem;opacity:.9}.header-right{display:flex;gap:.5rem}.icon-btn{background:#fff3;border:none;width:40px;height:40px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:all .3s ease}.icon-btn:hover{background:#ffffff4d}.notification-badge{position:absolute;top:-2px;right:-2px;background:#ef4444;color:#fff;border-radius:50%;width:18px;height:18px;font-size:.7rem;display:flex;align-items:center;justify-content:center;font-weight:700}.stats-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-bottom:1rem}.stat-item{background:#ffffff1a;padding:.8rem .5rem;border-radius:15px;text-align:center;color:#fff;backdrop-filter:blur(10px)}.stat-number{display:block;font-weight:700;font-size:1rem;margin-bottom:.2rem}.stat-label{font-size:.7rem;opacity:.8}.mega-search{margin-bottom:1rem}.search-container{position:relative;display:flex;align-items:center;background:#fffffff2;border-radius:25px;padding:.8rem 1.2rem;box-shadow:0 8px 32px #0000001a}.search-icon{color:#6b7280;margin-right:.8rem}.search-input{border:none;outline:none;flex:1;background:transparent;font-size:1rem;color:#374151}.search-input::placeholder{color:#9ca3af}.filter-btn{background:#4f46e5;border:none;width:36px;height:36px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.9rem}.error-banner{display:flex;align-items:center;gap:.5rem;background:#fef2f2;color:#dc2626;padding:1rem;margin:0 1rem 1rem;border-radius:12px;font-size:.9rem;font-weight:600}.error-banner button{margin-left:auto;background:#dc2626;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.8rem;cursor:pointer}.premium-tabs{display:flex;background:#fff;border-radius:20px;padding:.5rem;margin:0 1rem 1rem;gap:.5rem;box-shadow:0 8px 32px #0000001a}.premium-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.8rem .5rem;border:none;background:transparent;border-radius:15px;cursor:pointer;transition:all .3s ease;position:relative}.premium-tab.active{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;box-shadow:0 8px 20px #4f46e54d}.tab-icon{font-size:1.2rem}.tab-label{font-size:.8rem;font-weight:600}.tab-badge{position:absolute;top:-5px;right:-5px;background:#ef4444;color:#fff;padding:.2rem .5rem;border-radius:10px;font-size:.6rem;font-weight:700}.quick-actions{display:flex;gap:.8rem;padding:0 1rem;margin-bottom:1.5rem}.action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem .8rem;border:none;border-radius:15px;font-weight:600;cursor:pointer;font-size:.9rem;transition:all .3s ease}.action-btn.primary{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;box-shadow:0 8px 20px #4f46e54d}.action-btn.secondary{background:#fff;color:#374151;box-shadow:0 4px 15px #0000001a}.main-content-with-nav{padding-bottom:20px}.tab-content-container{min-height:calc(100vh - 400px)}.tab-content{padding:0 1rem}.section-header.premium{display:flex;justify-content:space-between;align-items:start;margin-bottom:1.5rem}.title-group h2{font-size:1.4rem;font-weight:800;margin:0 0 .3rem;background:linear-gradient(135deg,#374151,#000);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.title-group p{margin:0;color:#6b7280;font-size:.9rem}.see-all-btn{display:flex;align-items:center;gap:.5rem;background:transparent;border:none;color:#4f46e5;font-weight:600;cursor:pointer;font-size:.9rem;white-space:nowrap}.featured-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2rem}.product-card.premium{border:1px solid #F3F4F6;border-radius:20px;padding:1.2rem;position:relative;background:#fff;transition:all .3s ease;cursor:pointer;box-shadow:0 4px 15px #00000014}.product-card.premium:hover{border-color:#4f46e5;box-shadow:0 12px 40px #00000026}.product-image{width:100%;height:120px;border-radius:12px;overflow:hidden;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;background:#f9fafb}.product-image img{width:100%;height:100%;object-fit:cover}.placeholder-image{font-size:3rem;color:#d1d5db}.product-content h4{font-size:1rem;font-weight:700;margin:0 0 .5rem;color:#1f2937;line-height:1.3}.product-price{font-size:1.2rem;font-weight:800;color:#059669;margin:0 0 .8rem}.product-meta{display:flex;justify-content:space-between;font-size:.8rem;color:#6b7280;margin-bottom:.8rem}.condition{background:#eff6ff;color:#1d4ed8;padding:.3rem .6rem;border-radius:8px;font-weight:600;text-transform:capitalize}.product-footer{display:flex;justify-content:space-between;font-size:.7rem;margin-bottom:1rem}.campus-tag{background:#f3f4f6;color:#6b7280;padding:.3rem .6rem;border-radius:8px;font-weight:600;display:flex;align-items:center;gap:.3rem}.delivery{color:#6b7280}.product-actions{display:flex;justify-content:space-between;align-items:center}.like-btn{display:flex;align-items:center;gap:.3rem;background:#f3f4f6;border:none;padding:.5rem .8rem;border-radius:10px;color:#6b7280;cursor:pointer;font-size:.8rem;transition:all .3s ease}.like-btn:hover{background:#fee2e2;color:#ef4444}.buy-btn{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;padding:.6rem 1.2rem;border-radius:10px;font-weight:600;cursor:pointer;font-size:.9rem;transition:all .3s ease}.buy-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #4f46e54d}.restaurant-card.premium{border:1px solid #F3F4F6;border-radius:20px;padding:1.2rem;background:#fff;transition:all .3s ease;cursor:pointer;box-shadow:0 4px 15px #00000014;margin-bottom:1rem}.restaurant-card.premium:hover{border-color:#4f46e5;box-shadow:0 8px 25px #0000001a}.restaurant-header{display:flex;gap:1rem;margin-bottom:1rem}.restaurant-image{width:80px;height:80px;border-radius:12px;overflow:hidden;flex-shrink:0}.restaurant-image img{width:100%;height:100%;object-fit:cover}.restaurant-info h4{margin:0 0 .3rem;font-weight:700;font-size:1.1rem;color:#1f2937}.cuisine{color:#6b7280;margin:0 0 .5rem;font-size:.9rem}.rating-delivery{display:flex;gap:1rem;font-size:.8rem}.delivery-time{color:#6b7280;display:flex;align-items:center;gap:.3rem}.restaurant-special{display:flex;align-items:center;gap:.5rem;background:#fffbeb;padding:.8rem;border-radius:12px;margin-bottom:1rem;font-size:.9rem;color:#d97706;font-weight:600}.bolt-icon{color:#f59e0b}.restaurant-actions{display:flex;justify-content:space-between;align-items:center}.min-order{color:#6b7280;font-size:.9rem}.order-now-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:.7rem 1.5rem;border-radius:12px;font-weight:600;cursor:pointer;font-size:.9rem;transition:all .3s ease}.order-now-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.service-card.premium{border:1px solid #F3F4F6;border-radius:20px;padding:1.5rem;background:#fff;transition:all .3s ease;cursor:pointer;box-shadow:0 4px 15px #00000014;margin-bottom:1rem;display:flex;gap:1rem;align-items:flex-start}.service-card.premium:hover{border-color:#4f46e5;box-shadow:0 8px 25px #0000001a}.service-icon{font-size:2.5rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#eef2ff;border-radius:15px;flex-shrink:0}.service-content{flex:1}.service-content h4{margin:0 0 .5rem;font-weight:700;font-size:1.1rem;color:#1f2937}.service-desc{color:#6b7280;margin:0 0 1rem;font-size:.9rem;line-height:1.4}.service-meta{display:flex;justify-content:space-between;margin-bottom:.8rem}.price{font-weight:700;color:#059669}.rating{color:#f59e0b;font-weight:600}.service-tags{display:flex;gap:.5rem;flex-wrap:wrap}.tag{background:#e5e7eb;color:#374151;padding:.3rem .6rem;border-radius:12px;font-size:.7rem;font-weight:600}.business-grid.premium{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.business-card.premium{border:1px solid #F3F4F6;border-radius:20px;padding:1.5rem;background:#fff;transition:all .3s ease;cursor:pointer;box-shadow:0 4px 15px #00000014;position:relative;overflow:hidden}.business-card.premium:hover{transform:translateY(-5px)}.business-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.business-icon{font-size:2rem}.business-earnings span{background:#ecfdf5;color:#065f46;padding:.3rem .6rem;border-radius:8px;font-size:.7rem;font-weight:700}.business-content h4{font-size:1.1rem;font-weight:700;margin:0 0 .5rem;color:#1f2937}.business-content p{color:#6b7280;font-size:.9rem;margin:0 0 1.5rem}.start-earning-btn{width:100%;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;padding:1rem;border-radius:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.9rem;transition:all .3s ease}.start-earning-btn:hover{transform:translateY(-2px)}.deals-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.deal-card.premium{border:1px solid #F3F4F6;border-radius:20px;padding:1.5rem;background:#fff;position:relative;overflow:hidden;box-shadow:0 4px 15px #00000014}.deal-badge{position:absolute;top:.8rem;right:.8rem;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;padding:.3rem .8rem;border-radius:10px;font-size:.7rem;font-weight:700;z-index:2}.deal-content h4{font-size:1.1rem;font-weight:700;margin:0 0 .5rem;color:#1f2937}.deal-content p{color:#6b7280;margin:0 0 1rem;font-size:.9rem}.deal-prices{display:flex;gap:.5rem;align-items:center;margin-bottom:.5rem}.original-price{font-size:.8rem;color:#9ca3af;text-decoration:line-through}.deal-price{font-weight:700;color:#059669;font-size:1.1rem}.deal-campus{font-size:.7rem;color:#6b7280;background:#f3f4f6;padding:.3rem .6rem;border-radius:8px}.empty-state{text-align:center;padding:3rem 2rem;background:#fff;border-radius:20px;box-shadow:0 4px 15px #00000014;grid-column:1 / -1}.empty-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.5}.empty-state h3{font-size:1.5rem;font-weight:700;margin:0 0 1rem;color:#374151}.empty-state p{color:#6b7280;margin:0 0 2rem;font-size:1rem;line-height:1.5}.primary-btn{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-weight:600;cursor:pointer;font-size:1rem;transition:all .3s ease}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #4f46e54d}.premium-fab{position:fixed;bottom:100px;right:2rem;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;font-size:1.2rem;cursor:pointer;box-shadow:0 8px 25px #4f46e566;display:flex;align-items:center;justify-content:center;z-index:1000}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:50vh;text-align:center;color:#fff}.loading-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@media (max-width: 768px){.stats-bar{grid-template-columns:repeat(2,1fr)}.featured-grid,.business-grid.premium,.deals-grid{grid-template-columns:1fr}.premium-tabs{margin:0 .5rem 1rem}.quick-actions,.tab-content{padding:0 .5rem}.premium-fab{bottom:90px;right:1rem;width:50px;height:50px;font-size:1rem}.header-main{flex-wrap:wrap;gap:1rem}.header-center{order:-1;width:100%}}@media (max-width: 480px){.student-marketplace.premium-ui{padding-bottom:70px}.app-title{font-size:1.5rem}.section-header.premium{flex-direction:column;gap:1rem;align-items:flex-start}.see-all-btn{align-self:flex-end}.restaurant-header{flex-direction:column;text-align:center}.restaurant-image{align-self:center}.service-card.premium{flex-direction:column;text-align:center}.service-icon{align-self:center}}.restaurants-grid,.services-grid{display:flex;flex-direction:column;gap:1rem}.earnings-preview{display:flex;align-items:center;gap:.5rem;background:#10b98110;padding:.5rem 1rem;border-radius:15px;color:#059669;font-weight:600;font-size:.9rem}.coins-icon{color:#f59e0b}.admin-wallet-container{padding:0;min-height:100vh;background:var(--bg-primary)}.admin-wallet-header{background:var(--bg-card);border-bottom:1px solid var(--border-color);padding:var(--space-2xl);margin-bottom:var(--space-2xl)}.stat-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);min-width:200px}.stat-number{display:block;font-size:var(--font-size-lg);font-weight:700;color:var(--text-primary)}.admin-wallet-content{padding:0 var(--space-2xl) var(--space-2xl)}.controls-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2xl);flex-wrap:wrap;gap:var(--space-md)}.controls-left,.controls-right{display:flex;gap:var(--space-md)}.refresh-btn,.export-btn{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border:none;border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none}.refresh-btn:hover:not(:disabled){background:var(--bg-tertiary)}.refresh-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.export-btn{background:var(--accent-primary);color:#fff}.export-btn:hover{background:var(--accent-secondary)}.section-header{margin-bottom:var(--space-xl)}.section-header h2{margin:0 0 var(--space-xs) 0;font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary)}.section-header p{margin:0;color:var(--text-muted);font-size:var(--font-size-sm)}.transaction-count{background:var(--accent-primary);color:#fff;padding:4px 8px;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:600;margin-left:var(--space-sm)}.earnings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-lg);margin-bottom:var(--space-2xl)}.earning-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-xl);cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.earning-card:hover{box-shadow:var(--shadow-lg);border-color:var(--accent-primary);transform:translateY(-2px)}.earning-card.selected{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-primary)}.card-header{display:flex;align-items:flex-start;gap:var(--space-md);margin-bottom:var(--space-lg)}.source-icon{width:50px;height:50px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);flex-shrink:0}.source-info{flex:1;min-width:0}.source-info h3{margin:0 0 var(--space-xs) 0;font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.amount{font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary)}.card-footer{display:flex;justify-content:space-between;align-items:center}.percentage{display:flex;align-items:center;gap:var(--space-xs);color:var(--text-muted);font-size:var(--font-size-sm);font-weight:600}.percent-icon{font-size:var(--font-size-sm)}.selected-indicator{width:8px;height:8px;background:var(--accent-primary);border-radius:50%;animation:pulse 2s infinite}.transactions-section{margin-bottom:var(--space-2xl)}.transactions-table{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm)}.transactions-table-content{width:100%;border-collapse:collapse}.transactions-table-content thead{background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.transactions-table-content th{padding:var(--space-lg) var(--space-md);text-align:left;font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);white-space:nowrap}.transactions-table-content tbody tr{border-bottom:1px solid var(--border-color);transition:background-color .3s ease}.transactions-table-content tbody tr:last-child{border-bottom:none}.transactions-table-content tbody tr:hover{background:var(--bg-secondary)}.transactions-table-content td{padding:var(--space-md);font-size:var(--font-size-sm);color:var(--text-primary)}.date-cell{display:flex;align-items:center;gap:var(--space-sm);white-space:nowrap}.date-icon{color:var(--text-muted);font-size:var(--font-size-md)}.amount-cell{font-weight:600}.amount-value{color:var(--gold-color);font-weight:700}.source-cell,.order-cell,.seller-cell,.message-cell{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.source-badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:4px 8px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;text-transform:capitalize}.seller-info{display:flex;align-items:center;gap:var(--space-xs)}.seller-icon{color:var(--text-muted);font-size:var(--font-size-sm)}.admin-wallet-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl);color:var(--text-muted)}.pagination{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg) 0;border-top:1px solid var(--border-color);margin-top:var(--space-xl)}@media (max-width: 1200px){.earnings-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width: 768px){.admin-wallet-header{padding:var(--space-xl)}.header-content{flex-direction:column;align-items:stretch}.header-stats{justify-content:center}.admin-wallet-content{padding:0 var(--space-lg) var(--space-lg)}.controls-section{flex-direction:column;align-items:stretch;gap:var(--space-md)}.controls-left,.controls-right{justify-content:center}.earnings-grid{grid-template-columns:1fr}.transactions-table-content{min-width:600px}.pagination{flex-direction:column;gap:var(--space-md);text-align:center}}@media (max-width: 480px){.stat-card{min-width:100%;justify-content:center}.card-header{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.source-icon{align-self:flex-start}}.admin-dashboard-container *{margin:0;padding:0;box-sizing:border-box}.admin-dashboard-container{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f8fafc;color:#1e293b;min-height:100vh;display:flex;line-height:1.5;font-size:14px}.admin-dark-mode{background:#0f172a;color:#f1f5f9}.admin-dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:#fff;gap:1rem}.admin-dark-mode .admin-dashboard-loading{background:#0f172a}.admin-loading-spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top:3px solid #2563eb;border-radius:50%;animation:admin-spin 1s linear infinite}.admin-dark-mode .admin-loading-spinner{border-color:#334155;border-top-color:#3b82f6}@keyframes admin-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.admin-sidebar{position:fixed;top:0;left:0;height:100vh;width:280px;background:#fff;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;z-index:1000;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a}.admin-dark-mode .admin-sidebar{background:#1e293b;border-right-color:#334155}.admin-sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:999}.admin-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 1.25rem;border-bottom:1px solid #e2e8f0;min-height:70px}.admin-dark-mode .admin-sidebar-header{border-bottom-color:#334155}.admin-sidebar-brand{display:flex;align-items:center;gap:.75rem;flex:1}.admin-sidebar-logo{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.admin-brand-text{display:flex;flex-direction:column;gap:.25rem}.admin-brand-name{font-size:1.25rem;font-weight:700;color:#1e293b;line-height:1}.admin-dark-mode .admin-brand-name{color:#f1f5f9}.admin-brand-role{font-size:.75rem;color:#64748b;font-weight:500}.admin-sidebar-close{background:none;border:none;color:#64748b;cursor:pointer;padding:.5rem;border-radius:6px;transition:.15s ease;display:flex;align-items:center;justify-content:center}.admin-sidebar-close:hover{background:#f1f5f9;color:#1e293b}.admin-dark-mode .admin-sidebar-close:hover{background:#334155;color:#f1f5f9}.admin-sidebar-content{flex:1;display:flex;flex-direction:column;padding:1rem 0;overflow-y:auto}.admin-sidebar-nav{flex:1;display:flex;flex-direction:column;gap:.5rem;padding:0 .75rem}.admin-nav-item{position:relative;display:flex;align-items:center;gap:.75rem;padding:.75rem;background:none;border:none;border-radius:8px;color:#64748b;cursor:pointer;transition:.15s ease;text-decoration:none;width:100%;text-align:left}.admin-nav-item:hover{background:#f1f5f9;color:#1e293b}.admin-dark-mode .admin-nav-item:hover{background:#334155;color:#f1f5f9}.admin-nav-active{background:#2563eb1a;color:#2563eb;font-weight:500}.admin-nav-icon{display:flex;align-items:center;justify-content:center;font-size:1.25rem;width:24px;height:24px;flex-shrink:0}.admin-nav-text{font-size:.875rem;font-weight:500;white-space:nowrap;flex:1}.admin-sidebar-footer{padding:1rem .75rem;border-top:1px solid #e2e8f0;margin-top:auto}.admin-dark-mode .admin-sidebar-footer{border-top-color:#334155}.admin-profile{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.admin-profile-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.admin-profile-info{display:flex;flex-direction:column;gap:.125rem;flex:1;min-width:0}.admin-profile-name{font-size:.875rem;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-dark-mode .admin-profile-name{color:#f1f5f9}.admin-profile-role{font-size:.75rem;font-weight:500}.admin-logout-btn{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;color:#dc2626;cursor:pointer;transition:.15s ease;font-size:.875rem;font-weight:500}.admin-logout-btn:hover{background:#dc2626;color:#fff;border-color:#dc2626}.admin-main-content{flex:1;margin-left:0;min-height:100vh;display:flex;flex-direction:column}.admin-top-bar{height:70px;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;position:sticky;top:0;z-index:100;box-shadow:0 1px 2px #0000000d}.admin-dark-mode .admin-top-bar{background:#1e293b;border-bottom-color:#334155}.admin-top-left{display:flex;align-items:center;gap:1rem}.admin-sidebar-toggle{background:none;border:none;color:#64748b;cursor:pointer;padding:.5rem;border-radius:6px;transition:.15s ease;display:flex;align-items:center;justify-content:center}.admin-sidebar-toggle:hover{background:#f1f5f9;color:#1e293b}.admin-dark-mode .admin-sidebar-toggle:hover{background:#334155;color:#f1f5f9}.admin-breadcrumb h1{font-size:1.5rem;font-weight:700;color:#1e293b;display:flex;align-items:center;gap:.75rem}.admin-dark-mode .admin-breadcrumb h1{color:#f1f5f9}.admin-breadcrumb p{font-size:.875rem;color:#64748b;margin-top:.25rem}.admin-super-badge{font-size:.625rem;font-weight:800;color:#000;padding:.25rem .5rem;border-radius:20px;text-transform:uppercase;letter-spacing:.05em}.admin-top-right{display:flex;align-items:center;gap:1rem}.admin-search-bar{position:relative;display:flex;align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:.5rem .75rem;min-width:280px;transition:.15s ease}.admin-dark-mode .admin-search-bar{background:#334155;border-color:#475569}.admin-search-bar:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.admin-search-icon{color:#64748b;margin-right:.5rem;font-size:1rem}.admin-search-bar input{background:none;border:none;outline:none;color:#1e293b;font-size:.875rem;width:100%}.admin-dark-mode .admin-search-bar input{color:#f1f5f9}.admin-search-bar input::placeholder{color:#94a3b8}.admin-notifications-btn{position:relative;background:none;border:none;color:#64748b;cursor:pointer;padding:.5rem;border-radius:6px;transition:.15s ease;display:flex;align-items:center;justify-content:center}.admin-notifications-btn:hover{background:#f1f5f9;color:#1e293b}.admin-dark-mode .admin-notifications-btn:hover{background:#334155;color:#f1f5f9}.admin-notification-badge{position:absolute;top:0;right:0;background:#dc2626;color:#fff;font-size:.625rem;font-weight:700;padding:.125rem .375rem;border-radius:10px;border:2px solid #ffffff;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center}.admin-dark-mode .admin-notification-badge{border-color:#1e293b}.admin-user-badge{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.admin-dark-mode .admin-user-badge{background:#334155;border-color:#475569}.admin-badge-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem}.admin-badge-info{display:flex;flex-direction:column;gap:.125rem}.admin-badge-role{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.admin-badge-status{font-size:.625rem;color:#10b981;font-weight:600}.admin-content-area{flex:1;padding:1.5rem;overflow-y:auto}.admin-super-banner,.admin-role-banner{padding:1.5rem;border-radius:12px;margin-bottom:2rem;display:flex;align-items:center;justify-content:space-between}.admin-super-banner{color:#000}.admin-role-banner{color:#1e293b}.admin-dark-mode .admin-role-banner{color:#f1f5f9}.admin-banner-content{display:flex;align-items:center;gap:1rem}.admin-banner-icon,.admin-role-icon{font-size:2rem}.admin-banner-content h3{font-size:1.25rem;font-weight:700;margin-bottom:.25rem}.admin-banner-content p{font-size:.875rem;opacity:.9}.admin-add-admin-btn{display:flex;align-items:center;gap:.5rem;background:#0003;color:inherit;border:none;padding:.75rem 1.25rem;border-radius:8px;cursor:pointer;font-weight:600;transition:.15s ease}.admin-add-admin-btn:hover{background:#0000004d;transform:translateY(-1px)}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem}.admin-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:.3s ease;box-shadow:0 1px 2px #0000000d}.admin-dark-mode .admin-stat-card{background:#1e293b;border-color:#334155}.admin-stat-card:hover{box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-2px)}.admin-stat-icon{width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.admin-stat-content{flex:1}.admin-stat-content h3{font-size:1.75rem;font-weight:800;color:#1e293b;line-height:1;margin-bottom:.25rem}.admin-dark-mode .admin-stat-content h3{color:#f1f5f9}.admin-stat-content span{font-size:.875rem;color:#64748b;display:block;margin-bottom:.5rem}.admin-stat-change{display:flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:600}.admin-stat-change.up{color:#10b981}.admin-stat-change.down{color:#dc2626}.admin-chart-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 1px 2px #0000000d}.admin-dark-mode .admin-chart-section{background:#1e293b;border-color:#334155}.admin-chart-container{height:300px;position:relative}.admin-dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:2rem;align-items:start}.admin-modules-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;box-shadow:0 1px 2px #0000000d}.admin-dark-mode .admin-modules-section{background:#1e293b;border-color:#334155}.admin-section-header{margin-bottom:1.5rem}.admin-section-header h2{font-size:1.25rem;font-weight:700;color:#1e293b;margin-bottom:.25rem}.admin-dark-mode .admin-section-header h2{color:#f1f5f9}.admin-section-header p{font-size:.875rem;color:#64748b}.admin-users-count{font-size:.875rem;color:#64748b;font-weight:500}.admin-modules-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.admin-module-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1.25rem;cursor:pointer;transition:.3s ease;display:flex;align-items:center;gap:1rem;position:relative;overflow:hidden}.admin-dark-mode .admin-module-card{background:#334155;border-color:#475569}.admin-module-card:hover{border-color:#2563eb;transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a}.admin-module-icon{width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.admin-module-content{flex:1}.admin-module-content h3{font-size:1rem;font-weight:600;color:#1e293b;margin-bottom:.25rem}.admin-dark-mode .admin-module-content h3{color:#f1f5f9}.admin-module-content p{font-size:.75rem;color:#64748b;line-height:1.4}.admin-module-arrow{color:#94a3b8;font-size:1rem;transition:.15s ease}.admin-module-card:hover .admin-module-arrow{color:#2563eb;transform:translate(2px)}.admin-right-sidebar{display:flex;flex-direction:column;gap:1.5rem}.admin-users-section,.admin-activities-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;box-shadow:0 1px 2px #0000000d}.admin-dark-mode .admin-users-section,.admin-dark-mode .admin-activities-section{background:#1e293b;border-color:#334155}.admin-users-list{display:flex;flex-direction:column;gap:.75rem}.admin-user-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#f8fafc;border-radius:8px;transition:.15s ease}.admin-dark-mode .admin-user-item{background:#334155}.admin-user-item:hover{background:#f1f5f9}.admin-dark-mode .admin-user-item:hover{background:#475569}.admin-user-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;flex-shrink:0}.admin-user-info{flex:1;display:flex;flex-direction:column;gap:.125rem;min-width:0}.admin-user-info strong{font-size:.875rem;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-dark-mode .admin-user-info strong{color:#f1f5f9}.admin-user-role{font-size:.75rem;font-weight:600;text-transform:capitalize}.admin-user-actions{display:flex;align-items:center;gap:.5rem}.admin-status-btn{width:28px;height:28px;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.75rem;transition:.15s ease}.admin-status-btn:hover{transform:scale(1.1)}.admin-activities-list{display:flex;flex-direction:column;gap:.75rem}.admin-activity-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#f8fafc;border-radius:8px;transition:.15s ease}.admin-dark-mode .admin-activity-item{background:#334155}.admin-activity-item:hover{background:#f1f5f9}.admin-dark-mode .admin-activity-item:hover{background:#475569}.admin-activity-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;flex-shrink:0}.admin-activity-content{flex:1;display:flex;flex-direction:column;gap:.125rem}.admin-activity-content p{font-size:.75rem;color:#1e293b;line-height:1.4}.admin-dark-mode .admin-activity-content p{color:#f1f5f9}.admin-activity-content strong{font-weight:600}.admin-activity-content span{font-size:.625rem;color:#94a3b8}.admin-view-all-btn{background:none;border:none;font-size:.875rem;font-weight:600;cursor:pointer;transition:.15s ease}.admin-view-all-btn:hover{opacity:.8}.admin-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem}.admin-add-modal{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a;width:100%;max-width:480px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.admin-dark-mode .admin-add-modal{background:#1e293b}.admin-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #e2e8f0}.admin-dark-mode .admin-modal-header{border-bottom-color:#334155}.admin-modal-header h3{font-size:1.25rem;font-weight:700;color:#1e293b}.admin-dark-mode .admin-modal-header h3{color:#f1f5f9}.admin-modal-header button{background:none;border:none;color:#64748b;cursor:pointer;padding:.5rem;border-radius:6px;transition:.15s ease;display:flex;align-items:center;justify-content:center}.admin-modal-header button:hover{background:#f1f5f9;color:#1e293b}.admin-dark-mode .admin-modal-header button:hover{background:#334155;color:#f1f5f9}.admin-modal-content{padding:1.5rem;flex:1;overflow-y:auto}.admin-form-group{margin-bottom:1.5rem}.admin-form-group label{display:block;font-size:.875rem;font-weight:600;color:#1e293b;margin-bottom:.5rem}.admin-dark-mode .admin-form-group label{color:#f1f5f9}.admin-form-group input,.admin-form-group select{width:100%;padding:.75rem;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#1e293b;font-size:.875rem;transition:.15s ease}.admin-dark-mode .admin-form-group input,.admin-dark-mode .admin-form-group select{background:#334155;border-color:#475569;color:#f1f5f9}.admin-form-group input:focus,.admin-form-group select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.admin-permissions-info{background:#f8fafc;border-radius:8px;padding:1rem;margin-top:1.5rem}.admin-dark-mode .admin-permissions-info{background:#334155}.admin-permissions-info h4{font-size:.875rem;font-weight:600;color:#1e293b;margin-bottom:.75rem}.admin-dark-mode .admin-permissions-info h4{color:#f1f5f9}.admin-permissions-info ul{list-style:none;display:flex;flex-direction:column;gap:.5rem}.admin-permissions-info li{font-size:.75rem;color:#64748b;padding-left:1rem;position:relative}.admin-permissions-info li:before{content:"•";position:absolute;left:0;color:#2563eb}.admin-modal-actions{display:flex;gap:.75rem;padding:1.5rem;border-top:1px solid #e2e8f0}.admin-dark-mode .admin-modal-actions{border-top-color:#334155}.admin-modal-actions button{flex:1;padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:.15s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.admin-cancel-btn{background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0}.admin-cancel-btn:hover{background:#e2e8f0;color:#1e293b}.admin-dark-mode .admin-cancel-btn{background:#334155;border-color:#475569;color:#94a3b8}.admin-dark-mode .admin-cancel-btn:hover{background:#475569;color:#f1f5f9}.admin-confirm-btn{color:#fff}.admin-confirm-btn:disabled{opacity:.6;cursor:not-allowed}.admin-confirm-btn:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}@media (max-width: 1024px){.admin-dashboard-grid{grid-template-columns:1fr;gap:1.5rem}.admin-modules-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width: 768px){.admin-main-content{margin-left:0}.admin-sidebar{transform:translate(-100%)}.admin-stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.admin-top-right{gap:.75rem}.admin-search-bar{min-width:200px}.admin-user-badge .admin-badge-info{display:none}}@media (max-width: 640px){.admin-content-area{padding:1rem}.admin-stats-grid,.admin-modules-grid{grid-template-columns:1fr}.admin-top-right{gap:.5rem}.admin-search-bar{min-width:150px}.admin-super-banner,.admin-role-banner{flex-direction:column;gap:1rem;text-align:center}.admin-banner-content{flex-direction:column;text-align:center}.admin-modal-actions{flex-direction:column}}@media (max-width: 480px){.admin-top-bar{padding:0 1rem}.admin-breadcrumb h1{font-size:1.25rem}.admin-search-bar{display:none}.admin-stat-card,.admin-chart-section,.admin-modules-section,.admin-users-section,.admin-activities-section{padding:1rem}}:root{--primary-color: #6366f1;--primary-dark: #4f46e5;--primary-light: #8b5cf6;--accent-primary: #10b981;--accent-secondary: #f59e0b;--accent-danger: #ef4444;--accent-warning: #f59e0b;--accent-success: #10b981;--accent-info: #3b82f6;--bg-primary: #0f0f23;--bg-secondary: #1a1b2e;--bg-tertiary: #252641;--bg-card: rgba(255, 255, 255, .05);--bg-hover: rgba(255, 255, 255, .08);--text-primary: #ffffff;--text-secondary: #a0a0c0;--text-muted: #6b6b8a;--text-disabled: #4a4a6a;--border-color: rgba(255, 255, 255, .1);--border-light: rgba(255, 255, 255, .05);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 8px 32px rgba(0, 0, 0, .4);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .5);--gradient-primary: linear-gradient(135deg, var(--primary-color), var(--primary-light));--gradient-card: linear-gradient(145deg, var(--bg-secondary), var(--bg-tertiary));--gradient-glow: linear-gradient(135deg, rgba(99, 102, 241, .1), rgba(139, 92, 246, .05));--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 50%;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease}.user-management-container{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-family);padding:var(--space-xl)}.user-management-header{margin-bottom:var(--space-2xl)}.header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-xl)}.header-title{display:flex;align-items:center;gap:var(--space-lg)}.header-icon{width:48px;height:48px;padding:var(--space-md);background:var(--gradient-primary);border-radius:var(--radius-lg);color:#fff}.header-title h1{font-size:2.25rem;font-weight:var(--font-weight-bold);margin:0;background:linear-gradient(135deg,var(--text-primary),var(--text-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-title p{color:var(--text-secondary);margin:var(--space-xs) 0 0 0;font-size:1.1rem}.header-stats{display:flex;gap:var(--space-lg)}.stat-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);backdrop-filter:blur(10px);min-width:160px}.stat-icon{width:32px;height:32px;padding:var(--space-sm);background:var(--gradient-glow);border-radius:var(--radius-md);color:var(--primary-color)}.stat-number{display:block;font-size:1.5rem;font-weight:var(--font-weight-bold);color:var(--text-primary)}.stat-label{display:block;font-size:.875rem;color:var(--text-secondary);margin-top:var(--space-xs)}.controls-section{display:flex;gap:var(--space-lg);margin-bottom:var(--space-xl);flex-wrap:wrap}.search-bar{position:relative;flex:1;min-width:300px}.search-icon{position:absolute;left:var(--space-lg);top:50%;transform:translateY(-50%);color:var(--text-muted);width:20px;height:20px}.search-bar input{width:100%;padding:var(--space-lg) var(--space-lg) var(--space-lg) 3rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-size:1rem;transition:all var(--transition-normal);backdrop-filter:blur(10px)}.search-bar input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a;background:var(--bg-secondary)}.search-bar input::placeholder{color:var(--text-muted)}.filter-controls{display:flex;gap:var(--space-md)}.filter-group{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);backdrop-filter:blur(10px)}.filter-icon{color:var(--text-muted);width:18px;height:18px}.filter-select{background:transparent;border:none;color:var(--text-primary);font-size:.95rem;cursor:pointer;outline:none;min-width:150px}.filter-select option{background:var(--bg-secondary);color:var(--text-primary)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl);color:var(--text-secondary)}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top:3px solid var(--primary-color);border-radius:var(--radius-full);animation:spin 1s linear infinite;margin-bottom:var(--space-lg)}.empty-state{text-align:center;padding:var(--space-2xl);color:var(--text-secondary)}.empty-icon{width:64px;height:64px;color:var(--text-muted);margin-bottom:var(--space-lg)}.empty-state h3{color:var(--text-primary);margin-bottom:var(--space-sm);font-weight:var(--font-weight-semibold)}.users-grid{margin-bottom:var(--space-xl)}.users-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:var(--space-lg)}.user-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--space-xl);transition:all var(--transition-normal);backdrop-filter:blur(10px);position:relative;overflow:hidden}.user-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-normal)}.user-card:hover:before{opacity:1}.user-card:hover{border-color:var(--border-color);transform:translateY(-4px);box-shadow:var(--shadow-lg);background:var(--bg-hover)}.user-header{display:flex;align-items:flex-start;gap:var(--space-lg);margin-bottom:var(--space-lg)}.user-avatar{width:56px;height:56px;border-radius:var(--radius-lg);background:var(--gradient-glow);display:flex;align-items:center;justify-content:center;color:var(--primary-color);font-size:1.5rem;flex-shrink:0}.user-basic-info{flex:1;min-width:0}.user-basic-info h3{margin:0 0 var(--space-xs) 0;font-size:1.25rem;font-weight:var(--font-weight-semibold);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-basic-info p{margin:0;color:var(--text-secondary);font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-status{flex-shrink:0}.status-badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:.75rem;font-weight:var(--font-weight-medium);backdrop-filter:blur(10px)}.user-details{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-lg)}.detail-item{display:flex;align-items:center;gap:var(--space-md);color:var(--text-secondary);font-size:.9rem}.detail-icon{width:16px;height:16px;color:var(--text-muted);flex-shrink:0}.store-info{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.store-badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:2px 8px;border-radius:var(--radius-full);font-size:.7rem;font-weight:var(--font-weight-medium)}.user-actions{display:flex;gap:var(--space-sm);flex-wrap:wrap}.action-btn{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);font-size:.85rem;font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);flex:1;min-width:120px;justify-content:center;position:relative;overflow:hidden}.action-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left var(--transition-slow)}.action-btn:hover:before{left:100%}.action-btn:hover{border-color:currentColor;transform:translateY(-1px)}.action-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.action-btn.ban{color:var(--accent-danger);border-color:var(--accent-danger)}.action-btn.ban:hover{background:#ef44441a}.action-btn.unban{color:var(--accent-success);border-color:var(--accent-success)}.action-btn.unban:hover{background:#10b9811a}.action-btn.grant{color:var(--accent-info);border-color:var(--accent-info)}.action-btn.grant:hover{background:#3b82f61a}.action-btn.revoke{color:var(--accent-warning);border-color:var(--accent-warning)}.action-btn.revoke:hover{background:#f59e0b1a}.action-btn.grant-premium{color:var(--accent-secondary);border-color:var(--accent-secondary)}.action-btn.grant-premium:hover{background:#f59e0b1a}.action-btn.revoke-premium{color:var(--text-muted);border-color:var(--text-muted)}.action-btn.revoke-premium:hover{background:#6b6b8a1a}.action-btn.verify-store{color:var(--accent-success);border-color:var(--accent-success)}.action-btn.verify-store:hover{background:#10b9811a}.action-btn.unverify-store{color:var(--accent-warning);border-color:var(--accent-warning)}.action-btn.unverify-store:hover{background:#f59e0b1a}.loading-dots:before{content:"";width:6px;height:6px;border-radius:var(--radius-full);background:currentColor;animation:bounce 1.4s ease-in-out infinite both}.loading-dots:after{content:"";width:6px;height:6px;border-radius:var(--radius-full);background:currentColor;animation:bounce 1.4s ease-in-out .2s infinite both}.loading-dots{position:relative}.loading-dots:before{position:absolute;left:-10px}.loading-dots:after{position:absolute;right:-10px}.pagination{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg) 0;border-top:1px solid var(--border-light);margin-top:var(--space-xl)}.pagination-btn{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-normal);backdrop-filter:blur(10px)}.pagination-btn:hover:not(:disabled){border-color:var(--primary-color);background:var(--bg-hover);transform:translateY(-1px)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.pagination-info{display:flex;align-items:center;gap:var(--space-sm);color:var(--text-secondary);font-size:.95rem}.pagination-count{color:var(--text-muted);font-size:.85rem;margin-left:var(--space-sm)}@media (max-width: 1200px){.users-list{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media (max-width: 768px){.user-management-container{padding:var(--space-lg)}.header-content{flex-direction:column;align-items:stretch;gap:var(--space-lg)}.header-stats{justify-content:center}.controls-section{flex-direction:column}.search-bar{min-width:auto}.users-list{grid-template-columns:1fr}.user-header{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.user-status{align-self:flex-start}.user-actions{flex-direction:column}.action-btn{min-width:auto}.pagination{flex-direction:column;gap:var(--space-lg);text-align:center}}@media (max-width: 480px){.user-management-container{padding:var(--space-md)}.header-title h1{font-size:1.75rem}.header-icon{width:40px;height:40px;padding:var(--space-sm)}.stat-card{padding:var(--space-md);min-width:auto;flex:1}.user-card{padding:var(--space-lg)}}.user-management-container::-webkit-scrollbar{width:8px}.user-management-container::-webkit-scrollbar-track{background:var(--bg-secondary)}.user-management-container::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full)}.user-management-container::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.store-oversight-container{padding:0 0 64px;min-height:100vh;background:var(--bg-primary)}.store-oversight-header{background:var(--bg-card);border-bottom:1px solid var(--border-color);padding:var(--space-2xl);margin-bottom:var(--space-2xl)}.store-oversight-content{padding:0 var(--space-2xl) var(--space-2xl);min-height:calc(100vh - 144px)}.request-count,.store-count{background:var(--accent-primary);color:#fff;padding:4px 8px;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:600}.store-oversight-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl);color:var(--text-muted);padding-bottom:64px}.requests-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:var(--space-lg);margin-bottom:var(--space-2xl)}.request-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-xl);transition:all .3s ease;box-shadow:var(--shadow-sm)}.request-card:hover{box-shadow:var(--shadow-lg);border-color:var(--warning-color)}.request-header{display:flex;align-items:flex-start;gap:var(--space-md);margin-bottom:var(--space-lg)}.store-avatar{width:50px;height:50px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--warning-color),var(--orange-color));display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-size-lg);flex-shrink:0}.request-info{flex:1;min-width:0}.request-info h3{margin:0 0 4px;font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.request-info p{margin:0;color:var(--text-secondary);font-size:var(--font-size-sm)}.request-status{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#f59e0b1a;color:var(--warning-color);border-radius:var(--radius-lg);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.request-details{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-lg)}.detail-item{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);color:var(--text-secondary)}.detail-icon{color:var(--text-muted);font-size:var(--font-size-md);flex-shrink:0}.document-links{display:flex;flex-direction:column;gap:var(--space-xs);margin-top:var(--space-sm)}.doc-link{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);text-decoration:none;font-size:var(--font-size-sm);transition:all .3s ease}.doc-link:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.request-actions{display:flex;gap:var(--space-sm)}.approve-btn,.reject-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border:none;border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all .3s ease;min-height:40px}.approve-btn{background:#10b9811a;color:var(--success-color);border:1px solid rgba(16,185,129,.2)}.approve-btn:hover:not(:disabled){background:var(--success-color);color:#fff}.reject-btn{background:#ef44441a;color:var(--danger-color);border:1px solid rgba(239,68,68,.2)}.reject-btn:hover:not(:disabled){background:var(--danger-color);color:#fff}.approve-btn:disabled,.reject-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.stores-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--space-lg);margin-bottom:var(--space-2xl)}.store-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-xl);transition:all .3s ease;box-shadow:var(--shadow-sm)}.store-card:hover{box-shadow:var(--shadow-lg);border-color:var(--accent-primary)}.store-header{display:flex;align-items:flex-start;gap:var(--space-md);margin-bottom:var(--space-lg)}.store-info{flex:1;min-width:0}.store-info h3{margin:0 0 4px;font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.store-info p{margin:0;color:var(--text-secondary);font-size:var(--font-size-sm)}.store-status{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-lg);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.store-details{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-lg);padding:var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-lg)}.store-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.store-actions button{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border:none;border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all .3s ease;min-height:40px}.store-actions button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.view-btn{background:#3b82f61a;color:var(--accent-primary);border:1px solid rgba(59,130,246,.2)}.view-btn:hover:not(:disabled){background:var(--accent-primary);color:#fff}.status-btn.activate{background:#10b9811a;color:var(--success-color);border:1px solid rgba(16,185,129,.2)}.status-btn.activate:hover:not(:disabled){background:var(--success-color);color:#fff}.status-btn.deactivate{background:#ef44441a;color:var(--danger-color);border:1px solid rgba(239,68,68,.2)}.status-btn.deactivate:hover:not(:disabled){background:var(--danger-color);color:#fff}.verify-btn.verify{background:#f59e0b1a;color:var(--warning-color);border:1px solid rgba(245,158,11,.2)}.verify-btn.verify:hover:not(:disabled){background:var(--warning-color);color:#fff}.verify-btn.unverify{background:#6b72801a;color:var(--gray-color);border:1px solid rgba(107,114,128,.2)}.verify-btn.unverify:hover:not(:disabled){background:var(--gray-color);color:#fff}.pagination{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg) 0;border-top:1px solid var(--border-color);margin-bottom:64px}.store-modal-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:var(--space-2xl) var(--space-2xl) calc(var(--space-2xl) + 64px)}.store-modal{background:var(--bg-card);border-radius:var(--radius-2xl);padding:var(--space-2xl);width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-2xl);border:1px solid var(--border-color);margin-bottom:64px}.modal-content{display:flex;flex-direction:column;gap:var(--space-xl)}.store-detail-section h4{margin:0 0 var(--space-md) 0;font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.detail-item{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-sm);background:var(--bg-secondary);border-radius:var(--radius-lg)}.detail-item strong{color:var(--text-primary);font-weight:600;min-width:120px}.detail-item span{color:var(--text-secondary);text-align:right;flex:1}.no-documents{color:var(--text-muted);font-style:italic;text-align:center;padding:var(--space-lg)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:64px;background:var(--bg-card);border-top:1px solid var(--border-color);box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:space-around;z-index:900;padding:0 var(--space-md)}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all .3s ease;padding:var(--space-sm);flex:1;text-align:center}.bottom-nav-item:hover,.bottom-nav-item.active{color:var(--accent-primary)}.bottom-nav-item i,.bottom-nav-item svg{font-size:var(--font-size-lg)}.bottom-nav-item span{font-size:var(--font-size-xs);white-space:nowrap}@media (max-width: 1200px){.requests-grid,.stores-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media (max-width: 768px){.store-oversight-header{padding:var(--space-xl)}.header-content{flex-direction:column;align-items:stretch}.header-stats{justify-content:center}.store-oversight-content{padding:0 var(--space-lg) 64px;min-height:calc(100vh - 128px)}.tab-buttons{flex-direction:column}.tab-btn{justify-content:center}.requests-grid,.stores-grid,.request-actions,.store-actions{grid-template-columns:1fr}.pagination{flex-direction:column;gap:var(--space-md);text-align:center;margin-bottom:64px}.store-modal{margin:var(--space-lg);padding:var(--space-xl);margin-bottom:64px}.bottom-nav{display:flex}}@media (max-width: 480px){.request-header,.store-header{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.request-status,.store-status{align-self:flex-start}.stat-card{min-width:100%;justify-content:center}.detail-item{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.detail-item span{text-align:left}.store-oversight-container,.store-oversight-content{padding-bottom:56px}.store-oversight-content{min-height:calc(100vh - 120px)}.store-oversight-loading{padding-bottom:56px}.store-modal-overlay{padding-bottom:calc(var(--space-2xl) + 56px)}.store-modal{margin-bottom:56px}.bottom-nav{height:56px}.bottom-nav-item{padding:var(--space-xs)}.bottom-nav-item span{font-size:.65rem}.pagination{margin-bottom:56px}}@media (min-width: 769px){.bottom-nav{display:none}}@media (prefers-reduced-motion: reduce){.tab-btn,.request-card,.store-card,.pagination-btn,.approve-btn,.reject-btn,.store-actions button,.bottom-nav-item{transition:none}}.product-moderation-container{padding:0;min-height:100vh;background:var(--bg-primary)}.product-moderation-header{background:var(--bg-card);border-bottom:1px solid var(--border-color);padding:var(--space-2xl);margin-bottom:var(--space-2xl)}.product-moderation-content{padding:0 var(--space-2xl) var(--space-2xl)}.tabs-section{margin-bottom:var(--space-2xl)}.tab-buttons{display:flex;gap:var(--space-sm);flex-wrap:wrap}.tab-btn{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.tab-btn:hover{background:var(--bg-tertiary);border-color:var(--accent-primary);color:var(--text-primary)}.tab-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.controls-section{margin-bottom:var(--space-2xl)}.search-bar{position:relative;max-width:400px}.product-count{background:var(--accent-primary);color:#fff;padding:4px 8px;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:600;margin-left:var(--space-sm)}.section-actions{display:flex;gap:var(--space-md)}.create-campaign-btn,.refresh-btn,.create-flashsale-btn{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border:none;border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all .3s ease}.create-campaign-btn{background:var(--accent-primary);color:#fff}.create-campaign-btn:hover{background:var(--accent-secondary)}.create-flashsale-btn{background:linear-gradient(135deg,#ff6b35,#ff8e53);color:#fff}.create-flashsale-btn:hover{background:linear-gradient(135deg,#ff8e53,#ff6b35);transform:translateY(-2px);box-shadow:0 4px 12px #ff6b354d}.refresh-btn{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary)}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-lg);margin-bottom:var(--space-2xl)}.product-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);overflow:hidden;transition:all .3s ease;box-shadow:var(--shadow-sm)}.product-card:hover{box-shadow:var(--shadow-lg);border-color:var(--accent-primary)}.product-card.flagged{border-color:var(--danger-color);box-shadow:0 0 0 1px var(--danger-color)}.product-media{position:relative;height:200px;overflow:hidden}.product-media img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.product-card:hover .product-media img{transform:scale(1.05)}.product-badges{position:absolute;top:var(--space-sm);left:var(--space-sm);display:flex;flex-direction:column;gap:var(--space-xs);align-items:flex-start}.status-badge,.promoted-badge,.flashsale-badge,.discount-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.3px}.promoted-badge{background:#f59e0b1a;color:var(--gold-color)}.flashsale-badge{background:#ff6b351a;color:#ff6b35}.discount-badge{background:var(--danger-color);color:#fff}.product-content{padding:var(--space-lg)}.product-title{margin:0 0 var(--space-sm) 0;font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);line-height:1.3}.product-description{margin:0 0 var(--space-md) 0;color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.4}.product-meta{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-lg)}.price-section{display:flex;align-items:center;gap:var(--space-sm)}.price{font-size:var(--font-size-lg);font-weight:700;color:var(--text-primary)}.original-price{font-size:var(--font-size-sm);color:var(--text-muted);text-decoration:line-through}.category{display:flex;align-items:center;gap:var(--space-xs);color:var(--text-muted);font-size:var(--font-size-sm)}.meta-icon{font-size:var(--font-size-sm)}.product-actions{display:flex;flex-direction:column;gap:var(--space-sm)}.status-actions,.promo-actions{display:flex;gap:var(--space-sm)}.action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-xs);border:none;border-radius:var(--radius-lg);font-size:var(--font-size-xs);font-weight:600;cursor:pointer;transition:all .3s ease;min-height:32px}.action-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.action-btn.flag{background:#f59e0b1a;color:var(--warning-color);border:1px solid rgba(245,158,11,.2)}.action-btn.flag:hover:not(:disabled){background:var(--warning-color);color:#fff}.action-btn.unflag{background:#10b9811a;color:var(--success-color);border:1px solid rgba(16,185,129,.2)}.action-btn.unflag:hover:not(:disabled){background:var(--success-color);color:#fff}.action-btn.approve{background:#10b9811a;color:var(--success-color);border:1px solid rgba(16,185,129,.2)}.action-btn.approve:hover:not(:disabled){background:var(--success-color);color:#fff}.action-btn.reject{background:#ef44441a;color:var(--danger-color);border:1px solid rgba(239,68,68,.2)}.action-btn.reject:hover:not(:disabled){background:var(--danger-color);color:#fff}.action-btn.promote{background:#3b82f61a;color:var(--accent-primary);border:1px solid rgba(59,130,246,.2)}.action-btn.promote:hover:not(:disabled){background:var(--accent-primary);color:#fff}.action-btn.unpromote{background:#ef44441a;color:var(--danger-color);border:1px solid rgba(239,68,68,.2)}.action-btn.unpromote:hover:not(:disabled){background:var(--danger-color);color:#fff}.action-btn.edit-promo{background:#6b72801a;color:var(--gray-color);border:1px solid rgba(107,114,128,.2)}.action-btn.edit-promo:hover:not(:disabled){background:var(--gray-color);color:#fff}.action-btn.create-flashsale{background:#ff6b351a;color:#ff6b35;border:1px solid rgba(255,107,53,.2)}.action-btn.create-flashsale:hover:not(:disabled){background:#ff6b35;color:#fff}.action-btn.end-flashsale{background:#ef44441a;color:var(--danger-color);border:1px solid rgba(239,68,68,.2)}.action-btn.end-flashsale:hover:not(:disabled){background:var(--danger-color);color:#fff}.promo-info,.flashsale-info{display:flex;align-items:center;gap:var(--space-xs);margin-top:var(--space-sm);padding:var(--space-xs) var(--space-sm);background:var(--bg-secondary);border-radius:var(--radius-lg);font-size:var(--font-size-xs);color:var(--text-muted)}.promo-icon{color:var(--gold-color)}.flashsale-icon{color:#ff6b35}.promo-end,.flashsale-end{color:var(--text-muted);font-size:var(--font-size-xs)}.flashsales-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--space-lg);margin-bottom:var(--space-2xl)}.flashsale-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);overflow:hidden;transition:all .3s ease;box-shadow:var(--shadow-sm)}.flashsale-card:hover{box-shadow:var(--shadow-lg);border-color:#ff6b35}.flashsale-card.expired{border-color:var(--danger-color);opacity:.7}.flashsale-media{position:relative;height:200px;overflow:hidden}.flashsale-media img{width:100%;height:100%;object-fit:cover}.flashsale-badges{position:absolute;top:var(--space-sm);left:var(--space-sm);display:flex;flex-direction:column;gap:var(--space-xs);align-items:flex-start}.flashsale-badges .badge{padding:4px 8px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.3px}.flashsale-badges .badge.discount{background:var(--danger-color);color:#fff}.flashsale-badges .badge.featured{background:#f59e0b1a;color:var(--gold-color)}.flashsale-badges .badge.expired{background:var(--danger-color);color:#fff}.stock-progress{position:absolute;bottom:0;left:0;right:0;background:#000c;padding:var(--space-sm);color:#fff}.progress-bar{width:100%;height:6px;background:#ffffff4d;border-radius:3px;overflow:hidden;margin-bottom:var(--space-xs)}.progress-fill{height:100%;background:var(--success-color);transition:width .3s ease}.stock-info{display:flex;justify-content:space-between;font-size:var(--font-size-xs);opacity:.9}.flashsale-content{padding:var(--space-lg)}.flashsale-content h3{margin:0 0 var(--space-xs) 0;font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);line-height:1.3}.flashsale-category{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-md);opacity:.8}.flashsale-content .price-section{margin-bottom:var(--space-md)}.flash-price{font-size:var(--font-size-xl);font-weight:700;color:var(--danger-color)}.flashsale-details{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-lg)}.flashsale-details .detail-item{display:flex;align-items:center;gap:var(--space-xs);color:var(--text-muted);font-size:var(--font-size-sm)}.flashsale-details .detail-item.time-remaining{color:var(--warning-color);font-weight:600}.detail-icon{color:var(--text-muted);font-size:var(--font-size-sm)}.flashsale-actions{display:flex;gap:var(--space-sm)}.flashsale-actions .edit-btn,.flashsale-actions .view-btn,.flashsale-actions .delete-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-xs);border:none;border-radius:var(--radius-lg);font-size:var(--font-size-xs);font-weight:600;cursor:pointer;transition:all .3s ease;min-height:32px}.flashsale-actions .edit-btn{background:#3b82f61a;color:var(--accent-primary);border:1px solid rgba(59,130,246,.2)}.flashsale-actions .edit-btn:hover{background:var(--accent-primary);color:#fff}.flashsale-actions .view-btn{background:#10b9811a;color:var(--success-color);border:1px solid rgba(16,185,129,.2)}.flashsale-actions .view-btn:hover{background:var(--success-color);color:#fff}.flashsale-actions .delete-btn{background:#ef44441a;color:var(--danger-color);border:1px solid rgba(239,68,68,.2)}.flashsale-actions .delete-btn:hover:not(:disabled){background:var(--danger-color);color:#fff}.promotions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-lg);margin-bottom:var(--space-2xl)}.promo-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);overflow:hidden;transition:all .3s ease;box-shadow:var(--shadow-sm)}.promo-card:hover{box-shadow:var(--shadow-lg);border-color:var(--accent-primary)}.promo-media{position:relative;height:160px;overflow:hidden}.promo-media img{width:100%;height:100%;object-fit:cover}.promo-badges{position:absolute;top:var(--space-sm);left:var(--space-sm);display:flex;gap:var(--space-xs);flex-wrap:wrap}.badge{padding:4px 8px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.3px}.badge.linked{background:#3b82f61a;color:var(--accent-primary)}.badge.external{background:#8b5cf61a;color:var(--accent-secondary)}.badge.featured{background:#f59e0b1a;color:var(--gold-color)}.promo-content{padding:var(--space-lg)}.promo-content h3{margin:0 0 var(--space-xs) 0;font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.promo-tagline{margin:0 0 var(--space-md) 0;color:var(--text-secondary);font-size:var(--font-size-sm)}.promo-details{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-lg)}.promo-details .detail-item{display:flex;align-items:center;gap:var(--space-xs);color:var(--text-muted);font-size:var(--font-size-sm)}.promo-actions{display:flex;gap:var(--space-sm)}.edit-btn,.delete-btn,.visit-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-xs);border:none;border-radius:var(--radius-lg);font-size:var(--font-size-xs);font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;min-height:32px}.edit-btn{background:#3b82f61a;color:var(--accent-primary);border:1px solid rgba(59,130,246,.2)}.edit-btn:hover{background:var(--accent-primary);color:#fff}.delete-btn{background:#ef44441a;color:var(--danger-color);border:1px solid rgba(239,68,68,.2)}.visit-btn{background:#10b9811a;color:var(--success-color);border:1px solid rgba(16,185,129,.2)}.visit-btn:hover{background:var(--success-color);color:#fff}.promotion-modal,.flashsale-modal{background:var(--bg-card);border-radius:var(--radius-2xl);padding:var(--space-2xl);width:100%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-2xl);border:1px solid var(--border-color)}.flashsale-modal{max-width:600px}.modal-content{margin-bottom:var(--space-xl)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-lg)}.form-group{display:flex;flex-direction:column;gap:var(--space-sm)}.form-group.full-width{grid-column:1 / -1}.form-group label{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary)}.form-group input,.form-group select,.form-group textarea{padding:var(--space-md);border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-secondary);color:var(--text-primary);font-size:var(--font-size-sm);transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #3b82f61a}.form-group input.readonly,.form-group select:disabled{background:var(--bg-secondary);cursor:not-allowed;opacity:.7}.form-hint{font-size:var(--font-size-xs);color:var(--text-secondary);margin-top:var(--space-xs);display:block}.price-preview{margin-top:var(--space-xl);padding:var(--space-lg);background:var(--bg-secondary);border-radius:var(--radius-lg);border-left:4px solid var(--accent-primary)}.price-preview h4{margin:0 0 var(--space-md) 0;color:var(--text-primary);font-size:var(--font-size-md)}.preview-prices{display:flex;flex-direction:column;gap:var(--space-sm)}.preview-prices .original{color:var(--text-secondary);text-decoration:line-through;font-size:var(--font-size-sm)}.preview-prices .flash{color:var(--danger-color);font-weight:600;font-size:var(--font-size-lg)}.preview-prices .savings{color:var(--success-color);font-weight:500;font-size:var(--font-size-sm)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-md);padding-top:var(--space-lg);border-top:1px solid var(--border-color)}.cancel-btn,.submit-btn{padding:var(--space-md) var(--space-xl);border:none;border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all .3s ease;min-width:120px}.cancel-btn{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.cancel-btn:hover{background:var(--bg-tertiary)}.submit-btn{background:var(--accent-primary);color:#fff}.submit-btn:hover:not(:disabled){background:var(--accent-secondary)}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}@media (max-width: 1200px){.products-grid,.promotions-grid,.flashsales-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width: 768px){.product-moderation-header{padding:var(--space-xl)}.header-content{flex-direction:column;align-items:stretch}.header-stats{justify-content:center}.product-moderation-content{padding:0 var(--space-lg) var(--space-lg)}.tab-buttons{flex-direction:column}.tab-btn{justify-content:center}.section-header{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.section-actions{width:100%;justify-content:stretch}.create-campaign-btn,.create-flashsale-btn,.refresh-btn{flex:1;justify-content:center}.products-grid,.promotions-grid,.flashsales-grid{grid-template-columns:1fr}.status-actions,.promo-actions{flex-direction:column}.pagination{flex-direction:column;gap:var(--space-md);text-align:center}.modal-overlay{padding:var(--space-lg)}.promotion-modal,.flashsale-modal{margin:var(--space-lg);padding:var(--space-xl)}.form-grid{grid-template-columns:1fr}.modal-actions{flex-direction:column}.cancel-btn,.submit-btn{width:100%}}@media (max-width: 480px){.stat-card{min-width:100%;justify-content:center}.product-badges,.flashsale-badges{flex-direction:row;flex-wrap:wrap}}.message-monitoring-container{padding:0;min-height:100vh;background:var(--bg-primary)}.message-monitoring-header{background:var(--bg-card);border-bottom:1px solid var(--border-color);padding:var(--space-2xl);margin-bottom:var(--space-2xl)}.header-content{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:var(--space-xl)}.header-title{display:flex;align-items:center;gap:var(--space-lg);flex:1}.header-icon{font-size:2.5rem;color:var(--accent-primary);background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-title h1{margin:0;font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary);background:linear-gradient(135deg,var(--text-primary),var(--text-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-title p{margin:4px 0 0;color:var(--text-muted);font-size:var(--font-size-sm)}.header-stats{display:flex;gap:var(--space-lg);flex-wrap:wrap}.stat-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);min-width:160px}.stat-icon{font-size:var(--font-size-2xl);color:var(--accent-primary)}.stat-number{display:block;font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary)}.stat-label{font-size:var(--font-size-sm);color:var(--text-muted)}.message-monitoring-content{padding:0 var(--space-2xl) var(--space-2xl)}.filters-section{margin-bottom:var(--space-2xl)}.filter-controls{display:flex;flex-direction:column;gap:var(--space-lg)}.search-bar{position:relative;max-width:500px}.search-icon{position:absolute;left:var(--space-lg);top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:var(--font-size-md)}.search-bar input{width:100%;padding:var(--space-md) var(--space-md) var(--space-md) var(--space-3xl);border:1px solid var(--border-color);border-radius:var(--radius-xl);background:var(--bg-secondary);color:var(--text-primary);font-size:var(--font-size-sm);transition:all .3s ease}.search-bar input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #3b82f61a}.filter-buttons{display:flex;gap:var(--space-sm);flex-wrap:wrap}.filter-btn{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.filter-btn:hover{background:var(--bg-tertiary);border-color:var(--accent-primary);color:var(--text-primary)}.filter-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-xl);flex-wrap:wrap;gap:var(--space-md)}.section-header h2{margin:0;font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary)}.message-count{background:var(--accent-primary);color:#fff;padding:4px 8px;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:600;margin-left:var(--space-sm)}.refresh-btn{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all .3s ease}.refresh-btn:hover{background:var(--bg-tertiary)}.message-monitoring-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl);color:var(--text-muted)}.loading-spinner{width:40px;height:40px;border:3px solid var(--bg-tertiary);border-left:3px solid var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--space-lg)}.loading-dots{display:flex;gap:4px}.loading-dots:before{content:"";width:4px;height:4px;border-radius:50%;background:currentColor;animation:bounce 1.4s infinite ease-in-out}.loading-dots:after{content:"";width:4px;height:4px;border-radius:50%;background:currentColor;animation:bounce 1.4s infinite ease-in-out .2s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl);text-align:center;color:var(--text-muted)}.empty-icon{font-size:4rem;margin-bottom:var(--space-lg);opacity:.5}.empty-state h3{margin:0 0 var(--space-sm) 0;color:var(--text-secondary);font-size:var(--font-size-xl)}.empty-state p{margin:0;font-size:var(--font-size-sm)}.messages-list{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-2xl)}.message-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-lg);transition:all .3s ease;box-shadow:var(--shadow-sm)}.message-card:hover{box-shadow:var(--shadow-lg);border-color:var(--accent-primary)}.message-card.flagged{border-color:var(--danger-color);box-shadow:0 0 0 1px var(--danger-color)}.message-card.owner{border-left:4px solid var(--warning-color)}.message-card.customer{border-left:4px solid var(--accent-primary)}.message-header{display:flex;align-items:flex-start;gap:var(--space-md);margin-bottom:var(--space-md)}.sender-avatar{width:44px;height:44px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);flex-shrink:0}.message-info{flex:1;min-width:0}.sender-details{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-xs);flex-wrap:wrap}.sender-role{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary)}.store-id{font-size:var(--font-size-sm);color:var(--text-muted);background:var(--bg-secondary);padding:2px 8px;border-radius:var(--radius-sm)}.message-time{display:flex;align-items:center;gap:var(--space-xs);color:var(--text-muted);font-size:var(--font-size-xs)}.time-icon{font-size:var(--font-size-sm)}.time-ago{font-weight:600}.full-time{display:none}.message-time:hover .full-time{display:inline}.message-time:hover .time-ago{display:none}.message-actions{display:flex;gap:var(--space-xs);flex-shrink:0}.flag-btn,.view-btn,.delete-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:var(--radius-lg);font-size:var(--font-size-md);cursor:pointer;transition:all .3s ease}.flag-btn{background:#f59e0b1a;color:var(--warning-color)}.flag-btn:hover:not(:disabled){background:var(--warning-color);color:#fff}.flag-btn.flagged{background:#10b9811a;color:var(--success-color)}.flag-btn.flagged:hover:not(:disabled){background:var(--success-color);color:#fff}.view-btn{background:#3b82f61a;color:var(--accent-primary)}.view-btn:hover{background:var(--accent-primary);color:#fff}.delete-btn{background:#ef44441a;color:var(--danger-color)}.delete-btn:hover:not(:disabled){background:var(--danger-color);color:#fff}.flag-btn:disabled,.delete-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.message-content{margin-bottom:var(--space-md)}.message-content p{margin:0;color:var(--text-primary);font-size:var(--font-size-sm);line-height:1.5;word-wrap:break-word}.flagged-indicator{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-lg);color:var(--danger-color);font-size:var(--font-size-sm);font-weight:600}.pagination{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg) 0;border-top:1px solid var(--border-color)}.pagination-btn{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all .3s ease}.pagination-btn:hover:not(:disabled){background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{display:flex;align-items:center;gap:var(--space-sm);color:var(--text-secondary);font-size:var(--font-size-sm)}.pagination-count{color:var(--text-muted);font-size:var(--font-size-xs)}.modal-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:var(--space-2xl)}.message-modal{background:var(--bg-card);border-radius:var(--radius-2xl);padding:var(--space-2xl);width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-2xl);border:1px solid var(--border-color)}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:1px solid var(--border-color)}.modal-header h3{margin:0;font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary)}.close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:var(--bg-secondary);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;transition:all .3s ease}.close-btn:hover{background:var(--danger-color);color:var(--text-light)}.modal-content{display:flex;flex-direction:column;gap:var(--space-xl);margin-bottom:var(--space-xl)}.message-detail-section h4{margin:0 0 var(--space-md) 0;font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.detail-grid{display:flex;flex-direction:column;gap:var(--space-sm)}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm);background:var(--bg-secondary);border-radius:var(--radius-lg)}.detail-item strong{color:var(--text-primary);font-weight:600}.detail-item span{color:var(--text-secondary)}.role-badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:4px 8px;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:600}.role-badge.owner{background:#f59e0b1a;color:var(--warning-color)}.role-badge.customer{background:#3b82f61a;color:var(--accent-primary)}.message-content-detail{padding:var(--space-lg);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.message-content-detail p{margin:0;color:var(--text-primary);line-height:1.6;font-size:var(--font-size-sm)}.flagged-warning{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-lg);color:var(--danger-color)}.warning-icon{font-size:var(--font-size-2xl);flex-shrink:0}.flagged-warning div{flex:1}.flagged-warning strong{display:block;margin-bottom:4px;font-size:var(--font-size-sm)}.flagged-warning p{margin:0;font-size:var(--font-size-sm);opacity:.8}.modal-actions{display:flex;gap:var(--space-md);padding-top:var(--space-lg);border-top:1px solid var(--border-color)}.flag-action-btn,.delete-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border:none;border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all .3s ease}.flag-action-btn.flag{background:#f59e0b1a;color:var(--warning-color);border:1px solid rgba(245,158,11,.2)}.flag-action-btn.flag:hover:not(:disabled){background:var(--warning-color);color:#fff}.flag-action-btn.unflag{background:#10b9811a;color:var(--success-color);border:1px solid rgba(16,185,129,.2)}.flag-action-btn.unflag:hover:not(:disabled){background:var(--success-color);color:#fff}.delete-action-btn{background:#ef44441a;color:var(--danger-color);border:1px solid rgba(239,68,68,.2)}.delete-action-btn:hover:not(:disabled){background:var(--danger-color);color:#fff}.flag-action-btn:disabled,.delete-action-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}@media (max-width: 768px){.message-monitoring-header{padding:var(--space-xl)}.header-content{flex-direction:column;align-items:stretch}.header-stats{justify-content:center}.message-monitoring-content{padding:0 var(--space-lg) var(--space-lg)}.filter-buttons{flex-direction:column}.filter-btn{justify-content:center}.section-header{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.refresh-btn{width:100%;justify-content:center}.message-header{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.message-actions{align-self:flex-end}.pagination{flex-direction:column;gap:var(--space-md);text-align:center}.modal-overlay{padding:var(--space-lg)}.message-modal{margin:var(--space-lg);padding:var(--space-xl)}.detail-item{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.modal-actions{flex-direction:column}}@media (max-width: 480px){.stat-card{min-width:100%;justify-content:center}.sender-details{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.message-actions{align-self:stretch;justify-content:space-between}.flag-btn,.view-btn,.delete-btn{flex:1}}.premium-system-settings{--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--success-gradient: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--warning-gradient: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--danger-gradient: linear-gradient(135deg, #ff6b6b 0%, #ffa726 100%);--premium-gradient: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);--dark-gradient: linear-gradient(135deg, #2c3e50 0%, #3498db 100%);--glass-bg: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .2);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .1);--premium-shadow: 0 20px 40px rgba(0, 0, 0, .15);--glow-effect: 0 0 20px rgba(59, 130, 246, .3);--text-primary: #1f2937;--text-secondary: #6b7280;--text-muted: #9ca3af;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--border-color: #e5e7eb;min-height:100vh;background:var(--bg-secondary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;position:relative;overflow-x:hidden}.premium-system-settings.dark-mode{--text-primary: #f9fafb;--text-secondary: #d1d5db;--text-muted: #9ca3af;--bg-primary: #111827;--bg-secondary: #1f2937;--bg-tertiary: #374151;--border-color: #4b5563;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1)}.background-elements{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.floating-shape{position:absolute;border-radius:50%;background:var(--primary-gradient);opacity:.1;animation:float 6s ease-in-out infinite}.shape-1{width:200px;height:200px;top:10%;left:5%;animation-delay:0s}.shape-2{width:150px;height:150px;top:60%;right:10%;background:var(--success-gradient);animation-delay:2s}.shape-3{width:100px;height:100px;bottom:20%;left:15%;background:var(--warning-gradient);animation-delay:4s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}.system-settings-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:2rem}.premium-spinner{position:relative;width:80px;height:80px}.spinner-ring{width:100%;height:100%;border:4px solid transparent;border-top:4px solid #3b82f6;border-right:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}.spinner-glow{position:absolute;inset:-10px;border-radius:50%;background:conic-gradient(from 0deg,#3b82f6,#8b5cf6,#ec4899,#3b82f6);filter:blur(20px);opacity:.3;animation:spin 2s linear infinite}.premium-header{background:var(--bg-primary);border-bottom:1px solid var(--border-color);padding:2rem 0;position:relative;z-index:10}.header-content{max-width:1400px;margin:0 auto;padding:0 2rem}.header-main{display:flex;align-items:center;justify-content:space-between;margin-bottom:3rem}.header-title{display:flex;align-items:center;gap:1.5rem}.header-icon-3d{width:80px;height:80px;background:var(--primary-gradient);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff;box-shadow:var(--premium-shadow);position:relative;overflow:hidden}.header-icon-3d:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:rotate(45deg);animation:shine 3s infinite}@keyframes shine{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.header-title h1{font-size:2.5rem;font-weight:800;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 .5rem}.header-title p{margin:0;color:var(--text-secondary);font-size:1.1rem}.premium-refresh-btn{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:var(--primary-gradient);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;box-shadow:var(--premium-shadow);transition:all .3s ease}.premium-refresh-btn:hover{transform:translateY(-2px);box-shadow:0 15px 30px #3b82f666}.premium-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.stat-card-3d{background:var(--glass-bg);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:20px;padding:2rem;position:relative;overflow:hidden;transition:all .3s ease}.stat-card-3d:hover{transform:translateY(-5px);box-shadow:var(--premium-shadow)}.stat-glow{position:absolute;inset:0;background:var(--primary-gradient);opacity:0;transition:opacity .3s ease;border-radius:20px}.stat-card-3d:hover .stat-glow{opacity:.1}.stat-icon-3d{width:60px;height:60px;background:var(--primary-gradient);border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;margin-bottom:1rem;box-shadow:var(--premium-shadow)}.stat-content{position:relative;z-index:2}.stat-number{font-size:2.5rem;font-weight:800;color:var(--text-primary);line-height:1;margin-bottom:.5rem}.stat-label{font-size:.875rem;color:var(--text-secondary);font-weight:600;margin-bottom:.5rem}.stat-trend{font-size:.75rem;color:#10b981;font-weight:600}.stat-breakdown{display:flex;gap:1rem;font-size:.75rem}.stat-breakdown span{padding:.25rem .75rem;background:var(--bg-tertiary);border-radius:12px;color:var(--text-secondary)}.stat-progress{margin-top:.5rem}.progress-bar{width:100%;height:6px;background:var(--bg-tertiary);border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:var(--success-gradient);border-radius:3px;transition:width 1s ease}.stat-badge{padding:.25rem .75rem;background:#ef4444;color:#fff;border-radius:12px;font-size:.75rem;font-weight:600}.stat-badge.live{background:#10b981;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.premium-content{max-width:1400px;margin:0 auto;padding:2rem;position:relative;z-index:5}.premium-tabs{display:flex;gap:.5rem;margin-bottom:3rem;background:var(--glass-bg);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:16px;padding:.5rem;box-shadow:var(--glass-shadow)}.premium-tab-btn{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:transparent;border:none;color:var(--text-secondary);font-weight:600;cursor:pointer;border-radius:12px;transition:all .3s ease;position:relative;overflow:hidden}.premium-tab-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--primary-gradient);transition:left .3s ease;z-index:-1}.premium-tab-btn:hover:before{left:0}.premium-tab-btn:hover{color:#fff;transform:translateY(-2px)}.premium-tab-btn.active{background:var(--primary-gradient);color:#fff;box-shadow:var(--premium-shadow)}.tab-badge{padding:.25rem .5rem;background:#8b5cf6;color:#fff;border-radius:8px;font-size:.75rem;font-weight:700}.premium-tab-content{margin-bottom:3rem}.broadcast-layout-3d{display:grid;grid-template-columns:1fr 400px;gap:2rem;align-items:start}.compose-panel-3d{background:var(--glass-bg);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:24px;overflow:hidden;box-shadow:var(--premium-shadow)}.panel-header{padding:2rem 2rem 1rem;border-bottom:1px solid var(--glass-border)}.panel-header h3{margin:0;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.header-actions{display:flex;gap:1rem;margin-top:1rem}.preview-toggle-3d{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;color:var(--text-secondary);cursor:pointer;transition:all .3s ease}.preview-toggle-3d:hover{background:var(--primary-gradient);color:#fff;transform:translateY(-2px)}.compose-form-3d{padding:2rem}.form-group-3d{margin-bottom:2rem}.form-group-3d label{display:block;margin-bottom:.75rem;font-weight:600;color:var(--text-primary);font-size:.875rem}.input-container-3d,.textarea-container-3d{position:relative}.premium-input,.premium-textarea,.premium-select{width:100%;padding:1.25rem 1.5rem;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:16px;color:var(--text-primary);font-size:.875rem;transition:all .3s ease;box-shadow:var(--glass-shadow)}.premium-input:focus,.premium-textarea:focus,.premium-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a,var(--premium-shadow)}.premium-textarea{resize:vertical;min-height:150px;line-height:1.6}.input-glow,.textarea-glow{position:absolute;inset:0;background:var(--primary-gradient);border-radius:16px;opacity:0;transition:opacity .3s ease;z-index:-1}.premium-input:focus~.input-glow,.premium-textarea:focus~.textarea-glow{opacity:.1}.form-grid-3d{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.delivery-options-3d{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.checkbox-option-3d{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:var(--bg-tertiary);border:2px solid transparent;border-radius:16px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.checkbox-option-3d:hover{border-color:#3b82f6;transform:translate(5px)}.checkbox-option-3d input[type=checkbox]{display:none}.checkbox-design{width:20px;height:20px;border:2px solid var(--border-color);border-radius:6px;position:relative;transition:all .3s ease}.checkbox-option-3d input[type=checkbox]:checked+.checkbox-design{background:var(--primary-gradient);border-color:transparent}.checkbox-option-3d input[type=checkbox]:checked+.checkbox-design:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.checkbox-option-3d svg{font-size:1.25rem;color:var(--text-secondary)}.actions-panel-3d{display:flex;flex-direction:column;gap:2rem;position:sticky;top:2rem}.target-section-3d{background:var(--glass-bg);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:20px;padding:2rem;box-shadow:var(--premium-shadow)}.target-section-3d h4{margin:0 0 1.5rem;font-size:1.25rem;font-weight:700;color:var(--text-primary)}.target-options-3d{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.target-option-3d{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:var(--bg-tertiary);border:2px solid transparent;border-radius:16px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.target-option-3d:hover{border-color:#3b82f6;transform:translateY(-2px)}.target-option-3d input[type=radio]{display:none}.option-design{width:20px;height:20px;border:2px solid var(--border-color);border-radius:50%;position:relative;transition:all .3s ease}.target-option-3d input[type=radio]:checked+.option-design{border-color:#3b82f6}.target-option-3d input[type=radio]:checked+.option-design:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;background:#3b82f6;border-radius:50%}.target-option-3d svg{font-size:1.5rem;color:var(--text-secondary)}.option-title{font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.option-desc{font-size:.875rem;color:var(--text-secondary)}.user-type-selection{margin-top:1.5rem}.user-type-selection label{display:block;margin-bottom:1rem;font-weight:600;color:var(--text-primary)}.user-type-options{display:grid;grid-template-columns:1fr;gap:.75rem}.user-type-btn{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:var(--bg-tertiary);border:2px solid transparent;border-radius:12px;color:var(--text-secondary);cursor:pointer;transition:all .3s ease;font-weight:500}.user-type-btn:hover{border-color:var(--color);transform:translate(5px)}.user-type-btn.active{background:var(--color);color:#fff;box-shadow:0 5px 15px color-mix(in srgb,var(--color) 30%,transparent)}.user-selection-3d{margin-top:1.5rem}.search-box-3d{position:relative;margin-bottom:1rem}.search-box-3d svg{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-muted)}.search-box-3d input{width:100%;padding:1rem 1rem 1rem 2.5rem;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:.875rem;transition:all .3s ease}.search-box-3d input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.user-list-3d{max-height:300px;overflow-y:auto;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-primary)}.user-item-3d{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);cursor:pointer;transition:all .3s ease}.user-item-3d:last-child{border-bottom:none}.user-item-3d:hover{background:var(--bg-tertiary)}.user-item-3d.selected{background:var(--primary-gradient);color:#fff}.user-avatar-3d{width:40px;height:40px;background:var(--bg-tertiary);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:var(--text-secondary);flex-shrink:0}.user-item-3d.selected .user-avatar-3d{background:#fff3;color:#fff}.user-name{font-weight:600;margin-bottom:.25rem}.user-email{font-size:.875rem;color:var(--text-secondary);margin-bottom:.25rem}.user-item-3d.selected .user-email{color:#fffc}.user-type{font-size:.75rem;padding:.25rem .5rem;background:var(--bg-tertiary);border-radius:8px;color:var(--text-secondary)}.user-item-3d.selected .user-type{background:#fff3;color:#fff}.preview-section-3d{background:var(--glass-bg);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:20px;padding:2rem;box-shadow:var(--premium-shadow)}.preview-section-3d h4{margin:0 0 1.5rem;font-size:1.25rem;font-weight:700;color:var(--text-primary)}.notification-preview-3d{background:var(--bg-primary);border-radius:16px;overflow:hidden;box-shadow:var(--premium-shadow)}.preview-header-3d{padding:1.5rem;color:#fff;display:flex;align-items:center;gap:1rem}.preview-icon-3d{font-size:1.5rem}.preview-title-3d{flex:1;display:flex;align-items:center;justify-content:space-between}.preview-title-3d strong{font-size:1.125rem}.priority-badge-3d{padding:.5rem 1rem;border-radius:20px;font-size:.75rem;font-weight:700;color:#fff;text-transform:uppercase}.preview-content-3d{padding:1.5rem}.preview-content-3d p{margin:0;color:var(--text-primary);line-height:1.6}.preview-footer-3d{padding:1rem 1.5rem;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:space-between;font-size:.875rem;color:var(--text-secondary)}.delivery-badges-3d{display:flex;gap:.5rem}.delivery-badges-3d svg{font-size:1rem}.premium-send-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:1.5rem 2rem;background:var(--primary-gradient);color:#fff;border:none;border-radius:16px;font-size:1.125rem;font-weight:700;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:var(--premium-shadow)}.premium-send-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 20px 40px #3b82f666}.premium-send-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.send-glow{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease}.premium-send-btn:hover .send-glow{left:100%}.templates-3d{padding:2rem 0}.templates-header{text-align:center;margin-bottom:3rem}.templates-header h2{font-size:2.5rem;font-weight:800;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 1rem}.templates-header p{font-size:1.125rem;color:var(--text-secondary);margin:0}.templates-grid-3d{display:flex;flex-direction:column;gap:3rem}.template-category-3d{margin-bottom:2rem}.category-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 1.5rem;padding-left:1rem;border-left:4px solid #3b82f6}.template-cards-3d{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.template-card-3d{background:var(--glass-bg);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:24px;overflow:hidden;cursor:pointer;transition:all .3s ease;position:relative}.template-glow{position:absolute;inset:0;background:var(--primary-gradient);opacity:0;transition:opacity .3s ease;border-radius:24px}.template-card-3d:hover .template-glow{opacity:.1}.template-header-3d{padding:2rem;color:#fff;position:relative;overflow:hidden}.template-icon-3d{font-size:2rem;margin-bottom:1rem}.template-header-3d h4{margin:0 0 1rem;font-size:1.25rem;font-weight:700}.template-badge{padding:.5rem 1rem;background:#fff3;border-radius:20px;font-size:.75rem;font-weight:700;backdrop-filter:blur(10px)}.template-content-3d{padding:1.5rem 2rem}.template-content-3d p{margin:0;color:var(--text-primary);line-height:1.6}.template-footer-3d{padding:1.5rem 2rem;background:var(--bg-tertiary)}.use-template-btn-3d{width:100%;padding:1rem 2rem;background:var(--primary-gradient);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease}.use-template-btn-3d:hover{transform:translateY(-2px);box-shadow:0 10px 20px #3b82f64d}.analytics-3d,.scheduled-3d{padding:4rem 2rem;text-align:center}.analytics-placeholder-3d,.scheduled-placeholder-3d{max-width:600px;margin:0 auto}.analytics-icon-3d,.scheduled-icon-3d{width:100px;height:100px;background:var(--primary-gradient);border-radius:25px;display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:#fff;margin:0 auto 2rem;box-shadow:var(--premium-shadow)}.analytics-placeholder-3d h3,.scheduled-placeholder-3d h3{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0 0 1rem}.analytics-placeholder-3d p,.scheduled-placeholder-3d p{font-size:1.125rem;color:var(--text-secondary);margin:0 0 3rem}.analytics-stats-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:2rem;margin-top:3rem}.stat-preview{background:var(--glass-bg);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:16px;padding:2rem 1rem;text-align:center}.stat-preview span:first-child{font-size:2rem;display:block;margin-bottom:1rem}.stat-preview strong{display:block;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.scheduled-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:3rem}.feature-item{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:var(--glass-bg);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:16px}.feature-item svg{font-size:1.5rem;color:#3b82f6}.feature-item span{font-weight:600;color:var(--text-primary)}.recent-announcements-3d{background:var(--glass-bg);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:24px;overflow:hidden;box-shadow:var(--premium-shadow)}.section-header-3d{padding:2rem 2rem 1rem;display:flex;align-items:center;justify-content:space-between}.section-header-3d h3{margin:0;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.header-stats{display:flex;gap:1rem}.announcement-count,.announcement-active{padding:.5rem 1rem;background:var(--bg-tertiary);border-radius:12px;font-size:.875rem;font-weight:600;color:var(--text-secondary)}.announcement-active{background:var(--primary-gradient);color:#fff}.empty-state-3d{padding:4rem 2rem;text-align:center}.empty-icon-3d{width:80px;height:80px;background:var(--bg-tertiary);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--text-muted);margin:0 auto 2rem}.empty-state-3d h4{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 1rem}.empty-state-3d p{font-size:1rem;color:var(--text-secondary);margin:0 0 2rem;max-width:400px;margin-left:auto;margin-right:auto}.create-first-btn{padding:1rem 2rem;background:var(--primary-gradient);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease}.create-first-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #3b82f64d}.announcements-list-3d{max-height:600px;overflow-y:auto}.announcement-item-3d{display:flex;align-items:flex-start;gap:1.5rem;padding:2rem;border-bottom:1px solid var(--glass-border);transition:all .3s ease}.announcement-item-3d:last-child{border-bottom:none}.announcement-icon-3d{width:60px;height:60px;border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;flex-shrink:0;box-shadow:var(--premium-shadow)}.announcement-content-3d{flex:1;min-width:0}.announcement-header-3d{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1rem;gap:1rem}.announcement-header-3d h4{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary);line-height:1.4}.announcement-time{font-size:.875rem;color:var(--text-secondary);white-space:nowrap;flex-shrink:0}.announcement-content-3d p{margin:0 0 1rem;color:var(--text-secondary);line-height:1.6}.announcement-meta-3d{display:flex;gap:.75rem;flex-wrap:wrap}.target-badge-3d,.user-type-badge,.priority-badge-3d{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:12px;font-size:.75rem;font-weight:600}.target-badge-3d{background:var(--bg-tertiary);color:var(--text-secondary)}.user-type-badge{background:var(--success-gradient);color:#fff}.announcement-actions-3d{display:flex;gap:.5rem;flex-shrink:0}.delete-btn-3d{width:40px;height:40px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:10px;color:#ef4444;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.delete-btn-3d:hover{background:#ef4444;color:#fff;transform:scale(1.1)}.announcements-list-3d::-webkit-scrollbar,.user-list-3d::-webkit-scrollbar{width:6px}.announcements-list-3d::-webkit-scrollbar-track,.user-list-3d::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:3px}.announcements-list-3d::-webkit-scrollbar-thumb,.user-list-3d::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.announcements-list-3d::-webkit-scrollbar-thumb:hover,.user-list-3d::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (max-width: 1200px){.broadcast-layout-3d{grid-template-columns:1fr}.actions-panel-3d{position:static}}@media (max-width: 768px){.premium-content{padding:1rem}.header-main{flex-direction:column;gap:1.5rem;text-align:center}.header-title{flex-direction:column;gap:1rem}.premium-stats-grid{grid-template-columns:1fr}.premium-tabs{flex-wrap:wrap}.premium-tab-btn{flex:1;min-width:140px;justify-content:center}.form-grid-3d,.template-cards-3d{grid-template-columns:1fr}.announcement-header-3d{flex-direction:column;align-items:flex-start;gap:.5rem}.section-header-3d{flex-direction:column;gap:1rem;align-items:flex-start}.header-stats{width:100%;justify-content:space-between}}@media (max-width: 640px){.header-content{padding:0 1rem}.header-title h1,.templates-header h2{font-size:2rem}.compose-form-3d,.target-section-3d,.preview-section-3d{padding:1.5rem}}.premium-input:focus-visible,.premium-textarea:focus-visible,.premium-select:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}*{transition:background-color .3s ease,border-color .3s ease,color .3s ease}.glass-effect{background:var(--glass-bg);backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.premium-3d-card{transform-style:preserve-3d;perspective:1000px}.premium-3d-card:hover{transform:translateY(-10px) rotateX(5deg)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #3b82f64d}50%{box-shadow:0 0 30px #3b82f699}}.premium-header{animation:fadeInUp .8s ease-out}.premium-tabs{animation:slideInLeft .6s ease-out}.text-gradient{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glow-effect{box-shadow:var(--glow-effect);animation:pulseGlow 2s infinite}.hover-lift:hover{transform:translateY(-5px);transition:transform .3s ease}.premium-system-settings.dark-mode .premium-input,.premium-system-settings.dark-mode .premium-textarea,.premium-system-settings.dark-mode .premium-select{background:var(--bg-tertiary);border-color:var(--border-color)}.premium-system-settings.dark-mode .premium-input:focus,.premium-system-settings.dark-mode .premium-textarea:focus,.premium-system-settings.dark-mode .premium-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.premium-system-settings.dark-mode{color-scheme:dark}.premium-system-settings.dark-mode .text-primary{color:var(--text-primary)!important}.premium-system-settings.dark-mode .text-secondary{color:var(--text-secondary)!important}.premium-system-settings ::-webkit-scrollbar{width:8px}.premium-system-settings ::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:4px}.premium-system-settings ::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.premium-system-settings ::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media print{.premium-system-settings{background:#fff!important;color:#000!important}.premium-header,.premium-tabs,.premium-refresh-btn,.delete-btn-3d{display:none!important}}:root{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--bg-sidebar: #1e293b;--bg-card: #ffffff;--text-primary: #1e293b;--text-secondary: #64748b;--text-muted: #94a3b8;--text-light: #f8fafc;--border-color: #e2e8f0;--accent-primary: #3b82f6;--accent-secondary: #8b5cf6;--success-color: #10b981;--warning-color: #f59e0b;--danger-color: #ef4444;--info-color: #06b6d4;--gold-color: #f59e0b;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-full: 50%;--space-xs: 6px;--space-sm: 8px;--space-md: 10px;--space-lg: 12px;--space-xl: 16px;--space-2xl: 20px;--font-size-xs: .7rem;--font-size-sm: .8rem;--font-size-md: .9rem;--font-size-lg: .95rem;--font-size-xl: 1rem;--font-size-2xl: 1.1rem;--font-size-3xl: 1.25rem;--bottom-nav-height: 64px}html.dark{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--bg-sidebar: #0f172a;--bg-card: #1e293b;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--text-light: #f8fafc;--border-color: #334155}.admin-layout{display:flex;min-height:100vh;background:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,sans-serif}.admin-sidebar{background:var(--bg-sidebar);color:var(--text-light);display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:var(--bottom-nav-height);height:calc(100vh - var(--bottom-nav-height));z-index:1000;width:200px;transition:width .3s ease,transform .3s ease;box-shadow:var(--shadow-md)}.admin-sidebar.collapsed{width:56px}.admin-sidebar.open{transform:translate(0)}@media (max-width: 768px){.admin-sidebar{transform:translate(-100%)}.admin-sidebar.open{transform:translate(0);width:200px}.admin-sidebar.collapsed{width:56px;transform:translate(0)}}@media (max-width: 480px){.admin-sidebar{bottom:56px;height:calc(100vh - 56px)}}.sidebar-header{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border-bottom:1px solid rgba(255,255,255,.1)}.admin-sidebar.collapsed .sidebar-header span{display:none}.sidebar-logo{font-size:var(--font-size-lg);color:var(--accent-primary);background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-header span{font-size:var(--font-size-sm);font-weight:600;white-space:nowrap}.sidebar-nav{flex:1;padding:var(--space-xs);overflow-y:auto}.nav-item{display:flex;align-items:center;gap:var(--space-xs);width:100%;padding:var(--space-sm) var(--space-md);background:transparent;border:none;color:var(--text-light);cursor:pointer;transition:all .2s ease;border-radius:var(--radius-sm);margin-bottom:var(--space-xs);position:relative;opacity:.8;font-size:var(--font-size-xs)}.admin-sidebar.collapsed .nav-item span{display:none}.nav-item:hover{background:#ffffff1a;opacity:1;transform:translate(2px)}.nav-item.active{background:var(--accent-primary);opacity:1;box-shadow:var(--shadow-sm)}.nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(- personally);width:2px;height:40%;background:var(--text-light);border-radius:var(--radius-full)}.nav-icon{font-size:var(--font-size-sm);flex-shrink:0}.sidebar-footer{padding:var(--space-sm);border-top:1px solid rgba(255,255,255,.1)}.admin-sidebar.collapsed .sidebar-footer .profile-info,.admin-sidebar.collapsed .sidebar-footer .logout-btn span{display:none}.admin-profile{display:flex;align-items:center;gap:var(--space-xs);margin-bottom:var(--space-sm)}.profile-avatar{width:28px;height:28px;border-radius:var(--radius-full);background:var(--accent-primary);display:flex;align-items:center;justify-content:center;color:var(--text-light);font-size:var(--font-size-xs);flex-shrink:0}.profile-info{display:flex;flex-direction:column;gap:1px}.profile-name{font-weight:500;font-size:var(--font-size-xs)}.profile-role{font-size:var(--font-size-xs);opacity:.7;text-transform:uppercase;letter-spacing:.5px}.logout-btn{display:flex;align-items:center;gap:var(--space-xs);width:100%;padding:var(--space-sm);background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-sm);color:var(--danger-color);cursor:pointer;transition:all .2s ease;font-weight:500;font-size:var(--font-size-xs)}.logout-btn:hover{background:#ef444433;transform:translateY(-1px)}.admin-main{flex:1;margin-left:200px;transition:margin-left .3s ease;display:flex;flex-direction:column;min-height:calc(100vh - var(--bottom-nav-height));padding-bottom:var(--bottom-nav-height)}.admin-main.collapsed{margin-left:56px}@media (max-width: 768px){.admin-main{margin-left:0}.admin-main.collapsed{margin-left:56px}}@media (max-width: 480px){.admin-main{padding-bottom:56px}}.admin-topbar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-lg);background:var(--bg-card);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:100}.topbar-left{display:flex;align-items:center;gap:var(--space-md)}.sidebar-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:var(--bg-secondary);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all .3s ease}.sidebar-toggle:hover{background:var(--accent-primary);color:var(--text-light);transform:scale(1.05)}.breadcrumb h1{margin:0;font-size:var(--font-size-xl);font-weight:700;background:linear-gradient(135deg,var(--text-primary) 0%,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.breadcrumb p{margin:4px 0 0;color:var(--text-muted);font-size:var(--font-size-xs)}.topbar-right{display:flex;align-items:center;gap:var(--space-md)}.search-bar{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:var(--space-sm);color:var(--text-muted);font-size:var(--font-size-sm)}.search-bar input{padding:var(--space-sm) var(--space-sm) var(--space-sm) var(--space-2xl);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);font-size:var(--font-size-xs);width:240px;transition:all .3s ease}.search-bar input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #3b82f61a;width:280px}.notifications-btn{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:var(--bg-secondary);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all .3s ease}.notifications-btn:hover{background:var(--accent-primary);color:var(--text-light);transform:scale(1.05)}.admin-badge{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color)}.badge-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:var(--radius-md);color:var(--text-light);font-size:var(--font-size-sm)}.badge-info{display:flex;flex-direction:column;gap:2px}.badge-role{font-size:var(--font-size-xs);font-weight:600}.badge-status{font-size:var(--font-size-xs);color:var(--success-color);font-weight:500}.ratings-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm);margin:var(--space-xl)}.section-header{margin-bottom:var(--space-lg)}.section-header h2{margin:0;font-size:var(--font-size-md);font-weight:700;color:var(--text-primary)}.section-header p{margin:4px 0 0;color:var(--text-muted);font-size:var(--font-size-xs)}.filter-bar{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap}.filter-icon{font-size:var(--font-size-md);color:var(--text-secondary)}.filter-select{padding:var(--space-sm) var(--space-md);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);font-size:var(--font-size-xs);cursor:pointer;transition:all .2s ease}.filter-select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #3b82f61a}.export-btn{padding:var(--space-sm) var(--space-md);background:var(--gold-color);color:var(--text-primary);border:none;border-radius:var(--radius-md);font-weight:600;font-size:var(--font-size-xs);display:flex;align-items:center;gap:var(--space-xs);cursor:pointer;transition:all .2s ease}.export-btn:hover{background:var(--warning-color);transform:translateY(-1px)}.loading-container,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl);color:var(--text-muted);font-size:var(--font-size-sm)}.loading-spinner{width:32px;height:32px;border:3px solid var(--bg-tertiary);border-left:3px solid var(--accent-primary);border-radius:var(--radius-full);animation:spin 1s linear infinite;margin-bottom:var(--space-md)}@keyframes spin{to{transform:rotate(360deg)}}.ratings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-md)}.rating-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-md);box-shadow:var(--shadow-sm);display:flex;gap:var(--space-md);transition:all .3s ease}.rating-card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-md)}.product-img{width:80px;height:80px;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--border-color);flex-shrink:0}.rating-info{flex:1}.rating-info h3{margin:0 0 var(--space-xs);font-size:var(--font-size-md);font-weight:600;color:var(--text-primary)}.rating-info p{margin:var(--space-xs) 0;font-size:var(--font-size-xs);color:var(--text-secondary);display:flex;align-items:center;gap:var(--space-xs)}.button-group{margin-top:var(--space-sm);display:flex;gap:var(--space-sm);flex-wrap:wrap}.promote-btn,.reset-btn{padding:var(--space-sm) var(--space-md);border:none;border-radius:var(--radius-md);font-weight:600;font-size:var(--font-size-xs);display:flex;align-items:center;gap:var(--space-xs);cursor:pointer;transition:all .2s ease}.promote-btn{background:var(--gold-color);color:var(--text-primary)}.promote-btn:hover{background:var(--warning-color)}.promote-btn:disabled{background:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed}.reset-btn{background:var(--bg-secondary);color:var(--text-primary)}.reset-btn:hover{background:var(--border-color)}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-md);margin-top:var(--space-xl)}.pagination button{padding:var(--space-sm) var(--space-md);background:var(--accent-primary);border:none;color:var(--text-light);border-radius:var(--radius-md);font-weight:600;font-size:var(--font-size-xs);cursor:pointer;transition:all .2s ease}.pagination button:disabled{background:var(--bg-tertiary);opacity:.5;cursor:not-allowed}.pagination span{font-size:var(--font-size-xs);color:var(--text-secondary);font-weight:500}@media (max-width: 768px){.admin-main{margin-left:0}.admin-main.collapsed{margin-left:56px}.ratings-section{margin:var(--space-md)}.rating-card{flex-direction:column;align-items:center;gap:var(--space-sm)}.rating-info{text-align:center}.button-group{flex-direction:column;width:100%}.promote-btn,.reset-btn{width:100%;justify-content:center}}@media (max-width: 480px){.admin-main{padding-bottom:56px}.product-img{width:60px;height:60px}.filter-bar{flex-direction:column;align-items:flex-start}.filter-select,.export-btn{width:100%}}.ratings-grid::-webkit-scrollbar{width:4px}.ratings-grid::-webkit-scrollbar-track{background:transparent}.ratings-grid::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:2px}.ratings-grid::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@media (prefers-reduced-motion: reduce){.rating-card,.promote-btn,.reset-btn,.pagination button{transition:none}.rating-card:hover,.promote-btn:hover,.reset-btn:hover,.pagination button:hover{transform:none}}:root{--light-bg: #f9f9f9;--light-card: #ffffff;--light-text: #111111;--light-border: #ddd;--dark-bg: #0d1117;--dark-card: #161b22;--dark-text: #f0f6fc;--dark-border: #30363d;--accent: #00bcd4}.admin-installments-page{padding:2rem 1rem 7rem;background:var(--light-bg);color:var(--light-text);font-family:Poppins,sans-serif;min-height:100vh}.dark-mode .admin-installments-page{background:var(--dark-bg);color:var(--dark-text)}.admin-installments-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:2rem;gap:1rem}.admin-installments-header h2{font-size:1.6rem;font-weight:700;color:var(--accent)}.admin-installments-header select{padding:.6rem 1rem;border-radius:8px;font-size:.95rem;background:var(--light-card);border:1px solid var(--light-border);color:var(--light-text);transition:all .3s ease}.dark-mode .admin-installments-header select{background:var(--dark-card);color:var(--dark-text);border-color:var(--dark-border)}.loading{text-align:center;font-size:1rem;color:#999;margin-top:2rem}.installment-list{display:grid;gap:1.5rem}.installment-admin-card{background:var(--light-card);border:1px solid var(--light-border);border-radius:12px;padding:1.5rem;box-shadow:0 2px 10px #0000000d;transition:transform .2s ease}.installment-admin-card:hover{transform:translateY(-2px)}.dark-mode .installment-admin-card{background:var(--dark-card);border-color:var(--dark-border);box-shadow:0 0 6px #00ffff08}.installment-admin-card h4{font-size:1.2rem;font-weight:600;color:var(--accent);margin-bottom:.6rem}.installment-admin-card p{font-size:.95rem;margin:.3rem 0;line-height:1.5}.status{padding:.2rem .6rem;font-size:.75rem;border-radius:6px;font-weight:700;text-transform:capitalize;display:inline-block}.status.active{background:#e6f7ff;color:#0050b3}.status.completed{background:#d9f7be;color:#135200}.status.cancelled{background:#ffccc7;color:#a8071a}.status.processed{background:#ffd666;color:#613400}.status.shipped{background:#b7eb8f;color:#237804}.status.out_for_delivery{background:#91d5ff;color:#1d39c4}.status.delivered{background:#87e8de;color:#006d75}.progress-bar{background:#e0e0e0;border-radius:10px;height:8px;margin:.8rem 0 .6rem;overflow:hidden}.dark-mode .progress-bar{background:#444}.progress-bar .progress{height:100%;background:var(--accent);transition:width .4s ease-in-out}.actions{margin-top:1rem}.actions label{font-weight:600;margin-top:.6rem;display:block;color:inherit}.status-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.5rem}.status-actions button{background:var(--accent);color:#fff;padding:.45rem 1rem;border:none;font-size:.85rem;font-weight:600;border-radius:8px;cursor:pointer;transition:background .3s ease}.status-actions button:hover{background:#00a2b2}.dark-mode .status-actions button{background:#00acc1;color:#fff}@media (max-width: 768px){.admin-installments-page{padding:1rem 1rem 7rem}.installment-admin-card{padding:1rem}.admin-installments-header{flex-direction:column;align-items:flex-start}.status-actions{flex-direction:column;gap:.5rem}.status-actions button{width:100%}}.admin-page{padding:2rem;min-height:100vh;background:var(--bg-secondary)}.admin-page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:50vh;gap:1rem}.admin-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;gap:1rem}.back-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;transition:all .2s}.back-button:hover{background:var(--accent-primary);color:#fff}.header-content{flex:1;text-align:center}.header-content h1{margin:0;color:var(--text-primary);font-size:2rem}.header-content p{margin:.5rem 0 0;color:var(--text-secondary)}.add-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--accent-primary);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s}.add-button:hover{background:var(--accent-primary-dark);transform:translateY(-2px)}.search-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1rem}.search-bar{position:relative;flex:1;max-width:400px}.search-bar input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-primary)}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-secondary)}.stats-overview{display:flex;gap:1rem}.stat-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-primary);border-radius:8px;border:1px solid var(--border-color);color:var(--text-secondary)}.filter-section{margin-bottom:2rem}.date-filter{display:flex;align-items:center;gap:1rem}.date-filter label{color:var(--text-secondary);font-weight:500}.date-filter select{padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:var(--bg-primary);padding:1.5rem;border-radius:12px;border:1px solid var(--border-color);display:flex;align-items:center;gap:1rem;transition:all .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.stat-content h3{margin:0;font-size:1.5rem;color:var(--text-primary)}.stat-content span{color:var(--text-secondary);font-size:.9rem}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.category-card{background:var(--bg-primary);border-radius:12px;border:1px solid var(--border-color);overflow:hidden;transition:all .2s}.category-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.category-image{height:120px;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;overflow:hidden}.category-image img{width:100%;height:100%;object-fit:cover}.category-placeholder{font-size:2rem;color:var(--text-secondary)}.category-content{padding:1.5rem}.category-content h3{margin:0 0 .5rem;color:var(--text-primary)}.category-content p{margin:0;color:var(--text-secondary);font-size:.9rem;line-height:1.4}.category-actions{padding:1rem 1.5rem;border-top:1px solid var(--border-color);display:flex;gap:.5rem}.edit-btn,.delete-btn{padding:.5rem;border:none;border-radius:6px;cursor:pointer;transition:all .2s}.edit-btn{background:var(--info-color);color:#fff}.edit-btn:hover{background:var(--info-color-dark)}.delete-btn{background:var(--danger-color);color:#fff}.delete-btn:hover{background:var(--danger-color-dark)}.table-section{background:var(--bg-primary);border-radius:12px;border:1px solid var(--border-color);overflow:hidden}.table-section h2{padding:1.5rem;margin:0;border-bottom:1px solid var(--border-color);color:var(--text-primary)}.table-container{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:1rem;text-align:left;border-bottom:1px solid var(--border-color)}.data-table th{background:var(--bg-secondary);color:var(--text-secondary);font-weight:600;font-size:.9rem}.data-table tr:hover{background:var(--bg-secondary)}.user-info{display:flex;align-items:center;gap:.75rem}.user-avatar{width:40px;height:40px;border-radius:8px;background:var(--accent-primary);color:#fff;display:flex;align-items:center;justify-content:center}.user-details{display:flex;flex-direction:column}.user-details strong{color:var(--text-primary);font-size:.9rem}.user-details span{color:var(--text-secondary);font-size:.8rem}.role-badge,.type-badge,.status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500;display:inline-flex;align-items:center;gap:.25rem}.status-badge.active{background:var(--success-color)15;color:var(--success-color)}.status-badge.inactive{background:var(--danger-color)15;color:var(--danger-color)}.status-badge.pending{background:var(--warning-color)15;color:var(--warning-color)}.permissions-list{display:flex;flex-wrap:wrap;gap:.25rem}.permission-tag{padding:.2rem .5rem;background:var(--bg-secondary);color:var(--text-secondary);border-radius:4px;font-size:.7rem}.permission-tag.all{background:var(--accent-primary)15;color:var(--accent-primary)}.permission-more{color:var(--text-secondary);font-size:.7rem;font-style:italic}.action-buttons{display:flex;gap:.5rem}.status-toggle-btn{padding:.5rem;border:none;border-radius:6px;cursor:pointer;transition:all .2s}.status-toggle-btn.activate{background:var(--success-color);color:#fff}.status-toggle-btn.deactivate{background:var(--warning-color);color:#fff}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem;margin-bottom:2rem}.chart-card{background:var(--bg-primary);padding:1.5rem;border-radius:12px;border:1px solid var(--border-color)}.chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.chart-header h3{margin:0;color:var(--text-primary)}.chart-header svg{color:var(--text-secondary)}.chart-container{height:300px}.metrics-section{background:var(--bg-primary);padding:1.5rem;border-radius:12px;border:1px solid var(--border-color)}.metrics-section h2{margin:0 0 1.5rem;color:var(--text-primary)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.metric-card{text-align:center;padding:1.5rem;background:var(--bg-secondary);border-radius:8px}.metric-value{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.metric-label{color:var(--text-secondary);margin-bottom:.5rem}.metric-change{font-size:.9rem;font-weight:500}.metric-change.positive{color:var(--success-color)}.metric-change.negative{color:var(--danger-color)}.promotions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.promotion-card{background:var(--bg-primary);border-radius:12px;border:1px solid var(--border-color);overflow:hidden;transition:all .2s}.promotion-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.promotion-header{height:120px;position:relative;overflow:hidden}.promotion-image{width:100%;height:100%}.promotion-image img{width:100%;height:100%;object-fit:cover}.image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#0000001a;color:#fff;font-size:2rem}.promotion-badge{position:absolute;top:.5rem;right:.5rem;display:flex;flex-direction:column;gap:.25rem}.featured-badge{padding:.2rem .5rem;background:var(--gold-color);color:#fff;border-radius:4px;font-size:.7rem;font-weight:500}.promotion-content{padding:1.5rem}.promotion-content h3{margin:0 0 .5rem;color:var(--text-primary)}.promotion-tagline{margin:0 0 .5rem;color:var(--accent-primary);font-weight:500;font-size:.9rem}.promotion-description{margin:0 0 1rem;color:var(--text-secondary);font-size:.9rem;line-height:1.4}.product-info{margin-bottom:1rem;padding:.75rem;background:var(--bg-secondary);border-radius:6px;font-size:.9rem}.promotion-dates{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.date-item{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.8rem}.promotion-meta{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-secondary)}.promotion-actions{padding:1rem 1.5rem;border-top:1px solid var(--border-color);display:flex;gap:.5rem}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal{background:var(--bg-primary);border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.modal.large-modal{max-width:700px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--border-color)}.modal-header h2{margin:0;color:var(--text-primary)}.modal-header button{padding:.5rem;border:none;background:none;color:var(--text-secondary);cursor:pointer;border-radius:6px}.modal-header button:hover{background:var(--bg-secondary)}.modal-content{padding:1.5rem}.form-group{margin-bottom:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--text-primary);font-weight:500}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:.9rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-primary)}.checkbox-group label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.checkbox-group input[type=checkbox]{width:auto}.image-preview{margin-top:1rem;text-align:center}.image-preview img{max-width:200px;max-height:150px;border-radius:8px;border:1px solid var(--border-color)}.permissions-info{margin:1.5rem 0;padding:1rem;background:var(--bg-secondary);border-radius:8px}.permissions-info h4{margin:0 0 1rem;color:var(--text-primary)}.permissions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem}.permission-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:var(--bg-primary);border-radius:4px;font-size:.8rem;color:var(--text-secondary)}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.cancel-btn,.confirm-btn{padding:.75rem 1.5rem;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s}.cancel-btn{background:var(--bg-secondary);color:var(--text-primary)}.cancel-btn:hover{background:var(--border-color)}.confirm-btn{background:var(--accent-primary);color:#fff}.confirm-btn:hover{background:var(--accent-primary-dark)}.confirm-btn:disabled{background:var(--text-secondary);cursor:not-allowed}.empty-state{text-align:center;padding:3rem 2rem;color:var(--text-secondary)}.empty-state svg{margin-bottom:1rem;opacity:.5}.empty-state h3{margin:0 0 .5rem;color:var(--text-secondary)}.empty-state p{margin:0;font-size:.9rem}.financial-stats .stat-card{background:linear-gradient(135deg,var(--bg-primary),var(--bg-secondary))}.amount-cell{font-weight:600;color:var(--success-color)}@media (max-width: 768px){.admin-page{padding:1rem}.admin-page-header{flex-direction:column;text-align:center}.search-section{flex-direction:column}.stats-grid,.analytics-grid,.categories-grid,.promotions-grid,.form-row{grid-template-columns:1fr}.modal{margin:1rem}.table-container{font-size:.8rem}.action-buttons{flex-direction:column}}.dark-mode .admin-page{background:var(--bg-secondary)}.dark-mode .stat-card,.dark-mode .category-card,.dark-mode .promotion-card,.dark-mode .table-section,.dark-mode .metrics-section,.dark-mode .chart-card{background:var(--bg-primary);border-color:var(--border-color)}.dark-mode input,.dark-mode select,.dark-mode textarea{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}.header-actions{display:flex;gap:1rem}.status-banner{display:flex;align-items:center;gap:.5rem;padding:1rem;background:var(--info-color)15;color:var(--info-color);border-radius:8px;margin-bottom:2rem;border:1px solid var(--info-color)30}.spinning{animation:spin 1s linear infinite}.database-overview{margin-bottom:2rem}.tables-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.table-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .2s}.table-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:var(--accent-primary)}.table-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.table-header h3{margin:0;color:var(--text-primary);text-transform:capitalize;flex:1;margin-left:.75rem}.row-count{font-size:.8rem;font-weight:600}.table-actions{display:flex;gap:.5rem;justify-content:flex-end}.action-btn{padding:.5rem;border:none;border-radius:6px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.action-btn.view{background:var(--info-color);color:#fff}.action-btn.export{background:var(--success-color);color:#fff}.action-btn.danger{background:var(--danger-color);color:#fff}.action-btn:hover{transform:scale(1.1)}.query-section{background:var(--bg-primary);border-radius:12px;border:1px solid var(--border-color);padding:1.5rem;margin-bottom:2rem}.query-editor{margin-bottom:1rem}.query-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.query-header span{color:var(--text-primary);font-weight:500}.query-actions{display:flex;gap:1rem}.run-query-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--accent-primary);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .2s}.run-query-btn:disabled{background:var(--text-secondary);cursor:not-allowed}.run-query-btn:hover:not(:disabled){background:var(--accent-primary-dark)}.query-input{width:100%;padding:1rem;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);color:var(--text-primary);font-family:Courier New,monospace;resize:vertical;margin-bottom:.5rem}.query-hint{display:flex;align-items:center;gap:.5rem;color:var(--warning-color);font-size:.8rem}.query-results{margin-top:1rem;padding:1rem;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color)}.results-info{color:var(--text-secondary);font-size:.9rem;margin-bottom:1rem}.table-viewer{background:var(--bg-primary);border-radius:12px;border:1px solid var(--border-color);padding:1.5rem;margin-bottom:2rem}.viewer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.viewer-header h2{margin:0;color:var(--text-primary)}.viewer-actions{display:flex;align-items:center;gap:1rem}.table-footer{display:flex;align-items:center;gap:.5rem;padding:1rem;background:var(--warning-color)15;color:var(--warning-color);border-radius:0 0 8px 8px;font-size:.8rem}.database-stats{margin-bottom:2rem}.stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.warning-banner{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:var(--warning-color)15;color:var(--warning-color);border-radius:12px;border:1px solid var(--warning-color)30}.warning-banner strong{display:block;margin-bottom:.25rem}.warning-banner p{margin:0;font-size:.9rem;opacity:.9}@media (max-width: 768px){.header-actions{flex-direction:column;width:100%}.tables-grid{grid-template-columns:1fr}.viewer-header{flex-direction:column;gap:1rem;align-items:flex-start}.viewer-actions{flex-direction:column;width:100%}.stats-cards{grid-template-columns:1fr}.query-header{flex-direction:column;gap:1rem;align-items:flex-start}}.protected-admin-notice{background:linear-gradient(135deg,#fff9e6,#fff3d9);border:1px solid var(--gold-color);border-radius:8px;padding:12px 16px;margin:16px 0;display:flex;align-items:center;gap:12px}.protected-admin-notice .notice-icon{color:var(--gold-color);flex-shrink:0}.protected-admin-notice .notice-content{flex:1}.protected-admin-notice code{background:#ffd7001a;padding:2px 6px;border-radius:4px;color:var(--gold-color);font-weight:600}.protected-admin-row{background:#ffd70008!important;border-left:3px solid var(--gold-color)}.protected-admin-row:hover{background:#ffd70014!important}.user-avatar.protected{position:relative}.protected-badge{position:absolute;top:-2px;right:-2px;width:8px;height:8px;background:var(--gold-color);border:2px solid white;border-radius:50%}.protected-label{background:var(--gold-color);color:#fff;padding:2px 6px;border-radius:4px;font-size:.7em;margin-left:8px;font-weight:600}.action-buttons .disabled{opacity:.5;cursor:not-allowed!important}.action-buttons .protected-btn{background:#ffd7001a;color:var(--gold-color);border:1px solid rgba(255,215,0,.3)}.stats-overview .protected{color:var(--gold-color)}.status-badge.active{display:flex;align-items:center;gap:4px}.error-text{color:var(--danger-color);font-size:.8em;margin-top:4px;display:block}.admin-auth{background:linear-gradient(135deg,#1e293b,#0f172a);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;position:relative;overflow:hidden}.admin-auth:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(99,102,241,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(139,92,246,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(16,185,129,.05) 0%,transparent 50%);animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(1deg)}}.admin-auth .auth-form-container{background:#0f172acc;backdrop-filter:blur(20px);border:1px solid rgba(99,102,241,.2);border-radius:16px;padding:3rem;width:100%;max-width:420px;box-shadow:0 20px 40px #0000004d,0 0 80px #6366f11a,inset 0 1px #ffffff1a;position:relative;z-index:1}.admin-auth .auth-title{color:#f8fafc;font-size:2rem;font-weight:700;text-align:center;margin-bottom:2rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.admin-auth .auth-title:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:2px}.admin-auth .form-group{margin-bottom:1.5rem}.admin-auth .form-group label{display:block;color:#cbd5e1;font-weight:500;margin-bottom:.5rem;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.admin-auth .form-group input{width:100%;padding:12px 16px;background:#1e293b99;border:1px solid rgba(99,102,241,.3);border-radius:8px;color:#f8fafc;font-size:1rem;transition:all .3s ease}.admin-auth .form-group input::placeholder{color:#64748b}.admin-auth .form-group input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a,inset 0 1px 2px #0000001a;background:#1e293bcc}.admin-auth .form-group input:invalid{border-color:#ef4444}.admin-auth .password-wrapper{position:relative}.admin-auth .password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#64748b;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.admin-auth .password-toggle:hover{color:#f8fafc;background:#6366f11a}.admin-auth .auth-button{width:100%;padding:12px 24px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;color:#fff;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;margin-top:1rem;position:relative;overflow:hidden}.admin-auth .auth-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.admin-auth .auth-button:hover:before{left:100%}.admin-auth .auth-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6366f14d,0 0 0 1px #6366f11a}.admin-auth .auth-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.admin-auth .auth-button:disabled:before{display:none}.admin-auth .security-badge{text-align:center;margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(99,102,241,.2)}.admin-auth .security-badge .badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:20px;color:#10b981;font-size:.8rem;font-weight:500}@media (max-width: 640px){.admin-auth .auth-form-container{padding:2rem;margin:1rem}.admin-auth .auth-title{font-size:1.75rem}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.admin-auth .animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.admin-auth .error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5;padding:12px;border-radius:8px;margin-bottom:1rem;font-size:.9rem;text-align:center}.admin-auth .success-message{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:#6ee7b7;padding:12px;border-radius:8px;margin-bottom:1rem;font-size:.9rem;text-align:center}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}@theme inline{--animation-delay-0: 0s; --animation-delay-75: 75ms; --animation-delay-100: .1s; --animation-delay-150: .15s; --animation-delay-200: .2s; --animation-delay-300: .3s; --animation-delay-500: .5s; --animation-delay-700: .7s; --animation-delay-1000: 1s; --animation-repeat-0: 0; --animation-repeat-1: 1; --animation-repeat-infinite: infinite; --animation-direction-normal: normal; --animation-direction-reverse: reverse; --animation-direction-alternate: alternate; --animation-direction-alternate-reverse: alternate-reverse; --animation-fill-mode-none: none; --animation-fill-mode-forwards: forwards; --animation-fill-mode-backwards: backwards; --animation-fill-mode-both: both; --percentage-0: 0; --percentage-5: .05; --percentage-10: .1; --percentage-15: .15; --percentage-20: .2; --percentage-25: .25; --percentage-30: .3; --percentage-35: .35; --percentage-40: .4; --percentage-45: .45; --percentage-50: .5; --percentage-55: .55; --percentage-60: .6; --percentage-65: .65; --percentage-70: .7; --percentage-75: .75; --percentage-80: .8; --percentage-85: .85; --percentage-90: .9; --percentage-95: .95; --percentage-100: 1; --percentage-translate-full: 1; --animate-in: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); --animate-out: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); @keyframes enter { from { opacity: var(--tw-enter-opacity,1); transform: translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0)); filter: blur(var(--tw-enter-blur,0)); }}@keyframes exit { to { opacity: var(--tw-exit-opacity,1); transform: translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0)); filter: blur(var(--tw-exit-blur,0)); }}--animate-accordion-down: accordion-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); --animate-accordion-up: accordion-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); --animate-collapsible-down: collapsible-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); --animate-collapsible-up: collapsible-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); @keyframes accordion-down { from { height: 0; }to { height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto))))); }}@keyframes accordion-up { from { height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto))))); }to { height: 0; }}@keyframes collapsible-down { from { height: 0; }to { height: var(--radix-collapsible-content-height,var(--bits-collapsible-content-height,var(--reka-collapsible-content-height,var(--kb-collapsible-content-height,auto)))); }}@keyframes collapsible-up { from { height: var(--radix-collapsible-content-height,var(--bits-collapsible-content-height,var(--reka-collapsible-content-height,var(--kb-collapsible-content-height,auto)))); }to { height: 0; }}--animate-caret-blink: caret-blink 1.25s ease-out infinite; @keyframes caret-blink { 0%,70%,100% { opacity: 1; }20%,50% { opacity: 0; }}}@utility animation-duration-*{--tw-animation-duration: calc(--value(number)*1ms) ; --tw-animation-duration: --value(--animation-duration-*,[duration],"initial",[*]); animation-duration: calc(--value(number)*1ms) ; animation-duration: --value(--animation-duration-*,[duration],"initial",[*]);}@utility delay-*{animation-delay: calc(--value(number)*1ms) ; animation-delay: --value(--animation-delay-*,[duration],"initial",[*]); --tw-animation-delay: calc(--value(number)*1ms) ; --tw-animation-delay: --value(--animation-delay-*,[duration],"initial",[*]);}@utility repeat-*{animation-iteration-count: --value(--animation-repeat-*,number,"initial",[*]); --tw-animation-iteration-count: --value(--animation-repeat-*,number,"initial",[*]);}@utility direction-*{animation-direction: --value(--animation-direction-*,"initial",[*]); --tw-animation-direction: --value(--animation-direction-*,"initial",[*]);}@utility fill-mode-*{animation-fill-mode: --value(--animation-fill-mode-*,"initial",[*]); --tw-animation-fill-mode: --value(--animation-fill-mode-*,"initial",[*]);}@utility running{animation-play-state: running;}@utility paused{animation-play-state: paused;}@utility play-state-*{animation-play-state: --value("initial",[*]);}@utility blur-in{--tw-enter-blur: 20px;}@utility blur-in-*{--tw-enter-blur: calc(--value(number)*1px) ; --tw-enter-blur: --value(--blur-*,[*]);}@utility blur-out{--tw-exit-blur: 20px;}@utility blur-out-*{--tw-exit-blur: calc(--value(number)*1px) ; --tw-exit-blur: --value(--blur-*,[*]);}@utility fade-in{--tw-enter-opacity: 0;}@utility fade-in-*{--tw-enter-opacity: calc(--value(number)*.01) ; --tw-enter-opacity: --value(--percentage-*,[*]);}@utility fade-out{--tw-exit-opacity: 0;}@utility fade-out-*{--tw-exit-opacity: calc(--value(number)*.01) ; --tw-exit-opacity: --value(--percentage-*,[*]);}@utility zoom-in{--tw-enter-scale: 0;}@utility zoom-in-*{--tw-enter-scale: calc(--value(number)*1%) ; --tw-enter-scale: --value(ratio) ; --tw-enter-scale: --value(--percentage-*,[*]);}@utility -zoom-in-*{--tw-enter-scale: calc(--value(number)*-1%) ; --tw-enter-scale: calc(--value(ratio)*-1) ; --tw-enter-scale: --value(--percentage-*,[*]);}@utility zoom-out{--tw-exit-scale: 0;}@utility zoom-out-*{--tw-exit-scale: calc(--value(number)*1%) ; --tw-exit-scale: --value(ratio) ; --tw-exit-scale: --value(--percentage-*,[*]);}@utility -zoom-out-*{--tw-exit-scale: calc(--value(number)*-1%) ; --tw-exit-scale: calc(--value(ratio)*-1) ; --tw-exit-scale: --value(--percentage-*,[*]);}@utility spin-in{--tw-enter-rotate: 30deg;}@utility spin-in-*{--tw-enter-rotate: calc(--value(number)*1deg) ; --tw-enter-rotate: calc(--value(ratio)*360deg) ; --tw-enter-rotate: --value(--rotate-*,[*]);}@utility -spin-in{--tw-enter-rotate: -30deg;}@utility -spin-in-*{--tw-enter-rotate: calc(--value(number)*-1deg) ; --tw-enter-rotate: calc(--value(ratio)*-360deg) ; --tw-enter-rotate: --value(--rotate-*,[*]);}@utility spin-out{--tw-exit-rotate: 30deg;}@utility spin-out-*{--tw-exit-rotate: calc(--value(number)*1deg) ; --tw-exit-rotate: calc(--value(ratio)*360deg) ; --tw-exit-rotate: --value(--rotate-*,[*]);}@utility -spin-out{--tw-exit-rotate: -30deg;}@utility -spin-out-*{--tw-exit-rotate: calc(--value(number)*-1deg) ; --tw-exit-rotate: calc(--value(ratio)*-360deg) ; --tw-exit-rotate: --value(--rotate-*,[*]);}@utility slide-in-from-top{--tw-enter-translate-y: -100%;}@utility slide-in-from-top-*{--tw-enter-translate-y: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-enter-translate-y: calc(--value(ratio)*-100%) ; --tw-enter-translate-y: calc(--value(--translate-*,[percentage],[length])*-1) ;}@utility slide-in-from-bottom{--tw-enter-translate-y: 100%;}@utility slide-in-from-bottom-*{--tw-enter-translate-y: calc(--value(integer)*var(--spacing)); --tw-enter-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-enter-translate-y: calc(--value(ratio)*100%) ; --tw-enter-translate-y: --value(--translate-*,[percentage],[length]);}@utility slide-in-from-left{--tw-enter-translate-x: -100%;}@utility slide-in-from-left-*{--tw-enter-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-enter-translate-x: calc(--value(ratio)*-100%) ; --tw-enter-translate-x: calc(--value(--translate-*,[percentage],[length])*-1) ;}@utility slide-in-from-right{--tw-enter-translate-x: 100%;}@utility slide-in-from-right-*{--tw-enter-translate-x: calc(--value(integer)*var(--spacing)); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-enter-translate-x: calc(--value(ratio)*100%) ; --tw-enter-translate-x: --value(--translate-*,[percentage],[length]);}@utility slide-in-from-start{&:dir(ltr){ --tw-enter-translate-x: -100%; }&:dir(rtl){ --tw-enter-translate-x: 100%; }}@utility slide-in-from-start-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-enter-translate-x: calc(--value(ratio)*-100%) ; --tw-enter-translate-x: calc(--value(--translate-*,[percentage],[length])*-1) ; }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-enter-translate-x: calc(--value(ratio)*100%) ; --tw-enter-translate-x: --value(--translate-*,[percentage],[length]); }}@utility slide-in-from-end{&:dir(ltr){ --tw-enter-translate-x: 100%; }&:dir(rtl){ --tw-enter-translate-x: -100%; }}@utility slide-in-from-end-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-enter-translate-x: calc(--value(ratio)*100%) ; --tw-enter-translate-x: --value(--translate-*,[percentage],[length]); }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-enter-translate-x: calc(--value(ratio)*-100%) ; --tw-enter-translate-x: calc(--value(--translate-*,[percentage],[length])*-1) ; }}@utility slide-out-to-top{--tw-exit-translate-y: -100%;}@utility slide-out-to-top-*{--tw-exit-translate-y: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-exit-translate-y: calc(--value(ratio)*-100%) ; --tw-exit-translate-y: calc(--value(--translate-*,[percentage],[length])*-1) ;}@utility slide-out-to-bottom{--tw-exit-translate-y: 100%;}@utility slide-out-to-bottom-*{--tw-exit-translate-y: calc(--value(integer)*var(--spacing)); --tw-exit-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-exit-translate-y: calc(--value(ratio)*100%) ; --tw-exit-translate-y: --value(--translate-*,[percentage],[length]);}@utility slide-out-to-left{--tw-exit-translate-x: -100%;}@utility slide-out-to-left-*{--tw-exit-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-exit-translate-x: calc(--value(ratio)*-100%) ; --tw-exit-translate-x: calc(--value(--translate-*,[percentage],[length])*-1) ;}@utility slide-out-to-right{--tw-exit-translate-x: 100%;}@utility slide-out-to-right-*{--tw-exit-translate-x: calc(--value(integer)*var(--spacing)); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-exit-translate-x: calc(--value(ratio)*100%) ; --tw-exit-translate-x: --value(--translate-*,[percentage],[length]);}@utility slide-out-to-start{&:dir(ltr){ --tw-exit-translate-x: -100%; }&:dir(rtl){ --tw-exit-translate-x: 100%; }}@utility slide-out-to-start-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-exit-translate-x: calc(--value(ratio)*-100%) ; --tw-exit-translate-x: calc(--value(--translate-*,[percentage],[length])*-1) ; }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-exit-translate-x: calc(--value(ratio)*100%) ; --tw-exit-translate-x: --value(--translate-*,[percentage],[length]); }}@utility slide-out-to-end{&:dir(ltr){ --tw-exit-translate-x: 100%; }&:dir(rtl){ --tw-exit-translate-x: -100%; }}@utility slide-out-to-end-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-exit-translate-x: calc(--value(ratio)*100%) ; --tw-exit-translate-x: --value(--translate-*,[percentage],[length]); }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-exit-translate-x: calc(--value(ratio)*-100%) ; --tw-exit-translate-x: calc(--value(--translate-*,[percentage],[length])*-1) ; }}@custom-variant dark (&:is(.dark *));@tailwind base;@tailwind components;@tailwind utilities;body{margin:0;font-family:Inter,sans-serif;background-color:#fff;color:#111827}html{scroll-behavior:smooth}@theme inline{ --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); }:root{--radius: .625rem;--background: oklch(1 0 0);--foreground: oklch(.13 .028 261.692);--card: oklch(1 0 0);--card-foreground: oklch(.13 .028 261.692);--popover: oklch(1 0 0);--popover-foreground: oklch(.13 .028 261.692);--primary: oklch(.21 .034 264.665);--primary-foreground: oklch(.985 .002 247.839);--secondary: oklch(.967 .003 264.542);--secondary-foreground: oklch(.21 .034 264.665);--muted: oklch(.967 .003 264.542);--muted-foreground: oklch(.551 .027 264.364);--accent: oklch(.967 .003 264.542);--accent-foreground: oklch(.21 .034 264.665);--destructive: oklch(.577 .245 27.325);--border: oklch(.928 .006 264.531);--input: oklch(.928 .006 264.531);--ring: oklch(.707 .022 261.325);--chart-1: oklch(.646 .222 41.116);--chart-2: oklch(.6 .118 184.704);--chart-3: oklch(.398 .07 227.392);--chart-4: oklch(.828 .189 84.429);--chart-5: oklch(.769 .188 70.08);--sidebar: oklch(.985 .002 247.839);--sidebar-foreground: oklch(.13 .028 261.692);--sidebar-primary: oklch(.21 .034 264.665);--sidebar-primary-foreground: oklch(.985 .002 247.839);--sidebar-accent: oklch(.967 .003 264.542);--sidebar-accent-foreground: oklch(.21 .034 264.665);--sidebar-border: oklch(.928 .006 264.531);--sidebar-ring: oklch(.707 .022 261.325)}.dark{--background: oklch(.13 .028 261.692);--foreground: oklch(.985 .002 247.839);--card: oklch(.21 .034 264.665);--card-foreground: oklch(.985 .002 247.839);--popover: oklch(.21 .034 264.665);--popover-foreground: oklch(.985 .002 247.839);--primary: oklch(.928 .006 264.531);--primary-foreground: oklch(.21 .034 264.665);--secondary: oklch(.278 .033 256.848);--secondary-foreground: oklch(.985 .002 247.839);--muted: oklch(.278 .033 256.848);--muted-foreground: oklch(.707 .022 261.325);--accent: oklch(.278 .033 256.848);--accent-foreground: oklch(.985 .002 247.839);--destructive: oklch(.704 .191 22.216);--border: oklch(1 0 0 / 10%);--input: oklch(1 0 0 / 15%);--ring: oklch(.551 .027 264.364);--chart-1: oklch(.488 .243 264.376);--chart-2: oklch(.696 .17 162.48);--chart-3: oklch(.769 .188 70.08);--chart-4: oklch(.627 .265 303.9);--chart-5: oklch(.645 .246 16.439);--sidebar: oklch(.21 .034 264.665);--sidebar-foreground: oklch(.985 .002 247.839);--sidebar-primary: oklch(.488 .243 264.376);--sidebar-primary-foreground: oklch(.985 .002 247.839);--sidebar-accent: oklch(.278 .033 256.848);--sidebar-accent-foreground: oklch(.985 .002 247.839);--sidebar-border: oklch(1 0 0 / 10%);--sidebar-ring: oklch(.551 .027 264.364)}@layer base{*{@apply border-border outline-ring/50;}body{@apply bg-background text-foreground;}}