@charset "UTF-8";
/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 Animate.css
 */:root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}.animate__animated{animation-duration:1s;animation-duration:var(--animate-duration);animation-fill-mode:both}.animate__animated.animate__infinite{animation-iteration-count:infinite}.animate__animated.animate__repeat-1{animation-iteration-count:1;animation-iteration-count:var(--animate-repeat)}.animate__animated.animate__repeat-2{animation-iteration-count:calc(1 * 2);animation-iteration-count:calc(var(--animate-repeat) * 2)}.animate__animated.animate__repeat-3{animation-iteration-count:calc(1 * 3);animation-iteration-count:calc(var(--animate-repeat) * 3)}.animate__animated.animate__delay-1s{animation-delay:1s;animation-delay:var(--animate-delay)}.animate__animated.animate__delay-2s{animation-delay:calc(1s * 2);animation-delay:calc(var(--animate-delay) * 2)}.animate__animated.animate__delay-3s{animation-delay:calc(1s * 3);animation-delay:calc(var(--animate-delay) * 3)}.animate__animated.animate__delay-4s{animation-delay:calc(1s * 4);animation-delay:calc(var(--animate-delay) * 4)}.animate__animated.animate__delay-5s{animation-delay:calc(1s * 5);animation-delay:calc(var(--animate-delay) * 5)}.animate__animated.animate__faster{animation-duration:calc(1s / 2);animation-duration:calc(var(--animate-duration) / 2)}.animate__animated.animate__fast{animation-duration:calc(1s * .8);animation-duration:calc(var(--animate-duration) * .8)}.animate__animated.animate__slow{animation-duration:calc(1s * 2);animation-duration:calc(var(--animate-duration) * 2)}.animate__animated.animate__slower{animation-duration:calc(1s * 3);animation-duration:calc(var(--animate-duration) * 3)}@media (prefers-reduced-motion:reduce),print{.animate__animated{animation-duration:1ms!important;transition-duration:1ms!important;animation-iteration-count:1!important}.animate__animated[class*=Out]{opacity:0}}.animate__bounce{animation-name:bounce;transform-origin:center bottom}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.animate__flash{animation-name:flash}.animate__pulse{animation-name:pulse;animation-timing-function:ease-in-out}@keyframes rubberBand{0%{transform:scaleX(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleX(1)}}.animate__rubberBand{animation-name:rubberBand}@keyframes shakeX{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}.animate__shakeX{animation-name:shakeX}@keyframes shakeY{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(0,-10px,0)}20%,40%,60%,80%{transform:translate3d(0,10px,0)}}.animate__shakeY{animation-name:shakeY}@keyframes headShake{0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{transform:translateX(0)}}.animate__headShake{animation-timing-function:ease-in-out;animation-name:headShake}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}.animate__swing{transform-origin:top center;animation-name:swing}@keyframes tada{0%{transform:scaleX(1)}10%,20%{transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{transform:scaleX(1)}}.animate__tada{animation-name:tada}@keyframes wobble{0%{transform:translateZ(0)}15%{transform:translate3d(-25%,0,0) rotate(-5deg)}30%{transform:translate3d(20%,0,0) rotate(3deg)}45%{transform:translate3d(-15%,0,0) rotate(-3deg)}60%{transform:translate3d(10%,0,0) rotate(2deg)}75%{transform:translate3d(-5%,0,0) rotate(-1deg)}to{transform:translateZ(0)}}.animate__wobble{animation-name:wobble}@keyframes jello{0%,11.1%,to{transform:translateZ(0)}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{transform:skewX(.390625deg) skewY(.390625deg)}88.8%{transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.animate__jello{animation-name:jello;transform-origin:center}@keyframes heartBeat{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}.animate__heartBeat{animation-name:heartBeat;animation-duration:calc(1s * 1.3);animation-duration:calc(var(--animate-duration) * 1.3);animation-timing-function:ease-in-out}@keyframes backInDown{0%{transform:translateY(-1200px) scale(.7);opacity:.7}80%{transform:translateY(0) scale(.7);opacity:.7}to{transform:scale(1);opacity:1}}.animate__backInDown{animation-name:backInDown}@keyframes backInLeft{0%{transform:translateX(-2000px) scale(.7);opacity:.7}80%{transform:translateX(0) scale(.7);opacity:.7}to{transform:scale(1);opacity:1}}.animate__backInLeft{animation-name:backInLeft}@keyframes backInRight{0%{transform:translateX(2000px) scale(.7);opacity:.7}80%{transform:translateX(0) scale(.7);opacity:.7}to{transform:scale(1);opacity:1}}.animate__backInRight{animation-name:backInRight}@keyframes backInUp{0%{transform:translateY(1200px) scale(.7);opacity:.7}80%{transform:translateY(0) scale(.7);opacity:.7}to{transform:scale(1);opacity:1}}.animate__backInUp{animation-name:backInUp}@keyframes backOutDown{0%{transform:scale(1);opacity:1}20%{transform:translateY(0) scale(.7);opacity:.7}to{transform:translateY(700px) scale(.7);opacity:.7}}.animate__backOutDown{animation-name:backOutDown}@keyframes backOutLeft{0%{transform:scale(1);opacity:1}20%{transform:translateX(0) scale(.7);opacity:.7}to{transform:translateX(-2000px) scale(.7);opacity:.7}}.animate__backOutLeft{animation-name:backOutLeft}@keyframes backOutRight{0%{transform:scale(1);opacity:1}20%{transform:translateX(0) scale(.7);opacity:.7}to{transform:translateX(2000px) scale(.7);opacity:.7}}.animate__backOutRight{animation-name:backOutRight}@keyframes backOutUp{0%{transform:scale(1);opacity:1}20%{transform:translateY(0) scale(.7);opacity:.7}to{transform:translateY(-700px) scale(.7);opacity:.7}}.animate__backOutUp{animation-name:backOutUp}@keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}}.animate__bounceIn{animation-duration:calc(1s * .75);animation-duration:calc(var(--animate-duration) * .75);animation-name:bounceIn}@keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;transform:translate3d(0,25px,0) scaleY(.9)}75%{transform:translate3d(0,-10px,0) scaleY(.95)}90%{transform:translate3d(0,5px,0) scaleY(.985)}to{transform:translateZ(0)}}.animate__bounceInDown{animation-name:bounceInDown}@keyframes bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;transform:translate3d(25px,0,0) scaleX(1)}75%{transform:translate3d(-10px,0,0) scaleX(.98)}90%{transform:translate3d(5px,0,0) scaleX(.995)}to{transform:translateZ(0)}}.animate__bounceInLeft{animation-name:bounceInLeft}@keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;transform:translate3d(-25px,0,0) scaleX(1)}75%{transform:translate3d(10px,0,0) scaleX(.98)}90%{transform:translate3d(-5px,0,0) scaleX(.995)}to{transform:translateZ(0)}}.animate__bounceInRight{animation-name:bounceInRight}@keyframes bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;transform:translate3d(0,-20px,0) scaleY(.9)}75%{transform:translate3d(0,10px,0) scaleY(.95)}90%{transform:translate3d(0,-5px,0) scaleY(.985)}to{transform:translateZ(0)}}.animate__bounceInUp{animation-name:bounceInUp}@keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}}.animate__bounceOut{animation-duration:calc(1s * .75);animation-duration:calc(var(--animate-duration) * .75);animation-name:bounceOut}@keyframes bounceOutDown{20%{transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;transform:translate3d(0,2000px,0) scaleY(3)}}.animate__bounceOutDown{animation-name:bounceOutDown}@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;transform:translate3d(-2000px,0,0) scaleX(2)}}.animate__bounceOutLeft{animation-name:bounceOutLeft}@keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;transform:translate3d(2000px,0,0) scaleX(2)}}.animate__bounceOutRight{animation-name:bounceOutRight}@keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;transform:translate3d(0,-2000px,0) scaleY(3)}}.animate__bounceOutUp{animation-name:bounceOutUp}.animate__fadeIn{animation-name:fadeIn}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInDown{animation-name:fadeInDown}@keyframes fadeInDownBig{0%{opacity:0;transform:translate3d(0,-2000px,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInDownBig{animation-name:fadeInDownBig}@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInLeft{animation-name:fadeInLeft}@keyframes fadeInLeftBig{0%{opacity:0;transform:translate3d(-2000px,0,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInLeftBig{animation-name:fadeInLeftBig}@keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInRight{animation-name:fadeInRight}@keyframes fadeInRightBig{0%{opacity:0;transform:translate3d(2000px,0,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInRightBig{animation-name:fadeInRightBig}.animate__fadeInUp{animation-name:fadeInUp}@keyframes fadeInUpBig{0%{opacity:0;transform:translate3d(0,2000px,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInUpBig{animation-name:fadeInUpBig}@keyframes fadeInTopLeft{0%{opacity:0;transform:translate3d(-100%,-100%,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInTopLeft{animation-name:fadeInTopLeft}@keyframes fadeInTopRight{0%{opacity:0;transform:translate3d(100%,-100%,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInTopRight{animation-name:fadeInTopRight}@keyframes fadeInBottomLeft{0%{opacity:0;transform:translate3d(-100%,100%,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInBottomLeft{animation-name:fadeInBottomLeft}@keyframes fadeInBottomRight{0%{opacity:0;transform:translate3d(100%,100%,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInBottomRight{animation-name:fadeInBottomRight}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.animate__fadeOut{animation-name:fadeOut}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}}.animate__fadeOutDown{animation-name:fadeOutDown}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,2000px,0)}}.animate__fadeOutDownBig{animation-name:fadeOutDownBig}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;transform:translate3d(-100%,0,0)}}.animate__fadeOutLeft{animation-name:fadeOutLeft}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;transform:translate3d(-2000px,0,0)}}.animate__fadeOutLeftBig{animation-name:fadeOutLeftBig}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0)}}.animate__fadeOutRight{animation-name:fadeOutRight}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;transform:translate3d(2000px,0,0)}}.animate__fadeOutRightBig{animation-name:fadeOutRightBig}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}.animate__fadeOutUp{animation-name:fadeOutUp}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,-2000px,0)}}.animate__fadeOutUpBig{animation-name:fadeOutUpBig}@keyframes fadeOutTopLeft{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(-100%,-100%,0)}}.animate__fadeOutTopLeft{animation-name:fadeOutTopLeft}@keyframes fadeOutTopRight{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(100%,-100%,0)}}.animate__fadeOutTopRight{animation-name:fadeOutTopRight}@keyframes fadeOutBottomRight{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(100%,100%,0)}}.animate__fadeOutBottomRight{animation-name:fadeOutBottomRight}@keyframes fadeOutBottomLeft{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(-100%,100%,0)}}.animate__fadeOutBottomLeft{animation-name:fadeOutBottomLeft}@keyframes flip{0%{transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);animation-timing-function:ease-out}40%{transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);animation-timing-function:ease-out}50%{transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);animation-timing-function:ease-in}to{transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);animation-timing-function:ease-in}}.animate__animated.animate__flip{-webkit-backface-visibility:visible;backface-visibility:visible;animation-name:flip}@keyframes flipInX{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)}}.animate__flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipInX}@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateY(10deg);opacity:1}80%{transform:perspective(400px) rotateY(-5deg)}to{transform:perspective(400px)}}.animate__flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipInY}@keyframes flipOutX{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}.animate__flipOutX{animation-duration:calc(1s * .75);animation-duration:calc(var(--animate-duration) * .75);animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@keyframes flipOutY{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateY(-15deg);opacity:1}to{transform:perspective(400px) rotateY(90deg);opacity:0}}.animate__flipOutY{animation-duration:calc(1s * .75);animation-duration:calc(var(--animate-duration) * .75);-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipOutY}@keyframes lightSpeedInRight{0%{transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{transform:skewX(20deg);opacity:1}80%{transform:skewX(-5deg)}to{transform:translateZ(0)}}.animate__lightSpeedInRight{animation-name:lightSpeedInRight;animation-timing-function:ease-out}@keyframes lightSpeedInLeft{0%{transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}60%{transform:skewX(-20deg);opacity:1}80%{transform:skewX(5deg)}to{transform:translateZ(0)}}.animate__lightSpeedInLeft{animation-name:lightSpeedInLeft;animation-timing-function:ease-out}@keyframes lightSpeedOutRight{0%{opacity:1}to{transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.animate__lightSpeedOutRight{animation-name:lightSpeedOutRight;animation-timing-function:ease-in}@keyframes lightSpeedOutLeft{0%{opacity:1}to{transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}}.animate__lightSpeedOutLeft{animation-name:lightSpeedOutLeft;animation-timing-function:ease-in}@keyframes rotateIn{0%{transform:rotate(-200deg);opacity:0}to{transform:translateZ(0);opacity:1}}.animate__rotateIn{animation-name:rotateIn;transform-origin:center}@keyframes rotateInDownLeft{0%{transform:rotate(-45deg);opacity:0}to{transform:translateZ(0);opacity:1}}.animate__rotateInDownLeft{animation-name:rotateInDownLeft;transform-origin:left bottom}@keyframes rotateInDownRight{0%{transform:rotate(45deg);opacity:0}to{transform:translateZ(0);opacity:1}}.animate__rotateInDownRight{animation-name:rotateInDownRight;transform-origin:right bottom}@keyframes rotateInUpLeft{0%{transform:rotate(45deg);opacity:0}to{transform:translateZ(0);opacity:1}}.animate__rotateInUpLeft{animation-name:rotateInUpLeft;transform-origin:left bottom}@keyframes rotateInUpRight{0%{transform:rotate(-90deg);opacity:0}to{transform:translateZ(0);opacity:1}}.animate__rotateInUpRight{animation-name:rotateInUpRight;transform-origin:right bottom}@keyframes rotateOut{0%{opacity:1}to{transform:rotate(200deg);opacity:0}}.animate__rotateOut{animation-name:rotateOut;transform-origin:center}@keyframes rotateOutDownLeft{0%{opacity:1}to{transform:rotate(45deg);opacity:0}}.animate__rotateOutDownLeft{animation-name:rotateOutDownLeft;transform-origin:left bottom}@keyframes rotateOutDownRight{0%{opacity:1}to{transform:rotate(-45deg);opacity:0}}.animate__rotateOutDownRight{animation-name:rotateOutDownRight;transform-origin:right bottom}@keyframes rotateOutUpLeft{0%{opacity:1}to{transform:rotate(-45deg);opacity:0}}.animate__rotateOutUpLeft{animation-name:rotateOutUpLeft;transform-origin:left bottom}@keyframes rotateOutUpRight{0%{opacity:1}to{transform:rotate(90deg);opacity:0}}.animate__rotateOutUpRight{animation-name:rotateOutUpRight;transform-origin:right bottom}@keyframes hinge{0%{animation-timing-function:ease-in-out}20%,60%{transform:rotate(80deg);animation-timing-function:ease-in-out}40%,80%{transform:rotate(60deg);animation-timing-function:ease-in-out;opacity:1}to{transform:translate3d(0,700px,0);opacity:0}}.animate__hinge{animation-duration:calc(1s * 2);animation-duration:calc(var(--animate-duration) * 2);animation-name:hinge;transform-origin:top left}@keyframes jackInTheBox{0%{opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}}.animate__jackInTheBox{animation-name:jackInTheBox}@keyframes rollIn{0%{opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;transform:translateZ(0)}}.animate__rollIn{animation-name:rollIn}@keyframes rollOut{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0) rotate(120deg)}}.animate__rollOut{animation-name:rollOut}@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.animate__zoomIn{animation-name:zoomIn}@keyframes zoomInDown{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInDown{animation-name:zoomInDown}@keyframes zoomInLeft{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInLeft{animation-name:zoomInLeft}@keyframes zoomInRight{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInRight{animation-name:zoomInRight}@keyframes zoomInUp{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInUp{animation-name:zoomInUp}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.animate__zoomOut{animation-name:zoomOut}@keyframes zoomOutDown{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomOutDown{animation-name:zoomOutDown;transform-origin:center bottom}@keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(-2000px,0,0)}}.animate__zoomOutLeft{animation-name:zoomOutLeft;transform-origin:left center}@keyframes zoomOutRight{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(2000px,0,0)}}.animate__zoomOutRight{animation-name:zoomOutRight;transform-origin:right center}@keyframes zoomOutUp{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomOutUp{animation-name:zoomOutUp;transform-origin:center bottom}@keyframes slideInDown{0%{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translateZ(0)}}.animate__slideInDown{animation-name:slideInDown}@keyframes slideInLeft{0%{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translateZ(0)}}.animate__slideInLeft{animation-name:slideInLeft}.animate__slideInRight{animation-name:slideInRight}.animate__slideInUp{animation-name:slideInUp}@keyframes slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,100%,0)}}.animate__slideOutDown{animation-name:slideOutDown}@keyframes slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-100%,0,0)}}.animate__slideOutLeft{animation-name:slideOutLeft}@keyframes slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(100%,0,0)}}.animate__slideOutRight{animation-name:slideOutRight}@keyframes slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-100%,0)}}.animate__slideOutUp{animation-name:slideOutUp}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,textarea,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;font-family:Poppins,sans-serif}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}a{text-decoration:none;color:inherit}img{vertical-align:bottom}img.project_card{width:100%;height:auto;border-radius:10px}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input[type=password]::-ms-clear,input[type=password]::-ms-reveal,input[type=text]::-ms-clear,input[type=text]::-ms-reveal{display:none;width:0;height:0}textarea:focus{outline:0}#simple-tabpanel-all>div{padding:0}.css-10klw3m{height:auto}#pc-wrap{width:100%;height:100%}#pc-wrap .container{position:relative;width:1300px;margin:0 auto;display:flex}#pc-wrap .home-page{width:100%;height:100%;background-color:#f9fafb;overflow:hidden;display:flex;flex-direction:column}#pc-wrap .home-page .hero-banner{flex-shrink:0;width:100%;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);padding:48px 24px;position:relative;overflow:hidden}#pc-wrap .home-page .hero-banner:before{content:"";position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:hsla(0,0%,100%,.1);border-radius:50%;pointer-events:none}#pc-wrap .home-page .hero-banner:after{content:"";position:absolute;bottom:-30%;left:-5%;width:400px;height:400px;background:hsla(0,0%,100%,.08);border-radius:50%;pointer-events:none}#pc-wrap .home-page .hero-banner .hero-content{max-width:1400px;margin:0 auto;position:relative;z-index:1}#pc-wrap .home-page .hero-banner .hero-content .hero-title{display:flex;align-items:center;gap:16px;margin-bottom:16px}#pc-wrap .home-page .hero-banner .hero-content .hero-title .hero-icon{color:#fbbf24;animation:pulse 2s ease-in-out infinite}#pc-wrap .home-page .hero-banner .hero-content .hero-title h1{font-family:Poppins,sans-serif;font-size:36px;font-weight:700;color:#fff;margin:0;letter-spacing:-.5px}#pc-wrap .home-page .hero-banner .hero-content .hero-subtitle{font-family:Poppins,sans-serif;font-size:18px;font-weight:400;color:hsla(0,0%,100%,.9);margin:0 0 32px;max-width:600px}#pc-wrap .home-page .hero-banner .hero-content .quick-actions{display:flex;flex-direction:row;gap:16px}#pc-wrap .home-page .hero-banner .hero-content .quick-actions .quick-action-card{background:hsla(0,0%,100%,.95);padding:16px 24px;border-radius:16px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .3s ease;border:2px solid transparent;box-shadow:0 4px 12px rgba(0,0,0,.1)}#pc-wrap .home-page .hero-banner .hero-content .quick-actions .quick-action-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.15);border-color:inherit}#pc-wrap .home-page .hero-banner .hero-content .quick-actions .quick-action-card .action-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff}#pc-wrap .home-page .hero-banner .hero-content .quick-actions .quick-action-card span{font-family:Poppins,sans-serif;font-size:15px;font-weight:600;color:#1f2937}#pc-wrap .home-page .content-wrapper{flex:1 1;position:relative;width:100%;overflow:hidden;display:flex;min-height:0}#pc-wrap .home-page .main-feed-section{flex:1 1;height:100%;overflow-y:auto;overflow-x:hidden;padding:32px 24px}#pc-wrap .home-page .main-feed-section::-webkit-scrollbar{width:2px}#pc-wrap .home-page .main-feed-section::-webkit-scrollbar-track{background:#f3f4f6}#pc-wrap .home-page .main-feed-section::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}#pc-wrap .home-page .main-feed-section::-webkit-scrollbar-thumb:hover{background:#9ca3af}#pc-wrap .home-page .main-feed-section .center-feed{width:100%;margin:0 auto;display:flex;flex-direction:column;gap:20px}#pc-wrap .home-page .main-feed-section .center-feed .create-post-box{background:#fff;border-radius:12px;margin-top:20px;padding:16px;box-shadow:0 1px 3px rgba(0,0,0,.08);border:1px solid #e5e7eb;display:flex;align-items:center;gap:12px}#pc-wrap .home-page .main-feed-section .center-feed .create-post-box .user-avatar{width:40px;height:40px;border-radius:50%;border:2px solid #e5e7eb;object-fit:cover}#pc-wrap .home-page .main-feed-section .center-feed .create-post-box .create-input{flex:1 1;padding:10px 16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:24px;cursor:pointer;transition:all .2s ease}#pc-wrap .home-page .main-feed-section .center-feed .create-post-box .create-input:hover{background:#fff;border-color:#d1d5db}#pc-wrap .home-page .main-feed-section .center-feed .create-post-box .create-input span{font-family:Poppins,sans-serif;font-size:14px;color:#9ca3af}#pc-wrap .home-page .main-feed-section .center-feed .create-post-actions{background:#fff;border-radius:12px;padding:12px 16px;box-shadow:0 1px 3px rgba(0,0,0,.08);border:1px solid #e5e7eb;display:flex;flex-direction:row;gap:8px}#pc-wrap .home-page .main-feed-section .center-feed .create-post-actions .post-action-btn{flex:1 1;padding:8px 12px;border-radius:8px;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;text-transform:none;color:#6b7280;transition:all .2s ease}#pc-wrap .home-page .main-feed-section .center-feed .create-post-actions .post-action-btn:hover{background:#f3f4f6;color:#667eea}#pc-wrap .home-page .main-feed-section .center-feed .feed-tabs{display:flex;gap:6px;background:#fff;border-radius:12px;padding:6px;box-shadow:0 1px 3px rgba(0,0,0,.08);border:1px solid #e5e7eb}#pc-wrap .home-page .main-feed-section .center-feed .feed-tabs .tab-btn{flex:1 1;padding:8px 12px;border-radius:8px;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;text-transform:none;color:#6b7280;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s ease}#pc-wrap .home-page .main-feed-section .center-feed .feed-tabs .tab-btn:hover{background:#f9fafb;color:#667eea}#pc-wrap .home-page .main-feed-section .center-feed .feed-tabs .tab-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 8px rgba(102,126,234,.3)}#pc-wrap .home-page .main-feed-section .center-feed .posts-feed{display:flex;flex-direction:column;gap:16px}#pc-wrap .home-page .main-feed-section .center-feed .posts-feed .loading-container{background:#fff;border-radius:12px;padding:60px 40px;text-align:center;box-shadow:0 1px 3px rgba(0,0,0,.08);border:1px solid #e5e7eb}#pc-wrap .home-page .main-feed-section .center-feed .posts-feed .loading-container p{font-family:Poppins,sans-serif;font-size:16px;color:#6b7280;margin:0}#pc-wrap .home-page .main-feed-section .center-feed .posts-feed .post-card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 1px 3px rgba(0,0,0,.08);border:1px solid #e5e7eb;transition:all .2s ease}#pc-wrap .home-page .main-feed-section .center-feed .posts-feed .post-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);border-color:#d1d5db}#pc-wrap .home-page .main-feed-section .center-feed .posts-feed .post-card .post-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}#pc-wrap .home-page .main-feed-section .center-feed .posts-feed .post-card .post-header .post-avatar{width:40px;height:40px;border-radius:50%;border:2px solid #e5e7eb;object-fit:cover;cursor:pointer;transition:all .2s ease}#pc-wrap .home-page .main-feed-section .center-feed .posts-feed .post-card .post-header .post-avatar:hover{transform:scale(1.05);border-color:#667eea}#pc-wrap .home-page .main-feed-section .center-feed .posts-feed .post-card .post-header .post-author-info{flex:1 1;cursor:pointer}#pc-wrap .home-page .main-feed-section .center-feed .posts-feed .post-card .post-header .post-author-info .author-name{display:flex;align-items:center;gap:4px;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;color:#1f2937;transition:color .2s ease}#pc-wrap .home-page .main-feed-section .center-feed .posts-feed .post-card .post-header .post-author-info .author-name:hover{color:#667eea}#pc-wrap .home-page .main-feed-section .center-feed .posts-feed .post-card .post-header .post-author-info .author-name .verified-badge{color:#3b82f6}#pc-wrap .home-page .main-feed-section .center-feed .posts-feed .post-card .post-header .post-author-info .post-meta{display:flex;align-items:center;gap:6px;font-family:Poppins,sans-serif;font-size:12px;color:#9ca3af}#pc-wrap .home-page .main-feed-section .center-feed .posts-feed .post-card .post-header .follow-btn{min-width:auto;padding:6px 16px;border-radius:20px;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;text-transform:none;transition:all .3s ease;border:2px solid #667eea;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 8px rgba(102,126,234,.3)}#pc-wrap .home-page .main-feed-section .center-feed .posts-feed .post-card .post-header .follow-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.4);background:linear-gradient(135deg,#5568d3,#653a8b)}#pc-wrap .home-page .main-feed-section .center-feed .posts-feed .post-card .post-header .follow-btn:active{transform:translateY(0)}#pc-wrap .home-page .main-feed-section .center-feed .posts-feed .post-card .post-header .follow-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}#pc-wrap .home-page .main-feed-section .center-feed .posts-feed .post-card .post-header .follow-btn.following{background:transparent;color:#667eea;border-color:#667eea;box-shadow:none}#pc-wrap .home-page .main-feed-section .center-feed .posts-feed .post-card .post-header .follow-btn.following:hover{background:rgba(239,68,68,.08);color:#ef4444;border-color:#ef4444;box-shadow:0 2px 8px rgba(239,68,68,.2)}#pc-wrap .home-page .main-feed-section .center-feed .posts-feed .post-card .post-header .follow-btn.following:hover span:after{content:"Unfollow";position:absolute;left:0;right:0}#pc-wrap .home-page .main-feed-section .center-feed .posts-feed .post-card .post-header .follow-btn.following:hover span{color:transparent;position:relative}#pc-wrap .home-page .main-feed-section .center-feed .posts-feed .post-card .post-header .follow-btn svg{width:16px;height:16px}#pc-wrap .home-page .main-feed-section .center-feed .posts-feed .post-card .post-header .follow-btn span{margin-left:4px}#pc-wrap .home-page .main-feed-section .center-feed .posts-feed .post-card .post-header .post-category{background:rgba(102,126,234,.1);color:#667eea;font-weight:600;border:none;padding:4px 12px;font-size:11px}#pc-wrap .home-page .main-feed-section .center-feed .posts-feed .post-card .post-header .post-more-btn{min-width:auto;padding:6px 16px;border-radius:6px;color:#667eea;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;text-transform:none;border:1px solid #e5e7eb;transition:all .2s ease}#pc-wrap .home-page .main-feed-section .center-feed .posts-feed .post-card .post-header .post-more-btn:hover{background:#f3f4f6;border-color:#667eea}#pc-wrap .home-page .main-feed-section .center-feed .posts-feed .post-card .post-content{margin-bottom:12px}#pc-wrap .home-page .main-feed-section .center-feed .posts-feed .post-card .post-content .post-title{font-family:Poppins,sans-serif;font-size:16px;font-weight:600;line-height:1.5;color:#1f2937;margin:0 0 8px}#pc-wrap .home-page .main-feed-section .center-feed .posts-feed .post-card .post-content .post-description{font-family:Poppins,sans-serif;font-size:15px;line-height:1.6;color:#4b5563;margin:0 0 12px}#pc-wrap .home-page .main-feed-section .center-feed .posts-feed .post-card .post-images{margin:12px 0;border-radius:12px;overflow:hidden;background:#f3f4f6}#pc-wrap .home-page .main-feed-section .center-feed .posts-feed .post-card .post-images.post-images-1 .single-image{width:100%;height:auto;max-height:400px;object-fit:cover;display:block}#pc-wrap .home-page .main-feed-section .center-feed .posts-feed .post-card .post-images.post-images-2 .images-grid-2{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px;gap:8px}#pc-wrap .home-page .main-feed-section .center-feed .posts-feed .post-card .post-images.post-images-2 .images-grid-2 .multi-image{width:100%;height:250px;object-fit:cover;display:block;border-radius:8px}#pc-wrap .home-page .main-feed-section .center-feed .posts-feed .post-card .post-images.post-images-3 .images-grid-3{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:auto auto;grid-gap:8px;gap:8px}#pc-wrap .home-page .main-feed-section .center-feed .posts-feed .post-card .post-images.post-images-3 .images-grid-3 .multi-image{width:100%;height:200px;object-fit:cover;display:block;border-radius:8px}#pc-wrap .home-page .main-feed-section .center-feed .posts-feed .post-card .post-images.post-images-3 .images-grid-3 .multi-image:nth-child(3){grid-column:1/-1;height:280px}#pc-wrap .home-page .main-feed-section .center-feed .posts-feed .post-card .post-images.post-images-4 .images-grid-4,#pc-wrap .home-page .main-feed-section .center-feed .posts-feed .post-card .post-images.post-images-5 .images-grid-4,#pc-wrap .home-page .main-feed-section .center-feed .posts-feed .post-card .post-images.post-images-6 .images-grid-4,#pc-wrap .home-page .main-feed-section .center-feed .posts-feed .post-card .post-images.post-images-7 .images-grid-4,#pc-wrap .home-page .main-feed-section .center-feed .posts-feed .post-card .post-images.post-images-8 .images-grid-4,#pc-wrap .home-page .main-feed-section .center-feed .posts-feed .post-card .post-images.post-images-9 .images-grid-4{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);grid-gap:8px;gap:8px}#pc-wrap .home-page .main-feed-section .center-feed .posts-feed .post-card .post-images.post-images-4 .images-grid-4 .multi-image,#pc-wrap .home-page .main-feed-section .center-feed .posts-feed .post-card .post-images.post-images-5 .images-grid-4 .multi-image,#pc-wrap .home-page .main-feed-section .center-feed .posts-feed .post-card .post-images.post-images-6 .images-grid-4 .multi-image,#pc-wrap .home-page .main-feed-section .center-feed .posts-feed .post-card .post-images.post-images-7 .images-grid-4 .multi-image,#pc-wrap .home-page .main-feed-section .center-feed .posts-feed .post-card .post-images.post-images-8 .images-grid-4 .multi-image,#pc-wrap .home-page .main-feed-section .center-feed .posts-feed .post-card .post-images.post-images-9 .images-grid-4 .multi-image{width:100%;height:220px;object-fit:cover;display:block;border-radius:8px}#pc-wrap .home-page .main-feed-section .center-feed .posts-feed .post-card .post-images img{transition:transform .3s ease,opacity .2s ease;cursor:pointer}#pc-wrap .home-page .main-feed-section .center-feed .posts-feed .post-card .post-images img:hover{transform:scale(1.02);opacity:.95}#pc-wrap .home-page .main-feed-section .center-feed .posts-feed .post-card .post-stats{display:flex;gap:16px;padding:10px 0;border-top:1px solid #f3f4f6;border-bottom:1px solid #f3f4f6;margin-bottom:10px}#pc-wrap .home-page .main-feed-section .center-feed .posts-feed .post-card .post-stats span{display:flex;align-items:center;gap:4px;font-family:Poppins,sans-serif;font-size:12px;color:#6b7280}#pc-wrap .home-page .main-feed-section .center-feed .posts-feed .post-card .post-stats span svg{color:#9ca3af}#pc-wrap .home-page .main-feed-section .center-feed .posts-feed .post-card .post-actions{display:flex;gap:0;width:100%}#pc-wrap .home-page .main-feed-section .center-feed .posts-feed .post-card .post-actions .action-btn{flex:1 1;padding:8px 0;border-radius:0;font-family:Poppins,sans-serif;font-size:14px;font-weight:400;text-transform:none;color:#6b7280;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;min-width:auto}#pc-wrap .home-page .main-feed-section .center-feed .posts-feed .post-card .post-actions .action-btn:hover{background:#f3f4f6}#pc-wrap .home-page .main-feed-section .center-feed .posts-feed .post-card .post-actions .action-btn svg{width:18px;height:18px;transition:all .2s ease}#pc-wrap .home-page .main-feed-section .center-feed .posts-feed .post-card .post-actions .action-btn .button-text{margin-left:4px;transition:color .2s ease}#pc-wrap .home-page .main-feed-section .center-feed .posts-feed .post-card .post-actions .like-btn:hover{background:rgba(239,68,68,.08);color:#ef4444}#pc-wrap .home-page .main-feed-section .center-feed .posts-feed .post-card .post-actions .like-btn.liked,#pc-wrap .home-page .main-feed-section .center-feed .posts-feed .post-card .post-actions .like-btn:hover .button-text,#pc-wrap .home-page .main-feed-section .center-feed .posts-feed .post-card .post-actions .like-btn:hover svg{color:#ef4444}#pc-wrap .home-page .main-feed-section .center-feed .posts-feed .post-card .post-actions .like-btn.liked .button-text{color:#ef4444;font-weight:500}#pc-wrap .home-page .main-feed-section .center-feed .posts-feed .post-card .post-actions .like-btn.liked:hover{background:rgba(239,68,68,.12);color:#dc2626}#pc-wrap .home-page .main-feed-section .center-feed .posts-feed .post-card .post-actions .like-btn.liked:hover .button-text{color:#dc2626}#pc-wrap .home-page .main-feed-section .center-feed .posts-feed .post-card .post-actions .comment-btn:hover{background:rgba(102,126,234,.08);color:#667eea}#pc-wrap .home-page .main-feed-section .center-feed .posts-feed .post-card .post-actions .comment-btn:hover .button-text{color:#667eea}#pc-wrap .home-page .main-feed-section .center-feed .posts-feed .post-card .post-actions .comment-btn:hover svg{stroke:#667eea}#pc-wrap .home-page .main-feed-section .center-feed .posts-feed .post-card .post-actions .save-btn:hover{background:rgba(25,118,210,.08);color:#1976d2}#pc-wrap .home-page .main-feed-section .center-feed .posts-feed .post-card .post-actions .save-btn.saved,#pc-wrap .home-page .main-feed-section .center-feed .posts-feed .post-card .post-actions .save-btn:hover .button-text,#pc-wrap .home-page .main-feed-section .center-feed .posts-feed .post-card .post-actions .save-btn:hover svg{color:#1976d2}#pc-wrap .home-page .main-feed-section .center-feed .posts-feed .post-card .post-actions .save-btn.saved .button-text{color:#1976d2;font-weight:500}#pc-wrap .home-page .main-feed-section .center-feed .posts-feed .post-card .post-actions .save-btn.saved:hover{background:rgba(25,118,210,.12);color:#1565c0}#pc-wrap .home-page .main-feed-section .center-feed .posts-feed .post-card .post-actions .save-btn.saved:hover .button-text{color:#1565c0}#pc-wrap .home-page .main-feed-section .center-feed .posts-feed .post-card .post-actions .action-btn:disabled{opacity:.5;cursor:not-allowed}#pc-wrap .home-page .main-feed-section .center-feed .posts-feed .post-card .post-actions .action-btn:disabled:hover{background:transparent;color:#6b7280}#pc-wrap .home-page .right-sidebar-section{width:25%;flex-shrink:0;height:100%;overflow:hidden;background:#fff;border-left:1px solid #e5e7eb;display:flex;flex-direction:column}#pc-wrap .home-page .right-sidebar-section .sticky-wrapper{flex:1 1;overflow-y:auto;overflow-x:hidden;padding:24px 16px}#pc-wrap .home-page .right-sidebar-section .sticky-wrapper::-webkit-scrollbar{width:4px}#pc-wrap .home-page .right-sidebar-section .sticky-wrapper::-webkit-scrollbar-track{background:#f9fafb}#pc-wrap .home-page .right-sidebar-section .sticky-wrapper::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}#pc-wrap .home-page .right-sidebar-section .sticky-wrapper::-webkit-scrollbar-thumb:hover{background:#9ca3af}#pc-wrap .home-page .right-sidebar-section .sticky-wrapper>*{display:flex;flex-direction:column;gap:20px}#pc-wrap .home-page .right-sidebar-section .events-card,#pc-wrap .home-page .right-sidebar-section .jobs-card,#pc-wrap .home-page .right-sidebar-section .marketplace-card{background:#fff;border-radius:12px;padding:16px;margin-top:10px;box-shadow:0 1px 3px rgba(0,0,0,.08);border:1px solid #e5e7eb;margin-bottom:20px}#pc-wrap .home-page .right-sidebar-section .events-card:last-child,#pc-wrap .home-page .right-sidebar-section .jobs-card:last-child,#pc-wrap .home-page .right-sidebar-section .marketplace-card:last-child{margin-bottom:0}#pc-wrap .home-page .right-sidebar-section .events-card .card-header,#pc-wrap .home-page .right-sidebar-section .jobs-card .card-header,#pc-wrap .home-page .right-sidebar-section .marketplace-card .card-header{display:flex;align-items:center;gap:8px;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid #f3f4f6}#pc-wrap .home-page .right-sidebar-section .events-card .card-header .header-icon,#pc-wrap .home-page .right-sidebar-section .jobs-card .card-header .header-icon,#pc-wrap .home-page .right-sidebar-section .marketplace-card .card-header .header-icon{color:#667eea}#pc-wrap .home-page .right-sidebar-section .events-card .card-header h3,#pc-wrap .home-page .right-sidebar-section .jobs-card .card-header h3,#pc-wrap .home-page .right-sidebar-section .marketplace-card .card-header h3{font-family:Poppins,sans-serif;font-size:15px;font-weight:700;color:#1f2937;margin:0;flex:1 1}#pc-wrap .home-page .right-sidebar-section .events-card .card-header .view-all-link,#pc-wrap .home-page .right-sidebar-section .jobs-card .card-header .view-all-link,#pc-wrap .home-page .right-sidebar-section .marketplace-card .card-header .view-all-link{font-family:Poppins,sans-serif;font-size:12px;font-weight:600;color:#667eea;text-decoration:none;transition:color .2s ease}#pc-wrap .home-page .right-sidebar-section .events-card .card-header .view-all-link:hover,#pc-wrap .home-page .right-sidebar-section .jobs-card .card-header .view-all-link:hover,#pc-wrap .home-page .right-sidebar-section .marketplace-card .card-header .view-all-link:hover{color:#5568d3}#pc-wrap .home-page .right-sidebar-section .products-grid{display:flex;flex-direction:column;gap:12px}#pc-wrap .home-page .right-sidebar-section .products-grid .product-item{border-radius:10px;border:1px solid #e5e7eb;overflow:hidden;cursor:pointer;transition:all .2s ease}#pc-wrap .home-page .right-sidebar-section .products-grid .product-item:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-2px);border-color:#667eea}#pc-wrap .home-page .right-sidebar-section .products-grid .product-item .product-image{position:relative;width:100%;height:160px;overflow:hidden}#pc-wrap .home-page .right-sidebar-section .products-grid .product-item .product-image img{width:100%;height:100%;object-fit:cover}#pc-wrap .home-page .right-sidebar-section .products-grid .product-item .product-image .product-condition{position:absolute;top:8px;right:8px;background:rgba(16,185,129,.9);color:#fff;font-weight:600;border:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:11px;padding:4px 10px}#pc-wrap .home-page .right-sidebar-section .products-grid .product-item .product-info{padding:12px}#pc-wrap .home-page .right-sidebar-section .products-grid .product-item .product-info h4{font-family:Poppins,sans-serif;font-size:14px;font-weight:600;color:#1f2937;margin:0 0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#pc-wrap .home-page .right-sidebar-section .products-grid .product-item .product-info .product-price{font-family:Poppins,sans-serif;font-size:18px;font-weight:700;color:#667eea;margin:0 0 8px}#pc-wrap .home-page .right-sidebar-section .products-grid .product-item .product-info .product-meta{display:flex;align-items:center;justify-content:space-between}#pc-wrap .home-page .right-sidebar-section .products-grid .product-item .product-info .product-meta .seller-name{font-family:Poppins,sans-serif;font-size:11px;color:#9ca3af}#pc-wrap .home-page .right-sidebar-section .products-grid .product-item .product-info .product-meta .MuiChip-root{background:#f3f4f6;color:#6b7280;font-size:10px;height:20px}#pc-wrap .home-page .right-sidebar-section .events-list{display:flex;flex-direction:column;gap:12px}#pc-wrap .home-page .right-sidebar-section .events-list .event-item{border-radius:10px;overflow:hidden;cursor:pointer;transition:all .2s ease;border:1px solid #e5e7eb}#pc-wrap .home-page .right-sidebar-section .events-list .event-item:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-2px)}#pc-wrap .home-page .right-sidebar-section .events-list .event-item .event-image{width:100%;height:140px;overflow:hidden}#pc-wrap .home-page .right-sidebar-section .events-list .event-item .event-image img{width:100%;height:100%;object-fit:cover}#pc-wrap .home-page .right-sidebar-section .events-list .event-item .event-details{padding:12px}#pc-wrap .home-page .right-sidebar-section .events-list .event-item .event-details h4{font-family:Poppins,sans-serif;font-size:13px;font-weight:600;color:#1f2937;margin:0 0 6px}#pc-wrap .home-page .right-sidebar-section .events-list .event-item .event-details .event-meta{display:flex;flex-direction:column;gap:4px}#pc-wrap .home-page .right-sidebar-section .events-list .event-item .event-details .event-meta span{display:flex;align-items:center;gap:6px;font-family:Poppins,sans-serif;font-size:11px;color:#6b7280}#pc-wrap .home-page .right-sidebar-section .events-list .event-item .event-details .event-meta span svg{color:#9ca3af;width:14px;height:14px}#pc-wrap .home-page .right-sidebar-section .jobs-list{display:flex;flex-direction:column;gap:12px}#pc-wrap .home-page .right-sidebar-section .jobs-list .job-item{padding:12px;border-radius:10px;border:1px solid #e5e7eb;cursor:pointer;transition:all .2s ease}#pc-wrap .home-page .right-sidebar-section .jobs-list .job-item:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-2px);border-color:#667eea}#pc-wrap .home-page .right-sidebar-section .jobs-list .job-item .job-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}#pc-wrap .home-page .right-sidebar-section .jobs-list .job-item .job-header .company-logo{width:36px;height:36px;border-radius:8px;object-fit:cover;border:1px solid #e5e7eb}#pc-wrap .home-page .right-sidebar-section .jobs-list .job-item .job-header .job-type{background:rgba(16,185,129,.1);color:#10b981;font-weight:600;border:none;font-size:10px;padding:4px 10px}#pc-wrap .home-page .right-sidebar-section .jobs-list .job-item h4{font-family:Poppins,sans-serif;font-size:14px;font-weight:600;color:#1f2937;margin:0 0 4px}#pc-wrap .home-page .right-sidebar-section .jobs-list .job-item .company-name{font-family:Poppins,sans-serif;font-size:12px;color:#6b7280;margin:0 0 8px}#pc-wrap .home-page .right-sidebar-section .jobs-list .job-item .job-details{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}#pc-wrap .home-page .right-sidebar-section .jobs-list .job-item .job-details span{display:flex;align-items:center;gap:6px;font-family:Poppins,sans-serif;font-size:11px;color:#6b7280}#pc-wrap .home-page .right-sidebar-section .jobs-list .job-item .job-details span svg{color:#9ca3af;width:14px;height:14px}#pc-wrap .home-page .right-sidebar-section .jobs-list .job-item .job-footer{display:flex;align-items:center;justify-content:space-between;padding-top:10px;border-top:1px solid #f3f4f6}#pc-wrap .home-page .right-sidebar-section .jobs-list .job-item .job-footer .job-posted{font-family:Poppins,sans-serif;font-size:11px;color:#9ca3af}#pc-wrap .home-page .right-sidebar-section .jobs-list .job-item .job-footer .apply-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4px 12px;border-radius:6px;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;text-transform:none;transition:all .2s ease}#pc-wrap .home-page .right-sidebar-section .jobs-list .job-item .job-footer .apply-btn:hover{box-shadow:0 4px 12px rgba(102,126,234,.4);transform:translateY(-2px)}#pc-wrap .home-page .no-data{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;padding:60px 40px;color:#fff;text-align:center}#pc-wrap .home-page .no-data img{width:100px;height:100px;filter:brightness(0) invert(1);opacity:.8;margin-bottom:20px}#pc-wrap .home-page .no-data p{color:#fff;font-size:20px;font-weight:600;margin:0}@media(max-width:1400px){#pc-wrap .home-page .content-wrapper .right-sidebar-section{width:320px}}@media(max-width:1200px){#pc-wrap .home-page{position:relative;top:auto;overflow:visible;min-height:calc(100vh - 64px)}#pc-wrap .home-page .content-wrapper{flex-direction:column;overflow:visible;min-height:auto}#pc-wrap .home-page .content-wrapper .main-feed-section{height:auto;overflow:visible;padding:20px 16px}#pc-wrap .home-page .content-wrapper .right-sidebar-section{width:100%;height:auto;overflow:visible;border-left:none;border-top:1px solid #e5e7eb}#pc-wrap .home-page .content-wrapper .right-sidebar-section .sticky-wrapper{overflow:visible;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:16px;gap:16px;padding:20px 16px}}.post-actions .action-btn{transition:all .3s ease}.post-actions .action-btn.liked{color:#ef4444!important}.post-actions .action-btn.liked svg{animation:likeAnimation .4s ease}.post-actions .action-btn.saved{color:#667eea!important}.post-actions .action-btn.saved svg{animation:saveAnimation .4s ease}.post-actions .action-btn:hover{transform:scale(1.05)}.post-actions .action-btn:active{transform:scale(.95)}@keyframes saveAnimation{0%{transform:scale(1) rotate(0deg)}25%{transform:scale(1.2) rotate(-10deg)}75%{transform:scale(1.2) rotate(10deg)}to{transform:scale(1) rotate(0deg)}}.comment-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;animation:fadeIn .2s ease-out}.comment-modal-overlay .comment-modal-container{width:100%;max-width:700px;max-height:90vh;background:#fff;border-radius:16px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.3);animation:slideUp .3s ease-out}.comment-modal-overlay .comment-modal-container .modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e5e7eb;background:#fff}.comment-modal-overlay .comment-modal-container .modal-header .header-author{display:flex;align-items:center;gap:12px}.comment-modal-overlay .comment-modal-container .modal-header .header-author .author-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0}.comment-modal-overlay .comment-modal-container .modal-header .header-author .author-avatar img{width:100%;height:100%;object-fit:cover}.comment-modal-overlay .comment-modal-container .modal-header .header-author .author-info{display:flex;flex-direction:column}.comment-modal-overlay .comment-modal-container .modal-header .header-author .author-info .author-name{font-size:15px;font-weight:600;color:#1f2937}.comment-modal-overlay .comment-modal-container .modal-header .header-author .author-info .post-timestamp{font-size:13px;color:#6b7280}.comment-modal-overlay .comment-modal-container .modal-header .close-button{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:50%;cursor:pointer;color:#6b7280;transition:all .2s ease}.comment-modal-overlay .comment-modal-container .modal-header .close-button:hover{background:#f3f4f6;color:#1f2937}.comment-modal-overlay .comment-modal-container .modal-post-content{padding:20px;border-bottom:1px solid #e5e7eb;max-height:200px;overflow-y:auto}.comment-modal-overlay .comment-modal-container .modal-post-content::-webkit-scrollbar{width:5px}.comment-modal-overlay .comment-modal-container .modal-post-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.comment-modal-overlay .comment-modal-container .modal-post-content .post-text{font-size:14px;color:#1f2937;line-height:1.6;margin-bottom:16px}.comment-modal-overlay .comment-modal-container .modal-post-content .post-image{border-radius:12px;overflow:visible}.comment-modal-overlay .comment-modal-container .modal-post-content .post-image img{width:100%;max-height:350px;object-fit:cover}.comment-modal-overlay .comment-modal-container .modal-post-content .post-stats{display:flex;gap:16px;margin-top:12px;font-size:13px;color:#6b7280}.comment-modal-overlay .comment-modal-container .modal-post-content .post-stats span{display:flex;align-items:center;gap:6px}.comment-modal-overlay .comment-modal-container .comments-list{flex:1 1;overflow-y:auto;padding:20px;min-height:0}.comment-modal-overlay .comment-modal-container .comments-list::-webkit-scrollbar{width:6px}.comment-modal-overlay .comment-modal-container .comments-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.comment-modal-overlay .comment-modal-container .comments-list .comment-item{display:flex;gap:12px;margin-bottom:20px}.comment-modal-overlay .comment-modal-container .comments-list .comment-item .comment-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;flex-shrink:0}.comment-modal-overlay .comment-modal-container .comments-list .comment-item .comment-avatar img{width:100%;height:100%;object-fit:cover}.comment-modal-overlay .comment-modal-container .comments-list .comment-item .comment-content{flex:1 1}.comment-modal-overlay .comment-modal-container .comments-list .comment-item .comment-content .comment-bubble{background:#f3f4f6;border-radius:16px;padding:12px 16px}.comment-modal-overlay .comment-modal-container .comments-list .comment-item .comment-content .comment-bubble .comment-author{font-size:14px;font-weight:600;color:#1f2937;margin-bottom:4px}.comment-modal-overlay .comment-modal-container .comments-list .comment-item .comment-content .comment-bubble .comment-text{font-size:14px;color:#374151;line-height:1.5}.comment-modal-overlay .comment-modal-container .comments-list .comment-item .comment-content .comment-actions{display:flex;align-items:center;gap:16px;margin-top:6px;margin-left:16px}.comment-modal-overlay .comment-modal-container .comments-list .comment-item .comment-content .comment-actions button{padding:0;border:none;background:transparent;font-size:12px;font-weight:600;color:#6b7280;cursor:pointer;transition:color .2s ease}.comment-modal-overlay .comment-modal-container .comments-list .comment-item .comment-content .comment-actions button:hover{color:#667eea}.comment-modal-overlay .comment-modal-container .comments-list .comment-item .comment-content .comment-actions button.liked{color:#ef4444}.comment-modal-overlay .comment-modal-container .comments-list .comment-item .comment-content .comment-actions .comment-time{font-size:12px;color:#9ca3af}.comment-modal-overlay .comment-modal-container .comments-list .comment-item .comment-content .comment-actions .comment-likes{display:flex;align-items:center;gap:4px;font-size:12px;color:#6b7280}.comment-modal-overlay .comment-modal-container .comments-list .comment-item .comment-content .comment-actions .comment-likes svg{width:12px;height:12px}.comment-modal-overlay .comment-modal-container .comments-list .comment-item .comment-content .comment-actions .comment-likes.liked svg{fill:#ef4444;color:#ef4444}.comment-modal-overlay .comment-modal-container .comments-list .comment-item .comment-more{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:50%;cursor:pointer;color:#9ca3af;transition:all .2s ease;flex-shrink:0}.comment-modal-overlay .comment-modal-container .comments-list .comment-item .comment-more:hover{background:#f3f4f6;color:#6b7280}.comment-modal-overlay .comment-modal-container .comment-input-section{padding:16px 20px;border-top:1px solid #e5e7eb;background:#fff}.comment-modal-overlay .comment-modal-container .comment-input-section .input-wrapper{display:flex;align-items:flex-end;gap:12px}.comment-modal-overlay .comment-modal-container .comment-input-section .input-wrapper .input-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;flex-shrink:0}.comment-modal-overlay .comment-modal-container .comment-input-section .input-wrapper .input-avatar img{width:100%;height:100%;object-fit:cover}.comment-modal-overlay .comment-modal-container .comment-input-section .input-wrapper .input-field-container{flex:1 1;display:flex;align-items:flex-end;gap:8px}.comment-modal-overlay .comment-modal-container .comment-input-section .input-wrapper .input-field-container textarea{flex:1 1;min-height:40px;max-height:120px;padding:10px 16px;background:#f3f4f6;border:2px solid transparent;border-radius:20px;font-family:Poppins,sans-serif;font-size:14px;color:#1f2937;resize:none;outline:none;transition:all .2s ease}.comment-modal-overlay .comment-modal-container .comment-input-section .input-wrapper .input-field-container textarea::placeholder{color:#9ca3af}.comment-modal-overlay .comment-modal-container .comment-input-section .input-wrapper .input-field-container textarea:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.comment-modal-overlay .comment-modal-container .comment-input-section .input-wrapper .input-field-container .send-button{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;cursor:pointer;background:#e5e7eb;color:#9ca3af;transition:all .2s ease;flex-shrink:0}.comment-modal-overlay .comment-modal-container .comment-input-section .input-wrapper .input-field-container .send-button.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.comment-modal-overlay .comment-modal-container .comment-input-section .input-wrapper .input-field-container .send-button.active:hover{transform:scale(1.05);box-shadow:0 4px 16px rgba(102,126,234,.4)}.comment-modal-overlay .comment-modal-container .comment-input-section .input-wrapper .input-field-container .send-button.active:active{transform:scale(.95)}.comment-modal-overlay .comment-modal-container .comment-input-section .input-wrapper .input-field-container .send-button:disabled{cursor:not-allowed;opacity:.6}@media(max-width:768px){.comment-modal-overlay{padding:10px}.comment-modal-overlay .comment-modal-container{max-height:95vh;border-radius:12px}.comment-modal-overlay .comment-modal-container .modal-header{padding:12px 16px}.comment-modal-overlay .comment-modal-container .modal-header .header-author{gap:10px}.comment-modal-overlay .comment-modal-container .modal-header .header-author .author-avatar{width:36px;height:36px}.comment-modal-overlay .comment-modal-container .comments-list,.comment-modal-overlay .comment-modal-container .modal-post-content{padding:16px}.comment-modal-overlay .comment-modal-container .comments-list .comment-item{gap:10px}.comment-modal-overlay .comment-modal-container .comments-list .comment-item .comment-avatar{width:32px;height:32px}.comment-modal-overlay .comment-modal-container .comment-input-section{padding:12px 16px}.comment-modal-overlay .comment-modal-container .comment-input-section .input-wrapper .input-avatar{width:32px;height:32px}}.similar-products-config{width:100%;margin-top:60px;padding:40px 0;background:linear-gradient(180deg,#f9fafb,#fff);border-top:2px solid #e5e7eb}.similar-products-config .title-pagination-box{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:32px;padding:0 4px}.similar-products-config .title-pagination-box .title-box{display:flex;flex-direction:column;gap:6px}.similar-products-config .title-pagination-box .title-box .main-title{font-family:Poppins,sans-serif;font-size:28px;font-weight:800;color:#1f2937;letter-spacing:-.5px;line-height:1.2}.similar-products-config .title-pagination-box .title-box .sub-title{font-family:Poppins,sans-serif;font-size:15px;font-weight:400;color:#6b7280}.similar-products-config .title-pagination-box .pagination-box{display:flex;align-items:center;gap:20px}.similar-products-config .title-pagination-box .pagination-box svg{width:36px;height:36px;padding:8px;border-radius:10px;background:#fff;border:2px solid #e5e7eb;color:#6b7280;cursor:pointer;transition:all .2s ease}.similar-products-config .title-pagination-box .pagination-box svg:hover{background:#667eea;border-color:#667eea;color:#fff;transform:scale(1.05)}.similar-products-config .title-pagination-box .pagination-box svg.swiper-button-disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.similar-products-config .title-pagination-box .pagination-box .swiper-similar-pagination{display:flex;gap:8px}.similar-products-config .title-pagination-box .pagination-box .swiper-similar-pagination .swiper-pagination-bullet{width:10px;height:10px;background:#d1d5db;border-radius:50%;transition:all .3s ease;cursor:pointer}.similar-products-config .title-pagination-box .pagination-box .swiper-similar-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#667eea;width:24px;border-radius:5px}.similar-products-config .cards-box{width:100%;position:relative}.similar-products-config .cards-box .similar-products-swiper{width:100%;padding:8px 4px 20px;overflow:visible}.similar-products-config .cards-box .similar-products-swiper .swiper-wrapper{display:flex;align-items:stretch}.similar-products-config .cards-box .similar-products-swiper .similar-products-slide{width:320px!important;max-width:320px;height:auto}.similar-products-config .cards-box .similar-products-swiper .similar-products-slide .product-big-card-box{height:100%;display:flex;flex-direction:column}.similar-products-config .cards-box .similar-products-swiper .similar-products-slide .product-big-card-box .card-img{height:220px;flex-shrink:0}.similar-products-config .cards-box .similar-products-swiper .similar-products-slide .product-big-card-box .info{flex:1 1;display:flex;flex-direction:column}.product-big-card-box{position:relative;width:100%;max-width:100%;height:auto;display:flex;flex-direction:column;background:#fff;border-radius:16px;overflow:hidden;border:1px solid #e5e7eb;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px rgba(0,0,0,.04);cursor:pointer}.product-big-card-box:hover{transform:translateY(-6px);box-shadow:0 16px 32px rgba(102,126,234,.15);border-color:rgba(102,126,234,.3)}.product-big-card-box:hover .card-img img{transform:scale(1.08)}.product-big-card-box .card-img{position:relative;width:100%;height:220px;overflow:hidden;background:#f3f4f6;flex-shrink:0}.product-big-card-box .card-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.product-big-card-box .card-img div.status{position:absolute;top:14px;left:14px;padding:7px 14px;display:flex;align-items:center;gap:6px;border-radius:8px;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px rgba(16,185,129,.4);z-index:2}.product-big-card-box .card-img div.status img{width:12px;height:12px;object-fit:contain}.product-big-card-box .card-img div.status span{color:#fff;font-family:Poppins,sans-serif;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.product-big-card-box .card-img div.price{position:absolute;bottom:14px;left:14px;padding:10px 16px;border-radius:10px;background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:2;color:#1f2937;font-family:Poppins,sans-serif;font-size:19px;font-weight:800;letter-spacing:-.5px}.product-big-card-box .info{padding:18px 20px;display:flex;flex-direction:column;gap:12px;background:#fff;flex:1 1}.product-big-card-box .info .title{color:#1f2937;font-family:Poppins,sans-serif;font-size:16px;font-weight:700;line-height:1.4;text-transform:capitalize;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;min-height:44px;transition:color .2s ease}.product-big-card-box .info .title:hover{color:#667eea}.product-big-card-box .info .desc{display:flex;align-items:center;gap:6px;color:#6b7280;font-family:Poppins,sans-serif;font-size:14px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-big-card-box .info .desc:before{content:"📍";font-size:14px}.product-big-card-box .info .options{display:flex;flex-direction:row;gap:16px;padding:12px 0;border-top:1px solid #f3f4f6;border-bottom:1px solid #f3f4f6;flex-wrap:wrap}.product-big-card-box .info .options div{display:flex;align-items:center;gap:6px}.product-big-card-box .info .options div img{width:18px;height:18px;opacity:.7;flex-shrink:0}.product-big-card-box .info .options div span{color:#374151;font-family:Poppins,sans-serif;font-size:13px;font-weight:500;white-space:nowrap}.product-big-card-box .info .bott{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-top:auto;gap:12px}.product-big-card-box .info .bott .tags-box{display:flex;flex-direction:row;gap:8px;flex-wrap:wrap}.product-big-card-box .info .bott .tags-box p,.product-big-card-box .info .bott .tags-box span{padding:5px 12px;border-radius:6px;font-family:Poppins,sans-serif;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.product-big-card-box .info .bott .tags-box p{background:linear-gradient(135deg,rgba(102,126,234,.15),rgba(118,75,162,.15));border:1px solid rgba(102,126,234,.3);color:#667eea}.product-big-card-box .info .bott .tags-box span{background:#f3f4f6;border:1px solid #e5e7eb;color:#9ca3af}.product-big-card-box .info .bott .buttons-box{display:flex;flex-direction:row;align-items:center;gap:4px;flex-shrink:0}.product-big-card-box .info .bott .buttons-box button{width:36px;height:36px;padding:8px;border-radius:8px;transition:all .2s ease}.product-big-card-box .info .bott .buttons-box button:hover:not(:disabled){background:#f3f4f6}.product-big-card-box .info .bott .buttons-box button:disabled{opacity:.5;cursor:not-allowed}.product-big-card-box .info .bott .buttons-box button svg{width:20px;height:20px;color:#6b7280}.product-big-card-box .info .bott .buttons-box button svg.liked{color:#ef4444;animation:likeAnimation .4s ease}.product-big-card-box .info .bott .buttons-box button svg.saved{color:#667eea;animation:likeAnimation .4s ease}.product-big-card-box .info .bott .buttons-box .view-cnt{font-family:Poppins,sans-serif;font-size:13px;font-weight:600;color:#6b7280;min-width:24px;text-align:center}.notif-dropdown{position:fixed;top:64px;right:20px;z-index:1300;width:380px;max-height:560px;background:#fff;border-radius:16px;box-shadow:0 4px 6px -2px rgba(0,0,0,.05),0 20px 60px -4px rgba(0,0,0,.14),0 0 0 1px rgba(0,0,0,.05);display:flex;flex-direction:column;overflow:hidden;animation:notifSlideIn .18s cubic-bezier(.16,1,.3,1)}.notif-dropdown__header{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 12px;border-bottom:1px solid #f1f5f9;flex-shrink:0}.notif-dropdown__title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:#0f172a}.notif-dropdown__title svg{color:#667eea;flex-shrink:0}.notif-dropdown__badge{min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:11px;font-weight:700}.notif-dropdown__badge,.notif-dropdown__mark-all{display:flex;align-items:center;justify-content:center}.notif-dropdown__mark-all{width:30px;height:30px;border-radius:8px;color:#667eea;cursor:pointer;transition:background .15s}.notif-dropdown__mark-all:hover{background:rgba(102,126,234,.08)}.notif-dropdown__mark-all:active{background:rgba(102,126,234,.14)}.notif-dropdown__close{width:30px;height:30px;border-radius:8px;background:#f8fafc;border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:center;color:#64748b;cursor:pointer;transition:all .15s}.notif-dropdown__close:hover{background:#f1f5f9;color:#374151}.notif-dropdown__close:active{background:#e8edf4}.notif-dropdown__tabs{display:flex;flex-direction:row;gap:4px;padding:10px 12px 8px;flex-shrink:0}.notif-dropdown__tab{display:flex;align-items:center;gap:5px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;color:#64748b;cursor:pointer;transition:all .15s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.notif-dropdown__tab span{font-size:10px;font-weight:700;padding:1px 6px;border-radius:8px;background:#f1f5f9;color:#64748b;transition:all .15s}.notif-dropdown__tab span.dot{background:#667eea;color:#fff}.notif-dropdown__tab:hover{background:#f8fafc;color:#374151}.notif-dropdown__tab.active{background:rgba(102,126,234,.08);color:#667eea}.notif-dropdown__tab.active span{background:rgba(102,126,234,.12);color:#667eea}.notif-dropdown__body{flex:1 1;overflow-y:auto;overflow-x:hidden;min-height:80px}.notif-dropdown__body::-webkit-scrollbar{width:4px}.notif-dropdown__body::-webkit-scrollbar-track{background:transparent}.notif-dropdown__body::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:4px}.notif-dropdown__body::-webkit-scrollbar-thumb:hover{background:#cbd5e1}.notif-dropdown__loading{padding:48px 0;min-height:160px}.notif-dropdown__empty,.notif-dropdown__loading{align-items:center!important;justify-content:center!important}.notif-dropdown__empty{padding:40px 20px;min-height:200px;text-align:center;gap:10px!important}.notif-dropdown__empty-icon{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#f0f0ff,#f8f0ff);display:flex;align-items:center;justify-content:center;color:#a5b4fc;margin-bottom:4px}.notif-dropdown__empty-title{font-size:15px;font-weight:700;color:#1e293b}.notif-dropdown__empty-sub{font-size:12px;color:#94a3b8;line-height:1.5;max-width:240px}.notif-dropdown__list{padding:4px 0 6px;gap:0!important}.notif-dropdown__footer{flex-shrink:0;border-top:1px solid #f1f5f9;padding:10px 16px}.notif-dropdown__view-all{display:block;text-align:center;font-size:13px;font-weight:600;color:#667eea;cursor:pointer;padding:6px;border-radius:8px;transition:background .15s}.notif-dropdown__view-all:hover{background:rgba(102,126,234,.06)}.notif-item{position:relative;flex-direction:row!important;align-items:flex-start!important;gap:12px!important;padding:12px 16px!important;cursor:pointer;transition:background .15s;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.notif-item:hover{background:#f8fafc}.notif-item:active{background:#f1f5f9}.notif-item+.notif-item{border-top:1px solid #f8fafc}.notif-item.unread{background:rgba(102,126,234,.025)}.notif-item.unread:hover{background:rgba(102,126,234,.055)}.notif-item__dot{position:absolute;top:14px;right:14px;width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);flex-shrink:0}.notif-item__avatar-wrap{position:relative;flex-shrink:0}.notif-item__avatar-wrap .MuiAvatar-root{width:40px!important;height:40px!important;border:2px solid #e2e8f0;font-size:14px}.notif-item__type-icon{position:absolute;bottom:-2px;right:-4px;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1.5px solid #fff;flex-shrink:0}.notif-item__type-icon svg{width:10px;height:10px}.notif-item__content{flex:1 1;min-width:0;padding-right:14px}.notif-item__msg{font-size:13px;line-height:1.45;color:#374151;margin-bottom:3px;word-break:break-word}.notif-item__msg b{font-weight:700;color:#0f172a}.notif-item__desc{font-size:12px;color:#64748b;line-height:1.4;margin-bottom:3px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notif-item__time{font-size:11px;font-weight:600;color:#94a3b8}.notif-icon-active{background:rgba(102,126,234,.08)!important;border-radius:8px}.notif-backdrop{position:fixed;inset:0;z-index:1299;background:transparent}@keyframes notifSlideIn{0%{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:768px){.notif-dropdown{position:fixed!important;top:auto!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;max-height:82vh!important;border-radius:20px 20px 0 0!important;box-shadow:0 -4px 32px rgba(0,0,0,.12),0 0 0 1px rgba(0,0,0,.04)!important;animation:notifSlideUp .22s cubic-bezier(.16,1,.3,1)!important}.notif-dropdown:before{content:"";display:block;width:36px;height:4px;border-radius:2px;background:#d1d5db;margin:12px auto 0}.notif-dropdown__header{padding-top:10px!important}.notif-backdrop{background:rgba(0,0,0,.35)!important}@keyframes notifSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}}@media(max-width:1200px){.similar-products-config .cards-box .similar-products-swiper .similar-products-slide{width:280px!important;max-width:280px}}@media(max-width:768px){.similar-products-config{padding:32px 0;margin-top:40px}.similar-products-config .title-pagination-box{flex-direction:column;align-items:flex-start;gap:20px}.similar-products-config .title-pagination-box .title-box .main-title{font-size:24px}.similar-products-config .title-pagination-box .pagination-box{align-self:flex-end}.similar-products-config .cards-box .similar-products-swiper .similar-products-slide{width:260px!important;max-width:260px}.similar-products-config .cards-box .similar-products-swiper .similar-products-slide .product-big-card-box .card-img{height:180px}}@keyframes likeAnimation{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.comment-modal-dialog .MuiDialog-paper{border-radius:16px;max-height:90vh;margin:16px}.comment-modal-content{padding:0}.comment-modal-main-box{display:flex;flex-direction:column;height:80vh}.comment-modal-header{padding:16px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between}.comment-modal-header-left{display:flex;align-items:center;gap:24px}.comment-modal-author-avatar{width:40px!important;height:40px!important}.comment-modal-author-info .comment-modal-author-name{font-size:15px;font-weight:600;color:#1f2937}.comment-modal-author-info .comment-modal-author-time{font-size:13px;color:#6b7280}.comment-modal-close-btn{color:#6b7280!important}.comment-modal-post-content{padding:20px;border-bottom:1px solid #e5e7eb;max-height:300px;overflow-y:auto}.comment-modal-post-title{font-size:15px;font-weight:600;color:#1f2937;margin-bottom:8px}.comment-modal-post-text{font-size:14px;color:#1f2937;margin-bottom:12px;line-height:1.6}.comment-modal-post-images-container{border-radius:12px;overflow:visible;margin-top:16px}.comment-modal-single-image{width:100%;max-height:400px;object-fit:cover}.comment-modal-multi-images-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px;gap:8px}.comment-modal-multi-image{width:100%;height:150px;object-fit:cover;border-radius:8px}.comment-modal-post-stats{display:flex;gap:16px;margin-top:16px;font-size:13px;color:#6b7280}.comment-modal-comments,.comment-modal-likes{display:inline-block}.comment-modal-comments-list{flex:1 1;overflow-y:auto;padding:16px}.comment-modal-comments-list::-webkit-scrollbar{width:6px}.comment-modal-comments-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.comment-modal-loading-box{text-align:center;padding-top:32px;padding-bottom:32px;color:#6b7280}.comment-item-main{display:flex;gap:24px}.comment-item-avatar{width:36px!important;height:36px!important;flex-shrink:0}.comment-item-content{flex:1 1}.comment-edit-container{display:flex;gap:8px;align-items:flex-start}.comment-edit-field .MuiOutlinedInput-root{border-radius:12px!important;background:#fff!important;font-size:14px!important}.comment-edit-buttons{display:flex;gap:4px}.comment-edit-confirm-btn{color:#10b981!important}.comment-edit-confirm-btn:hover{background:rgba(16,185,129,.1)!important}.comment-edit-cancel-btn{color:#ef4444!important}.comment-edit-cancel-btn:hover{background:rgba(239,68,68,.1)!important}.comment-view-bubble{background:#f3f4f6;border-radius:16px;padding:12px;position:relative}.comment-view-header{display:flex;justify-content:space-between;align-items:flex-start}.comment-view-author{font-size:14px;font-weight:600;color:#1f2937;margin-bottom:4px}.comment-menu-btn{color:#6b7280!important;padding:4px!important}.comment-menu-btn:hover{background:rgba(0,0,0,.05)!important}.comment-view-text{font-size:14px;color:#374151;line-height:1.5}.comment-view-footer{display:flex;gap:16px;margin-top:4px;margin-left:24px;font-size:12px;color:#6b7280}.comment-view-edited,.comment-view-time{display:inline-block}.comment-menu .MuiMenu-paper{border-radius:12px!important;box-shadow:0 4px 12px rgba(0,0,0,.1)!important;min-width:160px!important}.comment-menu-edit{font-size:14px!important;gap:24px!important;padding-top:8px!important;padding-bottom:8px!important}.comment-menu-edit:hover{background:#f3f4f6!important}.comment-menu-divider{margin-top:4px!important;margin-bottom:4px!important}.comment-menu-delete{font-size:14px!important;gap:24px!important;padding-top:8px!important;padding-bottom:8px!important;color:#ef4444!important}.comment-menu-delete:hover{background:rgba(239,68,68,.1)!important}.comment-modal-no-comments-box{text-align:center;padding-top:32px;padding-bottom:32px;color:#6b7280}.comment-modal-input-section{padding:16px;border-top:1px solid #e5e7eb;background:#fff}.comment-input-main{display:flex;gap:24px;align-items:flex-end}.comment-input-avatar{width:36px!important;height:36px!important;flex-shrink:0}.comment-input-container{flex:1 1;display:flex;gap:8px;align-items:flex-end}.comment-input-field .MuiOutlinedInput-root{border-radius:20px!important;background:#f3f4f6!important;font-size:14px!important}.comment-input-field .MuiOutlinedInput-root fieldset{border-color:transparent!important}.comment-input-field .MuiOutlinedInput-root:hover fieldset{border-color:#e5e7eb!important}.comment-input-field .MuiOutlinedInput-root.Mui-focused fieldset{border-color:#667eea!important;border-width:2px!important}.comment-input-send-btn{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;width:40px!important;height:40px!important}.comment-input-send-btn:hover{background:linear-gradient(135deg,#5568d3,#653a8b)!important}.comment-input-send-btn.Mui-disabled{background:#e5e7eb!important;color:#9ca3af!important}.admin-dashboard{width:100%;min-height:100vh;background:#f1f5f9;display:flex}.admin-dashboard .admin-appbar{left:280px!important;width:calc(100% - 280px)!important;background:hsla(0,0%,100%,.8)!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:none!important;border-bottom:1px solid #e2e8f0;color:#1e293b!important}.admin-dashboard .admin-appbar .appbar-content{height:72px;padding:0 32px;display:flex;justify-content:space-between;align-items:center}.admin-dashboard .admin-appbar .appbar-content .page-title{font-size:20px;font-weight:700;color:#6366f1}.admin-dashboard .admin-appbar .appbar-content .appbar-right{display:flex;align-items:center;gap:20px}.admin-dashboard .admin-appbar .appbar-content .appbar-right .user-menu-trigger{display:flex;align-items:center;gap:12px;padding:6px 12px;border-radius:50px;background:#f8fafc;cursor:pointer;border:1px solid #e2e8f0;transition:all .2s ease}.admin-dashboard .admin-appbar .appbar-content .appbar-right .user-menu-trigger:hover{background:#fff;border-color:#6366f1}.admin-dashboard .admin-appbar .appbar-content .appbar-right .user-menu-trigger .user-avatar{width:32px;height:32px}.admin-dashboard .admin-appbar .appbar-content .appbar-right .user-menu-trigger .user-name{font-size:14px;font-weight:600}.admin-dashboard .admin-appbar .appbar-content .appbar-right .user-menu-trigger .user-role{font-size:11px;color:#64748b}.admin-dashboard .admin-sidebar{width:280px}.admin-dashboard .admin-sidebar .MuiDrawer-paper{width:280px;background:#1e293b;border-right:none;color:#fff}.admin-dashboard .admin-sidebar .MuiDrawer-paper .sidebar-header{padding:30px;text-align:center}.admin-dashboard .admin-sidebar .MuiDrawer-paper .sidebar-header img{width:140px;filter:brightness(0) invert(1)}.admin-dashboard .admin-sidebar .MuiDrawer-paper .sidebar-user-card{margin:0 20px;padding:15px;background:hsla(0,0%,100%,.05);border-radius:12px;display:flex;align-items:center;gap:12px}.admin-dashboard .admin-sidebar .MuiDrawer-paper .sidebar-user-card .sidebar-avatar{border:2px solid #6366f1}.admin-dashboard .admin-sidebar .MuiDrawer-paper .sidebar-user-card .sidebar-user-name{font-weight:600;color:#fff}.admin-dashboard .admin-sidebar .MuiDrawer-paper .sidebar-user-card .sidebar-user-role{font-size:12px;color:#94a3b8}.admin-dashboard .admin-content{flex:1 1;padding:100px 32px 32px;margin-left:0}.content-card{background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);padding:24px}.admin-users-container .page-header{margin-bottom:24px}.admin-users-container .page-header .tit{font-size:28px;font-weight:800;color:#1e293b;letter-spacing:-.5px}.admin-users-container .table-wrap{background:#fff;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.05);border:1px solid #e2e8f0;overflow:hidden}.admin-users-container .table-wrap .tab-menu{display:flex;padding:10px 20px;gap:10px;background:#f8fafc}.admin-users-container .table-wrap .tab-menu .li{padding:8px 18px;border-radius:10px;font-weight:600;font-size:14px;color:#64748b;cursor:pointer;transition:all .3s ease;width:auto}.admin-users-container .table-wrap .tab-menu .li.on{background:#6366f1;color:#fff;box-shadow:0 4px 12px rgba(99,102,241,.3)}.admin-users-container .table-wrap .tab-menu .li:hover:not(.on){background:#e2e8f0;color:#1e293b}.admin-users-container .table-wrap .search-area{flex-direction:row;align-items:center;padding:20px;gap:15px}.admin-users-container .table-wrap .search-area .search-input{background:#f1f5f9;border-radius:12px}.admin-users-container .table-wrap .search-area .search-input .MuiOutlinedInput-notchedOutline{border:none}.admin-users-container .table-wrap .search-area .search-input:hover{background:#e2e8f0}.admin-users-container .table-wrap .search-area .type-select{background:#f1f5f9;border-radius:12px}.admin-users-container .table-wrap .search-area .type-select .MuiOutlinedInput-notchedOutline{border:none}.admin-users-container .member-table .MuiTableCell-head{background:#f8fafc;color:#64748b;font-weight:700;font-size:12px;text-transform:uppercase}.admin-users-container .member-table .member-nick{font-weight:600;color:#1e293b;text-decoration:none}.admin-users-container .member-table .member-nick:hover{color:#6366f1}.admin-users-container .member-table .badge{padding:4px 12px;border-radius:8px;font-size:12px;text-transform:capitalize}.admin-users-container .member-table .badge.BLOCK{background:rgba(239,68,68,.1)}.admin-users-container .member-table .badge.USER{background:rgba(99,102,241,.1)}.admin-users-container .member-table .badge{padding:5px 14px;border-radius:10px;font-size:12.5px;font-weight:700;text-transform:uppercase;line-height:1;min-width:68px}.admin-users-container .member-table .badge.USER{background:rgba(99,102,241,.12);color:#6366f1}.admin-users-container .member-table .badge.AGENT{background:rgba(59,130,246,.12);color:#3b82f6}.admin-users-container .member-table .badge.ADMIN{background:rgba(245,158,11,.12);color:#f59e0b}.admin-users-container .member-table .badge.ACTIVE{background:rgba(16,185,129,.12)}.admin-users-container .member-table .badge.BLOCK{background:rgba(239,68,68,.12);color:#ef4444}.admin-users-container .member-table .badge.DELETE{background:rgba(100,116,139,.18);color:#64748b}.admin-users-container .member-table .badge.RESERVED{background:rgba(245,158,11,.1);color:#f59e0b}.admin-users-container .member-table .badge.SOLD{background:rgba(148,163,184,.1);color:#64748b}.admin-users-container .member-table .badge.ACTIVE{background:rgba(16,185,129,.1);color:#10b981}.admin-users-container .member-table .badge.DELETE{background:rgba(239,68,68,.1);color:#ef4444}#pc-wrap #marketplace-page{min-height:calc(100vh - 64px);background:#f9fafb;padding:32px 0 60px}#pc-wrap #marketplace-page .container{max-width:1400px;margin:0 auto;padding:0 24px;width:100%}#pc-wrap #marketplace-page .marketplace-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #e5e7eb}#pc-wrap #marketplace-page .marketplace-header .header-left{display:flex;flex-direction:column;gap:6px}#pc-wrap #marketplace-page .marketplace-header .header-left .page-title{font-family:Poppins,sans-serif;font-size:32px;font-weight:800;color:#1f2937;letter-spacing:-.5px;line-height:1.2}#pc-wrap #marketplace-page .marketplace-header .header-left .page-subtitle{font-family:Poppins,sans-serif;font-size:15px;font-weight:400;color:#6b7280}#pc-wrap #marketplace-page .marketplace-header .header-right{display:flex;flex-direction:row;align-items:center;gap:16px}#pc-wrap #marketplace-page .marketplace-header .header-right .filter-toggle-btn{padding:10px 20px;border-radius:12px;background:#fff;border:2px solid #e5e7eb;color:#374151;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;text-transform:none;transition:all .2s ease}#pc-wrap #marketplace-page .marketplace-header .header-right .filter-toggle-btn:hover{background:#f9fafb;border-color:#667eea;color:#667eea}#pc-wrap #marketplace-page .marketplace-header .header-right .filter-toggle-btn svg{font-size:20px}#pc-wrap #marketplace-page .marketplace-header .header-right .sort-box{display:flex;flex-direction:row;align-items:center;gap:12px;padding:10px 16px;background:#fff;border-radius:12px;border:2px solid #e5e7eb}#pc-wrap #marketplace-page .marketplace-header .header-right .sort-box .sort-label{font-family:Poppins,sans-serif;font-size:14px;font-weight:500;color:#6b7280;white-space:nowrap}#pc-wrap #marketplace-page .marketplace-header .header-right .sort-box .sort-btn{padding:4px 12px;min-width:auto;color:#1f2937;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;text-transform:none;border-radius:8px;white-space:nowrap}#pc-wrap #marketplace-page .marketplace-header .header-right .sort-box .sort-btn:hover{background:#f3f4f6}#pc-wrap #marketplace-page .marketplace-header .header-right .sort-box .sort-btn svg{font-size:20px;margin-left:4px}#pc-wrap #marketplace-page .marketplace-content{display:flex;flex-direction:row;gap:28px;align-items:flex-start}#pc-wrap #marketplace-page .marketplace-content .filter-sidebar{width:300px;flex-shrink:0;position:-webkit-sticky;position:sticky;top:32px;align-self:flex-start}#pc-wrap #marketplace-page .marketplace-content .products-container{flex:1 1;display:flex;flex-direction:column;gap:40px;min-width:0}#pc-wrap #marketplace-page .marketplace-content .products-container .loading-state{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;background:#fff;border-radius:16px;border:1px solid #e5e7eb}#pc-wrap #marketplace-page .marketplace-content .products-container .loading-state p{font-family:Poppins,sans-serif;font-size:16px;font-weight:600;color:#6b7280}#pc-wrap #marketplace-page .marketplace-content .products-container .products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:20px;gap:20px;width:100%}#pc-wrap #marketplace-page .marketplace-content .products-container .no-data{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;background:#fff;border-radius:16px;border:1px solid #e5e7eb}#pc-wrap #marketplace-page .marketplace-content .products-container .no-data img{width:80px;height:80px;margin-bottom:20px;opacity:.5}#pc-wrap #marketplace-page .marketplace-content .products-container .no-data p{font-family:Poppins,sans-serif;font-size:16px;font-weight:600;color:#6b7280}#pc-wrap #marketplace-page .marketplace-content .products-container .pagination-container{display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px 0;margin-top:20px;border-top:2px solid #e5e7eb;width:100%}#pc-wrap #marketplace-page .marketplace-content .products-container .pagination-container .MuiPagination-root .MuiPaginationItem-root{font-family:Poppins,sans-serif;font-weight:600;font-size:14px;min-width:36px;height:36px;margin:0 4px;border-radius:12px;border:2px solid transparent;transition:all .2s ease;color:#374151}#pc-wrap #marketplace-page .marketplace-content .products-container .pagination-container .MuiPagination-root .MuiPaginationItem-root:hover{background:#f3f4f6;border-color:#e5e7eb;transform:translateY(-1px)}#pc-wrap #marketplace-page .marketplace-content .products-container .pagination-container .MuiPagination-root .MuiPaginationItem-root.Mui-selected{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent;box-shadow:0 4px 12px rgba(102,126,234,.3)}#pc-wrap #marketplace-page .marketplace-content .products-container .pagination-container .MuiPagination-root .MuiPaginationItem-root.Mui-selected:hover{background:linear-gradient(135deg,#5568d3,#6a3f8f);box-shadow:0 6px 16px rgba(102,126,234,.4)}#pc-wrap #marketplace-page .marketplace-content .products-container .pagination-container .MuiPagination-root .MuiPaginationItem-root.Mui-disabled{opacity:.4;cursor:not-allowed}#pc-wrap #marketplace-page .marketplace-content .products-container .pagination-container .pagination-info{font-family:Poppins,sans-serif;font-size:14px;font-weight:400;color:#6b7280;text-align:center;margin-top:4px}#pc-wrap #marketplace-page .marketplace-content .products-container .pagination-container .pagination-info strong{font-weight:700;color:#1f2937}.product-card{background:#fff;border-radius:16px;overflow:hidden;border:1px solid #e5e7eb;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px rgba(0,0,0,.04);display:flex;height:100%;flex-direction:column;height:auto;cursor:pointer}.product-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(102,126,234,.12);border-color:rgba(102,126,234,.2)}.product-card:hover .card-image{transform:scale(1.05)}.product-card .card-image-link{display:block;text-decoration:none;cursor:pointer;flex-shrink:0}.product-card .card-image-link .card-image-wrapper{position:relative;width:100%;height:200px;overflow:hidden;background:#f3f4f6}.product-card .card-image-link .card-image-wrapper .card-image{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.product-card .card-image-link .card-image-wrapper .badge-container{position:absolute;top:12px;left:12px;right:12px;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;z-index:2}.product-card .card-image-link .card-image-wrapper .badge-container .condition-badge{padding:6px 12px;background:linear-gradient(135deg,#10b981,#059669);border-radius:8px;box-shadow:0 4px 12px rgba(16,185,129,.4)}.product-card .card-image-link .card-image-wrapper .badge-container .condition-badge p{font-family:Poppins,sans-serif;font-size:10px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px;line-height:1;margin:0}.product-card .card-image-link .card-image-wrapper .price-tag{position:absolute;bottom:12px;left:12px;padding:10px 16px;background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.1);z-index:2}.product-card .card-image-link .card-image-wrapper .price-tag .price{font-family:Poppins,sans-serif;font-size:18px;font-weight:800;color:#1f2937;letter-spacing:-.3px;line-height:1}.product-card .card-content{padding:14px;display:flex;flex-direction:column;gap:10px;flex:1 1;min-height:0}.product-card .card-content .card-header{display:flex;flex-direction:column;gap:6px;flex-shrink:0}.product-card .card-content .card-header .card-title-link{text-decoration:none;display:block}.product-card .card-content .card-header .card-title-link .card-title{font-family:Poppins,sans-serif;font-size:15px;font-weight:700;color:#1f2937;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;transition:color .2s ease;min-height:39px}.product-card .card-content .card-header .card-title-link .card-title:hover{color:#667eea}.product-card .card-content .card-header .category-badge{display:inline-flex;width:-moz-fit-content;width:fit-content;padding:4px 10px;background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1));border:1px solid rgba(102,126,234,.2);border-radius:6px}.product-card .card-content .card-header .category-badge p{font-family:Poppins,sans-serif;font-size:11px;font-weight:700;color:#667eea;text-transform:uppercase;letter-spacing:.5px;line-height:1;margin:0}.product-card .card-content .card-description{font-family:Poppins,sans-serif;font-size:13px;font-weight:400;color:#6b7280;line-height:1.5;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;min-height:39px;flex-shrink:0}.product-card .card-content .card-location{display:flex;flex-shrink:0}.product-card .card-content .card-location .location-text{font-family:Poppins,sans-serif;font-size:13px;font-weight:400;color:#6b7280;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-card .card-content .seller-section{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-top:10px;border-top:1px solid #f3f4f6}.product-card .card-content .seller-section .seller-info{display:flex;flex-direction:row;align-items:center;gap:8px;flex:1 1;min-width:0}.product-card .card-content .seller-section .seller-info .seller-avatar{width:32px!important;height:32px!important;border:2px solid #e5e7eb}.product-card .card-content .seller-section .seller-info .seller-details{display:flex;flex-direction:column;gap:1px;min-width:0}.product-card .card-content .seller-section .seller-info .seller-details .seller-name{font-family:Poppins,sans-serif;font-size:12px;font-weight:600;color:#374151;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-card .card-content .seller-section .seller-info .seller-details .post-time{font-family:Poppins,sans-serif;font-size:10px;font-weight:400;color:#9ca3af;line-height:1.2}.product-card .card-content .seller-section .status-badge{padding:4px 10px;border-radius:6px;flex-shrink:0}.product-card .card-content .seller-section .status-badge.available{background:linear-gradient(135deg,rgba(16,185,129,.1),rgba(5,150,105,.1));border:1px solid rgba(16,185,129,.3)}.product-card .card-content .seller-section .status-badge p{font-family:Poppins,sans-serif;font-size:11px;font-weight:700;color:#10b981;text-transform:uppercase;letter-spacing:.5px;line-height:1;margin:0}.product-card .card-content .card-actions{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-top:10px;border-top:1px solid #f3f4f6}.product-card .card-content .card-actions .stats{display:flex;flex-direction:row;gap:12px;align-items:center}.product-card .card-content .card-actions .stats .stat-item{display:flex;flex-direction:row;align-items:center;gap:4px}.product-card .card-content .card-actions .stats .stat-item .stat-icon{width:16px;height:16px;color:#9ca3af}.product-card .card-content .card-actions .stats .stat-item .stat-icon.favorited{color:#ef4444}.product-card .card-content .card-actions .stats .stat-item .stat-text{font-family:Poppins,sans-serif;font-size:12px;font-weight:600;color:#6b7280;line-height:1}.product-card .card-content .card-actions .action-buttons{display:flex;flex-direction:row;gap:2px}.product-card .card-content .card-actions .action-buttons .action-btn{width:32px!important;height:32px!important;padding:6px!important;border-radius:8px!important;transition:all .2s ease}.product-card .card-content .card-actions .action-buttons .action-btn:hover{background:#f3f4f6!important}.product-card .card-content .card-actions .action-buttons .action-btn svg{width:18px;height:18px;color:#6b7280}.product-card .card-content .card-actions .action-buttons .action-btn svg.favorited{color:#ef4444}.product-card .card-content .card-actions .action-buttons .action-btn svg.saved{color:#667eea}.filter-modern-container{background:#fff;border-radius:16px;padding:16px;box-shadow:0 2px 8px rgba(0,0,0,.04);border:1px solid #e5e7eb;width:100%;max-width:300px;height:-moz-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:24px;transition:all .3s ease}.filter-modern-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:2px solid #f3f4f6;margin-bottom:12px}.filter-modern-title{font-size:16px;font-weight:700;color:#1e293b;letter-spacing:-.3px}.active-filters-chip{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:700;height:18px;min-width:18px;font-size:10px;margin-left:6px}.reset-btn{color:#667eea;transition:all .2s ease;padding:6px}.reset-btn:hover{background:rgba(102,126,234,.1);transform:rotate(90deg)}.filter-modern-section{margin-bottom:12px}.section-header-modern{display:flex;justify-content:space-between;align-items:center;width:100%;padding:10px 12px;background:#f9fafb;border-radius:10px;text-transform:none;transition:all .2s ease;border:1px solid #f3f4f6;min-height:auto}.section-header-modern:hover{background:#f3f4f6;border-color:#e5e7eb}.section-title-modern{font-size:13px;font-weight:600;color:#334155;flex:1 1;text-align:left}.count-chip-modern{background:#667eea;color:#fff;height:18px;min-width:18px;font-size:10px;font-weight:700;margin-right:6px}.search-wrapper-modern{position:relative;width:100%}.search-icon-modern{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:18px;pointer-events:none}.search-input-modern{width:100%;padding:10px 12px 10px 38px;border:1px solid #e5e7eb;border-radius:10px;font-size:13px;outline:none;transition:all .2s ease;background:#fff;font-family:inherit;font-weight:500}.search-input-modern:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.search-input-modern::placeholder{color:#cbd5e1;font-weight:400}.price-slider-container{padding:8px 12px 12px}.price-label-modern{font-size:11px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.3px;margin-bottom:2px}.price-value-modern{font-size:15px;font-weight:700;color:#667eea;letter-spacing:-.3px}.pill-container{display:flex;flex-wrap:wrap;gap:6px;padding:10px 8px}.pill-chip{cursor:pointer;transition:all .2s ease}.pill-chip-selected{transform:scale(1.02)}.apply-btn-modern{transition:all .3s cubic-bezier(.4,0,.2,1)}.apply-btn-modern:hover{transform:translateY(-1px)}.apply-btn-modern:active{transform:translateY(0)}.active-filters-summary-modern{padding-top:12px;border-top:1px solid #f3f4f6;display:flex;flex-direction:column}.active-filters-summary-modern .MuiChip-root{background:#f1f5f9;border:1px solid #e5e7eb;color:#475569;font-weight:500;transition:all .2s ease}.active-filters-summary-modern .MuiChip-root:hover{background:#e2e8f0;border-color:#cbd5e1}.active-filters-summary-modern .MuiChip-deleteIcon{color:#94a3b8;font-size:14px;transition:all .2s ease}.active-filters-summary-modern .MuiChip-deleteIcon:hover{color:#ef4444}@keyframes slideInModern{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.pill-container,.price-slider-container{animation:slideInModern .3s ease-out}@media(max-width:1024px){.filter-modern-container{max-width:280px;padding:14px}.filter-modern-title{font-size:15px}.section-title-modern{font-size:12px}}@media(max-width:768px){.filter-modern-container{max-width:100%;position:relative;top:0;margin-bottom:16px}}.filter-modern-container:hover{box-shadow:0 4px 12px rgba(0,0,0,.06)}.filter-modern-section .MuiCollapse-root{transition:all .3s ease}@media(max-width:1400px){#pc-wrap #marketplace-page .marketplace-content .products-container .products-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media(max-width:1200px){#pc-wrap #marketplace-page .marketplace-header{flex-direction:column;align-items:flex-start;gap:20px}#pc-wrap #marketplace-page .marketplace-header .header-right{width:100%;justify-content:space-between}#pc-wrap #marketplace-page .marketplace-content .filter-sidebar{width:280px}#pc-wrap #marketplace-page .marketplace-content .products-container .products-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}@media(max-width:960px){#pc-wrap #marketplace-page{padding:24px 0 40px}#pc-wrap #marketplace-page .marketplace-content{flex-direction:column}#pc-wrap #marketplace-page .marketplace-content .filter-sidebar{width:100%}#pc-wrap #marketplace-page .marketplace-content .products-container .products-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}}@media(max-width:768px){#pc-wrap #marketplace-page .marketplace-header .header-left .page-title{font-size:26px}#pc-wrap #marketplace-page .marketplace-header .header-right{flex-direction:column;width:100%}#pc-wrap #marketplace-page .marketplace-header .header-right .filter-toggle-btn,#pc-wrap #marketplace-page .marketplace-header .header-right .sort-box{width:100%;justify-content:center}#pc-wrap #marketplace-page .marketplace-content .products-container .products-grid{grid-template-columns:1fr}#pc-wrap #marketplace-page .marketplace-content .products-container .pagination-container{padding:24px 0}#pc-wrap #marketplace-page .marketplace-content .products-container .pagination-container .MuiPagination-root .MuiPaginationItem-root{min-width:32px;height:32px;font-size:13px;margin:0 2px}#pc-wrap #marketplace-page .marketplace-content .products-container .pagination-container .pagination-info{font-size:13px}.product-card .card-image-wrapper{height:180px}.product-card .card-content{padding:14px 16px}.product-card .card-content .card-header .card-title-link .card-title{font-size:15px;min-height:40px}.product-card .card-content .seller-section{gap:12px}}#pc-wrap #marketplace-detail-page{min-height:calc(100vh - 64px);background:linear-gradient(180deg,#f9fafb,#fff);padding:32px 0 80px}#pc-wrap #marketplace-detail-page .detail-container{max-width:1400px;margin:0 auto;padding:0 24px}#pc-wrap #marketplace-detail-page .detail-container .breadcrumb{display:flex;align-items:center;gap:10px;margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid #e5e7eb}#pc-wrap #marketplace-detail-page .detail-container .breadcrumb .crumb{font-family:Poppins,sans-serif;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;transition:color .2s ease}#pc-wrap #marketplace-detail-page .detail-container .breadcrumb .crumb:hover{color:#667eea}#pc-wrap #marketplace-detail-page .detail-container .breadcrumb .crumb.active{color:#667eea;font-weight:600}#pc-wrap #marketplace-detail-page .detail-container .breadcrumb .separator{color:#d1d5db;font-size:14px}#pc-wrap #marketplace-detail-page .detail-container .detail-layout{display:flex;flex-direction:row;gap:32px;align-items:flex-start}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .left-column{flex:1 1;display:flex;flex-direction:column;gap:24px;min-width:0}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .left-column .image-gallery{background:#fff;border-radius:20px;padding:20px;box-shadow:0 4px 20px rgba(102,126,234,.08);border:1px solid rgba(102,126,234,.1)}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .left-column .image-gallery .main-image{position:relative;width:100%;height:500px;border-radius:16px;overflow:hidden;margin-bottom:16px;background:#f3f4f6}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .left-column .image-gallery .main-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .left-column .image-gallery .main-image img:hover{transform:scale(1.05)}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .left-column .image-gallery .main-image .image-badges{position:absolute;top:16px;left:16px;display:flex;flex-direction:column;gap:8px;z-index:2}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .left-column .image-gallery .main-image .image-badges .condition-chip{background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-family:Poppins,sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 12px rgba(16,185,129,.4);height:28px;padding:0 14px}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .left-column .image-gallery .main-image .image-badges .sold-chip{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-family:Poppins,sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 12px rgba(239,68,68,.4);height:28px;padding:0 14px}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .left-column .image-gallery .thumbnail-list{display:flex;flex-direction:row;gap:12px;overflow-x:auto}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .left-column .image-gallery .thumbnail-list::-webkit-scrollbar{height:6px}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .left-column .image-gallery .thumbnail-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .left-column .image-gallery .thumbnail-list .thumbnail{width:100px;height:100px;border-radius:12px;overflow:hidden;border:2px solid #e5e7eb;cursor:pointer;transition:all .2s ease;flex-shrink:0}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .left-column .image-gallery .thumbnail-list .thumbnail:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.2)}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .left-column .image-gallery .thumbnail-list .thumbnail.active{border-color:#667eea;box-shadow:0 4px 12px rgba(102,126,234,.3)}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .left-column .image-gallery .thumbnail-list .thumbnail img{width:100%;height:100%;object-fit:cover}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .left-column .description-section{background:#fff;border-radius:20px;padding:28px 32px;box-shadow:0 4px 20px rgba(102,126,234,.08);border:1px solid rgba(102,126,234,.1)}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .left-column .description-section .section-title{font-family:Poppins,sans-serif;font-size:20px;font-weight:700;color:#1f2937;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #f3f4f6}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .left-column .description-section .description-text{font-family:Poppins,sans-serif;font-size:15px;font-weight:400;color:#4b5563;line-height:1.8;white-space:pre-wrap}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .left-column .details-section{background:#fff;border-radius:20px;padding:28px 32px;box-shadow:0 4px 20px rgba(102,126,234,.08);border:1px solid rgba(102,126,234,.1)}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .left-column .details-section .section-title{font-family:Poppins,sans-serif;font-size:20px;font-weight:700;color:#1f2937;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #f3f4f6}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .left-column .details-section .details-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .left-column .details-section .details-grid .detail-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f3f4f6}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .left-column .details-section .details-grid .detail-row .detail-label{font-family:Poppins,sans-serif;font-size:14px;font-weight:600;color:#6b7280}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .left-column .details-section .details-grid .detail-row .detail-value{font-family:Poppins,sans-serif;font-size:14px;font-weight:500;color:#1f2937;text-align:right;text-transform:capitalize}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .left-column .details-section .details-grid .detail-row .detail-value.active,#pc-wrap #marketplace-detail-page .detail-container .detail-layout .left-column .details-section .details-grid .detail-row .detail-value.available{color:#10b981;font-weight:700;text-transform:uppercase}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .left-column .details-section .details-grid .detail-row .detail-value.sold{color:#ef4444;font-weight:700;text-transform:uppercase}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .left-column .location-section{background:#fff;border-radius:20px;padding:28px 32px;box-shadow:0 4px 20px rgba(102,126,234,.08);border:1px solid rgba(102,126,234,.1)}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .left-column .location-section .section-title{font-family:Poppins,sans-serif;font-size:20px;font-weight:700;color:#1f2937;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #f3f4f6}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .left-column .location-section .location-card{display:flex;align-items:center;gap:14px;padding:16px 20px;background:linear-gradient(135deg,rgba(102,126,234,.05),rgba(118,75,162,.05));border-radius:12px;border:1px solid rgba(102,126,234,.15);transition:all .2s ease}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .left-column .location-section .location-card:hover{background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1));border-color:rgba(102,126,234,.25)}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .left-column .location-section .location-card .location-icon{width:28px;height:28px;color:#667eea;flex-shrink:0}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .left-column .location-section .location-card .location-info{display:flex;flex-direction:column;gap:4px}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .left-column .location-section .location-card .location-info .location-name{font-family:Poppins,sans-serif;font-size:15px;font-weight:700;color:#1f2937}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .left-column .location-section .location-card .location-info .location-detail{font-family:Poppins,sans-serif;font-size:13px;font-weight:400;color:#6b7280}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .right-column{width:400px;flex-shrink:0;position:-webkit-sticky;position:sticky;top:88px;display:flex;flex-direction:column;gap:20px}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .right-column .product-header{background:#fff;border-radius:20px;padding:24px 28px;box-shadow:0 4px 20px rgba(102,126,234,.08);border:1px solid rgba(102,126,234,.1)}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .right-column .product-header .product-title{font-family:Poppins,sans-serif;font-size:24px;font-weight:800;color:#1f2937;line-height:1.3;margin-bottom:12px}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .right-column .product-header .product-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .right-column .product-header .product-meta .category-chip{background:linear-gradient(135deg,rgba(102,126,234,.15),rgba(118,75,162,.15));color:#667eea;font-family:Poppins,sans-serif;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border:1px solid rgba(102,126,234,.3);height:26px;padding:0 12px}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .right-column .product-header .product-meta .post-date{font-family:Poppins,sans-serif;font-size:13px;font-weight:400;color:#9ca3af}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .right-column .price-section{background:#fff;border-radius:20px;padding:24px 28px;box-shadow:0 4px 20px rgba(102,126,234,.08);border:1px solid rgba(102,126,234,.1)}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .right-column .price-section .price-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .right-column .price-section .price-row .product-price{font-family:Poppins,sans-serif;font-size:36px;font-weight:800;color:transparent;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.8px}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .right-column .price-section .price-row .action-icons{display:flex;gap:6px}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .right-column .price-section .price-row .action-icons .action-icon{width:40px;height:40px;padding:8px;border-radius:10px;background:#f9fafb;border:1px solid #e5e7eb;transition:all .2s ease}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .right-column .price-section .price-row .action-icons .action-icon:hover{background:#f3f4f6;border-color:#d1d5db;transform:scale(1.05)}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .right-column .price-section .price-row .action-icons .action-icon svg{width:22px;height:22px;color:#6b7280}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .right-column .price-section .price-row .action-icons .action-icon svg.favorited{color:#ef4444}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .right-column .price-section .stats-row{display:flex;gap:20px;padding-top:16px;border-top:1px solid #f3f4f6}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .right-column .price-section .stats-row .stat{display:flex;align-items:center;gap:6px}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .right-column .price-section .stats-row .stat svg{width:18px;height:18px;color:#9ca3af}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .right-column .price-section .stats-row .stat svg.favorited{color:#ef4444}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .right-column .price-section .stats-row .stat p{font-family:Poppins,sans-serif;font-size:14px;font-weight:600;color:#6b7280}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .right-column .seller-card{background:#fff;border-radius:20px;padding:24px 28px;box-shadow:0 4px 20px rgba(102,126,234,.08);border:1px solid rgba(102,126,234,.1)}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .right-column .seller-card .card-title{font-family:Poppins,sans-serif;font-size:18px;font-weight:700;color:#1f2937;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #f3f4f6}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .right-column .seller-card .seller-profile{display:flex;gap:14px;padding:16px;background:linear-gradient(135deg,rgba(102,126,234,.05),rgba(118,75,162,.05));border-radius:12px}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .right-column .seller-card .seller-profile .seller-avatar{width:56px;height:56px;border:3px solid #fff;box-shadow:0 4px 12px rgba(0,0,0,.1);flex-shrink:0}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .right-column .seller-card .seller-profile .seller-info{flex:1 1;display:flex;flex-direction:column;gap:6px}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .right-column .seller-card .seller-profile .seller-info .seller-name-row{display:flex;align-items:center;gap:6px}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .right-column .seller-card .seller-profile .seller-info .seller-name-row .seller-name{font-family:Poppins,sans-serif;font-size:16px;font-weight:700;color:#1f2937;cursor:pointer;transition:color .2s ease}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .right-column .seller-card .seller-profile .seller-info .seller-name-row .seller-name:hover{color:#667eea}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .right-column .seller-card .seller-profile .seller-info .seller-name-row .verified-icon{width:18px;height:18px;color:#667eea}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .right-column .seller-card .seller-profile .seller-info .seller-username{font-family:Poppins,sans-serif;font-size:13px;font-weight:400;color:#6b7280}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .right-column .seller-card .seller-profile .seller-info .seller-stats{display:flex;flex-direction:column;gap:2px;margin-top:4px}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .right-column .seller-card .seller-profile .seller-info .seller-stats .seller-listings,#pc-wrap #marketplace-detail-page .detail-container .detail-layout .right-column .seller-card .seller-profile .seller-info .seller-stats .seller-points{font-family:Poppins,sans-serif;font-size:12px;font-weight:500;color:#6b7280}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .right-column .owner-actions-card{background:linear-gradient(135deg,rgba(102,126,234,.05),rgba(118,75,162,.05));border-radius:20px;padding:24px 28px;box-shadow:0 4px 20px rgba(102,126,234,.08);border:2px solid rgba(102,126,234,.15)}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .right-column .owner-actions-card .card-title{font-family:Poppins,sans-serif;font-size:18px;font-weight:700;color:#1f2937;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid rgba(102,126,234,.15)}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .right-column .owner-actions-card .owner-actions{display:flex;flex-direction:column;gap:12px}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .right-column .owner-actions-card .owner-actions .owner-edit-btn{width:100%;height:48px;border:2px solid #667eea;border-radius:12px;background:#fff;color:#667eea;font-family:Poppins,sans-serif;font-size:15px;font-weight:700;text-transform:none;letter-spacing:.3px;transition:all .3s ease;box-shadow:0 2px 8px rgba(102,126,234,.15)}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .right-column .owner-actions-card .owner-actions .owner-edit-btn:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent;transform:translateY(-2px);box-shadow:0 6px 16px rgba(102,126,234,.3)}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .right-column .owner-actions-card .owner-actions .owner-edit-btn svg{width:20px;height:20px}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .right-column .owner-actions-card .owner-actions .owner-delete-btn{width:100%;height:48px;border:2px solid #ef4444;border-radius:12px;background:#fff;color:#ef4444;font-family:Poppins,sans-serif;font-size:15px;font-weight:700;text-transform:none;letter-spacing:.3px;transition:all .3s ease;box-shadow:0 2px 8px rgba(239,68,68,.15)}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .right-column .owner-actions-card .owner-actions .owner-delete-btn:hover{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-color:transparent;transform:translateY(-2px);box-shadow:0 6px 16px rgba(239,68,68,.3)}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .right-column .owner-actions-card .owner-actions .owner-delete-btn svg{width:20px;height:20px}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .right-column .contact-card{background:#fff;border-radius:20px;padding:24px 28px;box-shadow:0 4px 20px rgba(102,126,234,.08);border:1px solid rgba(102,126,234,.1)}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .right-column .contact-card .card-title{font-family:Poppins,sans-serif;font-size:18px;font-weight:700;color:#1f2937;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #f3f4f6}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .right-column .contact-card .form-group{margin-bottom:16px}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .right-column .contact-card .form-group .input-label{font-family:Poppins,sans-serif;font-size:14px;font-weight:600;color:#374151;margin-bottom:8px;display:block}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .right-column .contact-card .form-group .form-input,#pc-wrap #marketplace-detail-page .detail-container .detail-layout .right-column .contact-card .form-group .form-textarea{width:100%;padding:12px 16px;background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;font-family:Poppins,sans-serif;font-size:14px;color:#374151;outline:none;transition:all .2s ease;box-sizing:border-box}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .right-column .contact-card .form-group .form-input::placeholder,#pc-wrap #marketplace-detail-page .detail-container .detail-layout .right-column .contact-card .form-group .form-textarea::placeholder{color:#9ca3af}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .right-column .contact-card .form-group .form-input:hover,#pc-wrap #marketplace-detail-page .detail-container .detail-layout .right-column .contact-card .form-group .form-textarea:hover{background:#fff;border-color:#d1d5db}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .right-column .contact-card .form-group .form-input:focus,#pc-wrap #marketplace-detail-page .detail-container .detail-layout .right-column .contact-card .form-group .form-textarea:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px rgba(102,126,234,.1)}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .right-column .contact-card .form-group .form-textarea{resize:none;line-height:1.6}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .right-column .contact-card .send-button{width:100%;padding:14px 24px;height:52px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px rgba(102,126,234,.4)}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .right-column .contact-card .send-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px rgba(102,126,234,.5)}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .right-column .contact-card .send-button:active:not(:disabled){transform:translateY(0)}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .right-column .contact-card .send-button:disabled{opacity:.6;cursor:not-allowed;background:linear-gradient(135deg,#9ca3af,#6b7280)}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .right-column .contact-card .send-button p{font-family:Poppins,sans-serif;font-size:15px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px;text-align:center;margin:0}#pc-wrap #marketplace-detail-page .detail-container .similar-products-config{margin-top:60px;padding-top:40px;border-top:2px solid #e5e7eb}#pc-wrap #marketplace-detail-page .detail-container .similar-products-config .title-pagination-box{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}#pc-wrap #marketplace-detail-page .detail-container .similar-products-config .title-pagination-box .title-box .main-title{font-family:Poppins,sans-serif;font-size:28px;font-weight:800;color:#1f2937;margin-bottom:6px}#pc-wrap #marketplace-detail-page .detail-container .similar-products-config .title-pagination-box .title-box .sub-title{font-family:Poppins,sans-serif;font-size:15px;font-weight:400;color:#6b7280}#pc-wrap #marketplace-detail-page .detail-container .similar-products-config .title-pagination-box .pagination-box{display:flex;align-items:center;gap:16px}#pc-wrap #marketplace-detail-page .detail-container .similar-products-config .title-pagination-box .pagination-box svg{width:32px;height:32px;padding:6px;border-radius:10px;background:#f9fafb;border:1px solid #e5e7eb;color:#6b7280;cursor:pointer;transition:all .2s ease}#pc-wrap #marketplace-detail-page .detail-container .similar-products-config .title-pagination-box .pagination-box svg:hover{background:#667eea;color:#fff;border-color:#667eea;transform:scale(1.05)}#pc-wrap #marketplace-detail-page .detail-container .similar-products-config .title-pagination-box .pagination-box .swiper-similar-pagination{min-width:80px;text-align:center;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;color:#6b7280}#pc-wrap #marketplace-detail-page .detail-container .similar-products-config .cards-box .similar-products-swiper{padding:8px 4px 16px}#pc-wrap #marketplace-detail-page .detail-container .similar-products-config .cards-box .similar-products-swiper .similar-products-slide{width:320px}@media(max-width:1200px){#pc-wrap #marketplace-detail-page .detail-container .detail-layout .right-column{width:360px}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .left-column .image-gallery .main-image{height:450px}}@media(max-width:960px){#pc-wrap #marketplace-detail-page{padding:24px 0 60px}#pc-wrap #marketplace-detail-page .detail-container .breadcrumb{font-size:13px}#pc-wrap #marketplace-detail-page .detail-container .detail-layout{flex-direction:column}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .right-column{width:100%;position:relative;top:0}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .left-column .image-gallery .main-image{height:400px}}@media(max-width:768px){#pc-wrap #marketplace-detail-page .detail-container{padding:0 16px}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .left-column .image-gallery{padding:16px}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .left-column .image-gallery .main-image{height:300px}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .left-column .image-gallery .thumbnail-list .thumbnail{width:80px;height:80px}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .left-column .description-section,#pc-wrap #marketplace-detail-page .detail-container .detail-layout .left-column .details-section,#pc-wrap #marketplace-detail-page .detail-container .detail-layout .left-column .location-section{padding:20px 24px}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .left-column .description-section .section-title,#pc-wrap #marketplace-detail-page .detail-container .detail-layout .left-column .details-section .section-title,#pc-wrap #marketplace-detail-page .detail-container .detail-layout .left-column .location-section .section-title{font-size:18px}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .left-column .details-section .details-grid{grid-template-columns:1fr}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .right-column .product-header .product-title{font-size:20px}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .right-column .price-section .price-row .product-price{font-size:28px}#pc-wrap #marketplace-detail-page .detail-container .detail-layout .right-column .contact-card,#pc-wrap #marketplace-detail-page .detail-container .detail-layout .right-column .owner-actions-card,#pc-wrap #marketplace-detail-page .detail-container .detail-layout .right-column .seller-card{padding:20px 24px}#pc-wrap #marketplace-detail-page .detail-container .similar-products-config{margin-top:40px;padding-top:32px}#pc-wrap #marketplace-detail-page .detail-container .similar-products-config .title-pagination-box .title-box .main-title{font-size:22px}#pc-wrap #marketplace-detail-page .detail-container .similar-products-config .cards-box .similar-products-swiper .similar-products-slide{width:280px}}#pc-wrap #articles-page{background:#f9fafb;width:100%;min-height:100vh}#pc-wrap #articles-page .container{max-width:100%;width:100%;margin:0 auto;padding:0;display:flex;flex-direction:column}#pc-wrap #articles-page .container .articles-hero{width:100%;height:300px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;margin:0;padding:48px 40px;box-shadow:0 10px 40px rgba(102,126,234,.3);position:relative;overflow:hidden;flex-shrink:0}#pc-wrap #articles-page .container .articles-hero:before{content:"";position:absolute;top:-15%;right:-8%;width:400px;height:400px;background:radial-gradient(circle,hsla(0,0%,100%,.1) 0,transparent 70%);border-radius:50%}#pc-wrap #articles-page .container .articles-hero:after{content:"";position:absolute;bottom:-20%;left:-5%;width:350px;height:350px;background:radial-gradient(circle,hsla(0,0%,100%,.08) 0,transparent 70%);border-radius:50%}#pc-wrap #articles-page .container .articles-hero .hero-content{position:relative;z-index:2;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:50px}#pc-wrap #articles-page .container .articles-hero .hero-content .hero-left{flex:1 1;max-width:550px}#pc-wrap #articles-page .container .articles-hero .hero-content .hero-left .hero-subtitle{color:hsla(0,0%,100%,.9);font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:12px}#pc-wrap #articles-page .container .articles-hero .hero-content .hero-left .hero-title{color:#fff;font-size:42px;font-weight:900;line-height:1.2;letter-spacing:-1px;margin-bottom:16px}#pc-wrap #articles-page .container .articles-hero .hero-content .hero-left .hero-description{color:hsla(0,0%,100%,.95);font-size:16px;font-weight:400;line-height:1.6;margin:0}#pc-wrap #articles-page .container .articles-hero .hero-content .hero-right{flex:0 0 auto}#pc-wrap #articles-page .container .articles-hero .hero-content .hero-right .hero-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px;min-width:360px}#pc-wrap #articles-page .container .articles-hero .hero-content .hero-right .hero-stats-grid .hero-stat-item{display:flex;flex-direction:row;align-items:center;gap:14px;background:hsla(0,0%,100%,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.25);border-radius:16px;padding:18px 20px;transition:all .3s ease}#pc-wrap #articles-page .container .articles-hero .hero-content .hero-right .hero-stats-grid .hero-stat-item:hover{background:hsla(0,0%,100%,.25);transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.15)}#pc-wrap #articles-page .container .articles-hero .hero-content .hero-right .hero-stats-grid .hero-stat-item .stat-icon-box{width:50px;height:50px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:26px;flex-shrink:0}#pc-wrap #articles-page .container .articles-hero .hero-content .hero-right .hero-stats-grid .hero-stat-item .stat-icon-box.career{background:rgba(245,158,11,.2)}#pc-wrap #articles-page .container .articles-hero .hero-content .hero-right .hero-stats-grid .hero-stat-item .stat-icon-box.events{background:rgba(236,72,153,.2)}#pc-wrap #articles-page .container .articles-hero .hero-content .hero-right .hero-stats-grid .hero-stat-item .stat-icon-box.news{background:rgba(59,130,246,.2)}#pc-wrap #articles-page .container .articles-hero .hero-content .hero-right .hero-stats-grid .hero-stat-item .stat-icon-box.resources{background:rgba(139,92,246,.2)}#pc-wrap #articles-page .container .articles-hero .hero-content .hero-right .hero-stats-grid .hero-stat-item .stat-info{flex:1 1}#pc-wrap #articles-page .container .articles-hero .hero-content .hero-right .hero-stats-grid .hero-stat-item .stat-info .stat-number{color:#fff;font-size:26px;font-weight:800;line-height:1;margin-bottom:4px}#pc-wrap #articles-page .container .articles-hero .hero-content .hero-right .hero-stats-grid .hero-stat-item .stat-info .stat-label{color:hsla(0,0%,100%,.9);font-size:12px;font-weight:500;line-height:1.2}#pc-wrap #articles-page .container .main-layout{display:flex;flex-direction:row;gap:28px;align-items:flex-start;margin-top:0;margin-bottom:50px;padding:40px}#pc-wrap #articles-page .container .main-layout .left-sidebar{width:300px;flex-shrink:0;position:-webkit-sticky;position:sticky;top:84px;display:flex;flex-direction:column;gap:20px}#pc-wrap #articles-page .container .main-layout .left-sidebar .sidebar-widget{background:#fff;border-radius:20px;padding:24px;box-shadow:0 4px 20px rgba(0,0,0,.06);border:1px solid #e5e7eb;transition:all .3s ease}#pc-wrap #articles-page .container .main-layout .left-sidebar .sidebar-widget:hover{box-shadow:0 8px 30px rgba(102,126,234,.12);transform:translateY(-2px)}#pc-wrap #articles-page .container .main-layout .left-sidebar .sidebar-widget .widget-header{margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #f3f4f6}#pc-wrap #articles-page .container .main-layout .left-sidebar .sidebar-widget .widget-header .widget-title{font-size:16px;font-weight:800;display:flex;align-items:center;gap:8px}#pc-wrap #articles-page .container .main-layout .left-sidebar .categories-widget .MuiTabs-root .MuiTabs-flexContainer{margin-right:2px;gap:8px;padding:2px 4px}#pc-wrap #articles-page .container .main-layout .left-sidebar .categories-widget .MuiTabs-root .category-tab{width:100%;min-height:56px;padding:0;margin:0;border-radius:14px;text-align:left;justify-content:flex-start;align-items:center;color:#6b7280;text-transform:none;transition:all .3s ease;border:2px solid transparent}#pc-wrap #articles-page .container .main-layout .left-sidebar .categories-widget .MuiTabs-root .category-tab .tab-label-content{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:14px 16px}#pc-wrap #articles-page .container .main-layout .left-sidebar .categories-widget .MuiTabs-root .category-tab .tab-label-content .tab-label-left{display:flex;flex-direction:row;align-items:center;gap:12px}#pc-wrap #articles-page .container .main-layout .left-sidebar .categories-widget .MuiTabs-root .category-tab .tab-label-content .tab-label-left .tab-icon{font-size:22px;color:inherit}#pc-wrap #articles-page .container .main-layout .left-sidebar .categories-widget .MuiTabs-root .category-tab .tab-label-content .tab-label-left .tab-text{color:inherit;font-size:14px;font-weight:600}#pc-wrap #articles-page .container .main-layout .left-sidebar .categories-widget .MuiTabs-root .category-tab .tab-label-content .tab-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:700;font-size:11px;height:22px;min-width:28px}#pc-wrap #articles-page .container .main-layout .left-sidebar .categories-widget .MuiTabs-root .category-tab:hover{background:rgba(102,126,234,.08);border-color:rgba(102,126,234,.2);transform:translateX(4px);color:#667eea}#pc-wrap #articles-page .container .main-layout .left-sidebar .categories-widget .MuiTabs-root .category-tab.active{background:linear-gradient(135deg,rgba(102,126,234,.15),rgba(118,75,162,.15));color:#667eea;border-color:rgba(102,126,234,.4);box-shadow:0 4px 16px rgba(102,126,234,.2);transform:translateX(6px)}#pc-wrap #articles-page .container .main-layout .left-sidebar .categories-widget .MuiTabs-root .category-tab.active .tab-label-content .tab-label-left .tab-icon{transform:scale(1.1)}#pc-wrap #articles-page .container .main-layout .left-sidebar .categories-widget .MuiTabs-root .category-tab.active .tab-label-content .tab-label-left .tab-text{font-weight:800}#pc-wrap #articles-page .container .main-layout .content-area{flex:1 1;min-width:0}#pc-wrap #articles-page .container .main-layout .content-area .tab-content{padding:0}#pc-wrap #articles-page .container .main-layout .content-area .tab-content .articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));grid-gap:24px;gap:24px;width:100%}#pc-wrap #articles-page .container .main-layout .content-area .tab-content .articles-grid .empty-state{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:16px;background:#fff;border-radius:20px;border:2px dashed #e5e7eb}#pc-wrap #articles-page .container .main-layout .content-area .tab-content .articles-grid .empty-state .empty-icon{font-size:80px;margin-bottom:10px;opacity:.5}#pc-wrap #articles-page .container .main-layout .content-area .tab-content .articles-grid .empty-state .empty-title{font-size:20px;font-weight:700}#pc-wrap #articles-page .container .main-layout .content-area .tab-content .articles-grid .empty-state .empty-text{font-size:14px;font-weight:400;text-align:center;max-width:400px;line-height:1.5}#pc-wrap #articles-page .container .pagination-container{display:flex;flex-direction:column;align-items:center;gap:18px;margin:50px 40px 40px;padding:32px;background:#fff;border-radius:20px;box-shadow:0 4px 20px rgba(0,0,0,.06)}#pc-wrap #articles-page .container .pagination-container .pagination-info{font-size:14px;font-weight:500}@media(max-width:1440px){#pc-wrap #articles-page .container .articles-hero{padding:42px 32px}#pc-wrap #articles-page .container .articles-hero .hero-content{gap:40px}#pc-wrap #articles-page .container .articles-hero .hero-content .hero-left .hero-title{font-size:38px}#pc-wrap #articles-page .container .articles-hero .hero-content .hero-left .hero-description{font-size:15px}#pc-wrap #articles-page .container .articles-hero .hero-content .hero-right .hero-stats-grid{min-width:320px;gap:14px}#pc-wrap #articles-page .container .articles-hero .hero-content .hero-right .hero-stats-grid .hero-stat-item{padding:16px 18px}#pc-wrap #articles-page .container .articles-hero .hero-content .hero-right .hero-stats-grid .hero-stat-item .stat-icon-box{width:46px;height:46px;font-size:24px}#pc-wrap #articles-page .container .main-layout{padding:32px}#pc-wrap #articles-page .container .main-layout .left-sidebar{width:280px}#pc-wrap #articles-page .container .main-layout .content-area .tab-content .articles-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media(max-width:1024px){#pc-wrap #articles-page .container .articles-hero{padding:36px 24px}#pc-wrap #articles-page .container .articles-hero .hero-content{flex-direction:column;gap:32px;text-align:center}#pc-wrap #articles-page .container .articles-hero .hero-content .hero-left{max-width:100%}#pc-wrap #articles-page .container .articles-hero .hero-content .hero-left .hero-title{font-size:34px}#pc-wrap #articles-page .container .articles-hero .hero-content .hero-right .hero-stats-grid{width:100%;max-width:500px;min-width:auto}#pc-wrap #articles-page .container .main-layout{flex-direction:column;padding:24px}#pc-wrap #articles-page .container .main-layout .left-sidebar{width:100%;position:relative;top:0;display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}#pc-wrap #articles-page .container .main-layout .content-area .tab-content .articles-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}#pc-wrap #articles-page .container .pagination-container{margin:40px 24px 30px}}@media(max-width:768px){#pc-wrap #articles-page .container .articles-hero{padding:30px 20px;margin-bottom:0}#pc-wrap #articles-page .container .articles-hero .hero-content{gap:28px}#pc-wrap #articles-page .container .articles-hero .hero-content .hero-left .hero-subtitle{font-size:12px}#pc-wrap #articles-page .container .articles-hero .hero-content .hero-left .hero-title{font-size:28px}#pc-wrap #articles-page .container .articles-hero .hero-content .hero-left .hero-description{font-size:14px}#pc-wrap #articles-page .container .articles-hero .hero-content .hero-right .hero-stats-grid{gap:12px}#pc-wrap #articles-page .container .articles-hero .hero-content .hero-right .hero-stats-grid .hero-stat-item{padding:14px 16px}#pc-wrap #articles-page .container .articles-hero .hero-content .hero-right .hero-stats-grid .hero-stat-item .stat-icon-box{width:42px;height:42px;font-size:22px}#pc-wrap #articles-page .container .articles-hero .hero-content .hero-right .hero-stats-grid .hero-stat-item .stat-info .stat-number{font-size:22px}#pc-wrap #articles-page .container .articles-hero .hero-content .hero-right .hero-stats-grid .hero-stat-item .stat-info .stat-label{font-size:11px}#pc-wrap #articles-page .container .main-layout{padding:24px 16px;margin-bottom:30px}#pc-wrap #articles-page .container .main-layout .left-sidebar{grid-template-columns:1fr}#pc-wrap #articles-page .container .main-layout .content-area .tab-content .articles-grid{grid-template-columns:1fr;gap:20px}#pc-wrap #articles-page .container .pagination-container{margin:30px 16px 24px;padding:24px}}.article-card{background:#fff;border:1px solid #e5e7eb;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px rgba(0,0,0,.06);cursor:pointer;display:flex;flex-direction:column;height:100%}.article-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(102,126,234,.2);border-color:rgba(102,126,234,.4)}.article-card:hover .card-image{transform:scale(1.06)}.article-card:hover .view-details-button{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 6px 16px rgba(102,126,234,.3)}.article-card:hover .view-details-button .button-text{color:#fff}.article-card:hover .view-details-button .button-icon{color:#fff;transform:translateX(4px)}.article-card .card-image-section{position:relative;width:100%;height:220px;overflow:hidden;border-radius:20px;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);flex-shrink:0}.article-card .card-image-section .card-image{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .5s cubic-bezier(.4,0,.2,1);display:block;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0);will-change:transform}.article-card .card-image-section .card-image[src=""]{background:linear-gradient(135deg,#f3f4f6,#e5e7eb 50%,#f3f4f6);background-size:200% 100%;animation:shimmer 1.5s infinite}.article-card .card-image-section .image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(0,0,0,.5),rgba(0,0,0,.2) 40%,transparent 70%);display:flex;align-items:flex-start;padding:16px;pointer-events:none}.article-card .card-image-section .image-overlay .category-badge{display:flex;flex-direction:row;align-items:center;gap:7px;padding:8px 16px;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.25);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto}.article-card .card-image-section .image-overlay .category-badge .badge-icon{font-size:16px;line-height:1}.article-card .card-image-section .image-overlay .category-badge .badge-text{color:#fff;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;line-height:1}.article-card .card-image-section .card-image-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;position:relative}.article-card .card-image-section .card-image-placeholder:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(45deg,transparent,transparent 10px,hsla(0,0%,100%,.05) 0,hsla(0,0%,100%,.05) 20px)}.article-card .card-image-section .card-image-placeholder .placeholder-icon{font-size:56px;line-height:1;filter:drop-shadow(0 6px 12px rgba(0,0,0,.2));position:relative;z-index:1}.article-card .card-image-section .card-image-placeholder .placeholder-text{color:#fff;font-size:18px;font-weight:800;text-transform:uppercase;letter-spacing:1.2px;line-height:1;text-shadow:0 3px 8px rgba(0,0,0,.25);position:relative;z-index:1}.article-card .card-body{padding:20px;display:flex;flex-direction:column;flex:1 1;gap:0}.article-card .card-body .category-chip{margin-bottom:10px}.article-card .card-body .card-title{color:#1f2937;font-size:18px;font-weight:800;line-height:1.4;margin:0 0 12px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;min-height:50px;letter-spacing:-.2px}.article-card .card-body .card-description{color:#6b7280;font-size:13px;font-weight:400;line-height:1.6;margin:0 0 16px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;flex:1 1}.article-card .card-body .card-meta-info{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #f3f4f6}.article-card .card-body .card-meta-info .meta-item{display:flex;flex-direction:row;align-items:center;gap:5px}.article-card .card-body .card-meta-info .meta-item .meta-icon{width:14px;height:14px;color:#9ca3af}.article-card .card-body .card-meta-info .meta-item .meta-text{color:#9ca3af;font-size:12px;font-weight:600;line-height:1;margin:0}.article-card .card-body .card-footer-section{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #f3f4f6}.article-card .card-body .card-footer-section .author-container{display:flex;flex-direction:row;align-items:center;gap:10px}.article-card .card-body .card-footer-section .author-container .author-avatar{width:36px;height:36px;border:2px solid #e5e7eb;transition:border-color .2s ease}.article-card .card-body .card-footer-section .author-container .author-details{display:flex;flex-direction:column;gap:3px}.article-card .card-body .card-footer-section .author-container .author-details .author-name{color:#1f2937;font-size:13px;font-weight:700;margin:0;line-height:1.2}.article-card .card-body .card-footer-section .author-container .author-details .author-role{color:#9ca3af;font-size:11px;font-weight:500;margin:0;line-height:1.2}.article-card .card-body .card-footer-section .engagement-stats{display:flex;flex-direction:row;gap:12px}.article-card .card-body .card-footer-section .engagement-stats .stat-item{display:flex;flex-direction:row;align-items:center;gap:4px;padding:5px 8px;border-radius:8px;transition:all .2s ease}.article-card .card-body .card-footer-section .engagement-stats .stat-item .stat-icon{width:16px;height:16px;color:#9ca3af;transition:color .2s ease}.article-card .card-body .card-footer-section .engagement-stats .stat-item .stat-icon.liked{color:#e80926}.article-card .card-body .card-footer-section .engagement-stats .stat-item .stat-value{color:#6b7280;font-size:12px;font-weight:700;line-height:1;margin:0}.article-card .card-body .card-footer-section .engagement-stats .stat-item.like-button{cursor:pointer}.article-card .card-body .card-footer-section .engagement-stats .stat-item.like-button:hover{background:rgba(237,81,91,.12)}.article-card .card-body .card-footer-section .engagement-stats .stat-item.like-button:hover .stat-icon,.article-card .card-body .card-footer-section .engagement-stats .stat-item.like-button:hover .stat-value{color:#667eea}.article-card .card-body .card-footer-section .engagement-stats .stat-item.like-button.liked .stat-icon{color:#e90e33}.article-card .card-body .card-footer-section .engagement-stats .stat-item.like-button.liked .stat-value{color:#667eea}.article-card .card-body .view-details-button{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:7px;padding:12px;background:linear-gradient(135deg,rgba(102,126,234,.12),rgba(118,75,162,.12));border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.article-card .card-body .view-details-button .button-text{color:#667eea;font-size:13px;font-weight:800;line-height:1;margin:0}.article-card .card-body .view-details-button .button-icon{width:17px;height:17px;color:#667eea;transition:transform .3s cubic-bezier(.4,0,.2,1)}.article-card .card-body .apply-button{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;padding:14px;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;box-shadow:0 4px 12px rgba(245,158,11,.3)}.article-card .card-body .apply-button .button-text{color:#fff;font-size:14px;font-weight:800;line-height:1;margin:0}.article-card .card-body .apply-button .button-icon{width:18px;height:18px;color:#fff;transition:transform .3s cubic-bezier(.4,0,.2,1)}.article-card .card-body .apply-button:hover:not(.applied){background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 8px 20px rgba(245,158,11,.4);transform:translateY(-2px)}.article-card .card-body .apply-button:hover:not(.applied) .button-icon{transform:translateX(4px)}.article-card .card-body .apply-button.applied{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px rgba(16,185,129,.3);cursor:default}.article-card .card-body .apply-button.applied .button-icon{animation:checkmarkPop .5s ease}@keyframes checkmarkPop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:1024px){.article-card .card-image-section{height:200px}.article-card .card-body{padding:18px}.article-card .card-body .card-title{font-size:17px;min-height:48px}.article-card .card-body .card-description{font-size:12px}}@media(max-width:768px){.article-card{border-radius:16px}.article-card .card-image-section{height:180px}.article-card .card-image-section .image-overlay{padding:14px}.article-card .card-image-section .image-overlay .category-badge{padding:7px 14px}.article-card .card-image-section .image-overlay .category-badge .badge-icon{font-size:14px}.article-card .card-image-section .image-overlay .category-badge .badge-text{font-size:11px}.article-card .card-image-section .card-image-placeholder .placeholder-icon{font-size:48px}.article-card .card-image-section .card-image-placeholder .placeholder-text{font-size:16px}.article-card .card-body{padding:16px}.article-card .card-body .card-title{font-size:16px;min-height:45px}.article-card .card-body .card-description{font-size:12px;-webkit-line-clamp:2;line-clamp:2}.article-card .card-body .card-meta-info{gap:10px;margin-bottom:14px;padding-bottom:14px}.article-card .card-body .card-meta-info .meta-item{gap:4px}.article-card .card-body .card-meta-info .meta-item .meta-icon{width:13px;height:13px}.article-card .card-body .card-meta-info .meta-item .meta-text{font-size:11px}.article-card .card-body .card-footer-section{flex-direction:column;gap:12px;align-items:flex-start;margin-bottom:14px;padding-bottom:14px}.article-card .card-body .card-footer-section .author-container .author-avatar{width:32px;height:32px}.article-card .card-body .card-footer-section .author-container .author-details .author-name{font-size:12px}.article-card .card-body .card-footer-section .author-container .author-details .author-role{font-size:10px}.article-card .card-body .card-footer-section .engagement-stats{width:100%;justify-content:space-between}.article-card .card-body .card-footer-section .engagement-stats .stat-item{padding:4px 7px}.article-card .card-body .card-footer-section .engagement-stats .stat-item .stat-icon{width:15px;height:15px}.article-card .card-body .card-footer-section .engagement-stats .stat-item .stat-value{font-size:11px}.article-card .card-body .view-details-button{padding:11px}.article-card .card-body .view-details-button .button-text{font-size:12px}.article-card .card-body .view-details-button .button-icon{width:16px;height:16px}.article-card .card-body .apply-button{padding:12px}.article-card .card-body .apply-button .button-text{font-size:13px}.article-card .card-body .apply-button .button-icon{width:16px;height:16px}}.detail-page{background-color:#f4f7f9;padding-bottom:100px;min-height:100vh;display:flex;flex-direction:column}.detail-page .header-gradient{background:linear-gradient(135deg,#667eea,#764ba2);padding:24px 0 32px;margin-bottom:32px;box-shadow:0 4px 20px rgba(102,126,234,.3)}.detail-page .header-gradient .container{max-width:1200px;margin:0 auto;padding:0 16px}.detail-page .header-gradient .back-button{color:#fff!important;text-transform:none!important;font-weight:700!important}.detail-page .header-gradient .back-button:hover{background:hsla(0,0%,100%,.1)!important}.detail-page .container{max-width:1200px;margin:0 auto;padding:0 16px;flex:1 1;display:flex;flex-direction:column}.detail-page .main-wrapper{display:flex;flex-direction:row;gap:32px;flex:1 1;min-height:70vh;align-items:flex-start}.detail-page .main-wrapper .left-column{flex:1 1;gap:24px;display:flex;flex-direction:column}.detail-page .main-wrapper .side-sections{display:flex;flex-direction:column;gap:24px;width:360px;flex-shrink:0;align-self:flex-start;position:-webkit-sticky;position:sticky;top:24px}.detail-page .main-wrapper .side-sections .author-card,.detail-page .main-wrapper .side-sections .support-card{flex:none;width:100%}.loading-skeleton{gap:24px}.loading-skeleton .skeleton-article-card{background-color:#fff;padding:32px;border-radius:20px;box-shadow:0 4px 20px rgba(0,0,0,.05)}.loading-skeleton .skeleton-article-card .skeleton-header{flex-direction:row;justify-content:space-between;margin-bottom:16px}.loading-skeleton .skeleton-article-card .skeleton-header .skeleton-actions{flex-direction:row;gap:16px}.loading-skeleton .skeleton-article-card .skeleton-text{margin-bottom:8px!important}.loading-skeleton .skeleton-article-card .skeleton-content{border-radius:12px!important}.loading-skeleton .skeleton-author-card,.loading-skeleton .skeleton-support-card{height:200px;border-radius:20px!important}.article-card{background-color:#fff;padding:32px;border-radius:20px;box-shadow:0 4px 20px rgba(0,0,0,.05);position:relative;overflow:hidden}.article-card .decorative-accent{position:absolute;top:0;right:0;width:200px;height:200px;background:linear-gradient(135deg,rgba(102,126,234,.05),transparent 70%);border-radius:0 0 0 100%}.article-card .article-header{flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:16px;position:relative;z-index:1}.article-card .article-header .category-chip{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;font-weight:800!important;border-radius:10px!important;padding:4px 12px!important}.article-card .article-header .meta-info{flex-direction:row;gap:24px;color:#999}.article-card .article-header .meta-info .meta-item{flex-direction:row;align-items:center;gap:4px}.article-card .article-header .meta-info .meta-text{font-weight:600!important}.article-card .article-title{font-weight:900!important;margin-bottom:24px!important;color:#1a1a1a!important;line-height:1.3;letter-spacing:-.5px}.article-card .article-content{min-height:300px}.article-card .article-content img{max-width:100%;height:auto;border-radius:12px;margin:16px 0}.article-card .article-content p{line-height:1.8;font-size:16px!important;color:#374151;margin-bottom:16px!important}.article-card .like-section{flex-direction:row;justify-content:center;margin-top:40px}.article-card .like-section .like-button{border-radius:30px!important;padding:18px 40px!important;font-weight:800!important;font-size:15px!important}.article-card .like-section .like-button.liked{background:linear-gradient(135deg,#667eea,#764ba2)!important;border-color:#667eea!important;color:#fff!important;box-shadow:0 6px 20px rgba(102,126,234,.3)!important}.article-card .like-section .like-button.liked:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(102,126,234,.4)!important}.article-card .like-section .like-button:not(.liked){border:2px solid #667eea!important;color:#667eea!important;background:transparent!important}.article-card .like-section .like-button:not(.liked):hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(102,126,234,.4)!important}.comments-section{background-color:#fff;padding:32px;border-radius:20px;box-shadow:0 4px 20px rgba(0,0,0,.05);margin-top:0;width:100%;flex:1 1}.comments-section .comments-title{font-weight:800!important;margin-bottom:24px!important;display:flex;align-items:center;gap:8px}.comments-section .comment-input-section{flex-direction:row;gap:16px;margin-bottom:32px}.comments-section .comment-input-section .user-avatar{width:44px!important;height:44px!important;border:2px solid #e5e7eb}.comments-section .comment-input-section .comment-input-wrapper{flex:1 1}.comments-section .comment-input-section .comment-textarea{width:100%;padding:16px;border-radius:14px;border:2px solid #e5e7eb;min-height:90px;font-family:inherit;font-size:14px;resize:vertical;transition:border-color .2s}.comments-section .comment-input-section .comment-textarea:focus{border-color:#667eea;outline:none}.comments-section .comment-input-section .comment-input-footer{flex-direction:row;justify-content:space-between;align-items:center;margin-top:12px}.comments-section .comment-input-section .comment-input-footer .words-counter{font-weight:600!important}.comments-section .comment-input-section .comment-input-footer .words-counter.error{color:#f87171!important}.comments-section .comment-input-section .comment-input-footer .post-comment-button{border-radius:10px!important;text-transform:none!important;font-weight:700!important;padding:8px 24px!important;background:linear-gradient(135deg,#667eea,#764ba2)!important}.comments-section .comment-input-section .comment-input-footer .post-comment-button:hover:not(:disabled){box-shadow:0 6px 16px rgba(102,126,234,.4)!important}.comments-section .comments-loading{gap:16px}.comments-section .comments-loading .comment-skeleton{flex-direction:row;gap:16px}.comments-section .comments-loading .comment-skeleton .skeleton-comment-content{flex:1 1;gap:8px}.comments-section .comments-list{gap:24px}.comments-section .comments-list .comment-item{flex-direction:row;gap:16px}.comments-section .comments-list .comment-item .comment-avatar{width:40px!important;height:40px!important;border:2px solid #f3f4f6}.comments-section .comments-list .comment-item .comment-content{flex:1 1;background-color:#f8f9fa;padding:20px;border-radius:14px}.comments-section .comments-list .comment-item .comment-content .comment-header{flex-direction:row;justify-content:space-between;margin-bottom:8px}.comments-section .comments-list .comment-item .comment-content .comment-header .comment-author{font-weight:800!important;color:#1f2937!important}.comments-section .comments-list .comment-item .comment-content .comment-header .comment-time{color:#9ca3af!important;font-weight:500!important}.comments-section .comments-list .comment-item .comment-content .comment-text{color:#374151!important;line-height:1.6!important}.comments-section .comments-list .comment-item .comment-content .comment-actions{flex-direction:row;gap:8px;margin-top:12px}.comments-section .comments-list .comment-item .comment-content .comment-actions .action-button{background-color:#fff!important}.comments-section .comments-list .comment-item .comment-content .comment-actions .action-button.edit:hover{background-color:#e5e7eb!important}.comments-section .comments-list .comment-item .comment-content .comment-actions .action-button.delete{color:#ef4444!important}.comments-section .comments-list .comment-item .comment-content .comment-actions .action-button.delete:hover{background-color:#fee2e2!important}.comments-section .comments-list .pagination-section{align-items:center;margin-top:24px}.comments-section .comments-list .pagination-section .custom-pagination .MuiPaginationItem-root{border-radius:10px!important;font-weight:700!important}.not-found-card{background-color:#fff;padding:64px;border-radius:20px;text-align:center;box-shadow:0 4px 20px rgba(0,0,0,.05)}.not-found-card .not-found-title{margin-bottom:16px!important;font-weight:800!important}.not-found-card .not-found-description,.not-found-card .not-found-id{color:#9ca3af!important;margin-bottom:24px!important}.not-found-card .not-found-id{display:block}.not-found-card .back-to-list-button{background:linear-gradient(135deg,#667eea,#764ba2)!important;border-radius:12px!important;padding:12px 32px!important;font-weight:700!important}.author-card{background-color:#fff;padding:24px;border-radius:20px;text-align:center;box-shadow:0 4px 20px rgba(0,0,0,.05);flex:1 1}.author-card .author-avatar-large{width:90px!important;height:90px!important;margin:0 auto 16px!important;border:4px solid #f0f0f0;box-shadow:0 4px 12px rgba(0,0,0,.1)}.author-card .author-name{font-weight:800!important;margin-bottom:4px!important}.author-card .author-role{color:#9ca3af!important;margin-bottom:20px!important;font-weight:500!important}.author-card .view-profile-button{border-radius:12px!important;border-width:2px!important;font-weight:700!important;padding:12px!important}.author-card .view-profile-button:hover{border-width:2px!important;transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.2)!important}.support-card{background:linear-gradient(135deg,#667eea,#764ba2);padding:24px;border-radius:20px;color:#fff;box-shadow:0 8px 24px rgba(102,126,234,.3);flex:1 1}.support-card .support-title{font-weight:800!important;margin-bottom:16px!important}.support-card .support-description{opacity:.95;margin-bottom:20px!important;line-height:1.6!important}.support-card .contact-support-button{border-radius:12px!important;background-color:hsla(0,0%,100%,.2)!important;font-weight:700!important;padding:12px!important}.support-card .contact-support-button:hover{background-color:hsla(0,0%,100%,.3)!important;transform:translateY(-2px)}.edit-backdrop{z-index:999!important;background-color:rgba(0,0,0,.7)!important}.edit-backdrop .edit-modal{background-color:#fff;padding:32px;border-radius:20px;width:450px;box-shadow:0 20px 60px rgba(0,0,0,.3);gap:24px}.edit-backdrop .edit-modal .edit-title{font-weight:800!important}.edit-backdrop .edit-modal .edit-textarea{width:100%;padding:14px;height:120px;border-radius:12px;border:2px solid #e5e7eb;font-family:inherit;font-size:14px;resize:vertical}.edit-backdrop .edit-modal .edit-footer{flex-direction:row;justify-content:space-between;align-items:center}.edit-backdrop .edit-modal .edit-footer .words-counter{font-weight:600!important}.edit-backdrop .edit-modal .edit-footer .words-counter.error{color:#f87171!important}.edit-backdrop .edit-modal .edit-footer .edit-actions{flex-direction:row;gap:16px}.edit-backdrop .edit-modal .edit-footer .edit-actions .cancel-button,.edit-backdrop .edit-modal .edit-footer .edit-actions .save-button{border-radius:10px!important;text-transform:none!important;font-weight:700!important}.edit-backdrop .edit-modal .edit-footer .edit-actions .save-button{background:linear-gradient(135deg,#667eea,#764ba2)!important}@media(max-width:1024px){.detail-page .main-wrapper{flex-direction:column;gap:24px;align-items:stretch}.detail-page .main-wrapper .left-column{width:100%}.detail-page .main-wrapper .side-sections{flex-direction:column;width:100%;height:auto;justify-content:flex-start;gap:24px}.detail-page .comments-section{padding:24px;width:100%;flex:none}}@media(max-width:768px){.detail-page .main-wrapper{flex-direction:column;gap:24px}.detail-page .main-wrapper .left-column{width:100%}.detail-page .main-wrapper .side-sections{width:100%;height:auto;justify-content:flex-start}.detail-page .article-card,.detail-page .comments-section,.detail-page .not-found-card{padding:24px}.detail-page .edit-modal{width:90vw;padding:24px}}.modern-followers-container{width:100%;display:flex;flex-direction:column;gap:24px}.modern-followers-container .followers-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:24px;border-bottom:2px solid #f1f5f9}.modern-followers-container .followers-header .header-left{display:flex;align-items:center;gap:16px}.modern-followers-container .followers-header .header-left .title-icon{width:48px;height:48px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;align-items:center;justify-content:center}.modern-followers-container .followers-header .header-left .title-icon svg{color:#fff}.modern-followers-container .followers-header .header-left .section-title{font-family:Poppins,sans-serif;font-size:24px;font-weight:700;color:#1f2937;margin:0 0 4px;letter-spacing:-.5px}.modern-followers-container .followers-header .header-left .section-subtitle{font-family:Poppins,sans-serif;font-size:14px;color:#64748b;margin:0}.modern-followers-container .followers-header .header-right .total-chip{background:rgba(102,126,234,.1)!important;color:#667eea!important;font-family:Poppins,sans-serif!important;font-weight:600!important;font-size:14px!important;padding:8px 4px!important;height:36px!important}.modern-followers-container .followers-header .header-right .total-chip .MuiChip-icon{color:#667eea!important}.modern-followers-container .search-filter-bar{display:flex;gap:12px;align-items:center}.modern-followers-container .search-filter-bar .search-box{flex:1 1;display:flex;align-items:center;gap:12px;padding:12px 20px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;transition:all .3s ease}.modern-followers-container .search-filter-bar .search-box svg{color:#94a3b8;flex-shrink:0}.modern-followers-container .search-filter-bar .search-box input{flex:1 1;border:none;background:transparent;font-family:Poppins,sans-serif;font-size:14px;color:#1f2937;outline:none}.modern-followers-container .search-filter-bar .search-box input::placeholder{color:#94a3b8}.modern-followers-container .search-filter-bar .search-box:focus-within{border-color:#667eea;background:#fff;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.modern-followers-container .search-filter-bar .search-box:focus-within svg{color:#667eea}.modern-followers-container .search-filter-bar .filter-button{padding:12px 24px!important;background:#fff!important;border:2px solid #e2e8f0!important;border-radius:12px!important;color:#64748b!important;font-family:Poppins,sans-serif!important;font-weight:600!important;text-transform:none!important;transition:all .3s ease!important}.modern-followers-container .search-filter-bar .filter-button:hover{border-color:#667eea!important;background:rgba(102,126,234,.05)!important;color:#667eea!important}.modern-followers-container .followers-list{display:flex;flex-direction:column;gap:12px}.modern-followers-container .followers-list .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.modern-followers-container .followers-list .empty-state .empty-icon{width:120px;height:120px;background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1));border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.modern-followers-container .followers-list .empty-state .empty-icon svg{color:#667eea;opacity:.5}.modern-followers-container .followers-list .empty-state h3{font-family:Poppins,sans-serif;font-size:20px;font-weight:700;color:#1f2937;margin:0 0 8px}.modern-followers-container .followers-list .empty-state p{font-family:Poppins,sans-serif;font-size:14px;color:#64748b;margin:0}.modern-followers-container .followers-list .follower-card{display:flex;align-items:center;justify-content:space-between;padding:20px;background:#fff;border:1px solid #e2e8f0;border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);gap:24px}.modern-followers-container .followers-list .follower-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px rgba(0,0,0,.08);transform:translateY(-2px)}.modern-followers-container .followers-list .follower-card .profile-section{display:flex;align-items:center;gap:16px;cursor:pointer;min-width:280px;transition:all .3s ease}.modern-followers-container .followers-list .follower-card .profile-section:hover .follower-name{color:#667eea}.modern-followers-container .followers-list .follower-card .profile-section .follower-avatar{width:64px;height:64px;border:3px solid #f1f5f9;transition:all .3s ease}.modern-followers-container .followers-list .follower-card .profile-section .follower-avatar:hover{border-color:#667eea;transform:scale(1.05)}.modern-followers-container .followers-list .follower-card .profile-section .profile-info .follower-name{font-family:Poppins,sans-serif;font-size:16px;font-weight:700;color:#1f2937;margin:0 0 4px;transition:color .3s ease}.modern-followers-container .followers-list .follower-card .profile-section .profile-info .follower-username{font-family:Poppins,sans-serif;font-size:14px;color:#64748b;margin:0}.modern-followers-container .followers-list .follower-card .stats-section{display:flex;gap:32px;flex:1 1}.modern-followers-container .followers-list .follower-card .stats-section .stat-item{display:flex;align-items:center;gap:10px}.modern-followers-container .followers-list .follower-card .stats-section .stat-item svg{color:#94a3b8;flex-shrink:0}.modern-followers-container .followers-list .follower-card .stats-section .stat-item .stat-info{display:flex;flex-direction:column;gap:2px}.modern-followers-container .followers-list .follower-card .stats-section .stat-item .stat-info .stat-label{font-family:Poppins,sans-serif;font-size:12px;color:#94a3b8;font-weight:500}.modern-followers-container .followers-list .follower-card .stats-section .stat-item .stat-info .stat-value{font-family:Poppins,sans-serif;font-size:16px;color:#1f2937;font-weight:700}.modern-followers-container .followers-list .follower-card .action-section{min-width:140px;display:flex;justify-content:flex-end}.modern-followers-container .followers-list .follower-card .action-section .follow-button{background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important;font-family:Poppins,sans-serif!important;font-weight:600!important;text-transform:none!important;padding:10px 24px!important;border-radius:10px!important;box-shadow:0 4px 12px rgba(16,185,129,.3)!important;transition:all .3s ease!important}.modern-followers-container .followers-list .follower-card .action-section .follow-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(16,185,129,.4)!important}.modern-followers-container .followers-list .follower-card .action-section .unfollow-button{background:#fff!important;border:2px solid #e2e8f0!important;color:#64748b!important;font-family:Poppins,sans-serif!important;font-weight:600!important;text-transform:none!important;padding:10px 24px!important;border-radius:10px!important;transition:all .3s ease!important;position:relative}.modern-followers-container .followers-list .follower-card .action-section .unfollow-button .text-unfollow{display:none}.modern-followers-container .followers-list .follower-card .action-section .unfollow-button:hover{border-color:#ef4444!important;background:rgba(239,68,68,.05)!important;color:#ef4444!important;transform:translateY(-2px)}.modern-followers-container .followers-list .follower-card .action-section .unfollow-button:hover .text-following{display:none}.modern-followers-container .followers-list .follower-card .action-section .unfollow-button:hover .text-unfollow{display:inline}.modern-followers-container .pagination-section{display:flex;justify-content:center;padding-top:24px;margin-top:24px;border-top:1px solid #f1f5f9}.modern-followers-container .pagination-section .pagination-control .MuiPaginationItem-root{font-family:Poppins,sans-serif!important;font-weight:600!important;border-radius:10px!important}.modern-followers-container .pagination-section .pagination-control .MuiPaginationItem-root.Mui-selected{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;box-shadow:0 4px 12px rgba(102,126,234,.3)}.modern-followers-container .pagination-section .pagination-control .MuiPaginationItem-root:hover{background:rgba(102,126,234,.1)!important}@media(max-width:1200px){.modern-followers-container .followers-list .follower-card .stats-section{gap:20px}}@media(max-width:960px){.modern-followers-container .followers-header{flex-direction:column;align-items:flex-start;gap:16px}.modern-followers-container .search-filter-bar{flex-direction:column}.modern-followers-container .search-filter-bar .filter-button,.modern-followers-container .search-filter-bar .search-box{width:100%}.modern-followers-container .followers-list .follower-card{flex-direction:column;align-items:flex-start;gap:16px}.modern-followers-container .followers-list .follower-card .profile-section{min-width:auto;width:100%}.modern-followers-container .followers-list .follower-card .stats-section{width:100%;justify-content:space-between}.modern-followers-container .followers-list .follower-card .action-section,.modern-followers-container .followers-list .follower-card .action-section button{width:100%}}@media(max-width:640px){.modern-followers-container{gap:16px}.modern-followers-container .followers-header{padding-bottom:16px}.modern-followers-container .followers-header .header-left .title-icon{width:40px;height:40px}.modern-followers-container .followers-header .header-left .section-title{font-size:20px}.modern-followers-container .followers-list .empty-state{padding:60px 20px}.modern-followers-container .followers-list .empty-state .empty-icon{width:80px;height:80px}.modern-followers-container .followers-list .empty-state .empty-icon svg{width:40px;height:40px}.modern-followers-container .followers-list .follower-card{padding:16px}.modern-followers-container .followers-list .follower-card .profile-section .follower-avatar{width:56px;height:56px}.modern-followers-container .followers-list .follower-card .profile-section .profile-info .follower-name{font-size:15px}.modern-followers-container .followers-list .follower-card .profile-section .profile-info .follower-username{font-size:13px}.modern-followers-container .followers-list .follower-card .stats-section{flex-direction:column;gap:12px}.modern-followers-container .followers-list .follower-card .stats-section .stat-item .stat-info .stat-label{font-size:11px}.modern-followers-container .followers-list .follower-card .stats-section .stat-item .stat-info .stat-value{font-size:14px}}.modern-content-container{width:100%;display:flex;flex-direction:column;gap:32px}.modern-content-container .content-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:24px;border-bottom:2px solid #f1f5f9}.modern-content-container .content-header .header-left{display:flex;align-items:center;gap:16px}.modern-content-container .content-header .header-left .title-icon{width:48px;height:48px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;align-items:center;justify-content:center}.modern-content-container .content-header .header-left .title-icon svg{color:#fff}.modern-content-container .content-header .header-left .section-title{font-family:Poppins,sans-serif;font-size:24px;font-weight:700;color:#1f2937;margin:0 0 4px;letter-spacing:-.5px}.modern-content-container .content-header .header-left .section-subtitle{font-family:Poppins,sans-serif;font-size:14px;color:#64748b;margin:0}.modern-content-container .content-header .header-right .total-chip{background:rgba(102,126,234,.1)!important;color:#667eea!important;font-family:Poppins,sans-serif!important;font-weight:600!important;font-size:14px!important;padding:8px 4px!important;height:36px!important}.modern-content-container .content-header .header-right .total-chip .MuiChip-icon{color:#667eea!important}.modern-content-container .posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));grid-gap:24px;gap:24px}.modern-content-container .posts-grid .empty-state{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.modern-content-container .posts-grid .empty-state .empty-icon{width:120px;height:120px;background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1));border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.modern-content-container .posts-grid .empty-state .empty-icon svg{color:#667eea;opacity:.5}.modern-content-container .posts-grid .empty-state h3{font-family:Poppins,sans-serif;font-size:20px;font-weight:700;color:#1f2937;margin:0 0 8px}.modern-content-container .posts-grid .empty-state p{font-family:Poppins,sans-serif;font-size:14px;color:#64748b;margin:0}.modern-content-container .posts-grid .post-card{position:relative;background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.modern-content-container .posts-grid .post-card:hover{border-color:#cbd5e1;box-shadow:0 8px 24px rgba(0,0,0,.12);transform:translateY(-4px)}.modern-content-container .posts-grid .post-card:hover .post-image img{transform:scale(1.05)}.modern-content-container .posts-grid .post-card:hover .post-actions{opacity:1}.modern-content-container .posts-grid .post-card .post-image{position:relative;width:100%;height:200px;overflow:hidden;background:#f8fafc}.modern-content-container .posts-grid .post-card .post-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.modern-content-container .posts-grid .post-card .post-image .image-overlay{position:absolute;top:12px;left:12px;z-index:2}.modern-content-container .posts-grid .post-card .post-image .image-overlay .category-chip{background:hsla(0,0%,100%,.95)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#667eea!important;font-family:Poppins,sans-serif!important;font-weight:600!important;border:1px solid rgba(102,126,234,.2)}.modern-content-container .posts-grid .post-card .trending-badge{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:4px;padding:6px 12px;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:20px;z-index:3}.modern-content-container .posts-grid .post-card .trending-badge svg{color:#fff}.modern-content-container .posts-grid .post-card .trending-badge span{font-family:Poppins,sans-serif;font-size:12px;font-weight:600;color:#fff}.modern-content-container .posts-grid .post-card .post-content{padding:20px}.modern-content-container .posts-grid .post-card .post-content .post-title{font-family:Poppins,sans-serif;font-size:16px;font-weight:700;color:#1f2937;margin:0 0 12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.modern-content-container .posts-grid .post-card .post-content .post-description{font-family:Poppins,sans-serif;font-size:14px;color:#64748b;line-height:1.6;margin:0 0 16px;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.modern-content-container .posts-grid .post-card .post-content .post-stats{display:flex;gap:16px;padding:16px 0;border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9;margin-bottom:12px}.modern-content-container .posts-grid .post-card .post-content .post-stats .stat-item{display:flex;align-items:center;gap:6px}.modern-content-container .posts-grid .post-card .post-content .post-stats .stat-item svg{color:#94a3b8;flex-shrink:0}.modern-content-container .posts-grid .post-card .post-content .post-stats .stat-item span{font-family:Poppins,sans-serif;font-size:13px;color:#64748b;font-weight:600}.modern-content-container .posts-grid .post-card .post-content .post-stats .stat-item.date{margin-left:auto}.modern-content-container .posts-grid .post-card .post-content .post-actions{display:flex;gap:8px;opacity:1;transition:opacity .3s ease}.modern-content-container .posts-grid .post-card .post-content .post-actions .action-btn{padding:8px!important;border-radius:8px!important;transition:all .2s ease!important}.modern-content-container .posts-grid .post-card .post-content .post-actions .action-btn.edit{background:rgba(102,126,234,.1)!important}.modern-content-container .posts-grid .post-card .post-content .post-actions .action-btn.edit svg{color:#667eea}.modern-content-container .posts-grid .post-card .post-content .post-actions .action-btn.edit:hover{background:rgba(102,126,234,.2)!important}.modern-content-container .posts-grid .post-card .post-content .post-actions .action-btn.delete{background:rgba(239,68,68,.1)!important}.modern-content-container .posts-grid .post-card .post-content .post-actions .action-btn.delete svg{color:#ef4444}.modern-content-container .posts-grid .post-card .post-content .post-actions .action-btn.delete:hover{background:rgba(239,68,68,.2)!important}.modern-content-container .posts-grid .post-card .post-content .post-actions .action-btn.more{background:rgba(148,163,184,.1)!important}.modern-content-container .posts-grid .post-card .post-content .post-actions .action-btn.more svg{color:#64748b}.modern-content-container .posts-grid .post-card .post-content .post-actions .action-btn.more:hover{background:rgba(148,163,184,.2)!important}.modern-content-container .products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:24px;gap:24px}.modern-content-container .products-grid .empty-state{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.modern-content-container .products-grid .empty-state .empty-icon{width:120px;height:120px;background:linear-gradient(135deg,rgba(16,185,129,.1),rgba(5,150,105,.1));border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.modern-content-container .products-grid .empty-state .empty-icon svg{color:#10b981;opacity:.5}.modern-content-container .products-grid .empty-state h3{font-family:Poppins,sans-serif;font-size:20px;font-weight:700;color:#1f2937;margin:0 0 8px}.modern-content-container .products-grid .empty-state p{font-family:Poppins,sans-serif;font-size:14px;color:#64748b;margin:0}.modern-content-container .products-grid .product-card{position:relative;background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.modern-content-container .products-grid .product-card:hover{border-color:#cbd5e1;box-shadow:0 8px 24px rgba(0,0,0,.12);transform:translateY(-4px)}.modern-content-container .products-grid .product-card:hover .product-image img{transform:scale(1.05)}.modern-content-container .products-grid .product-card:hover .product-actions{opacity:1}.modern-content-container .products-grid .product-card .product-image{position:relative;width:100%;height:220px;overflow:hidden;background:#f8fafc}.modern-content-container .products-grid .product-card .product-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.modern-content-container .products-grid .product-card .product-image .image-overlay{position:absolute;top:12px;left:12px;z-index:2}.modern-content-container .products-grid .product-card .product-image .image-overlay .status-chip{font-family:Poppins,sans-serif!important;font-weight:600!important;text-transform:uppercase;font-size:11px!important}.modern-content-container .products-grid .product-card .product-image .trending-badge-img{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:4px;padding:6px 12px;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:20px;z-index:3}.modern-content-container .products-grid .product-card .product-image .trending-badge-img svg{color:#fff}.modern-content-container .products-grid .product-card .product-image .trending-badge-img span{font-family:Poppins,sans-serif;font-size:12px;font-weight:600;color:#fff}.modern-content-container .products-grid .product-card .product-content{padding:20px}.modern-content-container .products-grid .product-card .product-content .product-header{margin-bottom:12px}.modern-content-container .products-grid .product-card .product-content .product-header .product-title{font-family:Poppins,sans-serif;font-size:16px;font-weight:700;color:#1f2937;margin:0 0 8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.modern-content-container .products-grid .product-card .product-content .product-header .product-location{display:flex;align-items:center;gap:4px}.modern-content-container .products-grid .product-card .product-content .product-header .product-location svg{color:#94a3b8;flex-shrink:0}.modern-content-container .products-grid .product-card .product-content .product-header .product-location span{font-family:Poppins,sans-serif;font-size:13px;color:#64748b}.modern-content-container .products-grid .product-card .product-content .product-price{display:flex;align-items:center;gap:4px;padding:12px 0;border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9;margin-bottom:12px}.modern-content-container .products-grid .product-card .product-content .product-price svg{color:#10b981}.modern-content-container .products-grid .product-card .product-content .product-price span{font-family:Poppins,sans-serif;font-size:20px;font-weight:700;color:#10b981}.modern-content-container .products-grid .product-card .product-content .product-stats{display:flex;gap:12px;margin-bottom:12px}.modern-content-container .products-grid .product-card .product-content .product-stats .stat-item{display:flex;align-items:center;gap:6px}.modern-content-container .products-grid .product-card .product-content .product-stats .stat-item svg{color:#94a3b8;flex-shrink:0}.modern-content-container .products-grid .product-card .product-content .product-stats .stat-item span{font-family:Poppins,sans-serif;font-size:13px;color:#64748b;font-weight:600}.modern-content-container .products-grid .product-card .product-content .product-stats .stat-item.date{margin-left:auto}.modern-content-container .products-grid .product-card .product-content .product-actions{display:flex;gap:8px;opacity:1;transition:opacity .3s ease}.modern-content-container .products-grid .product-card .product-content .product-actions .action-btn{padding:8px!important;border-radius:8px!important;transition:all .2s ease!important}.modern-content-container .products-grid .product-card .product-content .product-actions .action-btn.edit{background:rgba(102,126,234,.1)!important}.modern-content-container .products-grid .product-card .product-content .product-actions .action-btn.edit svg{color:#667eea}.modern-content-container .products-grid .product-card .product-content .product-actions .action-btn.edit:hover{background:rgba(102,126,234,.2)!important}.modern-content-container .products-grid .product-card .product-content .product-actions .action-btn.delete{background:rgba(239,68,68,.1)!important}.modern-content-container .products-grid .product-card .product-content .product-actions .action-btn.delete svg{color:#ef4444}.modern-content-container .products-grid .product-card .product-content .product-actions .action-btn.delete:hover{background:rgba(239,68,68,.2)!important}.modern-content-container .products-grid .product-card .product-content .product-actions .action-btn.more{background:rgba(148,163,184,.1)!important}.modern-content-container .products-grid .product-card .product-content .product-actions .action-btn.more svg{color:#64748b}.modern-content-container .products-grid .product-card .product-content .product-actions .action-btn.more:hover{background:rgba(148,163,184,.2)!important}.modern-content-container .pagination-section{display:flex;justify-content:center;padding-top:24px;margin-top:24px;border-top:1px solid #f1f5f9}.modern-content-container .pagination-section .pagination-control .MuiPaginationItem-root{font-family:Poppins,sans-serif!important;font-weight:600!important;border-radius:10px!important}.modern-content-container .pagination-section .pagination-control .MuiPaginationItem-root.Mui-selected{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;box-shadow:0 4px 12px rgba(102,126,234,.3)}.modern-content-container .pagination-section .pagination-control .MuiPaginationItem-root:hover{background:rgba(102,126,234,.1)!important}@media(max-width:1200px){.modern-content-container .posts-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.modern-content-container .products-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media(max-width:960px){.modern-content-container{gap:24px}.modern-content-container .content-header{flex-direction:column;align-items:flex-start;gap:16px}.modern-content-container .posts-grid,.modern-content-container .products-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}}@media(max-width:640px){.modern-content-container{gap:16px}.modern-content-container .content-header{padding-bottom:16px}.modern-content-container .content-header .header-left .title-icon{width:40px;height:40px}.modern-content-container .content-header .header-left .section-title{font-size:20px}.modern-content-container .posts-grid,.modern-content-container .products-grid{grid-template-columns:1fr}.modern-content-container .posts-grid .article-card .article-content,.modern-content-container .posts-grid .article-card .product-content,.modern-content-container .posts-grid .product-card .article-content,.modern-content-container .posts-grid .product-card .product-content,.modern-content-container .products-grid .article-card .article-content,.modern-content-container .products-grid .article-card .product-content,.modern-content-container .products-grid .product-card .article-content,.modern-content-container .products-grid .product-card .product-content{padding:16px}.modern-content-container .posts-grid .article-card .article-content .article-actions,.modern-content-container .posts-grid .article-card .article-content .product-actions,.modern-content-container .posts-grid .article-card .product-content .article-actions,.modern-content-container .posts-grid .article-card .product-content .product-actions,.modern-content-container .posts-grid .product-card .article-content .article-actions,.modern-content-container .posts-grid .product-card .article-content .product-actions,.modern-content-container .posts-grid .product-card .product-content .article-actions,.modern-content-container .posts-grid .product-card .product-content .product-actions,.modern-content-container .products-grid .article-card .article-content .article-actions,.modern-content-container .products-grid .article-card .article-content .product-actions,.modern-content-container .products-grid .article-card .product-content .article-actions,.modern-content-container .products-grid .article-card .product-content .product-actions,.modern-content-container .products-grid .product-card .article-content .article-actions,.modern-content-container .products-grid .product-card .article-content .product-actions,.modern-content-container .products-grid .product-card .product-content .article-actions,.modern-content-container .products-grid .product-card .product-content .product-actions{opacity:1}}#pc-wrap #member-page{width:100%;height:auto;display:flex;flex-direction:column;gap:24px}#pc-wrap #member-page .container{max-width:1400px;margin:0 auto;padding:0 20px}#pc-wrap #member-page .container .member-page{width:100%;padding:24px;display:flex;flex-direction:column;gap:24px;border-radius:16px;border:1px solid #e5e7eb;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.08);transition:all .2s ease}#pc-wrap #member-page .container .member-page .back-frame{width:100%;max-width:1260px;margin:40px auto 60px;display:flex;flex-direction:row;gap:20px;border-radius:12px;border:1px solid #c4c4c4;background:#fff;box-shadow:0 1px 4px 0 rgba(24,26,32,.07);padding:20px}#pc-wrap #member-page .container .member-page .back-frame .left-config{position:relative;padding:20px;width:100%;max-width:266px;min-width:240px;height:-moz-fit-content;height:fit-content;border-radius:12px;background:#fff;border:1px solid hsla(0,0%,77%,.79);box-shadow:0 1px 4px 0 rgba(24,26,32,.07)}#pc-wrap #member-page .container .member-page .back-frame .left-config .profile{margin-top:0;display:flex;flex-direction:column;align-items:center;gap:12px}#pc-wrap #member-page .container .member-page .back-frame .left-config .profile .profile-img img{width:79px;height:79px;border-radius:50%;object-fit:cover}#pc-wrap #member-page .container .member-page .back-frame .left-config .profile .user-info{margin-left:0;display:flex;flex-direction:column;align-items:center;text-align:center}#pc-wrap #member-page .container .member-page .back-frame .left-config .profile .user-info .user-name{color:#181a20;font-family:Poppins,sans-serif;font-size:15px;font-weight:600}#pc-wrap #member-page .container .member-page .back-frame .left-config .profile .user-info .user-phone{display:flex;flex-direction:row;align-items:center;margin-top:5px;gap:4px}#pc-wrap #member-page .container .member-page .back-frame .left-config .profile .user-info .user-phone img{width:16px;height:16px}#pc-wrap #member-page .container .member-page .back-frame .left-config .profile .user-info .view-list{margin-top:5px;font-weight:300;color:#bbb;font-size:13px}#pc-wrap #member-page .container .member-page .back-frame .left-config .follow-button-box{display:flex;height:auto;flex-direction:row;gap:10px;align-items:center;justify-content:center;margin-top:15px}#pc-wrap #member-page .container .member-page .back-frame .left-config .follow-button-box button{padding:8px 16px;border:1px solid #b9b9b9;border-radius:6px;background:#fff;color:#181a20;font-family:Poppins,sans-serif;font-size:14px;font-weight:400;cursor:pointer;transition:all .2s ease}#pc-wrap #member-page .container .member-page .back-frame .left-config .follow-button-box button:hover{background:#f5f5f5}#pc-wrap #member-page .container .member-page .back-frame .left-config .follow-button-box p{color:#b9b9b9;font-family:Poppins,sans-serif;font-size:14px;font-style:italic;font-weight:400}#pc-wrap #member-page .container .member-page .back-frame .left-config .sections{margin-top:24px}#pc-wrap #member-page .container .member-page .back-frame .left-config .sections .section{margin-bottom:16px}#pc-wrap #member-page .container .member-page .back-frame .left-config .sections .section .title{font-family:Poppins,sans-serif;font-size:15px;font-weight:400;line-height:28px;padding:0 5px}#pc-wrap #member-page .container .member-page .back-frame .left-config .sections .section .sub-section{width:100%;display:flex;flex-direction:column;cursor:pointer;padding:0 5px}#pc-wrap #member-page .container .member-page .back-frame .left-config .sections .section .sub-section li{height:auto;min-height:33px;margin-bottom:6px;border-radius:4px;list-style:none;transition:all .2s ease}#pc-wrap #member-page .container .member-page .back-frame .left-config .sections .section .sub-section li:hover{background:#f5f5f5}#pc-wrap #member-page .container .member-page .back-frame .left-config .sections .section .sub-section .focus{min-height:50px;background:#000;border-radius:10px}#pc-wrap #member-page .container .member-page .back-frame .left-config .sections .section .sub-section .focus p{font-size:14px;color:#fff}#pc-wrap #member-page .container .member-page .back-frame .left-config .sections .section .sub-section .flex-box{width:100%;display:flex;flex-direction:row;align-items:center;padding:8px 12px}#pc-wrap #member-page .container .member-page .back-frame .left-config .sections .section .sub-section .flex-box .com-icon{display:flex;align-items:center}#pc-wrap #member-page .container .member-page .back-frame .left-config .sections .section .sub-section .flex-box p{font-size:14px;margin-left:8px}#pc-wrap #member-page .container .member-page .back-frame .left-config .sections .section img,#pc-wrap #member-page .container .member-page .back-frame .left-config .sections .section svg{width:16px;height:16px}#pc-wrap #member-page .container .member-page .back-frame .left-config .sections .section .sub-title{margin-left:12px;color:#181a20;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;line-height:40px}#pc-wrap #member-page .container .member-page .back-frame .left-config .sections .section .count-title{display:flex;justify-content:flex-end;padding-right:10px;color:#181a20;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;line-height:40px}#pc-wrap #member-page .container .member-page .back-frame .main-config{position:relative;flex:1 1;width:100%;max-width:936px}#pc-wrap #member-page .container .member-page .back-frame .main-config .list-config{display:flex;width:100%;flex-direction:row;flex-wrap:wrap;gap:22px}@media screen and (max-width:1366px){#pc-wrap #member-page .container .member-page .back-frame{padding:16px;gap:16px}}@media screen and (max-width:1024px){#pc-wrap #member-page .container .member-page .back-frame{flex-direction:column}#pc-wrap #member-page .container .member-page .back-frame .left-config{max-width:100%;width:100%}#pc-wrap #member-page .container .member-page .back-frame .main-config{max-width:100%}}@media screen and (max-width:768px){#pc-wrap #member-page .container .member-page{padding:16px}#pc-wrap #member-page .container .member-page .back-frame{margin:20px auto 30px;padding:12px}}.saved-content-page{width:100%;max-width:1400px;margin:0 auto;padding:40px 24px 80px;display:flex;flex-direction:column;gap:32px}.saved-content-page .content-header{width:auto;height:auto;flex-direction:row;justify-content:space-between;padding-bottom:24px;border-bottom:2px solid #f1f5f9}.saved-content-page .content-header .header-left{display:flex;align-items:center;gap:16px}.saved-content-page .content-header .header-left .title-icon{width:48px;height:48px;background:linear-gradient(135deg,#ec4899,#db2777);border-radius:12px;display:flex;align-items:center;justify-content:center}.saved-content-page .content-header .header-left .title-icon svg{color:#fff}.saved-content-page .content-header .header-left .title-icon.saved{background:linear-gradient(135deg,#10b981,#059669)}.saved-content-page .content-header .header-left .right-box .main-title{color:#181a20;font-family:Poppins,sans-serif;font-size:30px;font-style:normal;font-weight:600;line-height:normal;letter-spacing:.6px;text-transform:capitalize;margin:0 0 4px}.saved-content-page .content-header .header-left .right-box .sub-title{color:#181a20;font-family:Poppins,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:26px;margin:0}.saved-content-page .content-header .header-right{width:315px;display:flex;align-items:center;gap:12px;justify-content:flex-end}.saved-content-page .content-header .header-right .total-chip{background:rgba(102,126,234,.1)!important;color:#667eea!important;font-family:Poppins,sans-serif!important;font-weight:600!important;font-size:14px!important;padding:8px 4px!important;height:36px!important}.saved-content-page .content-header .header-right .total-chip .MuiChip-icon{color:#667eea!important}.saved-content-page .tabs-container .custom-tabs{border-bottom:2px solid #f1f5f9}.saved-content-page .tabs-container .custom-tabs .MuiTab-root{font-family:Poppins,sans-serif!important;font-weight:600!important;text-transform:none!important;font-size:15px!important;color:#64748b!important;padding:12px 24px!important;min-height:48px!important}.saved-content-page .tabs-container .custom-tabs .MuiTab-root .tab-label{display:flex;align-items:center;gap:8px}.saved-content-page .tabs-container .custom-tabs .MuiTab-root .tab-label svg{transition:color .3s ease}.saved-content-page .tabs-container .custom-tabs .MuiTab-root.Mui-selected{color:#667eea!important}.saved-content-page .tabs-container .custom-tabs .MuiTab-root.Mui-selected .tab-label svg{color:#667eea}.saved-content-page .tabs-container .custom-tabs .MuiTabs-indicator{height:3px!important;background:linear-gradient(90deg,#667eea,#764ba2)!important;border-radius:2px 2px 0 0!important}.saved-content-page .saved-items-grid{width:100%;height:auto;display:flex;flex-direction:row;flex-wrap:wrap;gap:25px;margin-top:55px;margin-bottom:87px}.saved-content-page .saved-items-grid .empty-state{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.saved-content-page .saved-items-grid .empty-state .empty-icon{width:120px;height:120px;background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1));border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.saved-content-page .saved-items-grid .empty-state .empty-icon svg{color:#667eea;opacity:.5}.saved-content-page .saved-items-grid .empty-state h3{font-family:Poppins,sans-serif;font-size:20px;font-weight:700;color:#1f2937;margin:0 0 8px}.saved-content-page .saved-items-grid .empty-state p{font-family:Poppins,sans-serif;font-size:14px;color:#64748b;margin:0}.saved-content-page .saved-items-grid .post-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;width:calc(33.333% - 17px);flex:0 0 auto}.saved-content-page .saved-items-grid .post-card:hover{border-color:#cbd5e1;box-shadow:0 8px 24px rgba(0,0,0,.12);transform:translateY(-4px)}.saved-content-page .saved-items-grid .post-card:hover .post-image img{transform:scale(1.05)}.saved-content-page .saved-items-grid .post-card:hover .post-actions{opacity:1}.saved-content-page .saved-items-grid .post-card .post-image{position:relative;width:100%;height:200px;overflow:hidden;background:#f8fafc}.saved-content-page .saved-items-grid .post-card .post-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.saved-content-page .saved-items-grid .post-card .post-image .saved-badge{position:absolute;top:12px;right:12px;width:36px;height:36px;background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:2}.saved-content-page .saved-items-grid .post-card .post-image .saved-badge svg{color:#10b981}.saved-content-page .saved-items-grid .post-card .post-content{padding:20px}.saved-content-page .saved-items-grid .post-card .post-content .post-title{font-family:Poppins,sans-serif;font-size:16px;font-weight:700;color:#1f2937;margin:0 0 12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.saved-content-page .saved-items-grid .post-card .post-content .post-description{font-family:Poppins,sans-serif;font-size:14px;color:#64748b;line-height:1.6;margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.saved-content-page .saved-items-grid .post-card .post-content .post-stats{display:flex;gap:12px;margin-bottom:12px}.saved-content-page .saved-items-grid .post-card .post-content .post-stats .stat-item{display:flex;align-items:center;gap:6px}.saved-content-page .saved-items-grid .post-card .post-content .post-stats .stat-item svg{color:#94a3b8;flex-shrink:0}.saved-content-page .saved-items-grid .post-card .post-content .post-stats .stat-item span{font-family:Poppins,sans-serif;font-size:13px;color:#64748b;font-weight:600}.saved-content-page .saved-items-grid .post-card .post-content .post-stats .stat-item.date{margin-left:auto}.saved-content-page .saved-items-grid .post-card .post-content .post-actions{display:flex;gap:8px;opacity:0;transition:opacity .3s ease}.saved-content-page .saved-items-grid .post-card .post-content .post-actions .action-btn{padding:8px!important;border-radius:8px!important;background:rgba(239,68,68,.1)!important;transition:all .2s ease!important}.saved-content-page .saved-items-grid .post-card .post-content .post-actions .action-btn svg{color:#ef4444}.saved-content-page .saved-items-grid .post-card .post-content .post-actions .action-btn:hover{background:rgba(239,68,68,.2)!important}.saved-content-page .saved-items-grid .saved-item-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;width:calc(33.333% - 17px);flex:0 0 auto}.saved-content-page .saved-items-grid .saved-item-card:hover{border-color:#cbd5e1;box-shadow:0 8px 24px rgba(0,0,0,.12);transform:translateY(-4px)}.saved-content-page .saved-items-grid .saved-item-card:hover .item-image img{transform:scale(1.05)}.saved-content-page .saved-items-grid .saved-item-card:hover .item-actions{opacity:1}.saved-content-page .saved-items-grid .saved-item-card .item-image{position:relative;width:100%;height:200px;overflow:hidden;background:#f8fafc}.saved-content-page .saved-items-grid .saved-item-card .item-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.saved-content-page .saved-items-grid .saved-item-card .item-image .favorite-badge{position:absolute;top:12px;right:12px;width:36px;height:36px;background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:2}.saved-content-page .saved-items-grid .saved-item-card .item-image .time-badge{position:absolute;top:12px;left:12px;display:flex;align-items:center;gap:4px;padding:6px 12px;background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;z-index:2}.saved-content-page .saved-items-grid .saved-item-card .item-image .time-badge svg{color:#667eea}.saved-content-page .saved-items-grid .saved-item-card .item-image .time-badge span{font-family:Poppins,sans-serif;font-size:12px;font-weight:600;color:#667eea}.saved-content-page .saved-items-grid .saved-item-card .item-image .saved-badge{position:absolute;top:12px;right:12px;width:36px;height:36px;background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:2}.saved-content-page .saved-items-grid .saved-item-card .item-image .category-chip{position:absolute;bottom:12px;left:12px;background:hsla(0,0%,100%,.95)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#667eea!important;font-family:Poppins,sans-serif!important;font-weight:600!important;z-index:2}.saved-content-page .saved-items-grid .saved-item-card .item-content{padding:20px}.saved-content-page .saved-items-grid .saved-item-card .item-content .item-title{font-family:Poppins,sans-serif;font-size:16px;font-weight:700;color:#1f2937;margin:0 0 12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.saved-content-page .saved-items-grid .saved-item-card .item-content .item-location{display:flex;align-items:center;gap:4px;margin-bottom:12px}.saved-content-page .saved-items-grid .saved-item-card .item-content .item-location svg{color:#94a3b8;flex-shrink:0}.saved-content-page .saved-items-grid .saved-item-card .item-content .item-location span{font-family:Poppins,sans-serif;font-size:13px;color:#64748b}.saved-content-page .saved-items-grid .saved-item-card .item-content .item-price{padding:12px 0;border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9;margin-bottom:12px}.saved-content-page .saved-items-grid .saved-item-card .item-content .item-price span{font-family:Poppins,sans-serif;font-size:20px;font-weight:700;color:#10b981}.saved-content-page .saved-items-grid .saved-item-card .item-content .article-excerpt{font-family:Poppins,sans-serif;font-size:14px;color:#64748b;line-height:1.6;margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.saved-content-page .saved-items-grid .saved-item-card .item-content .item-stats{display:flex;gap:12px;margin-bottom:12px}.saved-content-page .saved-items-grid .saved-item-card .item-content .item-stats .stat-item{display:flex;align-items:center;gap:6px}.saved-content-page .saved-items-grid .saved-item-card .item-content .item-stats .stat-item svg{color:#94a3b8;flex-shrink:0}.saved-content-page .saved-items-grid .saved-item-card .item-content .item-stats .stat-item span{font-family:Poppins,sans-serif;font-size:13px;color:#64748b;font-weight:600}.saved-content-page .saved-items-grid .saved-item-card .item-content .item-stats .stat-item.date{margin-left:auto}.saved-content-page .saved-items-grid .saved-item-card .item-content .item-actions{display:flex;gap:8px;opacity:0;transition:opacity .3s ease}.saved-content-page .saved-items-grid .saved-item-card .item-content .item-actions .remove-btn{padding:8px!important;border-radius:8px!important;background:rgba(239,68,68,.1)!important;transition:all .2s ease!important}.saved-content-page .saved-items-grid .saved-item-card .item-content .item-actions .remove-btn svg{color:#ef4444}.saved-content-page .saved-items-grid .saved-item-card .item-content .item-actions .remove-btn:hover{background:rgba(239,68,68,.2)!important}.saved-content-page .saved-items-grid .saved-item-card.article .item-image{height:180px}.saved-content-page .pagination-section{width:100%;height:auto;justify-content:center;align-items:center;margin-top:30px}.saved-content-page .pagination-section .total p{color:#181a20;font-size:14px;text-align:center;font-family:Poppins,sans-serif;font-style:normal;font-weight:400;line-height:26px;margin-bottom:16px}.saved-content-page .pagination-section .pagination-control .MuiPaginationItem-root{font-family:Poppins,sans-serif!important;font-weight:600!important;border-radius:10px!important}.saved-content-page .pagination-section .pagination-control .MuiPaginationItem-root.Mui-selected{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;box-shadow:0 4px 12px rgba(102,126,234,.3)}.saved-content-page .pagination-section .pagination-control .MuiPaginationItem-root:hover{background:rgba(102,126,234,.1)!important}@media(max-width:1200px){.saved-content-page .saved-items-grid .post-card,.saved-content-page .saved-items-grid .saved-item-card{width:calc(50% - 12.5px)}}@media(max-width:960px){.saved-content-page{padding:32px 20px 60px;gap:24px}.saved-content-page .content-header{flex-direction:column;align-items:flex-start;gap:16px}.saved-content-page .content-header .header-right{width:100%;justify-content:space-between}.saved-content-page .saved-items-grid{gap:16px}.saved-content-page .saved-items-grid .post-card,.saved-content-page .saved-items-grid .saved-item-card{width:calc(50% - 8px)}}@media(max-width:640px){.saved-content-page{padding:24px 16px 60px;gap:20px}.saved-content-page .content-header{padding-bottom:16px}.saved-content-page .content-header .header-left .title-icon{width:40px;height:40px}.saved-content-page .content-header .header-left .right-box .main-title{font-size:24px}.saved-content-page .saved-items-grid{gap:20px}.saved-content-page .saved-items-grid .post-card,.saved-content-page .saved-items-grid .saved-item-card{width:100%}}.write-post-modal .MuiBackdrop-root{background-color:rgba(0,0,0,.75)!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.write-post-modal .write-post-modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:600px;background:#fff;border-radius:12px;box-shadow:0 12px 48px rgba(0,0,0,.3);display:flex;flex-direction:column;outline:none;animation:modalSlideIn .25s cubic-bezier(.16,1,.3,1)}@keyframes modalSlideIn{0%{opacity:0;transform:translate(-50%,-48%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.write-post-modal .write-post-modal-content .post-modal-header{padding:16px 20px;border-bottom:1px solid #e4e6eb;display:flex;justify-content:space-between;align-items:center}.write-post-modal .write-post-modal-content .post-modal-body{padding:16px 20px;max-height:65vh;overflow-y:auto}.write-post-modal .write-post-modal-content .post-modal-body::-webkit-scrollbar{width:8px}.write-post-modal .write-post-modal-content .post-modal-body::-webkit-scrollbar-track{background:transparent}.write-post-modal .write-post-modal-content .post-modal-body::-webkit-scrollbar-thumb{background:#ccd0d5;border-radius:4px}.write-post-modal .write-post-modal-content .post-modal-body::-webkit-scrollbar-thumb:hover{background:#bcc0c4}.write-post-modal .write-post-modal-content .post-modal-body .title-input{width:100%;border:none;outline:none;font-size:20px;font-weight:600;color:#050505;background:transparent;padding:8px 0;margin-bottom:12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.write-post-modal .write-post-modal-content .post-modal-body .title-input::placeholder{color:#8a8d91;font-weight:500}.write-post-modal .write-post-modal-content .post-modal-body .title-input:focus{outline:none}.write-post-modal .write-post-modal-content .post-modal-body .editor-container{border:1px solid #e4e6eb;border-radius:8px;overflow:hidden;background:#fff}.write-post-modal .write-post-modal-content .post-modal-body .editor-container .editor-toolbar{display:flex;gap:4px;padding:8px;border-bottom:1px solid #e4e6eb;background:#f7f8fa}.write-post-modal .write-post-modal-content .post-modal-body .editor-container .editor-toolbar .MuiIconButton-root{width:32px;height:32px;border-radius:6px;color:#65676b;transition:all .2s}.write-post-modal .write-post-modal-content .post-modal-body .editor-container .editor-toolbar .MuiIconButton-root:hover{background:#e4e6eb;color:#050505}.write-post-modal .write-post-modal-content .post-modal-body .editor-container .editor-toolbar .MuiIconButton-root.active{background:#e7f3ff;color:#1877f2}.write-post-modal .write-post-modal-content .post-modal-body .editor-container .ProseMirror{outline:none;min-height:200px;padding:16px;font-size:16px;line-height:1.6;color:#050505;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;word-wrap:break-word}.write-post-modal .write-post-modal-content .post-modal-body .editor-container .ProseMirror p.is-editor-empty:first-child:before,.write-post-modal .write-post-modal-content .post-modal-body .editor-container .ProseMirror.ProseMirror-focused p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:#65676b;pointer-events:none;height:0;font-weight:400}.write-post-modal .write-post-modal-content .post-modal-body .editor-container .ProseMirror p{margin:0 0 .8em}.write-post-modal .write-post-modal-content .post-modal-body .editor-container .ProseMirror p:last-child{margin-bottom:0}.write-post-modal .write-post-modal-content .post-modal-body .editor-container .ProseMirror p:empty{min-height:1.6em}.write-post-modal .write-post-modal-content .post-modal-body .editor-container .ProseMirror ol,.write-post-modal .write-post-modal-content .post-modal-body .editor-container .ProseMirror ul{padding-left:1.5rem;margin:.8em 0}.write-post-modal .write-post-modal-content .post-modal-body .editor-container .ProseMirror li{margin:.3em 0}.write-post-modal .write-post-modal-content .post-modal-body .editor-container .ProseMirror a{color:#1877f2;text-decoration:none;cursor:pointer}.write-post-modal .write-post-modal-content .post-modal-body .editor-container .ProseMirror a:hover{text-decoration:underline}.write-post-modal .write-post-modal-content .post-modal-body .editor-container .ProseMirror strong{font-weight:700}.write-post-modal .write-post-modal-content .post-modal-body .editor-container .ProseMirror em{font-style:italic}.write-post-modal .write-post-modal-content .post-modal-body .editor-container .ProseMirror code{background:#f0f2f5;padding:2px 6px;border-radius:4px;font-family:Monaco,Consolas,Courier New,monospace;font-size:.9em;color:#444950}.write-post-modal .write-post-modal-content .post-modal-body .editor-container .ProseMirror blockquote{border-left:3px solid #ccd0d5;padding-left:1rem;margin:1em 0;color:#65676b}.write-post-modal .write-post-modal-content .post-modal-body .images-preview{margin-top:16px;padding:12px;background:#f7f8fa;border-radius:8px}.write-post-modal .write-post-modal-content .post-modal-body .images-preview .image-item{position:relative;width:120px;height:120px;border-radius:8px;overflow:hidden;background:#e4e6eb}.write-post-modal .write-post-modal-content .post-modal-body .images-preview .image-item img{width:100%;height:100%;object-fit:cover}.write-post-modal .write-post-modal-content .post-modal-body .images-preview .image-item .remove-btn{position:absolute;top:4px;right:4px;background:rgba(0,0,0,.7);color:#fff;width:28px;height:28px;opacity:0;transition:all .2s}.write-post-modal .write-post-modal-content .post-modal-body .images-preview .image-item .remove-btn:hover{background:rgba(239,68,68,.9)}.write-post-modal .write-post-modal-content .post-modal-body .images-preview .image-item:hover .remove-btn{opacity:1}.write-post-modal .write-post-modal-content .post-modal-footer{padding:12px 20px 20px;border-top:1px solid #e4e6eb}.write-post-modal .write-post-modal-content .post-modal-footer .add-to-post{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border:1px solid #ccd0d5;border-radius:8px;margin-bottom:12px;cursor:pointer;transition:all .2s}.write-post-modal .write-post-modal-content .post-modal-footer .add-to-post:hover{background:#f7f8fa}.write-post-modal .write-post-modal-content .post-modal-footer .add-to-post .MuiIconButton-root{width:40px;height:40px}.write-post-modal .write-post-modal-content .post-modal-footer .post-button{background:#1877f2;color:#fff;font-weight:600;font-size:15px;padding:10px;border-radius:8px;text-transform:none;box-shadow:none}.write-post-modal .write-post-modal-content .post-modal-footer .post-button:hover{background:#166fe5;box-shadow:none}.write-post-modal .write-post-modal-content .post-modal-footer .post-button:disabled{background:#e4e6eb;color:#bcc0c4}@media(max-width:768px){.write-post-modal .write-post-modal-content{width:95%;max-width:95%}.write-post-modal .write-post-modal-content .post-modal-body{padding:12px 16px}.write-post-modal .write-post-modal-content .post-modal-body .title-input{font-size:18px}.write-post-modal .write-post-modal-content .post-modal-body .editor-container .ProseMirror{font-size:15px}}@media(max-width:640px){.write-post-modal .write-post-modal-content{width:100%;max-width:100%;max-height:100vh;height:100vh;border-radius:0;animation:modalSlideUp .25s ease-out}@keyframes modalSlideUp{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}.write-post-modal .write-post-modal-content .post-modal-body{max-height:calc(100vh - 200px)}.write-post-modal .write-post-modal-content .post-modal-body .title-input{font-size:17px}.write-post-modal .write-post-modal-content .post-modal-body .editor-container .ProseMirror{min-height:150px;font-size:15px}.write-post-modal .write-post-modal-content .post-modal-body .images-preview .image-item{width:100px;height:100px}.write-post-modal .write-post-modal-content .post-modal-footer{padding:10px 16px 16px}.write-post-modal .write-post-modal-content .post-modal-footer .add-to-post{padding:10px 12px;font-size:14px}}.list-item-page{width:100%;min-height:calc(100vh - 64px);background:linear-gradient(180deg,#f8fafc,#fff);padding:0}.list-item-page .page-header{position:-webkit-sticky;position:sticky;top:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:20px 40px;background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #e2e8f0;box-shadow:0 2px 8px rgba(0,0,0,.05)}.list-item-page .page-header .header-content{display:flex;align-items:center;gap:16px}.list-item-page .page-header .header-content .header-icon{width:48px;height:48px;background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(16,185,129,.3)}.list-item-page .page-header .header-content .header-icon svg{color:#fff}.list-item-page .page-header .header-content h1{font-family:Poppins,sans-serif;font-size:24px;font-weight:700;color:#1f2937;margin:0 0 4px;letter-spacing:-.5px}.list-item-page .page-header .header-content p{font-family:Poppins,sans-serif;font-size:14px;color:#64748b;margin:0}.list-item-page .page-header .close-btn{background:rgba(239,68,68,.1)!important;color:#ef4444!important;transition:all .3s ease!important}.list-item-page .page-header .close-btn:hover{background:rgba(239,68,68,.2)!important;transform:rotate(90deg)}.list-item-page .content-wrapper{max-width:1400px;margin:0 auto;padding:32px 40px 80px;display:grid;grid-template-columns:1fr 320px;grid-gap:24px;gap:24px;align-items:flex-start}.list-item-page .content-wrapper .main-form-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.08);border:1px solid #e2e8f0;padding:32px;display:flex;flex-direction:column;gap:24px}.list-item-page .content-wrapper .main-form-card .seller-section{display:flex;align-items:center;gap:16px;padding-bottom:24px;border-bottom:2px solid #f1f5f9}.list-item-page .content-wrapper .main-form-card .seller-section .seller-avatar{width:56px;height:56px;border:3px solid #f1f5f9;box-shadow:0 2px 8px rgba(0,0,0,.1)}.list-item-page .content-wrapper .main-form-card .seller-section .seller-info{flex:1 1}.list-item-page .content-wrapper .main-form-card .seller-section .seller-info h3{font-family:Poppins,sans-serif;font-size:16px;font-weight:700;color:#1f2937;margin:0 0 2px}.list-item-page .content-wrapper .main-form-card .seller-section .seller-info p{font-family:Poppins,sans-serif;font-size:14px;color:#64748b;margin:0}.list-item-page .content-wrapper .main-form-card .seller-section .selling-chip{background:rgba(16,185,129,.1)!important;color:#10b981!important;font-family:Poppins,sans-serif!important;font-weight:600!important;border:1px solid rgba(16,185,129,.2)!important}.list-item-page .content-wrapper .main-form-card .seller-section .selling-chip .MuiChip-icon{color:#10b981!important}.list-item-page .content-wrapper .main-form-card .form-group{display:flex;flex-direction:column;gap:12px}.list-item-page .content-wrapper .main-form-card .form-group .form-label{display:flex;align-items:center;gap:8px;font-family:Poppins,sans-serif;font-size:14px;font-weight:700;color:#1f2937}.list-item-page .content-wrapper .main-form-card .form-group .form-label .char-count{margin-left:auto;font-size:12px;font-weight:500;color:#94a3b8}.list-item-page .content-wrapper .main-form-card .form-group .select-wrapper{position:relative}.list-item-page .content-wrapper .main-form-card .form-group .select-wrapper .select-description{width:100%;height:48px;padding:0 40px 0 16px;border:2px solid #e2e8f0;border-radius:12px;background:#f8fafc;font-family:Poppins,sans-serif;font-size:14px;color:#1f2937;outline:none;cursor:pointer;transition:all .3s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}.list-item-page .content-wrapper .main-form-card .form-group .select-wrapper .select-description:hover{border-color:#cbd5e1;background:#fff}.list-item-page .content-wrapper .main-form-card .form-group .select-wrapper .select-description:focus{background:#fff;border-color:#10b981}.list-item-page .content-wrapper .main-form-card .form-group .select-wrapper .select-description option{padding:10px}.list-item-page .content-wrapper .main-form-card .form-group .select-wrapper .divider{position:absolute;right:40px;top:50%;transform:translateY(-50%);width:1px;height:24px;background:#e2e8f0}.list-item-page .content-wrapper .main-form-card .form-group .select-wrapper .arrow-down{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:12px;height:12px;pointer-events:none}.list-item-page .content-wrapper .main-form-card .form-group .description-input{width:100%;height:48px;padding:0 16px;border:2px solid #e2e8f0;border-radius:12px;background:#f8fafc;font-family:Poppins,sans-serif;font-size:14px;color:#1f2937;outline:none;transition:all .3s ease}.list-item-page .content-wrapper .main-form-card .form-group .description-input::placeholder{color:#94a3b8}.list-item-page .content-wrapper .main-form-card .form-group .description-input:hover{border-color:#cbd5e1;background:#fff}.list-item-page .content-wrapper .main-form-card .form-group .description-input:focus{background:#fff;border-color:#10b981}.list-item-page .content-wrapper .main-form-card .form-group .description-input::-webkit-inner-spin-button,.list-item-page .content-wrapper .main-form-card .form-group .description-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.list-item-page .content-wrapper .main-form-card .form-group .description-input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.list-item-page .content-wrapper .main-form-card .form-group .description-text{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:12px;background:#f8fafc;font-family:Poppins,sans-serif;font-size:14px;color:#1f2937;outline:none;resize:vertical;transition:all .3s ease;min-height:80px}.list-item-page .content-wrapper .main-form-card .form-group .description-text::placeholder{color:#94a3b8}.list-item-page .content-wrapper .main-form-card .form-group .description-text:hover{border-color:#cbd5e1;background:#fff}.list-item-page .content-wrapper .main-form-card .form-group .description-text:focus{background:#fff;border-color:#10b981}.list-item-page .content-wrapper .main-form-card .form-group .images-box{display:flex;flex-direction:column;gap:16px}.list-item-page .content-wrapper .main-form-card .form-group .images-box .upload-box{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 20px;border:2px dashed #cbd5e1;border-radius:12px;background:#f8fafc;transition:all .3s ease;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.05);min-height:60px}.list-item-page .content-wrapper .main-form-card .form-group .images-box .upload-box:hover{border-color:#10b981;background:rgba(16,185,129,.05);box-shadow:0 4px 12px rgba(16,185,129,.15)}.list-item-page .content-wrapper .main-form-card .form-group .images-box .upload-box svg{width:20px;height:20px;color:#94a3b8}.list-item-page .content-wrapper .main-form-card .form-group .images-box .upload-box p{font-family:Poppins,sans-serif;font-size:14px;color:#64748b;margin:0;font-weight:500}.list-item-page .content-wrapper .main-form-card .form-group .images-box .gallery-box{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px}.list-item-page .content-wrapper .main-form-card .form-group .images-box .gallery-box .image-box{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;border:2px solid #e2e8f0;background:#f8fafc;transition:all .3s ease}.list-item-page .content-wrapper .main-form-card .form-group .images-box .gallery-box .image-box img{width:100%;height:100%;object-fit:cover}.list-item-page .content-wrapper .main-form-card .form-group .images-box .gallery-box .image-box:hover{border-color:#10b981;transform:scale(1.02)}.list-item-page .content-wrapper .main-form-card .form-group .images-box .gallery-box .image-box .remove-img-btn{position:absolute;top:6px;right:6px;background:rgba(239,68,68,.9)!important;color:#fff!important;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.list-item-page .content-wrapper .main-form-card .form-group .images-box .gallery-box .image-box .remove-img-btn:hover{background:#ef4444!important;transform:scale(1.1)}.list-item-page .content-wrapper .main-form-card .form-group .images-box .gallery-box .image-box .cover-chip{position:absolute;bottom:6px;left:6px;background:rgba(16,185,129,.9)!important;color:#fff!important;font-family:Poppins,sans-serif!important;font-weight:600!important;font-size:10px!important;padding:4px 8px!important;border-radius:6px!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.list-item-page .content-wrapper .main-form-card .config-row{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px}.list-item-page .content-wrapper .main-form-card .config-row .form-group{margin:0}.list-item-page .content-wrapper .main-form-card .submit-section{padding-top:16px;border-top:2px solid #f1f5f9}.list-item-page .content-wrapper .main-form-card .submit-section .submit-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-family:Poppins,sans-serif;font-weight:600;text-transform:none;padding:14px 32px;border-radius:12px;font-size:15px;box-shadow:0 4px 16px rgba(16,185,129,.3);transition:all .3s ease}.list-item-page .content-wrapper .main-form-card .submit-section .submit-btn:hover:not(:disabled){box-shadow:0 6px 24px rgba(16,185,129,.4);transform:translateY(-2px)}.list-item-page .content-wrapper .main-form-card .submit-section .submit-btn:disabled{opacity:.6;cursor:not-allowed}.list-item-page .content-wrapper .sidebar-card{position:-webkit-sticky;position:sticky;top:148px;background:linear-gradient(135deg,rgba(16,185,129,.05),rgba(5,150,105,.05));border:1px solid rgba(16,185,129,.2);border-left:4px solid #10b981;border-radius:16px;padding:24px;box-shadow:0 4px 20px rgba(0,0,0,.05)}.list-item-page .content-wrapper .sidebar-card h3{font-family:Poppins,sans-serif;font-size:16px;font-weight:700;color:#10b981;margin:0 0 16px}.list-item-page .content-wrapper .sidebar-card ul{margin:0 0 20px;padding:0;list-style:none}.list-item-page .content-wrapper .sidebar-card ul li{font-family:Poppins,sans-serif;font-size:14px;color:#64748b;margin-bottom:12px;padding-left:24px;position:relative;line-height:1.5}.list-item-page .content-wrapper .sidebar-card ul li:before{content:"→";position:absolute;left:0;color:#10b981;font-weight:700}.list-item-page .content-wrapper .sidebar-card ul li:last-child{margin-bottom:0}.list-item-page .content-wrapper .sidebar-card .info-box{display:flex;gap:12px;padding:16px;background:rgba(59,130,246,.1);border-radius:12px;border:1px solid rgba(59,130,246,.2)}.list-item-page .content-wrapper .sidebar-card .info-box svg{color:#3b82f6;flex-shrink:0;margin-top:2px}.list-item-page .content-wrapper .sidebar-card .info-box h4{font-family:Poppins,sans-serif;font-size:14px;font-weight:700;color:#3b82f6;margin:0 0 4px}.list-item-page .content-wrapper .sidebar-card .info-box p{font-family:Poppins,sans-serif;font-size:13px;color:#64748b;margin:0;line-height:1.4}@media(max-width:1200px){.list-item-page .content-wrapper{grid-template-columns:1fr}.list-item-page .content-wrapper .sidebar-card{position:static;order:-1}}@media(max-width:960px){.list-item-page{padding:24px 0 40px}.list-item-page .page-header{padding:16px 24px}.list-item-page .page-header .header-content .header-icon{width:40px;height:40px}.list-item-page .page-header .header-content h1{font-size:20px}.list-item-page .content-wrapper,.list-item-page .content-wrapper .main-form-card{padding:24px}.list-item-page .content-wrapper .main-form-card .seller-section{flex-wrap:wrap}.list-item-page .content-wrapper .main-form-card .seller-section .selling-chip{width:100%;justify-content:center}.list-item-page .content-wrapper .main-form-card .config-row{grid-template-columns:1fr}.list-item-page .content-wrapper .main-form-card .images-box .gallery-box{grid-template-columns:repeat(3,1fr)}.list-item-page .content-wrapper .main-form-card .images-box .upload-box{padding:14px 16px;min-height:50px}}@media(max-width:640px){.list-item-page .page-header{padding:12px 16px}.list-item-page .page-header .header-content{gap:12px}.list-item-page .page-header .header-content h1{font-size:18px}.list-item-page .page-header .header-content p{display:none}.list-item-page .content-wrapper{padding:20px 16px}.list-item-page .content-wrapper .main-form-card{padding:20px}.list-item-page .content-wrapper .main-form-card .seller-section{padding-bottom:20px}.list-item-page .content-wrapper .main-form-card .seller-section .seller-avatar{width:48px;height:48px}.list-item-page .content-wrapper .main-form-card .form-group .images-box .gallery-box{grid-template-columns:repeat(2,1fr)}.list-item-page .content-wrapper .main-form-card .form-group .images-box .upload-box{padding:12px 14px;min-height:45px;gap:8px}.list-item-page .content-wrapper .main-form-card .form-group .images-box .upload-box svg{width:16px;height:16px}.list-item-page .content-wrapper .main-form-card .form-group .images-box .upload-box p{font-size:13px}.list-item-page .content-wrapper .sidebar-card{padding:20px}.list-item-page .content-wrapper .sidebar-card h3{font-size:15px}.list-item-page .content-wrapper .sidebar-card ul li{font-size:13px}}#pc-wrap .mypage-container{width:100%;min-height:calc(100vh - 64px);background:#f8fafc;padding:0 0 80px}#pc-wrap .mypage-container .container{max-width:1400px;margin:0 auto;display:flex;flex-direction:column}#pc-wrap .mypage-container .hero-section{position:relative;background:#fff;border-bottom:1px solid #e2e8f0;overflow:visible}#pc-wrap .mypage-container .hero-section .hero-background{position:absolute;top:0;left:0;right:0;height:250px;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);z-index:0}#pc-wrap .mypage-container .hero-section .hero-background .pattern-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 50%,hsla(0,0%,100%,.1) 0,transparent 50%),radial-gradient(circle at 80% 80%,hsla(0,0%,100%,.1) 0,transparent 50%);animation:patternMove 20s ease-in-out infinite}#pc-wrap .mypage-container .hero-section .hero-content{position:relative;z-index:1;padding:40px 40px 24px;display:flex;justify-content:space-between;align-items:flex-start}#pc-wrap .mypage-container .hero-section .hero-content .profile-section{display:flex;gap:24px;align-items:flex-start}#pc-wrap .mypage-container .hero-section .hero-content .profile-section .MuiBadge-root .hero-avatar{width:120px;height:120px;border:4px solid hsla(0,0%,100%,.9);box-shadow:0 8px 32px rgba(0,0,0,.2);transition:all .3s cubic-bezier(.4,0,.2,1)}#pc-wrap .mypage-container .hero-section .hero-content .profile-section .MuiBadge-root .hero-avatar:hover{transform:scale(1.05);box-shadow:0 12px 48px rgba(0,0,0,.3)}#pc-wrap .mypage-container .hero-section .hero-content .profile-section .MuiBadge-root .edit-badge{width:36px;height:36px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;border:3px solid #fff;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px rgba(102,126,234,.4)}#pc-wrap .mypage-container .hero-section .hero-content .profile-section .MuiBadge-root .edit-badge svg{color:#fff}#pc-wrap .mypage-container .hero-section .hero-content .profile-section .MuiBadge-root .edit-badge:hover{transform:scale(1.15) rotate(90deg);box-shadow:0 6px 20px rgba(102,126,234,.6)}#pc-wrap .mypage-container .hero-section .hero-content .profile-section .profile-details{padding-top:8px}#pc-wrap .mypage-container .hero-section .hero-content .profile-section .profile-details .name-section{margin-bottom:16px}#pc-wrap .mypage-container .hero-section .hero-content .profile-section .profile-details .name-section .name-row{display:flex;align-items:center;gap:12px;margin-bottom:6px}#pc-wrap .mypage-container .hero-section .hero-content .profile-section .profile-details .name-section .name-row h1{font-family:Poppins,sans-serif;font-size:32px;font-weight:700;color:#fff;margin:0;letter-spacing:-.5px;text-shadow:0 2px 8px rgba(0,0,0,.2)}#pc-wrap .mypage-container .hero-section .hero-content .profile-section .profile-details .name-section .name-row .verified-chip{background:hsla(0,0%,100%,.25)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff!important;font-weight:600!important;border:1px solid hsla(0,0%,100%,.3);padding:4px 8px!important;height:28px!important}#pc-wrap .mypage-container .hero-section .hero-content .profile-section .profile-details .name-section .name-row .verified-chip .MuiChip-icon{color:#fbbf24!important}#pc-wrap .mypage-container .hero-section .hero-content .profile-section .profile-details .name-section .username{font-family:Poppins,sans-serif;font-size:16px;color:hsla(0,0%,100%,.9);margin:0;font-weight:500}#pc-wrap .mypage-container .hero-section .hero-content .profile-section .profile-details .contact-info{display:flex;gap:14px;flex-wrap:wrap}#pc-wrap .mypage-container .hero-section .hero-content .profile-section .profile-details .contact-info .contact-item{display:flex;align-items:center;gap:8px;padding:8px 16px;background:hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:1px solid hsla(0,0%,100%,.3);transition:all .3s ease}#pc-wrap .mypage-container .hero-section .hero-content .profile-section .profile-details .contact-info .contact-item svg{color:#fff;flex-shrink:0}#pc-wrap .mypage-container .hero-section .hero-content .profile-section .profile-details .contact-info .contact-item span{font-family:Poppins,sans-serif;font-size:14px;color:#fff;font-weight:500}#pc-wrap .mypage-container .hero-section .hero-content .profile-section .profile-details .contact-info .contact-item:hover{background:hsla(0,0%,100%,.3);transform:translateY(-2px)}#pc-wrap .mypage-container .hero-section .hero-content .settings-button{display:flex;align-items:center;gap:8px;padding:12px 24px;background:hsla(0,0%,100%,.25);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid hsla(0,0%,100%,.3);border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}#pc-wrap .mypage-container .hero-section .hero-content .settings-button svg{color:#fff;transition:transform .3s ease}#pc-wrap .mypage-container .hero-section .hero-content .settings-button span{font-family:Poppins,sans-serif;font-size:14px;font-weight:600;color:#fff}#pc-wrap .mypage-container .hero-section .hero-content .settings-button:hover{background:hsla(0,0%,100%,.35);border-color:hsla(0,0%,100%,.5);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.2)}#pc-wrap .mypage-container .hero-section .hero-content .settings-button:hover svg{transform:rotate(90deg)}#pc-wrap .mypage-container .hero-section .stats-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;padding:0 40px 32px}#pc-wrap .mypage-container .hero-section .stats-grid .stat-card{position:relative;padding:24px;border-radius:16px;overflow:hidden;color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px rgba(0,0,0,.15)}#pc-wrap .mypage-container .hero-section .stats-grid .stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.25)}#pc-wrap .mypage-container .hero-section .stats-grid .stat-card .stat-icon-wrapper{width:48px;height:48px;background:hsla(0,0%,100%,.2);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#pc-wrap .mypage-container .hero-section .stats-grid .stat-card .stat-icon-wrapper svg{color:#fff}#pc-wrap .mypage-container .hero-section .stats-grid .stat-card .stat-info{position:relative;z-index:2}#pc-wrap .mypage-container .hero-section .stats-grid .stat-card .stat-info h3{font-family:Poppins,sans-serif;font-size:28px;font-weight:700;margin:0 0 4px;color:#fff}#pc-wrap .mypage-container .hero-section .stats-grid .stat-card .stat-info p{font-family:Poppins,sans-serif;font-size:13px;margin:0;color:hsla(0,0%,100%,.9);font-weight:500}#pc-wrap .mypage-container .hero-section .stats-grid .stat-card .stat-decoration{position:absolute;bottom:-10px;right:-10px;opacity:.1;z-index:1}#pc-wrap .mypage-container .hero-section .stats-grid .stat-card .stat-decoration svg{color:#fff}#pc-wrap .mypage-container .navigation-tabs{position:static;top:64px;z-index:100;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 2px 8px rgba(0,0,0,.04)}#pc-wrap .mypage-container .navigation-tabs .tabs-container{display:flex;padding:0 40px;gap:8px;overflow-x:auto;scrollbar-width:none}#pc-wrap .mypage-container .navigation-tabs .tabs-container::-webkit-scrollbar{display:none}#pc-wrap .mypage-container .navigation-tabs .tabs-container .nav-tab{position:relative;padding:16px 24px;cursor:pointer;transition:all .3s ease;border-bottom:2px solid transparent}#pc-wrap .mypage-container .navigation-tabs .tabs-container .nav-tab .tab-content{display:flex;align-items:center;gap:8px;white-space:nowrap}#pc-wrap .mypage-container .navigation-tabs .tabs-container .nav-tab .tab-content svg{color:#64748b;transition:color .3s ease;flex-shrink:0}#pc-wrap .mypage-container .navigation-tabs .tabs-container .nav-tab .tab-content span{font-family:Poppins,sans-serif;font-size:14px;font-weight:600;color:#64748b;transition:color .3s ease}#pc-wrap .mypage-container .navigation-tabs .tabs-container .nav-tab .tab-content .tab-badge{background:#f1f5f9!important;color:#64748b!important;font-weight:600!important;height:22px!important;transition:all .3s ease}#pc-wrap .mypage-container .navigation-tabs .tabs-container .nav-tab .active-indicator{position:absolute;bottom:-2px;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px 2px 0 0;animation:slideIn .3s ease}#pc-wrap .mypage-container .navigation-tabs .tabs-container .nav-tab:hover{background:#f8fafc}#pc-wrap .mypage-container .navigation-tabs .tabs-container .nav-tab:hover .tab-content span,#pc-wrap .mypage-container .navigation-tabs .tabs-container .nav-tab:hover .tab-content svg{color:#667eea}#pc-wrap .mypage-container .navigation-tabs .tabs-container .nav-tab:hover .tab-content .tab-badge{background:rgba(102,126,234,.1)!important;color:#667eea!important}#pc-wrap .mypage-container .navigation-tabs .tabs-container .nav-tab.active .tab-content span,#pc-wrap .mypage-container .navigation-tabs .tabs-container .nav-tab.active .tab-content svg{color:#667eea}#pc-wrap .mypage-container .navigation-tabs .tabs-container .nav-tab.active .tab-content .tab-badge{background:rgba(102,126,234,.15)!important;color:#667eea!important}#pc-wrap .mypage-container .content-wrapper{padding:32px 40px}#pc-wrap .mypage-container .content-wrapper .content-area{background:#fff;border-radius:16px;padding:32px;min-height:500px;box-shadow:0 1px 3px rgba(0,0,0,.08);border:1px solid #e2e8f0;animation:fadeInUp .5s ease}@keyframes patternMove{0%,to{transform:translate(0)}50%{transform:translate(20px,20px)}}@keyframes slideIn{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1400px){#pc-wrap .mypage-container .hero-section .stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:1200px){#pc-wrap .mypage-container .hero-section .hero-content{flex-direction:column;gap:24px}#pc-wrap .mypage-container .hero-section .hero-content .settings-button{align-self:flex-start}}@media(max-width:960px){#pc-wrap .mypage-container .hero-section .hero-content{padding:32px 24px 20px}#pc-wrap .mypage-container .hero-section .hero-content .profile-section{flex-direction:column;align-items:center;text-align:center}#pc-wrap .mypage-container .hero-section .hero-content .profile-section .profile-details .contact-info{justify-content:center}#pc-wrap .mypage-container .hero-section .stats-grid{padding:0 24px 24px;grid-template-columns:1fr}#pc-wrap .mypage-container .navigation-tabs .tabs-container{padding:0 24px}#pc-wrap .mypage-container .content-wrapper{padding:24px}}@media(max-width:640px){#pc-wrap .mypage-container .hero-section .hero-background{height:180px}#pc-wrap .mypage-container .hero-section .hero-content{padding:24px 16px 16px}#pc-wrap .mypage-container .hero-section .hero-content .profile-section .MuiBadge-root .hero-avatar{width:90px;height:90px}#pc-wrap .mypage-container .hero-section .hero-content .profile-section .profile-details .name-section .name-row h1{font-size:24px}#pc-wrap .mypage-container .hero-section .hero-content .profile-section .profile-details .contact-info{flex-direction:column;width:100%}#pc-wrap .mypage-container .hero-section .hero-content .profile-section .profile-details .contact-info .contact-item{justify-content:center}#pc-wrap .mypage-container .hero-section .hero-content .settings-button{width:100%;justify-content:center}#pc-wrap .mypage-container .hero-section .stats-grid{padding:0 16px 20px}#pc-wrap .mypage-container .navigation-tabs .tabs-container{padding:0 16px}#pc-wrap .mypage-container .navigation-tabs .tabs-container .nav-tab{padding:14px 16px}#pc-wrap .mypage-container .navigation-tabs .tabs-container .nav-tab .tab-content span{font-size:13px}#pc-wrap .mypage-container .content-wrapper{padding:20px 16px}#pc-wrap .mypage-container .content-wrapper .content-area{padding:20px}}#pc-wrap #my-articles-page{width:100%;height:auto}#pc-wrap #my-articles-page .main-title-box{width:auto;height:auto;flex-direction:row;justify-content:space-between}#pc-wrap #my-articles-page .main-title-box .right-box{width:315px}#pc-wrap #my-articles-page .main-title-box .right-box .main-title{color:#181a20;font-family:Poppins,sans-serif;font-size:30px;font-style:normal;font-weight:600;line-height:normal;letter-spacing:.6px;text-transform:capitalize}#pc-wrap #my-articles-page .main-title-box .right-box .sub-title{color:#181a20;font-family:Poppins,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:26px}#pc-wrap #my-articles-page .article-list-box{width:100%;height:auto;flex-direction:row;flex-wrap:wrap;gap:25px;margin-top:55px;margin-bottom:87px}#pc-wrap #my-articles-page .pagination-conf{width:100%;height:auto;justify-content:center;align-items:center;margin-top:30px}#pc-wrap #my-articles-page .pagination-conf .total p{color:#181a20;font-size:14px;text-align:center;font-family:Poppins,sans-serif;font-style:normal;font-weight:400;line-height:26px}#pc-wrap #my-page #my-favorites-page{width:100%;height:auto;display:flex;flex-direction:column;gap:57px}#pc-wrap #my-page #my-favorites-page .main-title-box{width:auto;height:auto;flex-direction:row;justify-content:space-between}#pc-wrap #my-page #my-favorites-page .main-title-box .right-box{width:315px}#pc-wrap #my-page #my-favorites-page .main-title-box .right-box .main-title{color:#181a20;font-family:Poppins,sans-serif;font-size:30px;font-style:normal;font-weight:600;line-height:normal;letter-spacing:.6px;text-transform:capitalize}#pc-wrap #my-page #my-favorites-page .main-title-box .right-box .sub-title{color:#181a20;font-family:Poppins,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:26px}#pc-wrap #my-page #my-favorites-page .favorites-list-box{width:100%;height:auto;flex-wrap:wrap;flex-direction:row;gap:22px}#pc-wrap #my-page #my-favorites-page .favorites-list-box .card-config{width:296px;height:413px;margin-bottom:7px;border-radius:12px;background:#fff;box-shadow:0 1px 4px 0 rgba(24,26,32,.07)}#pc-wrap #my-page #my-favorites-page .favorites-list-box .card-config .top{position:relative;width:100%;height:240px}#pc-wrap #my-page #my-favorites-page .favorites-list-box .card-config .top a{height:100%}#pc-wrap #my-page #my-favorites-page .favorites-list-box .card-config .top img{width:100%;height:100%;object-fit:cover;border-radius:12px 12px 0 0}#pc-wrap #my-page #my-favorites-page .favorites-list-box .card-config .top .top-badge{position:absolute;top:20px;left:16px;display:flex;width:80px;height:30px;justify-content:center;align-items:center;border-radius:6px;padding:6px 20px;background:#eb6753;color:#fff;text-align:center;text-shadow:0 4px 4px rgba(0,0,0,.25);font-family:Poppins,sans-serif;font-size:12px;font-style:normal;font-weight:600;line-height:normal}#pc-wrap #my-page #my-favorites-page .favorites-list-box .card-config .top .top-badge img{height:16px}#pc-wrap #my-page #my-favorites-page .favorites-list-box .card-config .top .price-box{position:absolute;bottom:20px;left:20px;padding:8px 15px;align-items:center;border-radius:6px;border:1px solid hsla(0,0%,100%,.5);background:#fff}#pc-wrap #my-page #my-favorites-page .favorites-list-box .card-config .top .price-box p{color:#181a20;font-family:Poppins,sans-serif;font-size:15px;font-style:normal;font-weight:600;line-height:normal}#pc-wrap #my-page #my-favorites-page .favorites-list-box .card-config .bottom{width:100%;height:173px;padding:20px 16px 10px}#pc-wrap #my-page #my-favorites-page .favorites-list-box .card-config .bottom .name-address{width:100%;height:48px;gap:5px;margin-bottom:20px}#pc-wrap #my-page #my-favorites-page .favorites-list-box .card-config .bottom .name-address .name{width:100%;height:23px;overflow:hidden}#pc-wrap #my-page #my-favorites-page .favorites-list-box .card-config .bottom .name-address .name p{color:#181a20;font-family:Poppins,sans-serif;font-size:15px;font-style:normal;font-weight:600;line-height:normal;text-transform:capitalize}#pc-wrap #my-page #my-favorites-page .favorites-list-box .card-config .bottom .name-address .address{width:100%;overflow:hidden}#pc-wrap #my-page #my-favorites-page .favorites-list-box .card-config .bottom .name-address .address p{color:#717171;font-family:Poppins,sans-serif;font-size:13px;font-style:normal;font-weight:400;line-height:normal}#pc-wrap #my-page #my-favorites-page .favorites-list-box .card-config .bottom .options{flex-direction:row;width:100%;height:20px;gap:20px;margin-bottom:10px}#pc-wrap #my-page #my-favorites-page .favorites-list-box .card-config .bottom .options .option{flex-direction:row;gap:5px;align-items:center}#pc-wrap #my-page #my-favorites-page .favorites-list-box .card-config .bottom .options .option p{color:#181a20;font-family:Poppins,sans-serif;font-size:13px;font-style:normal;font-weight:400;line-height:normal}#pc-wrap #my-page #my-favorites-page .favorites-list-box .card-config .bottom .divider{width:100%;height:1px;background:#ddd;margin-bottom:17px}#pc-wrap #my-page #my-favorites-page .favorites-list-box .card-config .bottom .type-buttons{flex-direction:row;width:100%;justify-content:space-between;align-items:center}#pc-wrap #my-page #my-favorites-page .favorites-list-box .card-config .bottom .type-buttons .type{flex-direction:row;align-items:center;gap:7px}#pc-wrap #my-page #my-favorites-page .favorites-list-box .card-config .bottom .type-buttons .type p{color:#181a20;font-family:Poppins,sans-serif;font-style:normal;line-height:normal}#pc-wrap #my-page #my-favorites-page .favorites-list-box .card-config .bottom .type-buttons .type .disabled-type{color:hsla(0,0%,56%,.54);font-family:Poppins,sans-serif;font-style:normal;line-height:normal}#pc-wrap #my-page #my-favorites-page .favorites-list-box .card-config .bottom .type-buttons .buttons{flex-direction:row;width:auto;gap:12px;justify-content:center;align-items:center;padding-right:10px}#pc-wrap #my-page #my-favorites-page .favorites-list-box .card-config .bottom .type-buttons .buttons svg{cursor:pointer}#pc-wrap #my-page #my-favorites-page .pagination-config{width:100%;height:auto;justify-content:center;align-items:center;margin-top:30px}#pc-wrap #my-page #my-favorites-page .pagination-config .total-result p{color:#181a20;text-align:center;font-family:Poppins,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:26px}#pc-wrap #my-page #my-product-page{width:100%;height:auto;display:flex;flex-direction:column;gap:57px}#pc-wrap #my-page #my-product-page .main-title-box{width:auto;height:auto;flex-direction:row;justify-content:space-between}#pc-wrap #my-page #my-product-page .main-title-box .right-box{width:315px}#pc-wrap #my-page #my-product-page .main-title-box .right-box .main-title{color:#181a20;font-family:Poppins,sans-serif;font-size:30px;font-style:normal;font-weight:600;line-height:normal;letter-spacing:.6px;text-transform:capitalize}#pc-wrap #my-page #my-product-page .main-title-box .right-box .sub-title{color:#181a20;font-family:Poppins,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:26px}#pc-wrap #my-page #my-product-page .product-list-box{width:100%;height:auto}#pc-wrap #my-page #my-product-page .product-list-box .tab-name-box{width:100%;height:49px;flex-direction:row;justify-content:center;align-items:flex-end;gap:10px;background:hsla(0,0%,56%,.08);border-radius:12px 12px 0 0;border:1px solid hsla(0,0%,77%,.79)}#pc-wrap #my-page #my-product-page .product-list-box .tab-name-box .tab-name{color:#000;font-weight:500}#pc-wrap #my-page #my-product-page .product-list-box .tab-name-box .active-tab-name,#pc-wrap #my-page #my-product-page .product-list-box .tab-name-box .tab-name{width:110px;height:32px;display:flex;justify-content:center;align-items:center;cursor:pointer;font-family:Poppins,sans-serif;font-size:16px;font-style:normal;line-height:26px}#pc-wrap #my-page #my-product-page .product-list-box .tab-name-box .active-tab-name{border-bottom:2px solid #eb6753;color:#eb6753;font-weight:600}#pc-wrap #my-page #my-product-page .list-box{width:100%;height:auto;min-height:700px;padding:30px 28px;border-radius:0 0 12px 12px;border:1px solid hsla(0,0%,77%,.79);border-top:none;background:#fff;box-shadow:0 1px 4px 0 rgba(24,26,32,.07)}#pc-wrap #my-page #my-product-page .list-box .listing-title-box{width:100%;height:auto;flex-direction:row;gap:90px;padding:18px 15px 18px 33px;border-radius:12px;background:#f6f6f6}#pc-wrap #my-page #my-product-page .list-box .listing-title-box .title-text{color:#181a20;font-family:Poppins,sans-serif;font-size:15px;font-style:normal;font-weight:600;line-height:normal}#pc-wrap #my-page #my-product-page .list-box .listing-title-box :first-child{margin-right:138px}#pc-wrap #my-page #my-product-page .list-box .product-card-box{width:100%;height:auto;flex-direction:row;margin-top:30px;padding-bottom:30px;border-bottom:1px solid #ddd}#pc-wrap #my-page #my-product-page .list-box .product-card-box .image-box{width:110px;height:90px;overflow:hidden;margin-right:25px;padding-top:1px}#pc-wrap #my-page #my-product-page .list-box .product-card-box .image-box img{width:100%;height:100%;object-fit:contain;border-radius:12px}#pc-wrap #my-page #my-product-page .list-box .product-card-box .information-box{width:200px;height:auto;padding:5px 0}#pc-wrap #my-page #my-product-page .list-box .product-card-box .information-box .name{margin-bottom:8px;color:#181a20;font-family:Poppins,sans-serif;font-size:13px;font-style:normal;font-weight:600;line-height:normal}#pc-wrap #my-page #my-product-page .list-box .product-card-box .information-box .address{margin-bottom:13px;color:#717171;font-family:Poppins,sans-serif;font-size:11px;font-style:normal;font-weight:400;line-height:normal}#pc-wrap #my-page #my-product-page .list-box .product-card-box .information-box .price{color:#181a20;font-family:Poppins,sans-serif;font-size:15px;font-style:normal;font-weight:400;line-height:normal}#pc-wrap #my-page #my-product-page .list-box .product-card-box .date-box{width:135px;height:100%;align-items:center;justify-content:center;margin-right:55px}#pc-wrap #my-page #my-product-page .list-box .product-card-box .date-box .date{color:#181a20;font-family:Poppins,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:26px}#pc-wrap #my-page #my-product-page .list-box .product-card-box .status-box{width:100px;height:100%;align-items:center;justify-content:center;margin-right:60px}#pc-wrap #my-page #my-product-page .list-box .product-card-box .status-box .coloured-box{width:93px;height:36px;align-items:center;justify-content:center;border-radius:60px;cursor:pointer}#pc-wrap #my-page #my-product-page .list-box .product-card-box .status-box .coloured-box .status{font-family:Poppins,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:26px}#pc-wrap #my-page #my-product-page .list-box .product-card-box .views-box{width:35px;height:100%;align-items:center;justify-content:center;margin-right:75px}#pc-wrap #my-page #my-product-page .list-box .product-card-box .views-box .views{color:#181a20;font-family:Poppins,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:26px}#pc-wrap #my-page #my-product-page .list-box .product-card-box .action-box{width:auto;height:100%;flex-direction:row;align-items:center;justify-content:center}#pc-wrap #my-page #my-product-page .list-box .product-card-box .action-box .icon-button{width:40px;height:40px;border-radius:4px}#pc-wrap #my-page #my-product-page .list-box .product-card-box .action-box .icon-button :hover{background:#f6f6f6}#pc-wrap #my-page #my-product-page .list-box .product-card-box .action-box .icon-button .buttons{color:#181a20}#pc-wrap #my-page #my-product-page .list-box .pagination-config{width:100%;height:auto;justify-content:center;align-items:center;margin-top:30px}#pc-wrap #my-page #my-product-page .list-box .pagination-config .total-result p{color:#181a20;text-align:center;font-family:Poppins,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:26px}#pc-wrap #my-profile-page{width:100%;height:auto;display:flex;flex-direction:column;gap:24px}#pc-wrap #my-profile-page .top-box{width:100%;padding:32px;display:flex;flex-direction:column;gap:28px;border-radius:16px;border:1px solid #e5e7eb;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.08);transition:all .2s ease}#pc-wrap #my-profile-page .top-box:hover{box-shadow:0 4px 12px rgba(0,0,0,.08)}#pc-wrap #my-profile-page .top-box .photo-box{display:flex;flex-direction:column;gap:20px}#pc-wrap #my-profile-page .top-box .photo-box .title{color:#1f2937;font-family:Poppins,sans-serif;font-size:18px;font-style:normal;font-weight:600;line-height:normal;margin:0 0 4px}#pc-wrap #my-profile-page .top-box .photo-box .image-big-box{display:flex;flex-direction:row;gap:40px;align-items:flex-start}#pc-wrap #my-profile-page .top-box .photo-box .image-big-box .image-box{position:relative;width:180px;height:180px;flex-shrink:0}#pc-wrap #my-profile-page .top-box .photo-box .image-big-box .image-box img{width:100%;height:100%;object-fit:cover;border-radius:16px;border:3px solid #e5e7eb;transition:all .2s ease;display:block}#pc-wrap #my-profile-page .top-box .photo-box .image-big-box .image-box img:hover{border-color:#667eea}#pc-wrap #my-profile-page .top-box .photo-box .image-big-box .image-box .delete-box{position:absolute;top:12px;right:12px;width:36px;height:36px;background-color:#fff;display:flex;align-items:center;justify-content:center;border-radius:10px;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.15);transition:all .2s ease}#pc-wrap #my-profile-page .top-box .photo-box .image-big-box .image-box .delete-box:hover{background-color:#fee2e2;transform:scale(1.05)}#pc-wrap #my-profile-page .top-box .photo-box .image-big-box .image-box .delete-box svg{color:#ef4444}#pc-wrap #my-profile-page .top-box .photo-box .image-big-box .upload-big-box{flex:1 1;display:flex;flex-direction:column;gap:16px;align-self:center}#pc-wrap #my-profile-page .top-box .photo-box .image-big-box .upload-big-box .labeler{display:flex;height:48px;padding:0 24px;justify-content:center;align-items:center;gap:8px;cursor:pointer;border-radius:12px;border:2px dashed #d1d5db;background:#f9fafb;transition:all .2s ease}#pc-wrap #my-profile-page .top-box .photo-box .image-big-box .upload-big-box .labeler p{color:#374151;font-family:Poppins,sans-serif;font-size:14px;font-style:normal;font-weight:600;line-height:normal;margin:0}#pc-wrap #my-profile-page .top-box .photo-box .image-big-box .upload-big-box .labeler:hover{border-color:#667eea;background:rgba(102,126,234,.05)}#pc-wrap #my-profile-page .top-box .photo-box .image-big-box .upload-big-box .labeler:hover p{color:#667eea}#pc-wrap #my-profile-page .top-box .photo-box .image-big-box .upload-big-box .upload-text{color:#6b7280;font-family:Poppins,sans-serif;font-size:13px;font-style:normal;font-weight:400;line-height:1.5;padding-left:4px;margin:0}#pc-wrap #my-profile-page .top-box .small-input-box{width:100%;height:auto;display:flex;flex-direction:row;flex-wrap:wrap;gap:24px}#pc-wrap #my-profile-page .top-box .small-input-box .input-box{width:calc(50% - 12px);display:flex;flex-direction:column;gap:8px}#pc-wrap #my-profile-page .top-box .small-input-box .input-box .title{color:#374151;font-family:Poppins,sans-serif;font-size:14px;font-style:normal;font-weight:600;line-height:normal;margin:0 0 4px}#pc-wrap #my-profile-page .top-box .small-input-box .input-box input{width:100%;height:52px;outline:none;padding:0 16px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;color:#1f2937;font-family:Poppins,sans-serif;font-size:14px;transition:all .2s ease;box-sizing:border-box}#pc-wrap #my-profile-page .top-box .small-input-box .input-box input::placeholder{color:#9ca3af;font-family:Poppins,sans-serif;font-size:14px;font-style:normal;font-weight:400}#pc-wrap #my-profile-page .top-box .small-input-box .input-box input:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}#pc-wrap #my-profile-page .top-box .small-input-box .input-box input:hover:not(:focus){border-color:#d1d5db}#pc-wrap #my-profile-page .top-box .address-box{display:flex;flex-direction:column;gap:8px}#pc-wrap #my-profile-page .top-box .address-box .title{color:#374151;font-family:Poppins,sans-serif;font-size:14px;font-style:normal;font-weight:600;line-height:normal;margin:0 0 4px}#pc-wrap #my-profile-page .top-box .address-box input{width:100%;height:52px;outline:none;padding:0 16px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;color:#1f2937;font-family:Poppins,sans-serif;font-size:14px;transition:all .2s ease;box-sizing:border-box}#pc-wrap #my-profile-page .top-box .address-box input::placeholder{color:#9ca3af;font-family:Poppins,sans-serif;font-size:14px;font-style:normal;font-weight:400}#pc-wrap #my-profile-page .top-box .address-box input:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}#pc-wrap #my-profile-page .top-box .address-box input:hover:not(:focus){border-color:#d1d5db}#pc-wrap #my-profile-page .top-box .about-me-box{display:flex;flex-direction:column;gap:16px;margin-top:8px}#pc-wrap #my-profile-page .top-box .about-me-box .title{color:#374151;font-family:Poppins,sans-serif;font-size:14px;font-style:normal;font-weight:600;line-height:normal;margin:0 0 4px}#pc-wrap #my-profile-page .top-box .about-me-box .about-textarea{width:100%;height:140px;padding:16px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;color:#1f2937;font-family:Poppins,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:1.6;resize:vertical;transition:all .2s ease;box-sizing:border-box}#pc-wrap #my-profile-page .top-box .about-me-box .about-textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}#pc-wrap #my-profile-page .top-box .about-me-box .about-textarea:hover:not(:focus){border-color:#d1d5db}#pc-wrap #my-profile-page .top-box .about-me-box .update-button{display:flex;height:48px;padding:0 32px;justify-content:center;align-items:center;gap:10px;align-self:flex-end;margin-top:12px;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);cursor:pointer;transition:all .2s ease;border:none;box-shadow:0 2px 8px rgba(102,126,234,.3)}#pc-wrap #my-profile-page .top-box .about-me-box .update-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px rgba(102,126,234,.4)}#pc-wrap #my-profile-page .top-box .about-me-box .update-button:active:not(:disabled){transform:translateY(0)}#pc-wrap #my-profile-page .top-box .about-me-box .update-button p{color:#fff;font-family:Poppins,sans-serif;font-size:14px;font-style:normal;font-weight:600;line-height:normal;margin:0}#pc-wrap #my-profile-page .top-box .about-me-box .update-button svg{transition:transform .2s ease;fill:#fff}#pc-wrap #my-profile-page .top-box .about-me-box .update-button:hover:not(:disabled) svg{transform:translate(2px,-2px)}#pc-wrap #my-profile-page .top-box .about-me-box .update-button:disabled{background:#e5e7eb;cursor:not-allowed;box-shadow:none}#pc-wrap #my-profile-page .top-box .about-me-box .update-button:disabled p{color:#9ca3af}@media(max-width:1024px){#pc-wrap #my-profile-page .top-box .photo-box .image-big-box{flex-direction:column;gap:24px;align-items:center}#pc-wrap #my-profile-page .top-box .photo-box .image-big-box .image-box{width:160px;height:160px}#pc-wrap #my-profile-page .top-box .photo-box .image-big-box .upload-big-box{align-self:stretch;text-align:center}#pc-wrap #my-profile-page .top-box .small-input-box .input-box{width:100%}}@media(max-width:768px){#pc-wrap #my-profile-page{gap:20px}#pc-wrap #my-profile-page .top-box{padding:24px}}@media(max-width:480px){#pc-wrap #my-profile-page .top-box{padding:20px;gap:20px}#pc-wrap #my-profile-page .top-box .photo-box .image-big-box .image-box{width:140px;height:140px}#pc-wrap #my-profile-page .top-box .about-me-box .update-button{width:100%;padding:0 24px}}#pc-wrap #my-page #my-saved-page{width:100%;height:auto;display:flex;flex-direction:column;gap:57px}#pc-wrap #my-page #my-saved-page .main-title-box{width:auto;height:auto;flex-direction:row;justify-content:space-between}#pc-wrap #my-page #my-saved-page .main-title-box .right-box{width:315px}#pc-wrap #my-page #my-saved-page .main-title-box .right-box .main-title{color:#181a20;font-family:Poppins,sans-serif;font-size:30px;font-style:normal;font-weight:600;line-height:normal;letter-spacing:.6px;text-transform:capitalize}#pc-wrap #my-page #my-saved-page .main-title-box .right-box .sub-title{color:#181a20;font-family:Poppins,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:26px}#pc-wrap #my-page #my-saved-page .my-saved-list-box{width:100%;height:auto;padding:30px;border-radius:12px;border:1px solid hsla(0,0%,77%,.79);box-shadow:0 1px 4px 0 rgba(24,26,32,.07)}#pc-wrap #my-page #my-saved-page .my-saved-list-box .list-title-box{width:100%;height:60px;flex-direction:row;align-items:center;padding:0 30px;border-radius:12px;background:#f6f6f6}#pc-wrap #my-page #my-saved-page .my-saved-list-box .list-title-box p{color:#181a20;font-family:Poppins,sans-serif;font-size:15px;font-style:normal;font-weight:600;line-height:normal}#pc-wrap #my-page #my-saved-page .my-saved-list-box .list-title-box .date-created{margin-left:360px}#pc-wrap #my-page #my-saved-page .my-saved-list-box .list-title-box .action{margin-left:200px}#pc-wrap #my-page #my-saved-page .my-saved-list-box .search-box{width:100%;height:80px;flex-direction:row;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid #ddd}#pc-wrap #my-page #my-saved-page .my-saved-list-box .search-box .title{width:410px;margin-right:20px;color:#181a20;font-family:Poppins,sans-serif;font-size:15px;font-style:normal;font-weight:600;line-height:normal}#pc-wrap #my-page #my-saved-page .my-saved-list-box .search-box .date{width:150px;color:#181a20;font-family:Poppins,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:26px}#pc-wrap #my-page #my-saved-page .my-saved-list-box .search-box .action-box{width:auto;height:100%;flex-direction:row;align-items:center;justify-content:center;margin-left:120px}#pc-wrap #my-page #my-saved-page .my-saved-list-box .search-box .action-box .icon-button{width:40px;height:40px;border-radius:4px}#pc-wrap #my-page #my-saved-page .my-saved-list-box .search-box .action-box .icon-button :hover{background:#f6f6f6}#pc-wrap #my-page #my-saved-page .my-saved-list-box .search-box .action-box .icon-button .buttons{color:#181a20}#pc-wrap #my-page #my-saved-page .my-saved-list-box .pagination-config{width:100%;height:auto;justify-content:center;align-items:center;margin-top:30px}#pc-wrap #my-page #my-saved-page .my-saved-list-box .pagination-config .total-result p{color:#181a20;text-align:center;font-family:Poppins,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:26px}.update-items-container{width:100%;max-width:900px;margin:0 auto;padding:20px;min-height:calc(100vh - 200px);display:flex;flex-direction:column}.update-items-container .update-header{padding:24px 28px;background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:16px;border:1px solid #f0f0f0;margin-bottom:24px;box-shadow:0 2px 8px rgba(0,0,0,.04)}.update-items-container .update-header .back-btn{width:44px;height:44px;background:#fff;border:1.5px solid #e8e8e8;border-radius:10px;transition:all .2s ease}.update-items-container .update-header .back-btn:hover{background:#f5f5f5;border-color:#667eea;transform:translateX(-2px)}.update-items-container .update-header .back-btn:hover svg{color:#667eea}.update-items-container .update-header .back-btn svg{color:#181a20}.update-items-container .update-header .header-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:14px;color:#fff;box-shadow:0 4px 12px rgba(102,126,234,.25)}.update-items-container .update-header .page-title{margin:0;color:#181a20;font-family:Poppins,sans-serif;font-size:26px;font-weight:700;line-height:1.3}.update-items-container .update-header .page-subtitle{margin:4px 0 0;color:#717171;font-family:Poppins,sans-serif;font-size:14px;font-weight:400}.update-items-container .update-content{flex:1 1;padding:32px;background:#fff;border-radius:16px;border:1px solid #f0f0f0;box-shadow:0 2px 8px rgba(0,0,0,.04);margin-bottom:20px;max-height:calc(100vh - 350px);overflow-y:auto}.update-items-container .update-content::-webkit-scrollbar{width:8px}.update-items-container .update-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.update-items-container .update-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}.update-items-container .update-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.update-items-container .update-content .form-section{width:100%}.update-items-container .update-content .form-section .section-label{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:#181a20;font-family:Poppins,sans-serif;font-size:15px;font-weight:600;line-height:1.4}.update-items-container .update-content .form-section .section-label svg{color:#667eea}.update-items-container .update-content .form-section .custom-input .MuiOutlinedInput-root{border-radius:12px;background:#fafafa;font-family:Poppins,sans-serif;transition:all .2s ease}.update-items-container .update-content .form-section .custom-input .MuiOutlinedInput-root:hover{background:#f5f5f5}.update-items-container .update-content .form-section .custom-input .MuiOutlinedInput-root.Mui-focused{background:#fff;box-shadow:0 0 0 4px rgba(102,126,234,.1)}.update-items-container .update-content .form-section .custom-input .MuiOutlinedInput-root fieldset{border-color:#e8e8e8;border-width:1.5px}.update-items-container .update-content .form-section .custom-input .MuiOutlinedInput-root:hover fieldset{border-color:#d0d0d0}.update-items-container .update-content .form-section .custom-input .MuiOutlinedInput-root.Mui-focused fieldset{border-color:#667eea;border-width:2px}.update-items-container .update-content .form-section .custom-input .MuiInputBase-input:not(.MuiInputBase-inputMultiline){padding:14px 16px;font-size:15px;line-height:1.5;color:#181a20}.update-items-container .update-content .form-section .custom-input .input-icon{color:#717171}.update-items-container .update-content .form-section .textarea-input .MuiOutlinedInput-root{padding:0;align-items:flex-start}.update-items-container .update-content .form-section .textarea-input .MuiInputBase-inputMultiline{padding:16px;font-size:15px;line-height:1.7;color:#181a20;font-family:Poppins,sans-serif;word-break:break-word;overflow-wrap:break-word;white-space:pre-wrap;min-height:150px}.update-items-container .update-content .form-section .textarea-input .MuiInputBase-inputMultiline::placeholder{color:#9ca3af;opacity:1}.update-items-container .update-content .form-section .textarea-input .MuiInputBase-root{max-height:none}.update-items-container .update-content .images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:16px;gap:16px;margin-top:8px}.update-items-container .update-content .images-grid .image-preview{position:relative;width:100%;height:140px;border-radius:12px;overflow:hidden;background:#fafafa;border:2px solid #e8e8e8;transition:all .3s ease}.update-items-container .update-content .images-grid .image-preview:hover{border-color:#667eea;box-shadow:0 6px 16px rgba(102,126,234,.2);transform:translateY(-2px)}.update-items-container .update-content .images-grid .image-preview:hover .remove-image-btn{opacity:1}.update-items-container .update-content .images-grid .image-preview img{width:100%;height:100%;object-fit:cover}.update-items-container .update-content .images-grid .image-preview .remove-image-btn{position:absolute;top:8px;right:8px;width:32px;height:32px;background:rgba(239,68,68,.95);color:#fff;opacity:0;transition:all .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:8px}.update-items-container .update-content .images-grid .image-preview .remove-image-btn:hover{background:#dc2626;transform:scale(1.1)}.update-items-container .update-content .images-grid .image-preview .remove-image-btn svg{width:16px;height:16px}.update-items-container .update-content .images-grid .upload-box{width:100%;height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border-radius:12px;border:2px dashed #d0d0d0;background:#fafafa;cursor:pointer;transition:all .3s ease}.update-items-container .update-content .images-grid .upload-box:hover{border-color:#667eea;background:linear-gradient(135deg,#f8f9ff,#fafbff);transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.15)}.update-items-container .update-content .images-grid .upload-box:hover span,.update-items-container .update-content .images-grid .upload-box:hover svg{color:#667eea}.update-items-container .update-content .images-grid .upload-box:hover svg{transform:scale(1.1)}.update-items-container .update-content .images-grid .upload-box svg{color:#717171;transition:all .2s ease}.update-items-container .update-content .images-grid .upload-box span{color:#717171;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;transition:color .2s ease}.update-items-container .update-footer{display:flex;justify-content:flex-end;align-items:center;gap:16px;padding:20px 28px;background:#fafafa;border-radius:16px;border:1px solid #f0f0f0;box-shadow:0 -2px 8px rgba(0,0,0,.04)}.update-items-container .update-footer .cancel-btn{padding:12px 32px;border-radius:10px;border:2px solid #e8e8e8;color:#181a20;font-family:Poppins,sans-serif;font-size:15px;font-weight:600;text-transform:none;transition:all .2s ease;min-width:120px}.update-items-container .update-footer .cancel-btn:hover{border-color:#d0d0d0;background:#f5f5f5;transform:translateY(-1px)}.update-items-container .update-footer .cancel-btn:active{transform:translateY(0)}.update-items-container .update-footer .submit-btn{padding:12px 36px;border-radius:10px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-family:Poppins,sans-serif;font-size:15px;font-weight:600;text-transform:none;box-shadow:0 4px 16px rgba(102,126,234,.35);transition:all .2s ease;min-width:160px}.update-items-container .update-footer .submit-btn:hover{background:linear-gradient(135deg,#5568d3,#6a3f8f);box-shadow:0 6px 20px rgba(102,126,234,.45);transform:translateY(-2px)}.update-items-container .update-footer .submit-btn:active{transform:translateY(0)}.update-items-container .update-footer .submit-btn:disabled{background:#e8e8e8;color:#b0b0b0;box-shadow:none}.update-items-container .update-footer .submit-btn svg{margin-right:4px}@media(max-width:768px){.update-items-container{padding:12px}.update-items-container .update-header{padding:16px}.update-items-container .update-header .header-icon{width:48px;height:48px}.update-items-container .update-header .header-icon svg{width:20px;height:20px}.update-items-container .update-header .page-title{font-size:22px}.update-items-container .update-header .page-subtitle{font-size:13px}.update-items-container .update-content{padding:20px;max-height:calc(100vh - 300px)}.update-items-container .update-content .form-section .textarea-input .MuiInputBase-inputMultiline{min-height:120px;font-size:14px}.update-items-container .update-content .images-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px}.update-items-container .update-content .images-grid .image-preview,.update-items-container .update-content .images-grid .upload-box{height:110px}.update-items-container .update-footer{padding:16px;flex-direction:column}.update-items-container .update-footer .cancel-btn,.update-items-container .update-footer .submit-btn{width:100%}}@media(min-width:769px)and (max-width:1024px){.update-items-container{max-width:720px}.update-items-container .update-content{padding:28px}.update-items-container .update-content .form-section .textarea-input .MuiInputBase-inputMultiline{min-height:140px}}#public-wrap .cs-page{width:100%;background:#f8fafc;padding:48px 24px 100px}#public-wrap .cs-page .container{max-width:1200px;margin:0 auto;padding:0 32px;display:flex;flex-direction:column;gap:28px}#public-wrap .cs-page .container .cs-hero{text-align:center;padding:56px 32px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;position:relative;overflow:hidden}#public-wrap .cs-page .container .cs-hero:before{content:"";position:absolute;top:-25%;right:-8%;width:380px;height:380px;background:hsla(0,0%,100%,.07);border-radius:50%;pointer-events:none}#public-wrap .cs-page .container .cs-hero:after{content:"";position:absolute;bottom:-35%;left:-5%;width:280px;height:280px;background:hsla(0,0%,100%,.05);border-radius:50%;pointer-events:none}#public-wrap .cs-page .container .cs-hero .hero-icon{position:relative;z-index:1;width:76px;height:76px;background:hsla(0,0%,100%,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.25);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;color:#fff}#public-wrap .cs-page .container .cs-hero h1{position:relative;z-index:1;font-family:Poppins,sans-serif;font-size:40px;font-weight:800;color:#fff;margin:0 0 12px;letter-spacing:-1px}#public-wrap .cs-page .container .cs-hero p{position:relative;z-index:1;font-family:Poppins,sans-serif;font-size:17px;color:hsla(0,0%,100%,.85);margin:0 auto;max-width:560px;line-height:1.65}#public-wrap .cs-page .container .tab-navigation{display:flex;gap:10px;background:#fff;padding:10px;border-radius:16px;box-shadow:0 1px 4px rgba(0,0,0,.07);border:1px solid #e2e8f0}#public-wrap .cs-page .container .tab-navigation .tab-btn{flex:1 1;padding:13px 20px;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;transition:all .2s ease}#public-wrap .cs-page .container .tab-navigation .tab-btn svg{color:#94a3b8;transition:color .2s ease;flex-shrink:0}#public-wrap .cs-page .container .tab-navigation .tab-btn span{font-family:Poppins,sans-serif;font-size:14px;font-weight:700;color:#64748b;transition:color .2s ease}#public-wrap .cs-page .container .tab-navigation .tab-btn:hover{background:#f8fafc}#public-wrap .cs-page .container .tab-navigation .tab-btn:hover span,#public-wrap .cs-page .container .tab-navigation .tab-btn:hover svg{color:#667eea}#public-wrap .cs-page .container .tab-navigation .tab-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 3px 12px rgba(102,126,234,.3)}#public-wrap .cs-page .container .tab-navigation .tab-btn.active span,#public-wrap .cs-page .container .tab-navigation .tab-btn.active svg{color:#fff}#public-wrap .cs-page .container .cs-content .section-header{margin-bottom:32px}#public-wrap .cs-page .container .cs-content .section-header h2{font-family:Poppins,sans-serif;font-size:30px;font-weight:800;color:#0f172a;margin:0 0 8px;letter-spacing:-.5px}#public-wrap .cs-page .container .cs-content .section-header p{font-family:Poppins,sans-serif;font-size:15px;color:#64748b;margin:0}#public-wrap .cs-page .container .cs-content .notice-content .announcements-list{display:flex;flex-direction:column;gap:14px}#public-wrap .cs-page .container .cs-content .notice-content .announcements-list .announcement-card{background:#fff;border-radius:14px;padding:22px 24px;box-shadow:0 1px 4px rgba(0,0,0,.06);border:1px solid #e2e8f0;border-left:4px solid #cbd5e1;transition:all .2s ease}#public-wrap .cs-page .container .cs-content .notice-content .announcements-list .announcement-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.09);transform:translateX(4px)}#public-wrap .cs-page .container .cs-content .notice-content .announcements-list .announcement-card.priority-high{border-left-color:#ef4444;background:linear-gradient(90deg,rgba(239,68,68,.04),#fff 12%)}#public-wrap .cs-page .container .cs-content .notice-content .announcements-list .announcement-card.priority-medium{border-left-color:#f59e0b}#public-wrap .cs-page .container .cs-content .notice-content .announcements-list .announcement-card.priority-low{border-left-color:#10b981}#public-wrap .cs-page .container .cs-content .notice-content .announcements-list .announcement-card .announcement-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}#public-wrap .cs-page .container .cs-content .notice-content .announcements-list .announcement-card .announcement-header .left-side{flex:1 1;display:flex;gap:16px}#public-wrap .cs-page .container .cs-content .notice-content .announcements-list .announcement-card .announcement-header .left-side .announcement-icon{width:46px;height:46px;background:#f1f5f9;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}#public-wrap .cs-page .container .cs-content .notice-content .announcements-list .announcement-card .announcement-header .left-side .announcement-info{flex:1 1}#public-wrap .cs-page .container .cs-content .notice-content .announcements-list .announcement-card .announcement-header .left-side .announcement-info .title-row{display:flex;align-items:center;gap:10px;margin-bottom:7px}#public-wrap .cs-page .container .cs-content .notice-content .announcements-list .announcement-card .announcement-header .left-side .announcement-info .title-row h3{font-family:Poppins,sans-serif;font-size:16px;font-weight:700;color:#0f172a;margin:0}#public-wrap .cs-page .container .cs-content .notice-content .announcements-list .announcement-card .announcement-header .left-side .announcement-info .title-row .type-badge{font-family:Poppins,sans-serif;font-size:12px;font-weight:700;padding:3px 10px;border-radius:100px}#public-wrap .cs-page .container .cs-content .notice-content .announcements-list .announcement-card .announcement-header .left-side .announcement-info .title-row .type-badge.event{background:rgba(236,72,153,.1);color:#ec4899}#public-wrap .cs-page .container .cs-content .notice-content .announcements-list .announcement-card .announcement-header .left-side .announcement-info .title-row .type-badge.update{background:rgba(59,130,246,.1);color:#3b82f6}#public-wrap .cs-page .container .cs-content .notice-content .announcements-list .announcement-card .announcement-header .left-side .announcement-info .title-row .type-badge.maintenance{background:rgba(245,158,11,.1);color:#f59e0b}#public-wrap .cs-page .container .cs-content .notice-content .announcements-list .announcement-card .announcement-header .left-side .announcement-info .title-row .type-badge.announcement{background:rgba(16,185,129,.1);color:#10b981}#public-wrap .cs-page .container .cs-content .notice-content .announcements-list .announcement-card .announcement-header .left-side .announcement-info .description{font-family:Poppins,sans-serif;font-size:13px;color:#64748b;margin:0;line-height:1.6}#public-wrap .cs-page .container .cs-content .notice-content .announcements-list .announcement-card .announcement-header .right-side .date-badge{display:flex;align-items:center;gap:6px;padding:7px 12px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0;white-space:nowrap}#public-wrap .cs-page .container .cs-content .notice-content .announcements-list .announcement-card .announcement-header .right-side .date-badge svg{color:#94a3b8}#public-wrap .cs-page .container .cs-content .notice-content .announcements-list .announcement-card .announcement-header .right-side .date-badge span{font-family:Poppins,sans-serif;font-size:12px;font-weight:600;color:#64748b}#public-wrap .cs-page .container .cs-content .faq-content .faq-categories{display:flex;gap:10px;margin-bottom:28px;flex-wrap:wrap}#public-wrap .cs-page .container .cs-content .faq-content .faq-categories .category-btn{padding:10px 18px;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s ease}#public-wrap .cs-page .container .cs-content .faq-content .faq-categories .category-btn .category-icon{font-size:18px}#public-wrap .cs-page .container .cs-content .faq-content .faq-categories .category-btn .category-label{font-family:Poppins,sans-serif;font-size:13px;font-weight:700;color:#64748b}#public-wrap .cs-page .container .cs-content .faq-content .faq-categories .category-btn:hover{border-color:#667eea;background:rgba(102,126,234,.04)}#public-wrap .cs-page .container .cs-content .faq-content .faq-categories .category-btn:hover .category-label{color:#667eea}#public-wrap .cs-page .container .cs-content .faq-content .faq-categories .category-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;box-shadow:0 2px 8px rgba(102,126,234,.3)}#public-wrap .cs-page .container .cs-content .faq-content .faq-categories .category-btn.active .category-label{color:#fff}#public-wrap .cs-page .container .cs-content .faq-content .faq-list{display:flex;flex-direction:column;gap:10px}#public-wrap .cs-page .container .cs-content .faq-content .faq-list .MuiAccordion-root{border-radius:12px!important;box-shadow:0 1px 4px rgba(0,0,0,.07)!important;border:1px solid #e2e8f0;overflow:hidden}#public-wrap .cs-page .container .cs-content .faq-content .faq-list .MuiAccordion-root:before{display:none}#public-wrap .cs-page .container .cs-content .faq-content .faq-list .MuiAccordion-root:hover{box-shadow:0 4px 16px rgba(0,0,0,.09)!important}#public-wrap .cs-page .container .cs-content .faq-content .faq-list .question-summary{padding:18px 22px}#public-wrap .cs-page .container .cs-content .faq-content .faq-list .question-summary .question-badge{width:34px;height:34px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-family:Poppins,sans-serif;font-size:16px;font-weight:800;margin-right:14px;flex-shrink:0}#public-wrap .cs-page .container .cs-content .faq-content .faq-list .question-summary .question-text{font-family:Poppins,sans-serif;font-size:15px;font-weight:700;color:#0f172a;flex:1 1}#public-wrap .cs-page .container .cs-content .faq-content .faq-list .answer-details{background:#f8fafc;border-top:1px solid #e2e8f0}#public-wrap .cs-page .container .cs-content .faq-content .faq-list .answer-details .answer-content{display:flex;gap:14px;padding:6px 0}#public-wrap .cs-page .container .cs-content .faq-content .faq-list .answer-details .answer-content .answer-badge{width:34px;height:34px;background:#fff;border:2px solid #667eea;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#667eea;font-family:Poppins,sans-serif;font-size:16px;font-weight:800;flex-shrink:0}#public-wrap .cs-page .container .cs-content .faq-content .faq-list .answer-details .answer-content .answer-text{font-family:Poppins,sans-serif;font-size:14px;color:#475569;line-height:1.75;flex:1 1}#public-wrap .cs-page .container .cs-content .contact-section .contact-methods{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px;margin-bottom:40px}#public-wrap .cs-page .container .cs-content .contact-section .contact-methods .contact-card{background:#fff;padding:28px 24px;border-radius:16px;box-shadow:0 1px 4px rgba(0,0,0,.07);border:1px solid #e2e8f0;text-align:center;transition:all .3s ease}#public-wrap .cs-page .container .cs-content .contact-section .contact-methods .contact-card:hover{transform:translateY(-5px);box-shadow:0 10px 28px rgba(0,0,0,.1);border-color:#c7d2fe}#public-wrap .cs-page .container .cs-content .contact-section .contact-methods .contact-card .contact-icon{width:60px;height:60px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;margin:0 auto 18px;box-shadow:0 4px 14px rgba(102,126,234,.3)}#public-wrap .cs-page .container .cs-content .contact-section .contact-methods .contact-card .contact-info h3{font-family:Poppins,sans-serif;font-size:16px;font-weight:700;color:#0f172a;margin:0 0 7px}#public-wrap .cs-page .container .cs-content .contact-section .contact-methods .contact-card .contact-info .contact-value{font-family:Poppins,sans-serif;font-size:15px;font-weight:600;color:#667eea;margin:0 0 7px}#public-wrap .cs-page .container .cs-content .contact-section .contact-methods .contact-card .contact-info .contact-description{font-family:Poppins,sans-serif;font-size:12px;color:#94a3b8;margin:0}#public-wrap .cs-page .container .cs-content .contact-section .contact-form-wrapper{background:#fff;padding:40px 44px;border-radius:20px;box-shadow:0 1px 4px rgba(0,0,0,.07);border:1px solid #e2e8f0}#public-wrap .cs-page .container .cs-content .contact-section .contact-form-wrapper h3{font-family:Poppins,sans-serif;font-size:22px;font-weight:800;color:#0f172a;margin:0 0 7px;letter-spacing:-.3px}#public-wrap .cs-page .container .cs-content .contact-section .contact-form-wrapper>p{font-family:Poppins,sans-serif;font-size:14px;color:#64748b;margin:0 0 28px}#public-wrap .cs-page .container .cs-content .contact-section .contact-form-wrapper .contact-form{display:flex;flex-direction:column;gap:18px}#public-wrap .cs-page .container .cs-content .contact-section .contact-form-wrapper .contact-form .form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px}#public-wrap .cs-page .container .cs-content .contact-section .contact-form-wrapper .contact-form .form-group{display:flex;flex-direction:column;gap:7px}#public-wrap .cs-page .container .cs-content .contact-section .contact-form-wrapper .contact-form .form-group label{font-family:Poppins,sans-serif;font-size:13px;font-weight:700;color:#374151;letter-spacing:.01em}#public-wrap .cs-page .container .cs-content .contact-section .contact-form-wrapper .contact-form .form-group input,#public-wrap .cs-page .container .cs-content .contact-section .contact-form-wrapper .contact-form .form-group select,#public-wrap .cs-page .container .cs-content .contact-section .contact-form-wrapper .contact-form .form-group textarea{padding:12px 14px;border:1.5px solid #e2e8f0;border-radius:10px;font-family:Poppins,sans-serif;font-size:14px;color:#0f172a;transition:all .2s ease;outline:none;background:#fff}#public-wrap .cs-page .container .cs-content .contact-section .contact-form-wrapper .contact-form .form-group input::placeholder,#public-wrap .cs-page .container .cs-content .contact-section .contact-form-wrapper .contact-form .form-group select::placeholder,#public-wrap .cs-page .container .cs-content .contact-section .contact-form-wrapper .contact-form .form-group textarea::placeholder{color:#94a3b8}#public-wrap .cs-page .container .cs-content .contact-section .contact-form-wrapper .contact-form .form-group input:hover,#public-wrap .cs-page .container .cs-content .contact-section .contact-form-wrapper .contact-form .form-group select:hover,#public-wrap .cs-page .container .cs-content .contact-section .contact-form-wrapper .contact-form .form-group textarea:hover{border-color:#c7d2fe}#public-wrap .cs-page .container .cs-content .contact-section .contact-form-wrapper .contact-form .form-group input:focus,#public-wrap .cs-page .container .cs-content .contact-section .contact-form-wrapper .contact-form .form-group select:focus,#public-wrap .cs-page .container .cs-content .contact-section .contact-form-wrapper .contact-form .form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.12)}#public-wrap .cs-page .container .cs-content .contact-section .contact-form-wrapper .contact-form .form-group textarea{resize:vertical;min-height:120px}#public-wrap .cs-page .container .cs-content .contact-section .contact-form-wrapper .contact-form .form-group select{cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}#public-wrap .cs-page .container .cs-content .contact-section .contact-form-wrapper .contact-form .submit-btn{width:100%;padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-family:Poppins,sans-serif;font-size:15px;font-weight:700;cursor:pointer;transition:all .25s ease;margin-top:8px;box-shadow:0 4px 14px rgba(102,126,234,.3)}#public-wrap .cs-page .container .cs-content .contact-section .contact-form-wrapper .contact-form .submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(102,126,234,.45)}#public-wrap .cs-page .container .cs-content .contact-section .contact-form-wrapper .contact-form .submit-btn:active{transform:translateY(0)}@media(max-width:1200px){#public-wrap .cs-page .container .cs-content .contact-section .contact-methods{grid-template-columns:1fr}}@media(max-width:960px){#public-wrap .cs-page{padding:32px 0 60px}#public-wrap .cs-page .container{padding:0 16px}#public-wrap .cs-page .container .cs-hero{padding:40px 20px}#public-wrap .cs-page .container .cs-hero h1{font-size:30px}#public-wrap .cs-page .container .cs-hero p{font-size:15px}#public-wrap .cs-page .container .tab-navigation{flex-direction:column}#public-wrap .cs-page .container .tab-navigation .tab-btn{justify-content:center}#public-wrap .cs-page .container .cs-content .contact-section .contact-methods{grid-template-columns:1fr}#public-wrap .cs-page .container .cs-content .contact-section .contact-form-wrapper{padding:28px 24px}#public-wrap .cs-page .container .cs-content .contact-section .contact-form-wrapper .contact-form .form-row{grid-template-columns:1fr}#public-wrap .cs-page .container .cs-content .faq-content .faq-categories .category-btn{flex:1 1;justify-content:center}#public-wrap .cs-page .container .cs-content .notice-content .announcements-list .announcement-card .announcement-header{flex-direction:column}#public-wrap .cs-page .container .cs-content .notice-content .announcements-list .announcement-card .announcement-header .right-side{width:100%}}#pc-wrap .join-page{min-height:calc(auto - 64px);background:linear-gradient(135deg,#f9fafb,#fff);padding:40px 24px 80px}#pc-wrap .join-page,#pc-wrap .join-page .container{width:100%;display:flex;align-items:center;justify-content:center}#pc-wrap .join-page .container{max-width:1400px}#pc-wrap .join-page .join-card{width:100%;max-width:1200px;display:grid;grid-template-columns:500px 1fr;background:#fff;border-radius:24px;box-shadow:0 20px 60px rgba(0,0,0,.12),0 0 1px rgba(0,0,0,.05);overflow:visible}#pc-wrap .join-page .join-card .form-section{padding:60px 50px;display:flex;flex-direction:column;background:#fff}#pc-wrap .join-page .join-card .form-section .logo-section{margin-bottom:40px}#pc-wrap .join-page .join-card .form-section .logo-section .logo{display:flex;align-items:center;gap:12px;margin-bottom:8px}#pc-wrap .join-page .join-card .form-section .logo-section .logo svg{width:40px;height:40px}#pc-wrap .join-page .join-card .form-section .logo-section .logo span{font-family:Poppins,sans-serif;font-size:28px;font-weight:700;color:#1f2937;letter-spacing:-.5px}#pc-wrap .join-page .join-card .form-section .logo-section .university-name{font-family:Poppins,sans-serif;font-size:13px;color:#9ca3af;margin:0;padding-left:52px}#pc-wrap .join-page .join-card .form-section .form-header{margin-bottom:32px}#pc-wrap .join-page .join-card .form-section .form-header h1{font-family:Poppins,sans-serif;font-size:32px;font-weight:700;color:#1f2937;margin:0 0 8px;letter-spacing:-.5px}#pc-wrap .join-page .join-card .form-section .form-header p{font-family:Poppins,sans-serif;font-size:15px;color:#6b7280;margin:0;line-height:1.5}#pc-wrap .join-page .join-card .form-section .social-buttons{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}#pc-wrap .join-page .join-card .form-section .social-buttons .google-wrapper{width:100%;display:flex;justify-content:center}#pc-wrap .join-page .join-card .form-section .social-buttons .google-wrapper :global div[role=button]{width:100%!important;max-width:400px!important;height:48px!important;border-radius:24px!important;font-family:Poppins,sans-serif!important;font-size:15px!important;font-weight:600!important}#pc-wrap .join-page .join-card .form-section .social-buttons .social-btn{width:100%;height:48px;border-radius:32px;font-family:Poppins,sans-serif;font-size:15px;font-weight:600;text-transform:none;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .2s ease;border:1px solid #e5e7eb}#pc-wrap .join-page .join-card .form-section .social-buttons .social-btn.google{background:#fff;color:#1f2937;border-color:#dadce0}#pc-wrap .join-page .join-card .form-section .social-buttons .social-btn.google:hover{background:#f9fafb;border-color:#d1d5db;box-shadow:0 1px 3px rgba(0,0,0,.1)}#pc-wrap .join-page .join-card .form-section .social-buttons .social-btn.google svg{color:#4285f4}#pc-wrap .join-page .join-card .form-section .social-buttons .social-btn.kakao{background:#fee500;color:#000;border:none}#pc-wrap .join-page .join-card .form-section .social-buttons .social-btn.kakao:hover{background:#fdd835;box-shadow:0 2px 8px rgba(254,229,0,.3)}#pc-wrap .join-page .join-card .form-section .social-buttons .social-btn.kakao svg{color:#000}#pc-wrap .join-page .join-card .form-section .divider{position:relative;text-align:center;margin:24px 0}#pc-wrap .join-page .join-card .form-section .divider:before{content:"";position:absolute;top:50%;left:0;width:100%;height:1px;background:#e5e7eb}#pc-wrap .join-page .join-card .form-section .divider span{position:relative;display:inline-block;padding:0 16px;background:#fff;font-family:Poppins,sans-serif;font-size:13px;color:#9ca3af;font-weight:500}#pc-wrap .join-page .join-card .form-section .input-form{display:flex;flex-direction:column;gap:20px}#pc-wrap .join-page .join-card .form-section .input-form .input-group{display:flex;flex-direction:column;gap:8px}#pc-wrap .join-page .join-card .form-section .input-form .input-group label{display:flex;align-items:center;gap:8px;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;color:#374151}#pc-wrap .join-page .join-card .form-section .input-form .input-group label svg{color:#9ca3af}#pc-wrap .join-page .join-card .form-section .input-form .input-group input{width:100%;height:48px;padding:0 16px;border:2px solid #e5e7eb;border-radius:12px;font-family:Poppins,sans-serif;font-size:15px;color:#1f2937;background:#fff;transition:all .2s ease;outline:none}#pc-wrap .join-page .join-card .form-section .input-form .input-group input::placeholder{color:#9ca3af}#pc-wrap .join-page .join-card .form-section .input-form .input-group input:hover{border-color:#d1d5db}#pc-wrap .join-page .join-card .form-section .input-form .input-group input:focus{border-color:#667eea;box-shadow:0 0 0 4px rgba(102,126,234,.1)}#pc-wrap .join-page .join-card .form-section .input-form .input-group .password-input{position:relative;display:flex;align-items:center}#pc-wrap .join-page .join-card .form-section .input-form .input-group .password-input input{padding-right:48px}#pc-wrap .join-page .join-card .form-section .input-form .input-group .password-input .password-toggle{position:absolute;right:8px;color:#9ca3af}#pc-wrap .join-page .join-card .form-section .input-form .input-group .password-input .password-toggle:hover{color:#6b7280}#pc-wrap .join-page .join-card .form-section .input-form .account-type{display:flex;flex-direction:column;gap:12px}#pc-wrap .join-page .join-card .form-section .input-form .account-type .type-label{font-family:Poppins,sans-serif;font-size:14px;font-weight:600;color:#374151}#pc-wrap .join-page .join-card .form-section .input-form .account-type .type-options{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}#pc-wrap .join-page .join-card .form-section .input-form .account-type .type-options .type-option{padding:16px;border:2px solid #e5e7eb;border-radius:12px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .2s ease;position:relative}#pc-wrap .join-page .join-card .form-section .input-form .account-type .type-options .type-option svg{color:#6b7280}#pc-wrap .join-page .join-card .form-section .input-form .account-type .type-options .type-option span{font-family:Poppins,sans-serif;font-size:15px;font-weight:600;color:#374151}#pc-wrap .join-page .join-card .form-section .input-form .account-type .type-options .type-option .check-icon{position:absolute;right:12px;color:#10b981}#pc-wrap .join-page .join-card .form-section .input-form .account-type .type-options .type-option:hover{border-color:#667eea;background:rgba(102,126,234,.05)}#pc-wrap .join-page .join-card .form-section .input-form .account-type .type-options .type-option.active{border-color:#667eea;background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1))}#pc-wrap .join-page .join-card .form-section .input-form .account-type .type-options .type-option.active span,#pc-wrap .join-page .join-card .form-section .input-form .account-type .type-options .type-option.active svg{color:#667eea}#pc-wrap .join-page .join-card .form-section .input-form .remember-forgot{display:flex;align-items:center;justify-content:space-between}#pc-wrap .join-page .join-card .form-section .input-form .remember-forgot .remember-checkbox{margin:0}#pc-wrap .join-page .join-card .form-section .input-form .remember-forgot .remember-checkbox .MuiTypography-root{font-family:Poppins,sans-serif;font-size:14px;color:#374151}#pc-wrap .join-page .join-card .form-section .input-form .remember-forgot .forgot-link{font-family:Poppins,sans-serif;font-size:14px;font-weight:600;color:#667eea;text-decoration:none;transition:color .2s ease}#pc-wrap .join-page .join-card .form-section .input-form .remember-forgot .forgot-link:hover{color:#5568d3;text-decoration:underline}#pc-wrap .join-page .join-card .form-section .input-form .submit-btn{width:100%;height:52px;margin-top:8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px;font-family:Poppins,sans-serif;font-size:16px;font-weight:600;text-transform:none;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease;box-shadow:0 4px 12px rgba(102,126,234,.3)}#pc-wrap .join-page .join-card .form-section .input-form .submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px rgba(102,126,234,.4)}#pc-wrap .join-page .join-card .form-section .input-form .submit-btn:disabled{background:#e5e7eb;color:#9ca3af;box-shadow:none;cursor:not-allowed}#pc-wrap .join-page .join-card .form-section .toggle-view{margin-top:32px;text-align:center}#pc-wrap .join-page .join-card .form-section .toggle-view p{font-family:Poppins,sans-serif;font-size:15px;color:#6b7280;margin:0}#pc-wrap .join-page .join-card .form-section .toggle-view p span{color:#667eea;font-weight:600;cursor:pointer;transition:color .2s ease}#pc-wrap .join-page .join-card .form-section .toggle-view p span:hover{color:#5568d3;text-decoration:underline}#pc-wrap .join-page .join-card .info-section{background:linear-gradient(135deg,#667eea,#764ba2);padding:60px 50px;display:flex;align-items:center;position:relative;overflow:hidden}#pc-wrap .join-page .join-card .info-section:before{content:"";position:absolute;top:-30%;right:-20%;width:500px;height:500px;background:hsla(0,0%,100%,.1);border-radius:50%}#pc-wrap .join-page .join-card .info-section:after{content:"";position:absolute;bottom:-40%;left:-10%;width:400px;height:400px;background:hsla(0,0%,100%,.08);border-radius:50%}#pc-wrap .join-page .join-card .info-section .info-content{position:relative;z-index:1;width:100%}#pc-wrap .join-page .join-card .info-section .info-content .info-header{margin-bottom:48px}#pc-wrap .join-page .join-card .info-section .info-content .info-header .zap-icon{color:#fbbf24;margin-bottom:16px;animation:pulse 2s ease-in-out infinite}#pc-wrap .join-page .join-card .info-section .info-content .info-header h2{font-family:Poppins,sans-serif;font-size:36px;font-weight:700;color:#fff;margin:0 0 12px;letter-spacing:-.5px}#pc-wrap .join-page .join-card .info-section .info-content .info-header p{font-family:Poppins,sans-serif;font-size:16px;color:hsla(0,0%,100%,.9);margin:0;line-height:1.6}#pc-wrap .join-page .join-card .info-section .info-content .features-list{display:flex;flex-direction:column;gap:24px;margin-bottom:48px}#pc-wrap .join-page .join-card .info-section .info-content .features-list .feature-item{display:flex;gap:16px;padding:20px;background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;border:1px solid hsla(0,0%,100%,.2);transition:all .3s ease}#pc-wrap .join-page .join-card .info-section .info-content .features-list .feature-item:hover{background:hsla(0,0%,100%,.15);transform:translateX(4px)}#pc-wrap .join-page .join-card .info-section .info-content .features-list .feature-item .feature-icon{width:48px;height:48px;background:hsla(0,0%,100%,.2);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}#pc-wrap .join-page .join-card .info-section .info-content .features-list .feature-item .feature-text{flex:1 1}#pc-wrap .join-page .join-card .info-section .info-content .features-list .feature-item .feature-text h3{font-family:Poppins,sans-serif;font-size:16px;font-weight:600;color:#fff;margin:0 0 4px}#pc-wrap .join-page .join-card .info-section .info-content .features-list .feature-item .feature-text p{font-family:Poppins,sans-serif;font-size:14px;color:hsla(0,0%,100%,.8);margin:0;line-height:1.5}#pc-wrap .join-page .join-card .info-section .info-content .info-footer p{font-family:Poppins,sans-serif;font-size:13px;color:hsla(0,0%,100%,.7);margin:0;line-height:1.6}#pc-wrap .join-page .join-card .info-section .info-content .info-footer p a{color:#fff;font-weight:600;text-decoration:underline;transition:opacity .2s ease}#pc-wrap .join-page .join-card .info-section .info-content .info-footer p a:hover{opacity:.8}@media(max-width:1200px){#pc-wrap .join-page .join-card{max-width:1000px;grid-template-columns:450px 1fr}#pc-wrap .join-page .join-card .form-section,#pc-wrap .join-page .join-card .info-section{padding:50px 40px}}@media(max-width:960px){#pc-wrap .join-page{padding:40px 20px}#pc-wrap .join-page .join-card{grid-template-columns:1fr;max-width:500px}#pc-wrap .join-page .join-card .info-section{display:none}#pc-wrap .join-page .join-card .form-section{padding:40px 32px}}@media(max-width:640px){#pc-wrap .join-page .join-card .form-section{padding:32px 24px}#pc-wrap .join-page .join-card .form-section .form-header h1{font-size:28px}#pc-wrap .join-page .join-card .form-section .input-form .account-type .type-options{grid-template-columns:1fr}#pc-wrap .join-page .join-card .form-section .social-buttons .social-btn{height:44px;font-size:14px}}.calendar-page-container{width:100%;max-width:1400px;margin:0 auto;padding:40px 24px 80px}.calendar-page-container .calendar-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:32px 40px;border-radius:16px;margin-bottom:32px;box-shadow:0 4px 20px rgba(102,126,234,.15)}.calendar-page-container .calendar-header .header-content{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.calendar-page-container .calendar-header .header-content .header-left{display:flex;align-items:center;gap:16px}.calendar-page-container .calendar-header .header-content .header-left .header-icon{width:48px;height:48px;color:#fff;background:hsla(0,0%,100%,.2);border-radius:12px;padding:10px}.calendar-page-container .calendar-header .header-content .header-left .header-title{font-size:28px;font-weight:700;color:#fff;margin-bottom:4px;letter-spacing:-.5px}.calendar-page-container .calendar-header .header-content .header-left .header-subtitle{font-size:14px;font-weight:500;color:hsla(0,0%,100%,.9)}.calendar-page-container .calendar-header .header-content .holiday-legend{display:flex;gap:20px;flex-wrap:wrap}.calendar-page-container .calendar-header .header-content .holiday-legend .legend-item{display:flex;align-items:center;gap:8px;background:hsla(0,0%,100%,.15);padding:8px 16px;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.calendar-page-container .calendar-header .header-content .holiday-legend .legend-item .legend-dot{width:12px;height:12px;border-radius:50%}.calendar-page-container .calendar-header .header-content .holiday-legend .legend-item .legend-dot.red{background:#ef4444}.calendar-page-container .calendar-header .header-content .holiday-legend .legend-item .legend-dot.orange{background:#f59e0b}.calendar-page-container .calendar-header .header-content .holiday-legend .legend-item .legend-dot.gray{background:#6b7280}.calendar-page-container .calendar-header .header-content .holiday-legend .legend-item span{font-size:13px;font-weight:600;color:#fff}.calendar-page-container .calendar-main-content{display:flex;flex-direction:column;gap:24px}.calendar-page-container .calendar-main-content .calendar-wrapper{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 12px rgba(0,0,0,.08);border:1px solid #e5e7eb}.calendar-page-container .calendar-main-content .calendar-wrapper .fc .fc-toolbar{margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #f3f4f6}.calendar-page-container .calendar-main-content .calendar-wrapper .fc .fc-toolbar .fc-toolbar-title{font-size:24px;font-weight:700;color:#1f2937}.calendar-page-container .calendar-main-content .calendar-wrapper .fc .fc-toolbar .fc-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;padding:8px 16px;border-radius:8px;font-weight:600;transition:all .2s ease}.calendar-page-container .calendar-main-content .calendar-wrapper .fc .fc-toolbar .fc-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.3)}.calendar-page-container .calendar-main-content .calendar-wrapper .fc .fc-toolbar .fc-button:active{transform:translateY(0)}.calendar-page-container .calendar-main-content .calendar-wrapper .fc .fc-toolbar .fc-button.fc-button-active{background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 2px 8px rgba(102,126,234,.4)}.calendar-page-container .calendar-main-content .calendar-wrapper .fc .fc-col-header .fc-col-header-cell{padding:12px 0;font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.5px;background:#f9fafb;border:none}.calendar-page-container .calendar-main-content .calendar-wrapper .fc .fc-col-header .fc-col-header-cell.fc-day-sun .fc-col-header-cell-cushion{color:#ef4444}.calendar-page-container .calendar-main-content .calendar-wrapper .fc .fc-col-header .fc-col-header-cell.fc-day-sat .fc-col-header-cell-cushion{color:#3b82f6}.calendar-page-container .calendar-main-content .calendar-wrapper .fc .fc-daygrid-body .fc-scrollgrid-sync-table .fc-daygrid-day{border-color:#e5e7eb;transition:all .2s ease}.calendar-page-container .calendar-main-content .calendar-wrapper .fc .fc-daygrid-body .fc-scrollgrid-sync-table .fc-daygrid-day:hover{background:#f9fafb}.calendar-page-container .calendar-main-content .calendar-wrapper .fc .fc-daygrid-body .fc-scrollgrid-sync-table .fc-daygrid-day .fc-daygrid-day-top{padding:8px}.calendar-page-container .calendar-main-content .calendar-wrapper .fc .fc-daygrid-body .fc-scrollgrid-sync-table .fc-daygrid-day .fc-daygrid-day-top .fc-daygrid-day-number{font-size:14px;font-weight:600;color:#374151;padding:4px 8px;border-radius:6px;transition:all .2s ease}.calendar-page-container .calendar-main-content .calendar-wrapper .fc .fc-daygrid-body .fc-scrollgrid-sync-table .fc-daygrid-day.fc-day-sun .fc-daygrid-day-number{color:#ef4444}.calendar-page-container .calendar-main-content .calendar-wrapper .fc .fc-daygrid-body .fc-scrollgrid-sync-table .fc-daygrid-day.fc-day-sun{background:#fef2f2}.calendar-page-container .calendar-main-content .calendar-wrapper .fc .fc-daygrid-body .fc-scrollgrid-sync-table .fc-daygrid-day.fc-day-sat .fc-daygrid-day-number{color:#3b82f6}.calendar-page-container .calendar-main-content .calendar-wrapper .fc .fc-daygrid-body .fc-scrollgrid-sync-table .fc-daygrid-day.fc-day-today{background:#eff6ff!important}.calendar-page-container .calendar-main-content .calendar-wrapper .fc .fc-daygrid-body .fc-scrollgrid-sync-table .fc-daygrid-day.fc-day-today .fc-daygrid-day-number{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:700}.calendar-page-container .calendar-main-content .calendar-wrapper .fc .fc-daygrid-body .fc-scrollgrid-sync-table .fc-daygrid-day.fc-day-other{background:#fafafa}.calendar-page-container .calendar-main-content .calendar-wrapper .fc .fc-daygrid-body .fc-scrollgrid-sync-table .fc-daygrid-day.fc-day-other .fc-daygrid-day-number{color:#9ca3af}.calendar-page-container .calendar-main-content .calendar-wrapper .fc .fc-event{border:none;padding:4px 8px;margin:2px 4px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px rgba(0,0,0,.1)}.calendar-page-container .calendar-main-content .calendar-wrapper .fc .fc-event:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.calendar-page-container .calendar-main-content .calendar-wrapper .fc .fc-event .fc-event-main{color:#fff}.calendar-page-container .calendar-main-content .calendar-wrapper .fc .fc-event .fc-event-title{font-weight:600}.calendar-page-container .calendar-main-content .calendar-wrapper .fc .fc-daygrid-more-link{color:#667eea;font-weight:600;padding:4px 8px;border-radius:4px;transition:all .2s ease}.calendar-page-container .calendar-main-content .calendar-wrapper .fc .fc-daygrid-more-link:hover{background:#eff6ff;color:#764ba2}.calendar-page-container .calendar-main-content .event-detail-card{display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px 24px;border-radius:12px;box-shadow:0 4px 16px rgba(102,126,234,.2);animation:slideInRight .3s ease-out}.calendar-page-container .calendar-main-content .event-detail-card .event-icon{width:40px;height:40px;color:#fff;background:hsla(0,0%,100%,.2);border-radius:10px;padding:8px}.calendar-page-container .calendar-main-content .event-detail-card .event-title{font-size:18px;font-weight:700;color:#fff;margin-bottom:4px}.calendar-page-container .calendar-main-content .event-detail-card .event-date{font-size:14px;font-weight:500;color:hsla(0,0%,100%,.9)}.calendar-page-container .calendar-main-content .holiday-info-section{background:#fff;border-radius:16px;padding:32px;box-shadow:0 2px 12px rgba(0,0,0,.08);border:1px solid #e5e7eb}.calendar-page-container .calendar-main-content .holiday-info-section .info-title{font-size:20px;font-weight:700;color:#1f2937;margin-bottom:24px;display:flex;align-items:center;gap:8px}.calendar-page-container .calendar-main-content .holiday-info-section .info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:20px;gap:20px}.calendar-page-container .calendar-main-content .holiday-info-section .info-grid .info-card{background:linear-gradient(135deg,#f9fafb,#fff);border:2px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .3s ease}.calendar-page-container .calendar-main-content .holiday-info-section .info-grid .info-card:hover{border-color:#667eea;box-shadow:0 4px 16px rgba(102,126,234,.15);transform:translateY(-4px)}.calendar-page-container .calendar-main-content .holiday-info-section .info-grid .info-card .info-card-title{font-size:16px;font-weight:700;color:#667eea;margin-bottom:8px}.calendar-page-container .calendar-main-content .holiday-info-section .info-grid .info-card .info-card-text{font-size:14px;line-height:1.6;color:#6b7280}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@media(max-width:1200px){.calendar-page-container .calendar-header .header-content{flex-direction:column;align-items:flex-start}.calendar-page-container .calendar-header .header-content .holiday-legend{width:100%}}@media(max-width:768px){.calendar-page-container .calendar-header{padding:24px 20px}.calendar-page-container .calendar-header .header-content .header-left .header-icon{width:40px;height:40px}.calendar-page-container .calendar-header .header-content .header-left .header-title{font-size:22px}.calendar-page-container .calendar-header .header-content .header-left .header-subtitle{font-size:12px}.calendar-page-container .calendar-header .header-content .holiday-legend{flex-direction:column;gap:12px}.calendar-page-container .calendar-header .header-content .holiday-legend .legend-item{width:100%}.calendar-page-container .calendar-main-content .calendar-wrapper{padding:16px}.calendar-page-container .calendar-main-content .calendar-wrapper .fc .fc-toolbar{flex-direction:column;gap:12px}.calendar-page-container .calendar-main-content .calendar-wrapper .fc .fc-toolbar .fc-toolbar-title{font-size:18px}.calendar-page-container .calendar-main-content .calendar-wrapper .fc .fc-toolbar .fc-toolbar-chunk{width:100%;display:flex;justify-content:center}.calendar-page-container .calendar-main-content .calendar-wrapper .fc .fc-daygrid-body .fc-daygrid-day .fc-daygrid-day-top{padding:4px}.calendar-page-container .calendar-main-content .calendar-wrapper .fc .fc-daygrid-body .fc-daygrid-day .fc-daygrid-day-top .fc-daygrid-day-number{font-size:12px;padding:2px 6px}.calendar-page-container .calendar-main-content .calendar-wrapper .fc .fc-event{font-size:10px;padding:2px 6px;margin:1px 2px}.calendar-page-container .calendar-main-content .holiday-info-section{padding:20px}.calendar-page-container .calendar-main-content .holiday-info-section .info-title{font-size:18px}.calendar-page-container .calendar-main-content .holiday-info-section .info-grid{grid-template-columns:1fr;gap:16px}}@media(prefers-color-scheme:dark){.calendar-page-container .calendar-wrapper{background:#1a1a1b;border-color:#343536}.calendar-page-container .calendar-wrapper .fc .fc-toolbar-title{color:#d7dadc}.calendar-page-container .calendar-wrapper .fc .fc-col-header .fc-col-header-cell{background:#272729}.calendar-page-container .calendar-wrapper .fc .fc-daygrid-body .fc-daygrid-day{border-color:#343536}.calendar-page-container .calendar-wrapper .fc .fc-daygrid-body .fc-daygrid-day:hover{background:#272729}.calendar-page-container .calendar-wrapper .fc .fc-daygrid-body .fc-daygrid-day .fc-daygrid-day-number{color:#d7dadc}.calendar-page-container .calendar-wrapper .fc .fc-daygrid-body .fc-daygrid-day.fc-day-today{background:#1e3a5f!important}.calendar-page-container .calendar-wrapper .fc .fc-daygrid-body .fc-daygrid-day.fc-day-other{background:#0f0f10}.calendar-page-container .holiday-info-section{background:#1a1a1b;border-color:#343536}.calendar-page-container .holiday-info-section .info-title{color:#d7dadc}.calendar-page-container .holiday-info-section .info-grid .info-card{background:#272729;border-color:#343536}.calendar-page-container .holiday-info-section .info-grid .info-card .info-card-text{color:#818384}}.notes-page-container{width:100%;max-width:1400px;margin:0 auto;padding:40px 24px 80px}.notes-page-container .notes-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:32px 40px;border-radius:16px;margin-bottom:32px;box-shadow:0 4px 20px rgba(102,126,234,.15)}.notes-page-container .notes-header .header-content{display:flex;align-items:center;justify-content:space-between;gap:24px}.notes-page-container .notes-header .header-content .header-left{display:flex;align-items:center;gap:16px}.notes-page-container .notes-header .header-content .header-left .header-icon{width:48px;height:48px;color:#fff;background:hsla(0,0%,100%,.2);border-radius:12px;padding:10px}.notes-page-container .notes-header .header-content .header-left .header-title{font-size:28px;font-weight:700;color:#fff;margin-bottom:4px;letter-spacing:-.5px}.notes-page-container .notes-header .header-content .header-left .header-subtitle{font-size:14px;font-weight:500;color:hsla(0,0%,100%,.9)}.notes-page-container .notes-header .header-content .create-note-btn{display:flex;align-items:center;gap:8px;background:hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid hsla(0,0%,100%,.3);color:#fff;padding:12px 24px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease}.notes-page-container .notes-header .header-content .create-note-btn:hover{background:hsla(0,0%,100%,.3);transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.15)}.notes-page-container .notes-header .header-content .create-note-btn:active{transform:translateY(0)}.notes-page-container .notes-header .header-content .create-note-btn svg{font-size:20px}.notes-page-container .search-container{margin-bottom:32px}.notes-page-container .search-container .search-input .MuiOutlinedInput-root{background:#fff;border-radius:28px;border:2px solid #e5e7eb;transition:all .3s ease}.notes-page-container .search-container .search-input .MuiOutlinedInput-root:hover{border-color:#667eea}.notes-page-container .search-container .search-input .MuiOutlinedInput-root.Mui-focused{border-color:#667eea;box-shadow:0 0 0 4px rgba(102,126,234,.1)}.notes-page-container .search-container .search-input .MuiOutlinedInput-root fieldset{border:none}.notes-page-container .search-container .search-input .MuiOutlinedInput-root input{padding:14px 16px;font-size:15px}.notes-page-container .search-container .search-input .MuiOutlinedInput-root .MuiInputAdornment-root svg{color:#9ca3af}.notes-page-container .note-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.notes-page-container .note-modal-overlay .note-modal{background:#fff;width:600px;max-width:90%;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.3);animation:scaleIn .3s ease-out}.notes-page-container .note-modal-overlay .note-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:2px solid #f3f4f6}.notes-page-container .note-modal-overlay .note-modal .modal-header .modal-title{font-size:20px;font-weight:700;color:#1f2937}.notes-page-container .note-modal-overlay .note-modal .modal-header button{color:#6b7280}.notes-page-container .note-modal-overlay .note-modal .modal-header button:hover{background:#f3f4f6;color:#1f2937}.notes-page-container .note-modal-overlay .note-modal .modal-content{padding:24px}.notes-page-container .note-modal-overlay .note-modal .modal-content .note-title-input{width:100%;outline:none;font-size:20px;font-weight:600;color:#1f2937;margin-bottom:16px;padding:12px 0;border:none;border-bottom:2px solid #f3f4f6;transition:border-color .2s ease}.notes-page-container .note-modal-overlay .note-modal .modal-content .note-title-input:focus{border-bottom-color:#667eea}.notes-page-container .note-modal-overlay .note-modal .modal-content .note-title-input::placeholder{color:#9ca3af}.notes-page-container .note-modal-overlay .note-modal .modal-content .note-content-input{width:100%;min-height:200px;border:none;outline:none;font-size:15px;line-height:1.6;color:#374151;resize:vertical;font-family:inherit}.notes-page-container .note-modal-overlay .note-modal .modal-content .note-content-input::placeholder{color:#9ca3af}.notes-page-container .note-modal-overlay .note-modal .modal-content .modal-footer{display:flex;align-items:center;justify-content:space-between;margin-top:24px;padding-top:20px;border-top:2px solid #f3f4f6}.notes-page-container .note-modal-overlay .note-modal .modal-content .modal-footer .color-picker-mini{display:flex;gap:8px}.notes-page-container .note-modal-overlay .note-modal .modal-content .modal-footer .color-picker-mini .color-dot{width:32px;height:32px;border-radius:50%;border:2px solid #e5e7eb;cursor:pointer;transition:all .2s ease}.notes-page-container .note-modal-overlay .note-modal .modal-content .modal-footer .color-picker-mini .color-dot:hover{transform:scale(1.15);box-shadow:0 4px 12px rgba(0,0,0,.15)}.notes-page-container .note-modal-overlay .note-modal .modal-content .modal-footer .save-note-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:10px 32px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease}.notes-page-container .note-modal-overlay .note-modal .modal-content .modal-footer .save-note-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(102,126,234,.3)}.notes-page-container .note-modal-overlay .note-modal .modal-content .modal-footer .save-note-btn:active{transform:translateY(0)}.notes-page-container .notes-content .notes-section{margin-bottom:40px}.notes-page-container .notes-content .notes-section .section-title{font-size:16px;font-weight:700;color:#6b7280;margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px}.notes-page-container .notes-content .notes-section .notes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:20px;gap:20px}.notes-page-container .notes-content .notes-section .notes-grid .note-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.notes-page-container .notes-content .notes-section .notes-grid .note-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#667eea,#764ba2);transform:scaleX(0);transition:transform .3s ease}.notes-page-container .notes-content .notes-section .notes-grid .note-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,.1);border-color:#667eea}.notes-page-container .notes-content .notes-section .notes-grid .note-card:hover:before{transform:scaleX(1)}.notes-page-container .notes-content .notes-section .notes-grid .note-card:hover .note-actions{opacity:1}.notes-page-container .notes-content .notes-section .notes-grid .note-card .note-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.notes-page-container .notes-content .notes-section .notes-grid .note-card .note-header .note-title{font-size:18px;font-weight:700;color:#1f2937;flex:1 1;word-break:break-word}.notes-page-container .notes-content .notes-section .notes-grid .note-card .note-header .note-actions{display:flex;gap:4px;opacity:0;transition:opacity .2s ease}.notes-page-container .notes-content .notes-section .notes-grid .note-card .note-header .note-actions button{padding:4px;color:#6b7280}.notes-page-container .notes-content .notes-section .notes-grid .note-card .note-header .note-actions button:hover{background:rgba(102,126,234,.1);color:#667eea}.notes-page-container .notes-content .notes-section .notes-grid .note-card .note-header .note-actions button .pin-icon{font-size:18px}.notes-page-container .notes-content .notes-section .notes-grid .note-card .note-header .note-actions button .pin-icon.pinned{color:#f59e0b}.notes-page-container .notes-content .notes-section .notes-grid .note-card .note-content{font-size:14px;line-height:1.6;color:#6b7280;margin-bottom:12px;word-break:break-word;display:-webkit-box;-webkit-line-clamp:6;line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}.notes-page-container .notes-content .notes-section .notes-grid .note-card .note-date{font-size:12px;font-weight:500;color:#9ca3af;margin-top:12px;padding-top:12px;border-top:1px solid rgba(0,0,0,.05)}.notes-page-container .notes-content .loading-state{display:flex;align-items:center;justify-content:center;padding:80px 20px}.notes-page-container .notes-content .loading-state p{font-size:16px;color:#9ca3af}.notes-page-container .notes-content .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.notes-page-container .notes-content .empty-state .empty-icon{width:80px;height:80px;color:#d1d5db;margin-bottom:24px}.notes-page-container .notes-content .empty-state .empty-title{font-size:24px;font-weight:700;color:#6b7280;margin-bottom:8px}.notes-page-container .notes-content .empty-state .empty-subtitle{font-size:15px;color:#9ca3af}.notes-page-container .color-picker-menu{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px;gap:8px;padding:8px;min-width:200px}.notes-page-container .color-picker-menu .color-option{padding:12px 16px;border-radius:8px;border:2px solid #e5e7eb;cursor:pointer;transition:all .2s ease;text-align:center}.notes-page-container .color-picker-menu .color-option span{font-size:13px;font-weight:600;color:#374151}.notes-page-container .color-picker-menu .color-option:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,.1);border-color:#667eea}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media(max-width:768px){.notes-page-container .notes-header{padding:24px 20px}.notes-page-container .notes-header .header-content{flex-direction:column;align-items:flex-start}.notes-page-container .notes-header .header-content .create-note-btn{width:100%;justify-content:center}.notes-page-container .notes-content .notes-section .notes-grid{grid-template-columns:1fr;gap:16px}.notes-page-container .notes-content .notes-section .notes-grid .note-card .note-actions{opacity:1}.notes-page-container .note-modal-overlay .note-modal{width:95%;margin:20px}.notes-page-container .note-modal-overlay .note-modal .modal-content .modal-footer{flex-direction:column;gap:16px}.notes-page-container .note-modal-overlay .note-modal .modal-content .modal-footer .color-picker-mini{width:100%;justify-content:center}.notes-page-container .note-modal-overlay .note-modal .modal-content .modal-footer .save-note-btn{width:100%}}@media(prefers-color-scheme:dark){.notes-page-container .search-container .search-input .MuiOutlinedInput-root{background:#1a1a1b;border-color:#343536}.notes-page-container .search-container .search-input .MuiOutlinedInput-root input{color:#d7dadc}.notes-page-container .search-container .search-input .MuiOutlinedInput-root:hover{border-color:#667eea}.notes-page-container .note-modal-overlay .note-modal{background:#1a1a1b}.notes-page-container .note-modal-overlay .note-modal .modal-header{border-bottom-color:#343536}.notes-page-container .note-modal-overlay .note-modal .modal-header .modal-title{color:#d7dadc}.notes-page-container .note-modal-overlay .note-modal .modal-header button{color:#818384}.notes-page-container .note-modal-overlay .note-modal .modal-header button:hover{background:#272729;color:#d7dadc}.notes-page-container .note-modal-overlay .note-modal .modal-content .note-title-input{color:#d7dadc;border-bottom-color:#343536}.notes-page-container .note-modal-overlay .note-modal .modal-content .note-title-input:focus{border-bottom-color:#667eea}.notes-page-container .note-modal-overlay .note-modal .modal-content .note-content-input{color:#d7dadc}.notes-page-container .note-modal-overlay .note-modal .modal-content .modal-footer{border-top-color:#343536}.notes-page-container .notes-content .notes-section .notes-grid .note-card{background:#1a1a1b;border-color:#343536}.notes-page-container .notes-content .notes-section .notes-grid .note-card:hover{border-color:#667eea}.notes-page-container .notes-content .notes-section .notes-grid .note-card .note-header .note-title{color:#d7dadc}.notes-page-container .notes-content .notes-section .notes-grid .note-card .note-header .note-actions button{color:#818384}.notes-page-container .notes-content .notes-section .notes-grid .note-card .note-header .note-actions button:hover{color:#667eea}.notes-page-container .notes-content .notes-section .notes-grid .note-card .note-content{color:#818384}.notes-page-container .notes-content .notes-section .notes-grid .note-card .note-date{color:#6b7280}.notes-page-container .notes-content .empty-state .empty-icon{color:#343536}.notes-page-container .notes-content .empty-state .empty-title{color:#818384}.notes-page-container .notes-content .empty-state .empty-subtitle{color:#6b7280}.notes-page-container .color-picker-menu{background:#1a1a1b}.notes-page-container .color-picker-menu .color-option{border-color:#343536}.notes-page-container .color-picker-menu .color-option span{color:#d7dadc}.notes-page-container .color-picker-menu .color-option:hover{border-color:#667eea}}#public-wrap .about-page{width:100%;background-color:#f8fafc}#public-wrap .about-page .container{max-width:1200px;margin:0 auto;padding:0 32px}#public-wrap .about-page .hero-section{padding:96px 0 100px;background:linear-gradient(135deg,#667eea,#764ba2);position:relative;overflow:hidden}#public-wrap .about-page .hero-section:before{content:"";position:absolute;top:-20%;right:-8%;width:560px;height:560px;background:hsla(0,0%,100%,.07);border-radius:50%;pointer-events:none}#public-wrap .about-page .hero-section:after{content:"";position:absolute;bottom:-35%;left:-5%;width:480px;height:480px;background:hsla(0,0%,100%,.05);border-radius:50%;pointer-events:none}#public-wrap .about-page .hero-section .container{position:relative;z-index:1}#public-wrap .about-page .hero-section .hero-content{max-width:820px;margin:0 auto;text-align:center}#public-wrap .about-page .hero-section .hero-content .badge{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;background:hsla(0,0%,100%,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.25);border-radius:100px;margin-bottom:28px;color:#fff;font-family:Poppins,sans-serif;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}#public-wrap .about-page .hero-section .hero-content .badge svg{color:#fbbf24}#public-wrap .about-page .hero-section .hero-content h1{font-family:Poppins,sans-serif;font-size:54px;font-weight:800;color:#fff;line-height:1.15;margin:0 0 24px;letter-spacing:-1.5px}#public-wrap .about-page .hero-section .hero-content .subtitle{font-family:Poppins,sans-serif;font-size:18px;font-weight:400;color:hsla(0,0%,100%,.85);line-height:1.75;max-width:680px;margin:0 auto 44px}#public-wrap .about-page .hero-section .hero-content .hero-buttons{display:flex;flex-direction:row;gap:14px;justify-content:center;flex-wrap:wrap}#public-wrap .about-page .hero-section .hero-content .hero-buttons .primary-btn,#public-wrap .about-page .hero-section .hero-content .hero-buttons .secondary-btn{padding:14px 32px;border-radius:12px;font-family:Poppins,sans-serif;font-size:15px;font-weight:700;text-transform:none;display:flex;align-items:center;gap:8px;transition:all .25s ease;letter-spacing:-.01em}#public-wrap .about-page .hero-section .hero-content .hero-buttons .primary-btn{background:#fff;color:#667eea;box-shadow:0 4px 16px rgba(0,0,0,.15)}#public-wrap .about-page .hero-section .hero-content .hero-buttons .primary-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(0,0,0,.2)}#public-wrap .about-page .hero-section .hero-content .hero-buttons .secondary-btn{background:hsla(0,0%,100%,.12);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border:1.5px solid hsla(0,0%,100%,.35)}#public-wrap .about-page .hero-section .hero-content .hero-buttons .secondary-btn:hover{background:hsla(0,0%,100%,.22);border-color:hsla(0,0%,100%,.6)}#public-wrap .about-page .section-label{display:inline-flex;align-items:center;gap:8px;padding:7px 16px;background:rgba(102,126,234,.08);border:1px solid rgba(102,126,234,.2);border-radius:100px;margin-bottom:16px}#public-wrap .about-page .section-label svg{color:#667eea}#public-wrap .about-page .section-label span{font-family:Poppins,sans-serif;font-size:13px;font-weight:700;color:#667eea;letter-spacing:.02em}#public-wrap .about-page .section-header{text-align:center;margin-bottom:64px}#public-wrap .about-page .section-header .section-label{margin-bottom:20px}#public-wrap .about-page .section-header h2{font-family:Poppins,sans-serif;font-size:40px;font-weight:800;color:#0f172a;margin:0 0 16px;letter-spacing:-1px;line-height:1.2}#public-wrap .about-page .section-header p{font-family:Poppins,sans-serif;font-size:17px;color:#64748b;max-width:600px;margin:0 auto;line-height:1.7}#public-wrap .about-page .mission-section{padding:100px 0;background:#fff}#public-wrap .about-page .mission-section .content-split{display:grid;grid-template-columns:380px 1fr;grid-gap:80px;gap:80px;align-items:flex-start}#public-wrap .about-page .mission-section .content-split .left{position:-webkit-sticky;position:sticky;top:86px}#public-wrap .about-page .mission-section .content-split .left h2{font-family:Poppins,sans-serif;font-size:36px;font-weight:800;color:#0f172a;line-height:1.25;margin:16px 0 0;letter-spacing:-.75px}#public-wrap .about-page .mission-section .content-split .right p{font-family:Poppins,sans-serif;font-size:16px;color:#475569;line-height:1.85;margin:0 0 20px}#public-wrap .about-page .mission-section .content-split .right .mission-highlights{margin-top:44px;display:flex;flex-direction:column;gap:28px}#public-wrap .about-page .mission-section .content-split .right .mission-highlights .highlight-item{display:flex;gap:20px;padding:24px;background:#f8fafc;border-radius:14px;border:1px solid #e2e8f0;transition:all .2s ease}#public-wrap .about-page .mission-section .content-split .right .mission-highlights .highlight-item:hover{background:#fff;border-color:#c7d2fe;box-shadow:0 4px 16px rgba(102,126,234,.1);transform:translateX(4px)}#public-wrap .about-page .mission-section .content-split .right .mission-highlights .highlight-item .icon-wrapper{width:52px;height:52px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 4px 12px rgba(102,126,234,.3)}#public-wrap .about-page .mission-section .content-split .right .mission-highlights .highlight-item .text-content{flex:1 1}#public-wrap .about-page .mission-section .content-split .right .mission-highlights .highlight-item .text-content h4{font-family:Poppins,sans-serif;font-size:17px;font-weight:700;color:#0f172a;margin:0 0 6px}#public-wrap .about-page .mission-section .content-split .right .mission-highlights .highlight-item .text-content p{font-family:Poppins,sans-serif;font-size:14px;color:#64748b;line-height:1.6;margin:0}#public-wrap .about-page .statistics-section{padding:88px 0;background:#f8fafc}#public-wrap .about-page .statistics-section .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;gap:20px}#public-wrap .about-page .statistics-section .stats-grid .stat-card{background:#fff;padding:40px 24px 36px;border-radius:16px;text-align:center;border-top:3px solid transparent;box-shadow:0 1px 4px rgba(0,0,0,.06);transition:all .3s ease}#public-wrap .about-page .statistics-section .stats-grid .stat-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px rgba(0,0,0,.1)}#public-wrap .about-page .statistics-section .stats-grid .stat-card .stat-icon{width:76px;height:76px;margin:0 auto 20px;border-radius:50%;display:flex;align-items:center;justify-content:center}#public-wrap .about-page .statistics-section .stats-grid .stat-card h3{font-family:Poppins,sans-serif;font-size:40px;font-weight:800;color:#0f172a;margin:0 0 6px;letter-spacing:-1px}#public-wrap .about-page .statistics-section .stats-grid .stat-card p{font-family:Poppins,sans-serif;font-size:15px;color:#64748b;margin:0;font-weight:500}#public-wrap .about-page .features-section{padding:100px 0;background:#fff}#public-wrap .about-page .features-section .features-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:24px;gap:24px}#public-wrap .about-page .features-section .features-grid .feature-card{padding:36px;background:#f8fafc;border-radius:16px;border:1px solid #e2e8f0;transition:all .3s ease;cursor:default}#public-wrap .about-page .features-section .features-grid .feature-card:hover{background:#fff;box-shadow:0 8px 28px rgba(0,0,0,.09);transform:translateY(-4px);border-color:#c7d2fe}#public-wrap .about-page .features-section .features-grid .feature-card .feature-icon{width:60px;height:60px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:22px}#public-wrap .about-page .features-section .features-grid .feature-card h3{font-family:Poppins,sans-serif;font-size:20px;font-weight:700;color:#0f172a;margin:0 0 10px}#public-wrap .about-page .features-section .features-grid .feature-card p{font-family:Poppins,sans-serif;font-size:14px;color:#64748b;line-height:1.7;margin:0 0 20px}#public-wrap .about-page .features-section .features-grid .feature-card .learn-more-btn{padding:0;font-family:Poppins,sans-serif;font-size:13px;font-weight:700;text-transform:none;display:flex;align-items:center;gap:5px;letter-spacing:0}#public-wrap .about-page .features-section .features-grid .feature-card .learn-more-btn:hover{background:transparent}#public-wrap .about-page .team-section{padding:100px 0;background:#f8fafc}#public-wrap .about-page .team-section .team-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:24px;gap:24px}#public-wrap .about-page .team-section .team-grid .team-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.07);transition:all .3s ease;border:1px solid #e2e8f0}#public-wrap .about-page .team-section .team-grid .team-card:hover{box-shadow:0 10px 32px rgba(0,0,0,.12);transform:translateY(-6px);border-color:#c7d2fe}#public-wrap .about-page .team-section .team-grid .team-card:hover .member-overlay{opacity:1}#public-wrap .about-page .team-section .team-grid .team-card .member-image{width:100%;height:260px;position:relative;overflow:hidden}#public-wrap .about-page .team-section .team-grid .team-card .member-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}#public-wrap .about-page .team-section .team-grid .team-card .member-image .member-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(102,126,234,.92),rgba(118,75,162,.92));display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s ease}#public-wrap .about-page .team-section .team-grid .team-card .member-image .member-overlay .contact-btn{width:52px;height:52px;background:hsla(0,0%,100%,.95);border-radius:50%;color:#667eea;min-width:auto;transition:transform .2s ease}#public-wrap .about-page .team-section .team-grid .team-card .member-image .member-overlay .contact-btn:hover{transform:scale(1.1)}#public-wrap .about-page .team-section .team-grid .team-card .member-info{padding:20px;text-align:center}#public-wrap .about-page .team-section .team-grid .team-card .member-info h3{font-family:Poppins,sans-serif;font-size:16px;font-weight:700;color:#0f172a;margin:0 0 5px}#public-wrap .about-page .team-section .team-grid .team-card .member-info .role{display:block;font-family:Poppins,sans-serif;font-size:13px;font-weight:700;color:#667eea;margin-bottom:6px}#public-wrap .about-page .team-section .team-grid .team-card .member-info .bio{font-family:Poppins,sans-serif;font-size:12px;color:#94a3b8;margin:0}#public-wrap .about-page .vision-banner{padding:88px 0;background:linear-gradient(135deg,#667eea,#764ba2);position:relative;overflow:hidden}#public-wrap .about-page .vision-banner:before{content:"";position:absolute;top:-40%;right:-5%;width:500px;height:500px;background:hsla(0,0%,100%,.06);border-radius:50%;pointer-events:none}#public-wrap .about-page .vision-banner .vision-content{max-width:860px;margin:0 auto;text-align:center;color:#fff;position:relative;z-index:1}#public-wrap .about-page .vision-banner .vision-content .vision-icon{margin-bottom:24px;color:#fbbf24;filter:drop-shadow(0 4px 8px rgba(251,191,36,.4))}#public-wrap .about-page .vision-banner .vision-content h2{font-family:Poppins,sans-serif;font-size:38px;font-weight:800;margin:0 0 20px;letter-spacing:-.75px}#public-wrap .about-page .vision-banner .vision-content p{font-family:Poppins,sans-serif;font-size:17px;line-height:1.8;color:hsla(0,0%,100%,.88);max-width:720px;margin:0 auto}#public-wrap .about-page .university-section{padding:100px 0;background:#fff}#public-wrap .about-page .university-section .content-split{display:grid;grid-template-columns:1fr 1fr;grid-gap:72px;gap:72px;align-items:center}#public-wrap .about-page .university-section .content-split .university-image{width:100%;height:460px;border-radius:20px;overflow:hidden;box-shadow:0 12px 40px rgba(0,0,0,.12)}#public-wrap .about-page .university-section .content-split .university-image img{width:100%;height:100%;object-fit:cover}#public-wrap .about-page .university-section .content-split .right h2{font-family:Poppins,sans-serif;font-size:32px;font-weight:800;color:#0f172a;margin:16px 0 20px;letter-spacing:-.5px}#public-wrap .about-page .university-section .content-split .right p{font-family:Poppins,sans-serif;font-size:15px;color:#475569;line-height:1.85;margin:0 0 32px}#public-wrap .about-page .university-section .content-split .right .university-stats{display:flex;flex-direction:column;gap:12px}#public-wrap .about-page .university-section .content-split .right .university-stats .stat-item{display:flex;align-items:center;gap:16px;padding:16px 20px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0;transition:all .2s ease}#public-wrap .about-page .university-section .content-split .right .university-stats .stat-item:hover{background:#fff;border-color:#c7d2fe;box-shadow:0 2px 10px rgba(102,126,234,.1)}#public-wrap .about-page .university-section .content-split .right .university-stats .stat-item svg{color:#667eea;flex-shrink:0}#public-wrap .about-page .university-section .content-split .right .university-stats .stat-item strong{display:block;font-family:Poppins,sans-serif;font-size:16px;font-weight:700;color:#0f172a}#public-wrap .about-page .university-section .content-split .right .university-stats .stat-item span{display:block;font-family:Poppins,sans-serif;font-size:13px;color:#64748b;margin-top:1px}#public-wrap .about-page .cta-section{padding:88px 0;background:#f8fafc}#public-wrap .about-page .cta-section .cta-content{max-width:720px;margin:0 auto;text-align:center}#public-wrap .about-page .cta-section .cta-content h2{font-family:Poppins,sans-serif;font-size:40px;font-weight:800;color:#0f172a;margin:0 0 16px;letter-spacing:-1px}#public-wrap .about-page .cta-section .cta-content p{font-family:Poppins,sans-serif;font-size:17px;color:#64748b;margin:0 0 40px;line-height:1.7}#public-wrap .about-page .cta-section .cta-content .cta-buttons{display:flex;flex-direction:row;gap:14px;justify-content:center;flex-wrap:wrap}#public-wrap .about-page .cta-section .cta-content .cta-buttons .cta-primary,#public-wrap .about-page .cta-section .cta-content .cta-buttons .cta-secondary{padding:14px 32px;border-radius:12px;font-family:Poppins,sans-serif;font-size:15px;font-weight:700;text-transform:none;transition:all .25s ease}#public-wrap .about-page .cta-section .cta-content .cta-buttons .cta-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;gap:8px;box-shadow:0 4px 16px rgba(102,126,234,.3)}#public-wrap .about-page .cta-section .cta-content .cta-buttons .cta-primary:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(102,126,234,.45)}#public-wrap .about-page .cta-section .cta-content .cta-buttons .cta-secondary{background:transparent;color:#667eea;border:2px solid rgba(102,126,234,.35)}#public-wrap .about-page .cta-section .cta-content .cta-buttons .cta-secondary:hover{border-color:#667eea;background:rgba(102,126,234,.05)}#public-wrap .about-page .contact-section{padding:100px 0;background:#fff}#public-wrap .about-page .contact-section .contact-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:64px;gap:64px}#public-wrap .about-page .contact-section .contact-grid .contact-info h2{font-family:Poppins,sans-serif;font-size:36px;font-weight:800;color:#0f172a;margin:0 0 16px;letter-spacing:-.75px}#public-wrap .about-page .contact-section .contact-grid .contact-info>p{font-family:Poppins,sans-serif;font-size:15px;color:#64748b;line-height:1.75;margin:0 0 40px}#public-wrap .about-page .contact-section .contact-grid .contact-info .contact-items{display:flex;flex-direction:column;gap:20px}#public-wrap .about-page .contact-section .contact-grid .contact-info .contact-items .contact-item{display:flex;align-items:flex-start;gap:16px;padding:18px 20px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0;transition:all .2s ease}#public-wrap .about-page .contact-section .contact-grid .contact-info .contact-items .contact-item:hover{border-color:#c7d2fe;box-shadow:0 2px 10px rgba(102,126,234,.08)}#public-wrap .about-page .contact-section .contact-grid .contact-info .contact-items .contact-item .contact-icon{width:44px;height:44px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 3px 10px rgba(102,126,234,.3)}#public-wrap .about-page .contact-section .contact-grid .contact-info .contact-items .contact-item strong{display:block;font-family:Poppins,sans-serif;font-size:14px;font-weight:700;color:#0f172a;margin-bottom:3px}#public-wrap .about-page .contact-section .contact-grid .contact-info .contact-items .contact-item span{display:block;font-family:Poppins,sans-serif;font-size:14px;color:#64748b}#public-wrap .about-page .contact-section .contact-grid .contact-form-wrapper .contact-form{background:#f8fafc;padding:40px;border-radius:20px;border:1px solid #e2e8f0}#public-wrap .about-page .contact-section .contact-grid .contact-form-wrapper .contact-form h3{font-family:Poppins,sans-serif;font-size:22px;font-weight:800;color:#0f172a;margin:0 0 24px;letter-spacing:-.3px}#public-wrap .about-page .contact-section .contact-grid .contact-form-wrapper .contact-form .form-group{margin-bottom:16px}#public-wrap .about-page .contact-section .contact-grid .contact-form-wrapper .contact-form .form-group input,#public-wrap .about-page .contact-section .contact-grid .contact-form-wrapper .contact-form .form-group textarea{width:100%;padding:13px 16px;border:1.5px solid #e2e8f0;border-radius:10px;font-family:Poppins,sans-serif;font-size:14px;color:#0f172a;outline:none;transition:all .2s ease;background:#fff;box-sizing:border-box}#public-wrap .about-page .contact-section .contact-grid .contact-form-wrapper .contact-form .form-group input::placeholder,#public-wrap .about-page .contact-section .contact-grid .contact-form-wrapper .contact-form .form-group textarea::placeholder{color:#94a3b8}#public-wrap .about-page .contact-section .contact-grid .contact-form-wrapper .contact-form .form-group input:focus,#public-wrap .about-page .contact-section .contact-grid .contact-form-wrapper .contact-form .form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.12)}#public-wrap .about-page .contact-section .contact-grid .contact-form-wrapper .contact-form .form-group textarea{resize:vertical;min-height:120px}#public-wrap .about-page .contact-section .contact-grid .contact-form-wrapper .contact-form .submit-btn{width:100%;padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:10px;font-family:Poppins,sans-serif;font-size:15px;font-weight:700;text-transform:none;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .25s ease;box-shadow:0 4px 14px rgba(102,126,234,.3)}#public-wrap .about-page .contact-section .contact-grid .contact-form-wrapper .contact-form .submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(102,126,234,.45)}@media(max-width:1200px){#public-wrap .about-page .mission-section .content-split{grid-template-columns:1fr;gap:40px}#public-wrap .about-page .mission-section .content-split .left{position:static}#public-wrap .about-page .statistics-section .stats-grid,#public-wrap .about-page .team-section .team-grid{grid-template-columns:repeat(2,1fr)}#public-wrap .about-page .contact-section .contact-grid,#public-wrap .about-page .university-section .content-split{grid-template-columns:1fr;gap:40px}}@media(max-width:768px){#public-wrap .about-page .hero-section{padding:72px 0 76px}#public-wrap .about-page .hero-section .hero-content h1{font-size:36px}#public-wrap .about-page .hero-section .hero-content .subtitle{font-size:16px}#public-wrap .about-page .hero-section .hero-content .hero-buttons{flex-direction:column;align-items:center}#public-wrap .about-page .section-header h2{font-size:30px}#public-wrap .about-page .features-section .features-grid,#public-wrap .about-page .statistics-section .stats-grid,#public-wrap .about-page .team-section .team-grid{grid-template-columns:1fr}}#pc-wrap{min-height:100vh;display:flex;flex-direction:column;background-color:#f9fafb}#pc-wrap #top .navbar .navbar-main{position:fixed;top:0;left:0;width:100%;height:64px;display:flex;flex-direction:row;box-sizing:border-box;z-index:999;align-items:center;background-color:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px rgba(0,0,0,.04)}#pc-wrap #top .navbar .navbar-main .container{width:100%;max-width:100%;margin:0;padding:0 20px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:16px;height:100%}#pc-wrap #top .navbar .navbar-main .container .logo-section{display:flex;flex-direction:row;align-items:center;gap:10px;cursor:pointer;transition:all .2s ease;padding:6px 10px;border-radius:12px;flex-shrink:0}#pc-wrap #top .navbar .navbar-main .container .logo-section:hover{background-color:#f3f4f6}#pc-wrap #top .navbar .navbar-main .container .logo-section .logo-box{width:36px;height:36px;display:flex;align-items:center;justify-content:center;flex-shrink:0}#pc-wrap #top .navbar .navbar-main .container .logo-section .logo-box svg{width:36px;height:36px}#pc-wrap #top .navbar .navbar-main .container .logo-section .brand-name{display:flex;flex-direction:column;gap:0}#pc-wrap #top .navbar .navbar-main .container .logo-section .brand-name .brand-text{font-size:20px;font-weight:700;color:#1f2937;line-height:1;letter-spacing:-.5px}#pc-wrap #top .navbar .navbar-main .container .logo-section .brand-name .univ-text{font-size:10px;font-weight:500;color:#9ca3af;line-height:1.2;margin-top:2px}#pc-wrap #top .navbar .navbar-main .container .search-box{flex:1 1;max-width:450px;min-width:200px;position:relative;display:flex;align-items:center}#pc-wrap #top .navbar .navbar-main .container .search-box .search-icon{position:absolute;left:14px;color:#9ca3af;font-size:18px;pointer-events:none}#pc-wrap #top .navbar .navbar-main .container .search-box input{width:100%;height:40px;padding:0 14px 0 44px;background-color:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;font-size:13px;color:#1f2937;transition:all .2s ease;outline:none;font-family:Poppins,sans-serif}#pc-wrap #top .navbar .navbar-main .container .search-box input::placeholder{color:#9ca3af;font-size:13px}#pc-wrap #top .navbar .navbar-main .container .search-box input:hover{background-color:#fff;border-color:#d1d5db}#pc-wrap #top .navbar .navbar-main .container .search-box input:focus{background-color:#fff;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}#pc-wrap #top .navbar .navbar-main .container .actions-box{display:flex;flex-direction:row;align-items:center;gap:8px;flex-shrink:0}#pc-wrap #top .navbar .navbar-main .container .actions-box .create-listing-btn{white-space:nowrap;padding:8px 16px;font-size:13px}#pc-wrap #top .navbar .navbar-main .container .actions-box .icons-section{display:flex;flex-direction:row;align-items:center;gap:6px}#pc-wrap #top .navbar .navbar-main .container .actions-box .icons-section .icon-wrapper{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;transition:all .2s ease}#pc-wrap #top .navbar .navbar-main .container .actions-box .icons-section .icon-wrapper svg{width:20px;height:20px}#pc-wrap #top .navbar .navbar-main .container .actions-box .icons-section .icon-wrapper:hover{background-color:#f3f4f6}#pc-wrap #top .navbar .navbar-main .container .actions-box .icons-section .btn-lang{min-width:auto;padding:6px 8px;border-radius:8px}#pc-wrap #top .navbar .navbar-main .container .actions-box .icons-section .btn-lang:hover{background:#f3f4f6}#pc-wrap #top .navbar .navbar-main .container .actions-box .icons-section .btn-lang .flag img{width:22px;height:16px;border-radius:3px}#pc-wrap #top .navbar .navbar-main .container .actions-box .login-user{width:38px;height:38px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;overflow:hidden;flex-shrink:0;transition:all .2s ease;background-color:#f3f4f6}#pc-wrap #top .navbar .navbar-main .container .actions-box .login-user:hover{opacity:.8;transform:scale(1.05);box-shadow:0 0 0 3px rgba(102,126,234,.2)}#pc-wrap #top .navbar .navbar-main .container .actions-box .login-user img{width:100%;height:100%;object-fit:cover;object-position:center;border:2px solid #e5e7eb;border-radius:50%;display:block}#pc-wrap #top .navbar .navbar-main .container .actions-box .join-btn{white-space:nowrap;padding:8px 16px;font-size:13px}#pc-wrap #layout-body{position:fixed;top:64px;left:0;right:0;bottom:0;display:flex;overflow:visible}#pc-wrap #layout-body #left-sidebar{flex:0 0 auto;width:250px;height:100%;background-color:#fff;border-right:1px solid #e5e7eb;overflow-y:auto;overflow-x:hidden;z-index:998;display:flex;flex-direction:column}#pc-wrap #layout-body #left-sidebar::-webkit-scrollbar{width:6px}#pc-wrap #layout-body #left-sidebar::-webkit-scrollbar-track{background:transparent}#pc-wrap #layout-body #left-sidebar::-webkit-scrollbar-thumb{background:transparent;border-radius:3px;-webkit-transition:background .2s ease;transition:background .2s ease}#pc-wrap #layout-body #left-sidebar:hover::-webkit-scrollbar-thumb{background:#d1d5db}#pc-wrap #layout-body #left-sidebar:hover::-webkit-scrollbar-thumb:hover{background:#9ca3af}#pc-wrap #layout-body #left-sidebar .container{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}#pc-wrap #layout-body #left-sidebar .container .profile-card{flex-shrink:0;padding:18px;background:linear-gradient(135deg,#667eea,#764ba2);cursor:pointer;transition:all .3s ease;text-decoration:none;border-bottom:1px solid hsla(0,0%,100%,.1)}#pc-wrap #layout-body #left-sidebar .container .profile-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px rgba(102,126,234,.2)}#pc-wrap #layout-body #left-sidebar .container .profile-card .profile-header{display:flex;flex-direction:row;align-items:center;gap:10px;margin-bottom:14px}#pc-wrap #layout-body #left-sidebar .container .profile-card .profile-header .profile-avatar{width:46px;height:46px;border-radius:50%;border:3px solid hsla(0,0%,100%,.3);overflow:hidden;flex-shrink:0;background-color:hsla(0,0%,100%,.1);display:flex;align-items:center;justify-content:center}#pc-wrap #layout-body #left-sidebar .container .profile-card .profile-header .profile-avatar img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;border-radius:50%}#pc-wrap #layout-body #left-sidebar .container .profile-card .profile-header .profile-info{flex:1 1;min-width:0}#pc-wrap #layout-body #left-sidebar .container .profile-card .profile-header .profile-info .profile-name{font-family:Poppins,sans-serif;font-size:15px;font-weight:700;color:#fff;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#pc-wrap #layout-body #left-sidebar .container .profile-card .profile-header .profile-info .profile-username{font-family:Poppins,sans-serif;font-size:12px;color:hsla(0,0%,100%,.8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#pc-wrap #layout-body #left-sidebar .container .profile-card .profile-stats{display:flex;flex-direction:row;justify-content:space-around;padding-top:14px;border-top:1px solid hsla(0,0%,100%,.2)}#pc-wrap #layout-body #left-sidebar .container .profile-card .profile-stats .stat-item{display:flex;flex-direction:column;align-items:center}#pc-wrap #layout-body #left-sidebar .container .profile-card .profile-stats .stat-item .stat-number{font-family:Poppins,sans-serif;font-size:16px;font-weight:700;color:#fff}#pc-wrap #layout-body #left-sidebar .container .profile-card .profile-stats .stat-item .stat-label{font-family:Poppins,sans-serif;font-size:11px;color:hsla(0,0%,100%,.8);margin-top:2px}#pc-wrap #layout-body #left-sidebar .container .sidebar-content{flex:1 1;overflow-y:auto;overflow-x:hidden;min-height:0}#pc-wrap #layout-body #left-sidebar .container .sidebar-content::-webkit-scrollbar{width:5px}#pc-wrap #layout-body #left-sidebar .container .sidebar-content::-webkit-scrollbar-track{background:transparent}#pc-wrap #layout-body #left-sidebar .container .sidebar-content::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:3px}#pc-wrap #layout-body #left-sidebar .container .sidebar-content::-webkit-scrollbar-thumb:hover{background:#d1d5db}#pc-wrap #layout-body #left-sidebar .container .sidebar-content .sidebar-section{padding:14px 0;border-bottom:1px solid #f3f4f6}#pc-wrap #layout-body #left-sidebar .container .sidebar-content .sidebar-section .section-title{padding:0 18px 10px;font-family:Poppins,sans-serif;font-size:10px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}#pc-wrap #layout-body #left-sidebar .container .sidebar-content .sidebar-section a,#pc-wrap #layout-body #left-sidebar .container .sidebar-content .sidebar-section>.menu-item{text-decoration:none;display:block}#pc-wrap #layout-body #left-sidebar .container .sidebar-content .sidebar-section .menu-item{padding:9px 18px;display:flex;flex-direction:row;align-items:center;gap:10px;cursor:pointer;transition:all .2s ease;color:#4b5563;position:relative}#pc-wrap #layout-body #left-sidebar .container .sidebar-content .sidebar-section .menu-item:hover{background:#f9fafb;color:#667eea}#pc-wrap #layout-body #left-sidebar .container .sidebar-content .sidebar-section .menu-item:hover .menu-icon{color:#667eea}#pc-wrap #layout-body #left-sidebar .container .sidebar-content .sidebar-section .menu-item.active{background:linear-gradient(90deg,rgba(102,126,234,.1),rgba(102,126,234,.05));color:#667eea;border-left:3px solid #667eea;padding-left:15px}#pc-wrap #layout-body #left-sidebar .container .sidebar-content .sidebar-section .menu-item.active .menu-icon{color:#667eea}#pc-wrap #layout-body #left-sidebar .container .sidebar-content .sidebar-section .menu-item.active .menu-text{font-weight:600}#pc-wrap #layout-body #left-sidebar .container .sidebar-content .sidebar-section .menu-item .menu-icon{width:18px;height:18px;color:#9ca3af;transition:color .2s ease;flex-shrink:0}#pc-wrap #layout-body #left-sidebar .container .sidebar-content .sidebar-section .menu-item .menu-text{flex:1 1;font-family:Poppins,sans-serif;font-size:13px;font-weight:500}#pc-wrap #layout-body #left-sidebar .container .sidebar-content .sidebar-section .menu-item .menu-badge{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;padding:2px 7px;border-radius:10px;font-family:Poppins,sans-serif;font-size:10px;font-weight:700;min-width:18px;text-align:center}#pc-wrap #layout-body #left-sidebar .container .sidebar-content .sidebar-section .menu-item .menu-count{color:#9ca3af;font-family:Poppins,sans-serif;font-size:12px;font-weight:500}#pc-wrap #layout-body #left-sidebar .container .sidebar-content .sidebar-section a .menu-item{padding:9px 18px;display:flex;flex-direction:row;align-items:center;gap:10px;cursor:pointer;transition:all .2s ease;color:#4b5563;position:relative}#pc-wrap #layout-body #left-sidebar .container .sidebar-content .sidebar-section a .menu-item:hover{background:#f9fafb;color:#667eea}#pc-wrap #layout-body #left-sidebar .container .sidebar-content .sidebar-section a .menu-item:hover .menu-icon{color:#667eea}#pc-wrap #layout-body #left-sidebar .container .sidebar-content .sidebar-section a .menu-item.active{background:linear-gradient(90deg,rgba(102,126,234,.1),rgba(102,126,234,.05));color:#667eea;border-left:3px solid #667eea;padding-left:15px}#pc-wrap #layout-body #left-sidebar .container .sidebar-content .sidebar-section a .menu-item.active .menu-icon{color:#667eea}#pc-wrap #layout-body #left-sidebar .container .sidebar-content .sidebar-section a .menu-item.active .menu-text{font-weight:600}#pc-wrap #layout-body #left-sidebar .container .sidebar-content .sidebar-section a .menu-item .menu-icon{width:18px;height:18px;color:#9ca3af;transition:color .2s ease;flex-shrink:0}#pc-wrap #layout-body #left-sidebar .container .sidebar-content .sidebar-section a .menu-item .menu-text{flex:1 1;font-family:Poppins,sans-serif;font-size:13px;font-weight:500}#pc-wrap #layout-body #left-sidebar .container .sidebar-content .sidebar-section a .menu-item .menu-badge{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;padding:2px 7px;border-radius:10px;font-family:Poppins,sans-serif;font-size:10px;font-weight:700;min-width:18px;text-align:center}#pc-wrap #layout-body #left-sidebar .container .sidebar-content .sidebar-section a .menu-item .menu-count{color:#9ca3af;font-family:Poppins,sans-serif;font-size:12px;font-weight:500}#pc-wrap #layout-body #left-sidebar .container .sidebar-bottom{flex-shrink:0;padding:14px 18px;background:#f9fafb;border-top:1px solid #e5e7eb}#pc-wrap #layout-body #left-sidebar .container .sidebar-bottom .bottom-item{padding:8px 10px;display:flex;flex-direction:row;align-items:center;gap:10px;cursor:pointer;color:#6b7280;font-family:Poppins,sans-serif;font-size:13px;font-weight:500;transition:all .2s ease;border-radius:8px}#pc-wrap #layout-body #left-sidebar .container .sidebar-bottom .bottom-item svg{width:18px;height:18px;color:#9ca3af;transition:color .2s ease}#pc-wrap #layout-body #left-sidebar .container .sidebar-bottom .bottom-item:hover{background:#fff;color:#667eea}#pc-wrap #layout-body #left-sidebar .container .sidebar-bottom .bottom-item:hover svg{color:#667eea}#pc-wrap #layout-body #main-content-wrapper{flex:1 1;display:flex;flex-direction:row;height:100%;overflow:hidden;min-width:0}#pc-wrap #main{flex:1 1;display:flex;flex-direction:column;min-width:0;height:100%;overflow:hidden}#pc-wrap #main #main-section{flex:1 1;padding:0;background-color:#f9fafb;height:100%;overflow-y:auto;overflow-x:hidden}#pc-wrap #main #main-section .container{max-width:100%;margin:0;width:100%;height:auto;min-height:100%;padding:20px;box-sizing:border-box}#pc-wrap #main #main-section::-webkit-scrollbar{width:7px}#pc-wrap #main #main-section::-webkit-scrollbar-track{background:transparent}#pc-wrap #main #main-section::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}#pc-wrap #main #main-section::-webkit-scrollbar-thumb:hover{background:#9ca3af}#pc-wrap #marketplace-page{width:100%;min-height:100%;padding-bottom:30px}#pc-wrap #marketplace-page .container{max-width:100%;margin:0;padding:0}#pc-wrap #marketplace-detail-page{width:100%;min-height:100%}#pc-wrap #marketplace-detail-page .container{max-width:100%;margin:0;padding:0}#pc-wrap .modern-chat-container{bottom:20px;right:20px;z-index:1000;animation:slideInUp .3s ease-out}@keyframes slideInUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}#pc-wrap .modern-chat-container{position:fixed;bottom:24px;right:24px;z-index:9999;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}#pc-wrap .modern-chat-frame{width:380px;height:600px;background:var(--chat-bg,#fff);border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.12),0 2px 8px rgba(0,0,0,.08);display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}#pc-wrap .modern-chat-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:var(--chat-header-bg,linear-gradient(135deg,#5ddbf4 0,#7b9ff5 50%,#9b7fed 100%));color:var(--chat-header-text,#fff);border-bottom:1px solid var(--chat-header-border,hsla(0,0%,100%,.1))}#pc-wrap .header-left{display:flex;align-items:center;gap:12px}#pc-wrap .chat-logo-box{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:hsla(0,0%,100%,.15);border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#pc-wrap .chat-brand{display:flex;flex-direction:column}#pc-wrap .chat-brand-name{font-size:18px;font-weight:700;letter-spacing:-.5px;line-height:1.2}#pc-wrap .chat-subtitle{font-size:12px;opacity:.9;font-weight:400}#pc-wrap .header-right{display:flex;align-items:center;gap:12px}#pc-wrap .online-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;background:hsla(0,0%,100%,.2);border-radius:20px;font-size:13px;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#pc-wrap .online-dot{width:8px;height:8px;background:#4ade80;border-radius:50%;box-shadow:0 0 8px #4ade80;animation:pulse 2s infinite}#pc-wrap .offline-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;background:hsla(0,0%,100%,.2);background:var(--chat-online-badge-bg,hsla(0,0%,100%,.2));font-size:13px;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fca5a5}#pc-wrap .close-btn{display:flex;background:var(--chat-online-dot,#4ade80);justify-content:center;width:32px;height:32px;border-radius:8px;cursor:pointer;transition:all .2s ease;background:hsla(0,0%,100%,.15)}#pc-wrap .close-btn:hover{background:var(--chat-offline-badge-bg,hsla(0,0%,100%,.2));transform:scale(1.05)}#pc-wrap .close-btn:active{color:var(--chat-offline-badge-text,#fca5a5)}#pc-wrap .modern-chat-content{flex:1 1;overflow-y:auto;background:var(--chat-content-bg,#f8fafc);padding:16px}#pc-wrap .modern-chat-content::-webkit-scrollbar{width:6px}#pc-wrap .modern-chat-content::-webkit-scrollbar-track{background:transparent}#pc-wrap .modern-chat-content::-webkit-scrollbar-thumb{background:var(--chat-scrollbar-thumb,#cbd5e1);border-radius:3px}#pc-wrap .modern-chat-content::-webkit-scrollbar-thumb:hover{background:var(--chat-scrollbar-thumb-hover,#94a3b8)}#pc-wrap .messages-container{display:flex;flex-direction:column;gap:12px}#pc-wrap .welcome-message{display:flex;align-items:flex-start;gap:12px;padding:16px;background:var(--chat-welcome-bg,linear-gradient(135deg,#f0f9ff 0,#e0f2fe 100%));border-radius:12px;border:1px solid var(--chat-welcome-border,#bae6fd);margin-bottom:8px}#pc-wrap .welcome-icon{font-size:32px;line-height:1}#pc-wrap .welcome-title{font-size:15px;font-weight:700;color:var(--chat-welcome-title,#0c4a6e);margin-bottom:4px}#pc-wrap .welcome-text{font-size:13px;color:var(--chat-welcome-text,#0369a1);opacity:.8}#pc-wrap .no-messages{padding:40px 20px;text-align:center;color:var(--chat-no-messages,#64748b)}#pc-wrap .chat-loading,#pc-wrap .no-messages{display:flex;align-items:center;justify-content:center;font-size:14px}#pc-wrap .chat-loading{flex-direction:column;height:100%;gap:16px;color:var(--chat-loading,#64748b)}#pc-wrap .message-wrapper{display:flex;gap:8px;align-items:flex-end}#pc-wrap .message-wrapper.own-message{flex-direction:row-reverse;align-self:flex-end}#pc-wrap .message-wrapper.other-message{flex-direction:row;align-self:flex-start}#pc-wrap .message-content{display:flex;flex-direction:column;gap:4px;max-width:70%}#pc-wrap .own-message .message-content{align-items:flex-end}#pc-wrap .other-message .message-content{align-items:flex-start}#pc-wrap .message-author{font-size:12px;font-weight:600;color:var(--chat-author,#64748b);padding:0 12px;margin-bottom:2px}#pc-wrap .message-bubble{position:relative;padding:10px 14px;border-radius:16px;font-size:14px;line-height:1.5;word-wrap:break-word;box-shadow:0 1px 2px rgba(0,0,0,.05)}#pc-wrap .own-message .message-bubble{background:var(--chat-own-bg,linear-gradient(135deg,#7b9ff5 0,#9b7fed 100%));color:var(--chat-own-text,#fff);border-bottom-right-radius:4px}#pc-wrap .other-message .message-bubble{background:var(--chat-other-bg,#fff);color:var(--chat-other-text,#1e293b);border:1px solid var(--chat-other-border,#e2e8f0);border-bottom-left-radius:4px}#pc-wrap .message-text{margin-bottom:4px}#pc-wrap .message-time{font-size:11px;opacity:.7;margin-top:4px}#pc-wrap .own-message .message-time{color:var(--chat-own-time,hsla(0,0%,100%,.9))}#pc-wrap .other-message .message-time{color:var(--chat-other-time,#64748b)}#pc-wrap .message-wrapper.sending{opacity:.6}#pc-wrap .sending-dots{display:flex;gap:4px;padding:4px 0}#pc-wrap .sending-dots span{width:6px;height:6px;background:var(--chat-sending-dot,#fff);border-radius:50%;animation:bounce 1.4s ease-in-out infinite}#pc-wrap .sending-dots span:first-child{animation-delay:-.32s}#pc-wrap .sending-dots span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}#pc-wrap .modern-chat-input{display:flex;align-items:center;gap:10px;padding:16px 20px;background:#fff;border-top:1px solid #e2e8f0}#pc-wrap .chat-input-field{flex:1 1;padding:12px 16px;border:1px solid #e2e8f0;border-radius:24px;font-size:14px;outline:none;transition:all .2s ease;background:#f8fafc}#pc-wrap .chat-input-field:focus{border-color:#7b9ff5;background:#fff;box-shadow:0 0 0 3px rgba(123,159,245,.1)}#pc-wrap .chat-input-field:disabled{opacity:.5;cursor:not-allowed}#pc-wrap .chat-send-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:linear-gradient(135deg,#7b9ff5,#9b7fed);color:#fff;border:none;border-radius:50%;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px rgba(123,159,245,.3)}#pc-wrap .chat-send-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 12px rgba(123,159,245,.4)}#pc-wrap .chat-send-btn:active:not(:disabled){transform:scale(.95)}#pc-wrap .chat-send-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}#pc-wrap .chat-send-btn.sending{background:linear-gradient(135deg,#94a3b8,#64748b)}#pc-wrap .auth-warning,#pc-wrap .connection-warning{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:#fef3c7;color:#92400e;border-radius:12px;font-size:13px;font-weight:500}#pc-wrap .auth-warning{background:#fee2e2;color:#991b1b}@media(max-width:480px){#pc-wrap .modern-chat-container{bottom:0;right:0;left:0}#pc-wrap .modern-chat-frame{width:100%;height:100vh;border-radius:0}#pc-wrap .message-content{max-width:80%}}@media(prefers-color-scheme:dark){#pc-wrap .modern-chat-frame{background:#1e293b}#pc-wrap .modern-chat-content{background:#0f172a}#pc-wrap .chat-input-field,#pc-wrap .other-message .message-bubble{background:#334155;color:#f1f5f9;border-color:#475569}#pc-wrap .chat-input-field:focus{background:#1e293b}#pc-wrap .modern-chat-input{background:#1e293b;border-top-color:#475569}#pc-wrap .welcome-message{background:linear-gradient(135deg,#1e3a5f,#1e40af);border-color:#3b82f6}#pc-wrap .welcome-title{color:#93c5fd}#pc-wrap .welcome-text{color:#60a5fa}}.MuiMenu-paper{border-radius:12px!important;box-shadow:0 8px 24px rgba(0,0,0,.12)!important}.MuiMenu-paper .MuiMenuItem-root{font-family:Poppins,sans-serif!important;padding:9px 14px!important;border-radius:8px!important;margin:3px 7px!important}.MuiMenu-paper .MuiMenuItem-root:hover{background-color:#f3f4f6!important}.MuiMenu-paper .MuiMenuItem-root .img-flag{width:22px!important;height:16px!important;border-radius:3px!important;margin-right:10px!important}@media(max-width:1440px){#pc-wrap #top .navbar .navbar-main .container{padding:0 18px;gap:14px}#pc-wrap #top .navbar .navbar-main .container .logo-section .logo-box svg{width:34px;height:34px}#pc-wrap #top .navbar .navbar-main .container .logo-section .brand-name .brand-text{font-size:19px}#pc-wrap #top .navbar .navbar-main .container .search-box{max-width:380px}#pc-wrap #layout-body #left-sidebar{width:240px}}@media(max-width:1280px){#pc-wrap #top .navbar .navbar-main .container{padding:0 16px;gap:12px}#pc-wrap #top .navbar .navbar-main .container .search-box{max-width:320px}#pc-wrap #top .navbar .navbar-main .container .actions-box{gap:6px}#pc-wrap #top .navbar .navbar-main .container .actions-box .create-listing-btn{padding:7px 14px;font-size:12px}#pc-wrap #layout-body #left-sidebar{width:230px}#pc-wrap #layout-body #left-sidebar .container .profile-card{padding:16px}#pc-wrap #layout-body #left-sidebar .container .sidebar-content .sidebar-section{padding:12px 0}#pc-wrap #layout-body #left-sidebar .container .sidebar-content .sidebar-section a .menu-item{padding:8px 16px;gap:9px}#pc-wrap #layout-body #left-sidebar .container .sidebar-content .sidebar-section a .menu-item .menu-text{font-size:12px}#pc-wrap #main #main-section .container{padding:18px}}@media(max-width:1150px){#pc-wrap #layout-body{position:relative;top:64px;height:auto;overflow:visible;flex-direction:column}#pc-wrap #layout-body #left-sidebar{width:100%;height:auto;overflow:visible;border-right:none;border-bottom:1px solid #e5e7eb}#pc-wrap #layout-body #main-content-wrapper{height:auto;overflow:visible;flex-direction:column}#pc-wrap #main,#pc-wrap #main #main-section{height:auto;overflow:visible}}@media(max-width:960px){#pc-wrap #top .navbar .navbar-main .container{padding:0 14px}#pc-wrap #top .navbar .navbar-main .container .search-box{max-width:280px}#pc-wrap #top .navbar .navbar-main .container .actions-box .create-listing-btn{display:none}}@media(max-width:768px){#pc-wrap #top .navbar .navbar-main{height:56px}#pc-wrap #top .navbar .navbar-main .container .logo-section .brand-name .univ-text,#pc-wrap #top .navbar .navbar-main .container .search-box{display:none}#pc-wrap #layout-body{margin-top:56px}#pc-wrap #layout-body #left-sidebar{display:none}#pc-wrap #layout-body #main-content-wrapper{margin-left:0}#pc-wrap .modern-chat-frame{width:calc(100vw - 32px);height:500px}}.no-data{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;padding:60px 40px;color:#fff;text-align:center}.no-data img{width:100px;height:100px;filter:brightness(0) invert(1);opacity:.8}.no-data p{color:#fff;font-size:20px;font-weight:600}@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";.home-page{width:100%;height:100%;background-color:#f9fafb;overflow:hidden;display:flex;flex-direction:column}.home-page .hero-banner{flex-shrink:0;width:100%;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);padding:48px 24px;position:relative;overflow:hidden}.home-page .hero-banner:before{top:-50%;right:-10%;width:600px;height:600px;background:hsla(0,0%,100%,.1)}.home-page .hero-banner:after,.home-page .hero-banner:before{content:"";position:absolute;border-radius:50%;pointer-events:none}.home-page .hero-banner:after{bottom:-30%;left:-5%;width:400px;height:400px;background:hsla(0,0%,100%,.08)}.home-page .hero-banner .hero-content{max-width:1400px;margin:0 auto;position:relative;z-index:1}.home-page .hero-banner .hero-content .hero-title{display:flex;align-items:center;gap:16px;margin-bottom:16px}.home-page .hero-banner .hero-content .hero-title .hero-icon{color:#fbbf24;animation:pulse 2s ease-in-out infinite}.home-page .hero-banner .hero-content .hero-title h1{font-family:Poppins,sans-serif;font-size:36px;font-weight:700;color:#fff;margin:0;letter-spacing:-.5px}.home-page .hero-banner .hero-content .hero-subtitle{font-family:Poppins,sans-serif;font-size:18px;font-weight:400;color:hsla(0,0%,100%,.9);margin:0 0 32px;max-width:600px}.home-page .hero-banner .hero-content .quick-actions{display:flex;flex-direction:row;gap:16px}.home-page .hero-banner .hero-content .quick-actions .quick-action-card{background:hsla(0,0%,100%,.95);padding:16px 24px;border-radius:16px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .3s ease;border:2px solid transparent;box-shadow:0 4px 12px rgba(0,0,0,.1)}.home-page .hero-banner .hero-content .quick-actions .quick-action-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.15);border-color:inherit}.home-page .hero-banner .hero-content .quick-actions .quick-action-card .action-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff}.home-page .hero-banner .hero-content .quick-actions .quick-action-card span{font-family:Poppins,sans-serif;font-size:15px;font-weight:600;color:#1f2937}.home-page .content-wrapper{flex:1 1;position:relative;width:100%;overflow:hidden;display:flex;min-height:0}.home-page .main-feed-section{flex:1 1;height:100%;overflow-y:auto;overflow-x:hidden;padding:32px 24px}.home-page .main-feed-section::-webkit-scrollbar{width:2px}.home-page .main-feed-section::-webkit-scrollbar-track{background:#f3f4f6}.home-page .main-feed-section::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.home-page .main-feed-section::-webkit-scrollbar-thumb:hover{background:#9ca3af}.home-page .main-feed-section .center-feed{width:100%;margin:0 auto;display:flex;flex-direction:column;gap:20px}.home-page .main-feed-section .center-feed .create-post-box{background:#fff;border-radius:12px;margin-top:20px;padding:16px;box-shadow:0 1px 3px rgba(0,0,0,.08);border:1px solid #e5e7eb;display:flex;align-items:center;gap:12px}.home-page .main-feed-section .center-feed .create-post-box .user-avatar{width:40px;height:40px;border-radius:50%;border:2px solid #e5e7eb;object-fit:cover}.home-page .main-feed-section .center-feed .create-post-box .create-input{flex:1 1;padding:10px 16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:24px;cursor:pointer;transition:all .2s ease}.home-page .main-feed-section .center-feed .create-post-box .create-input:hover{background:#fff;border-color:#d1d5db}.home-page .main-feed-section .center-feed .create-post-box .create-input span{font-family:Poppins,sans-serif;font-size:14px;color:#9ca3af}.home-page .main-feed-section .center-feed .create-post-actions{background:#fff;border-radius:12px;padding:12px 16px;box-shadow:0 1px 3px rgba(0,0,0,.08);border:1px solid #e5e7eb;display:flex;flex-direction:row;gap:8px}.home-page .main-feed-section .center-feed .create-post-actions .post-action-btn{flex:1 1;padding:8px 12px;border-radius:8px;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;text-transform:none;color:#6b7280;transition:all .2s ease}.home-page .main-feed-section .center-feed .create-post-actions .post-action-btn:hover{background:#f3f4f6;color:#667eea}.home-page .main-feed-section .center-feed .feed-tabs{display:flex;gap:6px;background:#fff;border-radius:12px;padding:6px;box-shadow:0 1px 3px rgba(0,0,0,.08);border:1px solid #e5e7eb}.home-page .main-feed-section .center-feed .feed-tabs .tab-btn{flex:1 1;padding:8px 12px;border-radius:8px;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;text-transform:none;color:#6b7280;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s ease}.home-page .main-feed-section .center-feed .feed-tabs .tab-btn:hover{background:#f9fafb;color:#667eea}.home-page .main-feed-section .center-feed .feed-tabs .tab-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 8px rgba(102,126,234,.3)}.home-page .main-feed-section .center-feed .posts-feed{display:flex;flex-direction:column;gap:16px}.home-page .main-feed-section .center-feed .posts-feed .loading-container{background:#fff;border-radius:12px;padding:60px 40px;text-align:center;box-shadow:0 1px 3px rgba(0,0,0,.08);border:1px solid #e5e7eb}.home-page .main-feed-section .center-feed .posts-feed .loading-container p{font-family:Poppins,sans-serif;font-size:16px;color:#6b7280;margin:0}.home-page .main-feed-section .center-feed .posts-feed .post-card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 1px 3px rgba(0,0,0,.08);border:1px solid #e5e7eb;transition:all .2s ease}.home-page .main-feed-section .center-feed .posts-feed .post-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);border-color:#d1d5db}.home-page .main-feed-section .center-feed .posts-feed .post-card .post-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.home-page .main-feed-section .center-feed .posts-feed .post-card .post-header .post-avatar{width:40px;height:40px;border-radius:50%;border:2px solid #e5e7eb;object-fit:cover;cursor:pointer;transition:all .2s ease}.home-page .main-feed-section .center-feed .posts-feed .post-card .post-header .post-avatar:hover{transform:scale(1.05);border-color:#667eea}.home-page .main-feed-section .center-feed .posts-feed .post-card .post-header .post-author-info{flex:1 1;cursor:pointer}.home-page .main-feed-section .center-feed .posts-feed .post-card .post-header .post-author-info .author-name{display:flex;align-items:center;gap:4px;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;color:#1f2937;transition:color .2s ease}.home-page .main-feed-section .center-feed .posts-feed .post-card .post-header .post-author-info .author-name:hover{color:#667eea}.home-page .main-feed-section .center-feed .posts-feed .post-card .post-header .post-author-info .author-name .verified-badge{color:#3b82f6}.home-page .main-feed-section .center-feed .posts-feed .post-card .post-header .post-author-info .post-meta{display:flex;align-items:center;gap:6px;font-family:Poppins,sans-serif;font-size:12px;color:#9ca3af}.home-page .main-feed-section .center-feed .posts-feed .post-card .post-header .follow-btn{min-width:auto;padding:6px 16px;border-radius:20px;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;text-transform:none;transition:all .3s ease;border:2px solid #667eea;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 8px rgba(102,126,234,.3)}.home-page .main-feed-section .center-feed .posts-feed .post-card .post-header .follow-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.4);background:linear-gradient(135deg,#5568d3,#653a8b)}.home-page .main-feed-section .center-feed .posts-feed .post-card .post-header .follow-btn:active{transform:translateY(0)}.home-page .main-feed-section .center-feed .posts-feed .post-card .post-header .follow-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.home-page .main-feed-section .center-feed .posts-feed .post-card .post-header .follow-btn.following{background:transparent;color:#667eea;border-color:#667eea;box-shadow:none}.home-page .main-feed-section .center-feed .posts-feed .post-card .post-header .follow-btn.following:hover{background:rgba(239,68,68,.08);color:#ef4444;border-color:#ef4444;box-shadow:0 2px 8px rgba(239,68,68,.2)}.home-page .main-feed-section .center-feed .posts-feed .post-card .post-header .follow-btn.following:hover span:after{content:"Unfollow";position:absolute;left:0;right:0}.home-page .main-feed-section .center-feed .posts-feed .post-card .post-header .follow-btn.following:hover span{color:transparent;position:relative}.home-page .main-feed-section .center-feed .posts-feed .post-card .post-header .follow-btn svg{width:16px;height:16px}.home-page .main-feed-section .center-feed .posts-feed .post-card .post-header .follow-btn span{margin-left:4px}.home-page .main-feed-section .center-feed .posts-feed .post-card .post-header .post-category{background:rgba(102,126,234,.1);color:#667eea;font-weight:600;border:none;padding:4px 12px;font-size:11px}.home-page .main-feed-section .center-feed .posts-feed .post-card .post-header .post-more-btn{min-width:auto;padding:6px 16px;border-radius:6px;color:#667eea;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;text-transform:none;border:1px solid #e5e7eb;transition:all .2s ease}.home-page .main-feed-section .center-feed .posts-feed .post-card .post-header .post-more-btn:hover{background:#f3f4f6;border-color:#667eea}.home-page .main-feed-section .center-feed .posts-feed .post-card .post-content{margin-bottom:12px}.home-page .main-feed-section .center-feed .posts-feed .post-card .post-content .post-title{font-family:Poppins,sans-serif;font-size:16px;font-weight:600;line-height:1.5;color:#1f2937;margin:0 0 8px}.home-page .main-feed-section .center-feed .posts-feed .post-card .post-content .post-description{font-family:Poppins,sans-serif;font-size:15px;line-height:1.6;color:#4b5563;margin:0 0 12px}.home-page .main-feed-section .center-feed .posts-feed .post-card .post-images{margin:12px 0;border-radius:12px;overflow:hidden;background:#f3f4f6}.home-page .main-feed-section .center-feed .posts-feed .post-card .post-images.post-images-1 .single-image{width:100%;height:auto;max-height:400px;object-fit:cover;display:block}.home-page .main-feed-section .center-feed .posts-feed .post-card .post-images.post-images-2 .images-grid-2{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px;gap:8px}.home-page .main-feed-section .center-feed .posts-feed .post-card .post-images.post-images-2 .images-grid-2 .multi-image{width:100%;height:250px;object-fit:cover;display:block;border-radius:8px}.home-page .main-feed-section .center-feed .posts-feed .post-card .post-images.post-images-3 .images-grid-3{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:auto auto;grid-gap:8px;gap:8px}.home-page .main-feed-section .center-feed .posts-feed .post-card .post-images.post-images-3 .images-grid-3 .multi-image{width:100%;height:200px;object-fit:cover;display:block;border-radius:8px}.home-page .main-feed-section .center-feed .posts-feed .post-card .post-images.post-images-3 .images-grid-3 .multi-image:nth-child(3){grid-column:1/-1;height:280px}.home-page .main-feed-section .center-feed .posts-feed .post-card .post-images.post-images-4 .images-grid-4,.home-page .main-feed-section .center-feed .posts-feed .post-card .post-images.post-images-5 .images-grid-4,.home-page .main-feed-section .center-feed .posts-feed .post-card .post-images.post-images-6 .images-grid-4,.home-page .main-feed-section .center-feed .posts-feed .post-card .post-images.post-images-7 .images-grid-4,.home-page .main-feed-section .center-feed .posts-feed .post-card .post-images.post-images-8 .images-grid-4,.home-page .main-feed-section .center-feed .posts-feed .post-card .post-images.post-images-9 .images-grid-4{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);grid-gap:8px;gap:8px}.home-page .main-feed-section .center-feed .posts-feed .post-card .post-images.post-images-4 .images-grid-4 .multi-image,.home-page .main-feed-section .center-feed .posts-feed .post-card .post-images.post-images-5 .images-grid-4 .multi-image,.home-page .main-feed-section .center-feed .posts-feed .post-card .post-images.post-images-6 .images-grid-4 .multi-image,.home-page .main-feed-section .center-feed .posts-feed .post-card .post-images.post-images-7 .images-grid-4 .multi-image,.home-page .main-feed-section .center-feed .posts-feed .post-card .post-images.post-images-8 .images-grid-4 .multi-image,.home-page .main-feed-section .center-feed .posts-feed .post-card .post-images.post-images-9 .images-grid-4 .multi-image{width:100%;height:220px;object-fit:cover;display:block;border-radius:8px}.home-page .main-feed-section .center-feed .posts-feed .post-card .post-images img{transition:transform .3s ease,opacity .2s ease;cursor:pointer}.home-page .main-feed-section .center-feed .posts-feed .post-card .post-images img:hover{transform:scale(1.02);opacity:.95}.home-page .main-feed-section .center-feed .posts-feed .post-card .post-stats{display:flex;gap:16px;padding:10px 0;border-top:1px solid #f3f4f6;border-bottom:1px solid #f3f4f6;margin-bottom:10px}.home-page .main-feed-section .center-feed .posts-feed .post-card .post-stats span{display:flex;align-items:center;gap:4px;font-family:Poppins,sans-serif;font-size:12px;color:#6b7280}.home-page .main-feed-section .center-feed .posts-feed .post-card .post-stats span svg{color:#9ca3af}.home-page .main-feed-section .center-feed .posts-feed .post-card .post-actions{display:flex;gap:0;width:100%}.home-page .main-feed-section .center-feed .posts-feed .post-card .post-actions .action-btn{flex:1 1;padding:8px 0;border-radius:0;font-family:Poppins,sans-serif;font-size:14px;font-weight:400;text-transform:none;color:#6b7280;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;min-width:auto}.home-page .main-feed-section .center-feed .posts-feed .post-card .post-actions .action-btn:hover{background:#f3f4f6}.home-page .main-feed-section .center-feed .posts-feed .post-card .post-actions .action-btn svg{width:18px;height:18px;transition:all .2s ease}.home-page .main-feed-section .center-feed .posts-feed .post-card .post-actions .action-btn .button-text{margin-left:4px;transition:color .2s ease}.home-page .main-feed-section .center-feed .posts-feed .post-card .post-actions .like-btn:hover{background:rgba(239,68,68,.08);color:#ef4444}.home-page .main-feed-section .center-feed .posts-feed .post-card .post-actions .like-btn.liked,.home-page .main-feed-section .center-feed .posts-feed .post-card .post-actions .like-btn:hover .button-text,.home-page .main-feed-section .center-feed .posts-feed .post-card .post-actions .like-btn:hover svg{color:#ef4444}.home-page .main-feed-section .center-feed .posts-feed .post-card .post-actions .like-btn.liked .button-text{color:#ef4444;font-weight:500}.home-page .main-feed-section .center-feed .posts-feed .post-card .post-actions .like-btn.liked:hover{background:rgba(239,68,68,.12);color:#dc2626}.home-page .main-feed-section .center-feed .posts-feed .post-card .post-actions .like-btn.liked:hover .button-text{color:#dc2626}.home-page .main-feed-section .center-feed .posts-feed .post-card .post-actions .comment-btn:hover{background:rgba(102,126,234,.08);color:#667eea}.home-page .main-feed-section .center-feed .posts-feed .post-card .post-actions .comment-btn:hover .button-text{color:#667eea}.home-page .main-feed-section .center-feed .posts-feed .post-card .post-actions .comment-btn:hover svg{stroke:#667eea}.home-page .main-feed-section .center-feed .posts-feed .post-card .post-actions .save-btn:hover{background:rgba(25,118,210,.08);color:#1976d2}.home-page .main-feed-section .center-feed .posts-feed .post-card .post-actions .save-btn.saved,.home-page .main-feed-section .center-feed .posts-feed .post-card .post-actions .save-btn:hover .button-text,.home-page .main-feed-section .center-feed .posts-feed .post-card .post-actions .save-btn:hover svg{color:#1976d2}.home-page .main-feed-section .center-feed .posts-feed .post-card .post-actions .save-btn.saved .button-text{color:#1976d2;font-weight:500}.home-page .main-feed-section .center-feed .posts-feed .post-card .post-actions .save-btn.saved:hover{background:rgba(25,118,210,.12);color:#1565c0}.home-page .main-feed-section .center-feed .posts-feed .post-card .post-actions .save-btn.saved:hover .button-text{color:#1565c0}.home-page .main-feed-section .center-feed .posts-feed .post-card .post-actions .action-btn:disabled{opacity:.5;cursor:not-allowed}.home-page .main-feed-section .center-feed .posts-feed .post-card .post-actions .action-btn:disabled:hover{background:transparent;color:#6b7280}.home-page .right-sidebar-section{width:25%;flex-shrink:0;height:100%;overflow:hidden;background:#fff;border-left:1px solid #e5e7eb;display:flex;flex-direction:column}.home-page .right-sidebar-section .sticky-wrapper{flex:1 1;overflow-y:auto;overflow-x:hidden;padding:24px 16px}.home-page .right-sidebar-section .sticky-wrapper::-webkit-scrollbar{width:4px}.home-page .right-sidebar-section .sticky-wrapper::-webkit-scrollbar-track{background:#f9fafb}.home-page .right-sidebar-section .sticky-wrapper::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.home-page .right-sidebar-section .sticky-wrapper::-webkit-scrollbar-thumb:hover{background:#9ca3af}.home-page .right-sidebar-section .sticky-wrapper>*{display:flex;flex-direction:column;gap:20px}.home-page .right-sidebar-section .events-card,.home-page .right-sidebar-section .jobs-card,.home-page .right-sidebar-section .marketplace-card{background:#fff;border-radius:12px;padding:16px;margin-top:10px;box-shadow:0 1px 3px rgba(0,0,0,.08);border:1px solid #e5e7eb;margin-bottom:20px}.home-page .right-sidebar-section .events-card:last-child,.home-page .right-sidebar-section .jobs-card:last-child,.home-page .right-sidebar-section .marketplace-card:last-child{margin-bottom:0}.home-page .right-sidebar-section .events-card .card-header,.home-page .right-sidebar-section .jobs-card .card-header,.home-page .right-sidebar-section .marketplace-card .card-header{display:flex;align-items:center;gap:8px;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid #f3f4f6}.home-page .right-sidebar-section .events-card .card-header .header-icon,.home-page .right-sidebar-section .jobs-card .card-header .header-icon,.home-page .right-sidebar-section .marketplace-card .card-header .header-icon{color:#667eea}.home-page .right-sidebar-section .events-card .card-header h3,.home-page .right-sidebar-section .jobs-card .card-header h3,.home-page .right-sidebar-section .marketplace-card .card-header h3{font-family:Poppins,sans-serif;font-size:15px;font-weight:700;color:#1f2937;margin:0;flex:1 1}.home-page .right-sidebar-section .events-card .card-header .view-all-link,.home-page .right-sidebar-section .jobs-card .card-header .view-all-link,.home-page .right-sidebar-section .marketplace-card .card-header .view-all-link{font-family:Poppins,sans-serif;font-size:12px;font-weight:600;color:#667eea;text-decoration:none;transition:color .2s ease}.home-page .right-sidebar-section .events-card .card-header .view-all-link:hover,.home-page .right-sidebar-section .jobs-card .card-header .view-all-link:hover,.home-page .right-sidebar-section .marketplace-card .card-header .view-all-link:hover{color:#5568d3}.home-page .right-sidebar-section .products-grid{display:flex;flex-direction:column;gap:12px}.home-page .right-sidebar-section .products-grid .product-item{border-radius:10px;border:1px solid #e5e7eb;overflow:hidden;cursor:pointer;transition:all .2s ease}.home-page .right-sidebar-section .products-grid .product-item:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-2px);border-color:#667eea}.home-page .right-sidebar-section .products-grid .product-item .product-image{position:relative;width:100%;height:160px;overflow:hidden}.home-page .right-sidebar-section .products-grid .product-item .product-image img{width:100%;height:100%;object-fit:cover}.home-page .right-sidebar-section .products-grid .product-item .product-image .product-condition{position:absolute;top:8px;right:8px;background:rgba(16,185,129,.9);color:#fff;font-weight:600;border:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:11px;padding:4px 10px}.home-page .right-sidebar-section .products-grid .product-item .product-info{padding:12px}.home-page .right-sidebar-section .products-grid .product-item .product-info h4{font-family:Poppins,sans-serif;font-size:14px;font-weight:600;color:#1f2937;margin:0 0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-page .right-sidebar-section .products-grid .product-item .product-info .product-price{font-family:Poppins,sans-serif;font-size:18px;font-weight:700;color:#667eea;margin:0 0 8px}.home-page .right-sidebar-section .products-grid .product-item .product-info .product-meta{display:flex;align-items:center;justify-content:space-between}.home-page .right-sidebar-section .products-grid .product-item .product-info .product-meta .seller-name{font-family:Poppins,sans-serif;font-size:11px;color:#9ca3af}.home-page .right-sidebar-section .products-grid .product-item .product-info .product-meta .MuiChip-root{background:#f3f4f6;color:#6b7280;font-size:10px;height:20px}.home-page .right-sidebar-section .events-list{display:flex;flex-direction:column;gap:12px}.home-page .right-sidebar-section .events-list .event-item{border-radius:10px;overflow:hidden;cursor:pointer;transition:all .2s ease;border:1px solid #e5e7eb}.home-page .right-sidebar-section .events-list .event-item:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-2px)}.home-page .right-sidebar-section .events-list .event-item .event-image{width:100%;height:140px;overflow:hidden}.home-page .right-sidebar-section .events-list .event-item .event-image img{width:100%;height:100%;object-fit:cover}.home-page .right-sidebar-section .events-list .event-item .event-details{padding:12px}.home-page .right-sidebar-section .events-list .event-item .event-details h4{font-family:Poppins,sans-serif;font-size:13px;font-weight:600;color:#1f2937;margin:0 0 6px}.home-page .right-sidebar-section .events-list .event-item .event-details .event-meta{display:flex;flex-direction:column;gap:4px}.home-page .right-sidebar-section .events-list .event-item .event-details .event-meta span{display:flex;align-items:center;gap:6px;font-family:Poppins,sans-serif;font-size:11px;color:#6b7280}.home-page .right-sidebar-section .events-list .event-item .event-details .event-meta span svg{color:#9ca3af;width:14px;height:14px}.home-page .right-sidebar-section .jobs-list{display:flex;flex-direction:column;gap:12px}.home-page .right-sidebar-section .jobs-list .job-item{padding:12px;border-radius:10px;border:1px solid #e5e7eb;cursor:pointer;transition:all .2s ease}.home-page .right-sidebar-section .jobs-list .job-item:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-2px);border-color:#667eea}.home-page .right-sidebar-section .jobs-list .job-item .job-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.home-page .right-sidebar-section .jobs-list .job-item .job-header .company-logo{width:36px;height:36px;border-radius:8px;object-fit:cover;border:1px solid #e5e7eb}.home-page .right-sidebar-section .jobs-list .job-item .job-header .job-type{background:rgba(16,185,129,.1);color:#10b981;font-weight:600;border:none;font-size:10px;padding:4px 10px}.home-page .right-sidebar-section .jobs-list .job-item h4{font-family:Poppins,sans-serif;font-size:14px;font-weight:600;color:#1f2937;margin:0 0 4px}.home-page .right-sidebar-section .jobs-list .job-item .company-name{font-family:Poppins,sans-serif;font-size:12px;color:#6b7280;margin:0 0 8px}.home-page .right-sidebar-section .jobs-list .job-item .job-details{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.home-page .right-sidebar-section .jobs-list .job-item .job-details span{display:flex;align-items:center;gap:6px;font-family:Poppins,sans-serif;font-size:11px;color:#6b7280}.home-page .right-sidebar-section .jobs-list .job-item .job-details span svg{color:#9ca3af;width:14px;height:14px}.home-page .right-sidebar-section .jobs-list .job-item .job-footer{display:flex;align-items:center;justify-content:space-between;padding-top:10px;border-top:1px solid #f3f4f6}.home-page .right-sidebar-section .jobs-list .job-item .job-footer .job-posted{font-family:Poppins,sans-serif;font-size:11px;color:#9ca3af}.home-page .right-sidebar-section .jobs-list .job-item .job-footer .apply-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4px 12px;border-radius:6px;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;text-transform:none;transition:all .2s ease}.home-page .right-sidebar-section .jobs-list .job-item .job-footer .apply-btn:hover{box-shadow:0 4px 12px rgba(102,126,234,.4);transform:translateY(-2px)}.home-page .no-data{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;padding:60px 40px;color:#fff;text-align:center}.home-page .no-data img{width:100px;height:100px;filter:brightness(0) invert(1);opacity:.8;margin-bottom:20px}.home-page .no-data p{color:#fff;font-size:20px;font-weight:600;margin:0}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@media(max-width:1400px){.home-page .content-wrapper .right-sidebar-section{width:320px}}@media(max-width:1200px){.home-page{position:relative;top:auto;overflow:visible;min-height:calc(100vh - 64px)}.home-page .content-wrapper{flex-direction:column;overflow:visible;min-height:auto}.home-page .content-wrapper .main-feed-section{height:auto;overflow:visible;padding:20px 16px}.home-page .content-wrapper .right-sidebar-section{width:100%;height:auto;overflow:visible;border-left:none;border-top:1px solid #e5e7eb}.home-page .content-wrapper .right-sidebar-section .sticky-wrapper{overflow:visible;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:16px;gap:16px;padding:20px 16px}}@media(max-width:768px){.home-page .hero-banner{padding:24px 12px}.home-page .hero-banner .hero-content .hero-title h1{font-size:24px}.home-page .hero-banner .hero-content .hero-subtitle{font-size:14px;margin-bottom:16px}.home-page .hero-banner .hero-content .quick-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.home-page .hero-banner .hero-content .quick-actions>div{width:100%}.home-page .hero-banner .hero-content .quick-actions .quick-action-card{width:100%;padding:10px 12px;gap:8px}.home-page .hero-banner .hero-content .quick-actions .quick-action-card .action-icon{width:32px;height:32px;font-size:16px}.home-page .hero-banner .hero-content .quick-actions .quick-action-card span{font-size:13px}}#mobile-wrap #article-detail-page{padding-top:76px}#mobile-wrap #articles-page{width:100%;background:#f8fafc;padding-top:76px}#mobile-wrap #articles-page .container{width:100%;padding:0 12px 24px;box-sizing:border-box}#mobile-wrap #articles-page .articles-hero{width:100%;margin-top:0;padding:22px 16px;border-radius:18px;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 8px 24px rgba(102,126,234,.25)}#mobile-wrap #articles-page .articles-hero .hero-content{display:flex;flex-direction:column;gap:14px}#mobile-wrap #articles-page .articles-hero .hero-content .hero-left .hero-subtitle{font-size:11px;font-weight:700;color:hsla(0,0%,100%,.9);letter-spacing:.8px;text-transform:uppercase}#mobile-wrap #articles-page .articles-hero .hero-content .hero-left .hero-title{font-size:24px;font-weight:800;line-height:1.25;color:#fff;margin-top:4px}#mobile-wrap #articles-page .articles-hero .hero-content .hero-left .hero-description{font-size:13px;line-height:1.5;color:hsla(0,0%,100%,.92);margin-top:8px}#mobile-wrap #articles-page .articles-hero .hero-content .hero-right .hero-stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}#mobile-wrap #articles-page .articles-hero .hero-content .hero-right .hero-stats-grid .hero-stat-item{display:flex;align-items:center;gap:8px;padding:10px;border-radius:12px;background:hsla(0,0%,100%,.14);border:1px solid hsla(0,0%,100%,.2)}#mobile-wrap #articles-page .articles-hero .hero-content .hero-right .hero-stats-grid .hero-stat-item .stat-icon-box{width:30px;height:30px;font-size:16px;border-radius:8px;display:flex;align-items:center;justify-content:center}#mobile-wrap #articles-page .articles-hero .hero-content .hero-right .hero-stats-grid .hero-stat-item .stat-info .stat-number{font-size:18px;font-weight:800;line-height:1;color:#fff}#mobile-wrap #articles-page .articles-hero .hero-content .hero-right .hero-stats-grid .hero-stat-item .stat-info .stat-label{font-size:10px;line-height:1.2;color:hsla(0,0%,100%,.9)}#mobile-wrap #articles-page .main-layout{display:flex;flex-direction:column;gap:12px;margin-top:14px}#mobile-wrap #articles-page .main-layout .left-sidebar{width:100%;position:static}#mobile-wrap #articles-page .main-layout .left-sidebar .sidebar-widget{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:12px;box-shadow:0 2px 10px rgba(15,23,42,.06)}#mobile-wrap #articles-page .main-layout .left-sidebar .sidebar-widget .widget-header{margin-bottom:10px}#mobile-wrap #articles-page .main-layout .left-sidebar .sidebar-widget .widget-header .widget-title{font-size:14px;font-weight:700}#mobile-wrap #articles-page .main-layout .left-sidebar .categories-widget .MuiTabs-flexContainer{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}#mobile-wrap #articles-page .main-layout .left-sidebar .categories-widget .category-tab{width:100%;min-height:48px;padding:0;margin:0;border-radius:10px;border:1px solid #e5e7eb;text-transform:none}#mobile-wrap #articles-page .main-layout .left-sidebar .categories-widget .category-tab .tab-label-content{width:100%;padding:8px 10px;display:flex;align-items:center;justify-content:space-between}#mobile-wrap #articles-page .main-layout .left-sidebar .categories-widget .category-tab .tab-label-content .tab-label-left{display:flex;align-items:center;gap:6px}#mobile-wrap #articles-page .main-layout .left-sidebar .categories-widget .category-tab .tab-label-content .tab-label-left .tab-icon{font-size:16px}#mobile-wrap #articles-page .main-layout .left-sidebar .categories-widget .category-tab .tab-label-content .tab-label-left .tab-text{font-size:12px;font-weight:600}#mobile-wrap #articles-page .main-layout .left-sidebar .categories-widget .category-tab .tab-label-content .tab-badge{height:20px;min-width:22px;font-size:10px;font-weight:700}#mobile-wrap #articles-page .main-layout .left-sidebar .categories-widget .category-tab.active{border-color:rgba(102,126,234,.55);background:rgba(102,126,234,.08)}#mobile-wrap #articles-page .main-layout .content-area{width:100%}#mobile-wrap #articles-page .main-layout .content-area .tab-content{padding:0!important}#mobile-wrap #articles-page .main-layout .content-area .articles-grid{display:grid;grid-template-columns:1fr;grid-gap:12px;gap:12px}#mobile-wrap #articles-page .main-layout .content-area .empty-state,#mobile-wrap #articles-page .main-layout .content-area .loading-state{border-radius:12px;padding:24px 14px;background:#fff;border:1px solid #e5e7eb;text-align:center}#mobile-wrap #articles-page .pagination-container{margin-top:10px;padding:12px;border-radius:12px;background:#fff;border:1px solid #e5e7eb;display:flex;flex-direction:column;align-items:center;gap:10px}#mobile-wrap #articles-page .pagination-container .pagination-info{font-size:11px;color:#64748b;text-align:center}#mobile-wrap #articles-page .article-card{border-radius:14px;border:1px solid #e5e7eb;box-shadow:0 2px 10px rgba(15,23,42,.06)}#mobile-wrap #articles-page .article-card .card-image-section{height:180px;border-radius:14px 14px 0 0}#mobile-wrap #articles-page .article-card .card-body{padding:14px}#mobile-wrap #articles-page .article-card .card-body .card-title{font-size:16px;min-height:auto;margin-bottom:8px}#mobile-wrap #articles-page .article-card .card-body .card-description{font-size:13px;margin-bottom:12px}#mobile-wrap #articles-page .article-card .card-body .card-meta-info{gap:8px;margin-bottom:12px;padding-bottom:12px}#mobile-wrap #articles-page .article-card .card-body .card-footer-section{margin-bottom:12px;padding-bottom:12px}#mobile-wrap #articles-page .article-card .card-body .card-footer-section .author-container{gap:8px}#mobile-wrap #articles-page .article-card .card-body .card-footer-section .author-container .author-avatar{width:32px;height:32px}#mobile-wrap #articles-page .article-card .card-body .card-footer-section .author-container .author-details .author-name{font-size:12px}#mobile-wrap #articles-page .article-card .card-body .card-footer-section .author-container .author-details .author-role{font-size:10px}#mobile-wrap #articles-page .article-card .card-body .card-footer-section .engagement-stats{gap:6px}#mobile-wrap #articles-page .article-card .card-body .card-footer-section .engagement-stats .stat-item{padding:4px 6px}#mobile-wrap #articles-page .article-card .card-body .apply-button,#mobile-wrap #articles-page .article-card .card-body .view-details-button{padding:10px;border-radius:10px}@media(max-width:420px){#mobile-wrap #articles-page .container{padding:0 10px 20px}#mobile-wrap #articles-page .articles-hero{padding:18px 12px}#mobile-wrap #articles-page .articles-hero .hero-content .hero-left .hero-title{font-size:21px}#mobile-wrap #articles-page .main-layout .left-sidebar .categories-widget .MuiTabs-flexContainer{grid-template-columns:repeat(2,minmax(0,1fr))}}#mobile-wrap #marketplace-page{width:100%;background:#f8fafc;padding-top:76px;padding-bottom:22px}#mobile-wrap #marketplace-page .container{width:100%;padding:0 12px;box-sizing:border-box}#mobile-wrap #marketplace-page .marketplace-header{display:flex;flex-direction:column;gap:10px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}#mobile-wrap #marketplace-page .marketplace-header .header-left{display:flex;flex-direction:column;gap:2px}#mobile-wrap #marketplace-page .marketplace-header .header-left .page-title{font-size:24px;font-weight:800;line-height:1.2}#mobile-wrap #marketplace-page .marketplace-header .header-left .page-subtitle{font-size:13px;color:#64748b}#mobile-wrap #marketplace-page .marketplace-header .header-right{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}#mobile-wrap #marketplace-page .marketplace-header .header-right .filter-toggle-btn,#mobile-wrap #marketplace-page .marketplace-header .header-right .sort-box{width:100%;min-height:40px;margin:0}#mobile-wrap #marketplace-page .marketplace-header .header-right .filter-toggle-btn{font-size:12px;font-weight:600;border-radius:10px;padding:8px 10px;border:1px solid #e5e7eb;background:#fff;text-transform:none}#mobile-wrap #marketplace-page .marketplace-header .header-right .sort-box{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:0 8px;background:#fff;border:1px solid #e5e7eb;border-radius:10px}#mobile-wrap #marketplace-page .marketplace-header .header-right .sort-box .sort-label{font-size:11px;color:#64748b}#mobile-wrap #marketplace-page .marketplace-header .header-right .sort-box .sort-btn{font-size:12px;font-weight:700;padding:2px 6px;min-width:auto;text-transform:none}#mobile-wrap #marketplace-page .marketplace-content{display:flex;flex-direction:column;gap:12px}#mobile-wrap #marketplace-page .marketplace-content .filter-sheet-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.42);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,visibility .25s ease;z-index:1298}#mobile-wrap #marketplace-page .marketplace-content .filter-sheet-backdrop.show{opacity:1;visibility:visible;pointer-events:auto}#mobile-wrap #marketplace-page .marketplace-content .filter-sidebar{width:100%;position:static}#mobile-wrap #marketplace-page .marketplace-content .filter-sidebar.mobile-sheet{position:fixed;left:0;right:0;bottom:0;max-height:78vh;overflow-y:auto;padding:12px;background:#f8fafc;border-radius:18px 18px 0 0;box-shadow:0 -12px 36px rgba(15,23,42,.25);transform:translateY(110%);opacity:0;visibility:hidden;pointer-events:none;transition:transform .28s ease,opacity .28s ease,visibility .28s ease;z-index:1300}#mobile-wrap #marketplace-page .marketplace-content .filter-sidebar.mobile-sheet.show{transform:translateY(0);opacity:1;visibility:visible;pointer-events:auto}#mobile-wrap #marketplace-page .marketplace-content .products-container{width:100%;gap:16px}#mobile-wrap #marketplace-page .marketplace-content .products-container .products-grid{display:grid;grid-template-columns:1fr;grid-gap:12px;gap:12px}#mobile-wrap #marketplace-page .marketplace-content .products-container .loading-state,#mobile-wrap #marketplace-page .marketplace-content .products-container .no-data{padding:22px 14px;border-radius:12px}#mobile-wrap #marketplace-page .filter-modern-container{max-width:100%;position:static;top:0;border-radius:12px;padding:12px}#mobile-wrap #marketplace-page .product-card{border-radius:14px;box-shadow:0 2px 10px rgba(15,23,42,.06)}#mobile-wrap #marketplace-page .product-card .card-image-link .card-image-wrapper{height:180px}#mobile-wrap #marketplace-page .product-card .card-image-link .card-image-wrapper .price-tag{padding:8px 12px}#mobile-wrap #marketplace-page .product-card .card-image-link .card-image-wrapper .price-tag .price{font-size:15px}#mobile-wrap #marketplace-page .product-card .card-content{padding:12px;gap:8px}#mobile-wrap #marketplace-page .product-card .card-content .card-header .card-title-link .card-title{font-size:14px;min-height:auto}#mobile-wrap #marketplace-page .product-card .card-content .card-description{font-size:12px;min-height:auto}#mobile-wrap #marketplace-page .sell-item-fab{width:58px!important;height:58px!important}#mobile-wrap #marketplace-detail-page{width:100%;padding-top:76px;padding-bottom:24px;background:#f8fafc}#mobile-wrap #marketplace-detail-page .detail-container{padding:0 12px}#mobile-wrap #marketplace-detail-page .detail-container .breadcrumb{display:flex;align-items:center;gap:6px;margin-bottom:12px;overflow-x:auto;white-space:nowrap;padding-bottom:8px}#mobile-wrap #marketplace-detail-page .detail-container .breadcrumb .crumb,#mobile-wrap #marketplace-detail-page .detail-container .breadcrumb .separator{font-size:12px}#mobile-wrap #marketplace-detail-page .detail-container .detail-layout{display:flex;flex-direction:column;gap:12px}#mobile-wrap #marketplace-detail-page .detail-container .detail-layout .left-column,#mobile-wrap #marketplace-detail-page .detail-container .detail-layout .right-column{width:100%;position:static;gap:12px}#mobile-wrap #marketplace-detail-page .detail-container .detail-layout .left-column .description-section,#mobile-wrap #marketplace-detail-page .detail-container .detail-layout .left-column .details-section,#mobile-wrap #marketplace-detail-page .detail-container .detail-layout .left-column .image-gallery,#mobile-wrap #marketplace-detail-page .detail-container .detail-layout .left-column .location-section{padding:14px;border-radius:14px}#mobile-wrap #marketplace-detail-page .detail-container .detail-layout .left-column .image-gallery .main-image{height:260px;margin-bottom:10px}#mobile-wrap #marketplace-detail-page .detail-container .detail-layout .left-column .image-gallery .thumbnail-list{gap:8px}#mobile-wrap #marketplace-detail-page .detail-container .detail-layout .left-column .image-gallery .thumbnail-list .thumbnail{width:72px;height:72px}#mobile-wrap #marketplace-detail-page .detail-container .detail-layout .left-column .details-section .details-grid{grid-template-columns:1fr}#mobile-wrap #marketplace-detail-page .detail-container .detail-layout .right-column .contact-card,#mobile-wrap #marketplace-detail-page .detail-container .detail-layout .right-column .owner-actions-card,#mobile-wrap #marketplace-detail-page .detail-container .detail-layout .right-column .price-section,#mobile-wrap #marketplace-detail-page .detail-container .detail-layout .right-column .product-header,#mobile-wrap #marketplace-detail-page .detail-container .detail-layout .right-column .seller-card{padding:14px;border-radius:14px}#mobile-wrap #marketplace-detail-page .detail-container .detail-layout .right-column .contact-card.mobile-sheet{position:fixed;left:0;right:0;bottom:0;margin:0;max-height:78vh;overflow-y:auto;padding:12px 12px 20px;border-radius:18px 18px 0 0;background:#fff;box-shadow:0 -14px 34px rgba(15,23,42,.28);transform:translateY(110%);opacity:0;visibility:hidden;pointer-events:none;transition:transform .28s ease,opacity .28s ease,visibility .28s ease;z-index:1300}#mobile-wrap #marketplace-detail-page .detail-container .detail-layout .right-column .contact-card.mobile-sheet.show{transform:translateY(0);opacity:1;visibility:visible;pointer-events:auto}#mobile-wrap #marketplace-detail-page .detail-container .detail-layout .right-column .contact-card.mobile-sheet .mobile-sheet-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}#mobile-wrap #marketplace-detail-page .detail-container .detail-layout .right-column .contact-card.mobile-sheet .mobile-sheet-header .mobile-sheet-title{font-size:15px;font-weight:700;color:#1f2937}#mobile-wrap #marketplace-detail-page .detail-container .detail-layout .right-column .contact-card.mobile-sheet .mobile-sheet-header .mobile-sheet-close{width:32px;height:32px;background:#f3f4f6;border-radius:8px}#mobile-wrap #marketplace-detail-page .detail-container .detail-layout .right-column .contact-card.mobile-sheet .card-title{display:none}#mobile-wrap #marketplace-detail-page .detail-container .detail-layout .right-column .product-header .product-title{font-size:20px}#mobile-wrap #marketplace-detail-page .detail-container .detail-layout .right-column .price-section .price-row .product-price{font-size:30px}#mobile-wrap #marketplace-detail-page .detail-container .similar-products-config{margin-top:18px;padding-top:14px}#mobile-wrap #marketplace-detail-page .detail-container .similar-products-config .title-pagination-box{margin-bottom:12px}#mobile-wrap #marketplace-detail-page .detail-container .similar-products-config .title-pagination-box .title-box .main-title{font-size:20px}#mobile-wrap #marketplace-detail-page .detail-container .similar-products-config .title-pagination-box .title-box .sub-title{font-size:12px}#mobile-wrap #marketplace-detail-page .detail-container .similar-products-config .title-pagination-box .pagination-box{display:none}#mobile-wrap #marketplace-detail-page .detail-container .similar-products-config .cards-box .similar-products-swiper .similar-products-slide{width:240px}#mobile-wrap #marketplace-detail-page .detail-container .detail-contact-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.42);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,visibility .25s ease;z-index:1298}#mobile-wrap #marketplace-detail-page .detail-container .detail-contact-backdrop.show{opacity:1;visibility:visible;pointer-events:auto}#mobile-wrap #marketplace-detail-page .detail-container .detail-contact-trigger{position:fixed;left:12px;right:12px;bottom:92px;height:48px;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:14px;font-weight:700;text-transform:none;box-shadow:0 8px 22px rgba(102,126,234,.35);z-index:1299}#mobile-wrap #marketplace-detail-page .detail-container .detail-contact-trigger:disabled{background:#94a3b8;color:#e2e8f0;box-shadow:none}@media(max-width:768px){#marketplace-detail-page{width:100%;padding-top:76px;padding-bottom:24px;background:#f8fafc}#marketplace-detail-page .detail-container{padding:0 12px}#marketplace-detail-page .detail-container .breadcrumb{display:flex;align-items:center;gap:6px;margin-bottom:12px;overflow-x:auto;white-space:nowrap;padding-bottom:8px}#marketplace-detail-page .detail-container .breadcrumb .crumb,#marketplace-detail-page .detail-container .breadcrumb .separator{font-size:12px}#marketplace-detail-page .detail-container .detail-layout{display:flex;flex-direction:column;gap:12px}#marketplace-detail-page .detail-container .detail-layout .left-column,#marketplace-detail-page .detail-container .detail-layout .right-column{width:100%;position:static;gap:12px}#marketplace-detail-page .detail-container .detail-layout .left-column .description-section,#marketplace-detail-page .detail-container .detail-layout .left-column .details-section,#marketplace-detail-page .detail-container .detail-layout .left-column .image-gallery,#marketplace-detail-page .detail-container .detail-layout .left-column .location-section{padding:14px;border-radius:14px}#marketplace-detail-page .detail-container .detail-layout .left-column .image-gallery .main-image{height:260px;margin-bottom:10px}#marketplace-detail-page .detail-container .detail-layout .left-column .image-gallery .thumbnail-list{gap:8px}#marketplace-detail-page .detail-container .detail-layout .left-column .image-gallery .thumbnail-list .thumbnail{width:72px;height:72px}#marketplace-detail-page .detail-container .detail-layout .left-column .details-section .details-grid{grid-template-columns:1fr}#marketplace-detail-page .detail-container .detail-layout .right-column .contact-card,#marketplace-detail-page .detail-container .detail-layout .right-column .owner-actions-card,#marketplace-detail-page .detail-container .detail-layout .right-column .price-section,#marketplace-detail-page .detail-container .detail-layout .right-column .product-header,#marketplace-detail-page .detail-container .detail-layout .right-column .seller-card{padding:14px;border-radius:14px}#marketplace-detail-page .detail-container .detail-layout .right-column .contact-card.mobile-sheet{position:fixed;left:0;right:0;bottom:0;margin:0;max-height:78vh;overflow-y:auto;padding:12px 12px 20px;border-radius:18px 18px 0 0;background:#fff;box-shadow:0 -14px 34px rgba(15,23,42,.28);transform:translateY(110%);opacity:0;visibility:hidden;pointer-events:none;transition:transform .28s ease,opacity .28s ease,visibility .28s ease;z-index:1300}#marketplace-detail-page .detail-container .detail-layout .right-column .contact-card.mobile-sheet.show{transform:translateY(0);opacity:1;visibility:visible;pointer-events:auto}#marketplace-detail-page .detail-container .detail-layout .right-column .contact-card.mobile-sheet .mobile-sheet-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}#marketplace-detail-page .detail-container .detail-layout .right-column .contact-card.mobile-sheet .card-title{display:none}#marketplace-detail-page .detail-container .detail-layout .right-column .product-header .product-title{font-size:20px}#marketplace-detail-page .detail-container .detail-layout .right-column .price-section .price-row .product-price{font-size:30px}#marketplace-detail-page .detail-container .similar-products-config{margin-top:18px;padding-top:14px}#marketplace-detail-page .detail-container .similar-products-config .cards-box .similar-products-swiper .similar-products-slide{width:240px}#marketplace-detail-page .detail-container .detail-contact-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.42);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,visibility .25s ease;z-index:1298}#marketplace-detail-page .detail-container .detail-contact-backdrop.show{opacity:1;visibility:visible;pointer-events:auto}#marketplace-detail-page .detail-container .detail-contact-trigger{position:fixed;left:12px;right:12px;bottom:92px;height:48px;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:14px;font-weight:700;text-transform:none;box-shadow:0 8px 22px rgba(102,126,234,.35);z-index:1299}}#mobile-wrap #member-page{width:100%}#mobile-wrap #member-page .container{width:100%;padding:0}#mobile-wrap #member-page .member-page.mobile{padding:74px 12px 12px}#mobile-wrap #member-page .member-page.mobile .back-frame{display:flex;flex-direction:column;gap:12px}#mobile-wrap #member-page .member-page.mobile .left-config,#mobile-wrap #member-page .member-page.mobile .main-config{width:100%;padding:0;margin:0}#mobile-wrap #member-page .member-page.mobile .main-config{margin-bottom:90px!important}#mobile-wrap #member-page .member-page.mobile .member-mobile-menu{display:flex;flex-direction:column;gap:10px}#mobile-wrap #member-page .member-page.mobile .member-mobile-menu .member-mobile-profile-card{display:flex;flex-direction:row;align-items:center;gap:10px;padding:12px;border-radius:12px;background:#fff;border:1px solid #e5e7eb}#mobile-wrap #member-page .member-page.mobile .member-mobile-menu .member-mobile-profile-card .member-mobile-avatar-box img{width:56px;height:56px;border-radius:50%;object-fit:cover}#mobile-wrap #member-page .member-page.mobile .member-mobile-menu .member-mobile-profile-card .member-mobile-info{flex:1 1}#mobile-wrap #member-page .member-page.mobile .member-mobile-menu .member-mobile-profile-card .member-mobile-info .member-mobile-name{font-size:15px;font-weight:700;color:#111827}#mobile-wrap #member-page .member-page.mobile .member-mobile-menu .member-mobile-profile-card .member-mobile-info .member-mobile-type{font-size:12px;color:#6b7280}#mobile-wrap #member-page .member-page.mobile .member-mobile-menu .member-mobile-profile-card .member-mobile-info .member-mobile-stats{margin-top:6px;gap:10px}#mobile-wrap #member-page .member-page.mobile .member-mobile-menu .member-mobile-profile-card .member-mobile-info .member-mobile-stats .member-mobile-stat-item{display:flex;flex-direction:column}#mobile-wrap #member-page .member-page.mobile .member-mobile-menu .member-mobile-profile-card .member-mobile-info .member-mobile-stats .member-mobile-stat-item strong{font-size:13px;color:#111827}#mobile-wrap #member-page .member-page.mobile .member-mobile-menu .member-mobile-profile-card .member-mobile-info .member-mobile-stats .member-mobile-stat-item span{font-size:11px;color:#6b7280}#mobile-wrap #member-page .member-page.mobile .member-mobile-menu .member-mobile-follow-btn-box .member-mobile-follow-btn{width:100%;height:40px;border-radius:10px;text-transform:none;font-size:13px;font-weight:600}#mobile-wrap #member-page .member-page.mobile .member-mobile-menu .member-mobile-follow-btn-box .member-mobile-follow-btn.follow{background:#ff5d18}#mobile-wrap #member-page .member-page.mobile .member-mobile-menu .member-mobile-follow-btn-box .member-mobile-follow-btn.unfollow{border-color:#d1d5db;color:#374151}#mobile-wrap #member-page .member-page.mobile .member-mobile-menu .member-mobile-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}#mobile-wrap #member-page .member-page.mobile .member-mobile-menu .member-mobile-tabs .member-mobile-tab{display:flex;align-items:center;justify-content:center;padding:10px 8px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;color:#374151;font-size:12px;font-weight:700;text-decoration:none}#mobile-wrap #member-page .member-page.mobile .member-mobile-menu .member-mobile-tabs .member-mobile-tab.active{border-color:#667eea;color:#667eea;background:#eef2ff}#mobile-wrap #member-page .member-page.mobile .list-config .modern-followers-container{padding:0}#mobile-wrap .mypage-mobile-container{padding:76px 12px 18px;display:flex;flex-direction:column;gap:12px}#mobile-wrap .mypage-mobile-container .mobile-profile-card{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:12px}#mobile-wrap .mypage-mobile-container .mobile-profile-card .mobile-avatar{width:52px;height:52px}#mobile-wrap .mypage-mobile-container .mobile-profile-card .mobile-profile-info{flex:1 1}#mobile-wrap .mypage-mobile-container .mobile-profile-card .mobile-profile-info h3{margin:0;font-size:15px;font-weight:700;color:#111827}#mobile-wrap .mypage-mobile-container .mobile-profile-card .mobile-profile-info p{margin:2px 0 0;font-size:12px;color:#6b7280}#mobile-wrap .mypage-mobile-container .mobile-profile-card .mobile-follow-stats{display:flex;gap:8px}#mobile-wrap .mypage-mobile-container .mobile-profile-card .mobile-follow-stats .mobile-follow-item{display:flex;flex-direction:column;align-items:center;min-width:58px}#mobile-wrap .mypage-mobile-container .mobile-profile-card .mobile-follow-stats .mobile-follow-item strong{font-size:14px;color:#111827}#mobile-wrap .mypage-mobile-container .mobile-profile-card .mobile-follow-stats .mobile-follow-item span{font-size:11px;color:#6b7280}#mobile-wrap .mypage-mobile-container .mobile-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px}#mobile-wrap .mypage-mobile-container .mobile-tabs a{min-width:0}#mobile-wrap .mypage-mobile-container .mobile-tabs .mobile-tab{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 8px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;color:#374151;font-size:12px;font-weight:600}#mobile-wrap .mypage-mobile-container .mobile-tabs .mobile-tab.active{border-color:#667eea;color:#667eea;background:#eef2ff}#mobile-wrap .mypage-mobile-container .mobile-tabs .mobile-tab svg{width:16px;height:16px}#mobile-wrap .mypage-mobile-container .mobile-content #my-profile-page,#mobile-wrap .mypage-mobile-container .mobile-content .modern-followers-container{padding:0}#mobile-wrap .mypage-mobile-container .mobile-content #my-profile-page .top-box{padding:12px;display:flex;flex-direction:column;gap:12px;background:#fff;border:1px solid #e5e7eb;border-radius:14px}#mobile-wrap .mypage-mobile-container .mobile-content #my-profile-page .top-box .title{font-size:13px;font-weight:600;color:#374151}#mobile-wrap .mypage-mobile-container .mobile-content #my-profile-page .top-box .about-me-box,#mobile-wrap .mypage-mobile-container .mobile-content #my-profile-page .top-box .address-box,#mobile-wrap .mypage-mobile-container .mobile-content #my-profile-page .top-box .photo-box,#mobile-wrap .mypage-mobile-container .mobile-content #my-profile-page .top-box .small-input-box{display:flex;flex-direction:column;gap:8px}#mobile-wrap .mypage-mobile-container .mobile-content #my-profile-page .top-box .image-big-box{display:flex;flex-direction:column;gap:10px}#mobile-wrap .mypage-mobile-container .mobile-content #my-profile-page .top-box .image-big-box .image-box{width:96px;height:96px}#mobile-wrap .mypage-mobile-container .mobile-content #my-profile-page .top-box .image-big-box .image-box img{width:100%;height:100%;object-fit:cover;border-radius:12px;border:2px solid #e5e7eb}#mobile-wrap .mypage-mobile-container .mobile-content #my-profile-page .top-box .image-big-box .upload-big-box{display:flex;flex-direction:column;gap:6px}#mobile-wrap .mypage-mobile-container .mobile-content #my-profile-page .top-box .image-big-box .upload-big-box .labeler{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 12px;border-radius:10px;border:1px dashed #d1d5db;background:#f9fafb;cursor:pointer}#mobile-wrap .mypage-mobile-container .mobile-content #my-profile-page .top-box .image-big-box .upload-big-box .labeler p{font-size:12px;font-weight:600;color:#374151}#mobile-wrap .mypage-mobile-container .mobile-content #my-profile-page .top-box .image-big-box .upload-big-box .upload-text{font-size:11px;color:#6b7280}#mobile-wrap .mypage-mobile-container .mobile-content #my-profile-page .top-box .input-box{display:flex;flex-direction:column;gap:6px}#mobile-wrap .mypage-mobile-container .mobile-content #my-profile-page .top-box .address-box input,#mobile-wrap .mypage-mobile-container .mobile-content #my-profile-page .top-box .input-box input{width:100%;height:42px;border:1px solid #e5e7eb;border-radius:10px;padding:0 12px;font-size:13px;outline:none;box-sizing:border-box}#mobile-wrap .mypage-mobile-container .mobile-content #my-profile-page .top-box .about-me-box .update-button{height:42px;border-radius:10px;text-transform:none;font-size:13px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}#mobile-wrap .mypage-mobile-container .mobile-content .modern-followers-container{gap:10px}#mobile-wrap .mypage-mobile-container .mobile-content .modern-followers-container .followers-header{padding:4px 0 10px}#mobile-wrap .mypage-mobile-container .mobile-content .modern-followers-container .followers-header .header-left{gap:10px}#mobile-wrap .mypage-mobile-container .mobile-content .modern-followers-container .followers-header .header-left .title-icon{width:36px;height:36px}#mobile-wrap .mypage-mobile-container .mobile-content .modern-followers-container .followers-header .header-left .section-title{font-size:18px}#mobile-wrap .mypage-mobile-container .mobile-content .modern-followers-container .followers-header .header-left .section-subtitle{font-size:12px}#mobile-wrap .mypage-mobile-container .mobile-content .modern-followers-container .followers-list .follower-card{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:12px}#mobile-wrap .mypage-mobile-container .mobile-content .modern-followers-container .followers-list .follower-card .profile-section{min-width:0}#mobile-wrap .mypage-mobile-container .mobile-content .modern-followers-container .followers-list .follower-card .stats-section{display:flex;justify-content:flex-start;gap:25px;flex-direction:row}#mobile-wrap .mypage-mobile-container .mobile-content .modern-followers-container .followers-list .follower-card .stats-section .stat-item{display:flex;align-items:center;gap:8px}#mobile-wrap .mypage-mobile-container .mobile-content .modern-followers-container .followers-list .follower-card .stats-section .stat-item .stat-info{display:flex;align-items:center;gap:6px}#mobile-wrap .mypage-mobile-container .mobile-content .modern-followers-container .followers-list .follower-card .stats-section .stat-item .stat-info .stat-label,#mobile-wrap .mypage-mobile-container .mobile-content .modern-followers-container .followers-list .follower-card .stats-section .stat-item .stat-info .stat-value{line-height:1.2}#mobile-wrap .mypage-mobile-container .mobile-content .modern-followers-container .followers-list .follower-card .action-section{min-width:0;justify-content:flex-start}#mobile-wrap .mypage-mobile-container .mobile-content .modern-followers-container .followers-list .follower-card .action-section .follow-button,#mobile-wrap .mypage-mobile-container .mobile-content .modern-followers-container .followers-list .follower-card .action-section .unfollow-button{width:100%}#mobile-wrap .join-page{width:100%;padding:76px 12px 20px;background:#f8fafc}#mobile-wrap .join-page .container{width:100%;padding:0}#mobile-wrap .join-page .join-card{width:100%;display:flex;flex-direction:column;background:transparent;box-shadow:none;border-radius:0;gap:12px}#mobile-wrap .join-page .join-card .form-section{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:12px}#mobile-wrap .join-page .join-card .form-section .logo-section{margin-bottom:4px}#mobile-wrap .join-page .join-card .form-section .logo-section .logo{display:flex;align-items:center;gap:8px}#mobile-wrap .join-page .join-card .form-section .logo-section .logo svg{width:28px;height:28px}#mobile-wrap .join-page .join-card .form-section .logo-section .logo span{font-size:20px;font-weight:700;color:#111827}#mobile-wrap .join-page .join-card .form-section .logo-section .university-name{margin:2px 0 0;padding-left:36px;font-size:11px;color:#6b7280}#mobile-wrap .join-page .join-card .form-section .form-header h1{font-size:22px;line-height:1.2;font-weight:800;margin:0 0 4px;color:#111827}#mobile-wrap .join-page .join-card .form-section .form-header p{margin:0;font-size:12px;color:#6b7280}#mobile-wrap .join-page .join-card .form-section .social-buttons{display:flex;flex-direction:column;gap:8px}#mobile-wrap .join-page .join-card .form-section .social-buttons .google-wrapper{width:100%}#mobile-wrap .join-page .join-card .form-section .social-buttons .social-btn{width:100%;height:42px;border-radius:10px;font-size:13px;font-weight:600;text-transform:none;justify-content:center;gap:8px;border:1px solid #e5e7eb}#mobile-wrap .join-page .join-card .form-section .social-buttons .social-btn.google{background:#fff;color:#111827}#mobile-wrap .join-page .join-card .form-section .social-buttons .social-btn.kakao{background:#fee500;color:#111827;border:none}#mobile-wrap .join-page .join-card .form-section .divider{position:relative;text-align:center}#mobile-wrap .join-page .join-card .form-section .divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#e5e7eb}#mobile-wrap .join-page .join-card .form-section .divider span{position:relative;display:inline-block;background:#fff;padding:0 10px;font-size:11px;color:#9ca3af}#mobile-wrap .join-page .join-card .form-section .input-form{display:flex;flex-direction:column;gap:10px}#mobile-wrap .join-page .join-card .form-section .input-form .input-group{display:flex;flex-direction:column;gap:6px}#mobile-wrap .join-page .join-card .form-section .input-form .input-group label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#374151}#mobile-wrap .join-page .join-card .form-section .input-form .input-group input{width:100%;height:42px;border:1px solid #e5e7eb;border-radius:10px;padding:0 12px;font-size:13px;outline:none;box-sizing:border-box}#mobile-wrap .join-page .join-card .form-section .input-form .input-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.12)}#mobile-wrap .join-page .join-card .form-section .input-form .input-group .password-input{position:relative;display:flex;align-items:center}#mobile-wrap .join-page .join-card .form-section .input-form .input-group .password-input input{padding-right:44px}#mobile-wrap .join-page .join-card .form-section .input-form .input-group .password-input .password-toggle{position:absolute;right:4px}#mobile-wrap .join-page .join-card .form-section .input-form .account-type{display:flex;flex-direction:column;gap:8px}#mobile-wrap .join-page .join-card .form-section .input-form .account-type .type-label{font-size:12px;font-weight:600;color:#374151}#mobile-wrap .join-page .join-card .form-section .input-form .account-type .type-options{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}#mobile-wrap .join-page .join-card .form-section .input-form .account-type .type-options .type-option{position:relative;display:flex;align-items:center;gap:6px;padding:10px;border-radius:10px;border:1px solid #e5e7eb;cursor:pointer;font-size:12px;font-weight:600;color:#374151}#mobile-wrap .join-page .join-card .form-section .input-form .account-type .type-options .type-option.active{border-color:#667eea;background:#eef2ff;color:#667eea}#mobile-wrap .join-page .join-card .form-section .input-form .account-type .type-options .type-option .check-icon{position:absolute;right:8px;color:#10b981}#mobile-wrap .join-page .join-card .form-section .input-form .remember-forgot .remember-checkbox{margin:0}#mobile-wrap .join-page .join-card .form-section .input-form .remember-forgot .remember-checkbox .MuiTypography-root{font-size:12px;color:#4b5563}#mobile-wrap .join-page .join-card .form-section .input-form .submit-btn{height:44px;border-radius:10px;text-transform:none;font-size:14px;font-weight:700;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;gap:8px}#mobile-wrap .join-page .join-card .form-section .input-form .submit-btn:disabled{background:#cbd5e1;color:#f8fafc}#mobile-wrap .join-page .join-card .form-section .toggle-view{text-align:center}#mobile-wrap .join-page .join-card .form-section .toggle-view p{margin:0;font-size:12px;color:#6b7280}#mobile-wrap .join-page .join-card .form-section .toggle-view p span{color:#667eea;font-weight:700;cursor:pointer}#mobile-wrap .join-page .join-card .info-section{display:none}#mobile-wrap .mobile-chat-fab{position:fixed;right:16px;bottom:94px;width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 24px rgba(102,126,234,.4);z-index:1299;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:transform .2s ease,box-shadow .2s ease}#mobile-wrap .mobile-chat-fab:active{transform:scale(.94);box-shadow:0 6px 18px rgba(102,126,234,.32)}#mobile-wrap .modern-chat-container{position:fixed!important;bottom:88px!important;right:16px!important;left:auto!important;z-index:9999;animation:mc-slideIn .24s ease-out}@keyframes mc-slideIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}#mobile-wrap .modern-chat-frame{width:min(360px,100vw - 24px);height:min(560px,100vh - 170px);border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 8px 32px rgba(0,0,0,.14);display:flex;flex-direction:column}#mobile-wrap .modern-chat-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:linear-gradient(135deg,#5ddbf4,#7b9ff5 50%,#9b7fed);color:#fff;flex-shrink:0}#mobile-wrap .header-left,#mobile-wrap .header-right{display:flex;align-items:center;gap:10px}#mobile-wrap .chat-brand{display:flex;flex-direction:column}#mobile-wrap .chat-brand-name{font-size:16px;font-weight:700;line-height:1.2}#mobile-wrap .chat-subtitle{font-size:11px;opacity:.88}#mobile-wrap .chat-logo-box{width:36px;height:36px;background:hsla(0,0%,100%,.15);border-radius:9px;display:flex;align-items:center;justify-content:center}#mobile-wrap .online-badge{display:flex;align-items:center;gap:5px;padding:5px 10px;background:hsla(0,0%,100%,.18);border-radius:20px;font-size:12px;font-weight:500}#mobile-wrap .online-dot{width:7px;height:7px;background:#4ade80;border-radius:50%;box-shadow:0 0 7px #4ade80;animation:mc-dotPulse 2s infinite}@keyframes mc-dotPulse{0%,to{opacity:1}50%{opacity:.5}}#mobile-wrap .offline-badge{display:flex;align-items:center;gap:5px;padding:5px 10px;background:hsla(0,0%,100%,.18);border-radius:20px;font-size:12px;color:#fca5a5}#mobile-wrap .close-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.15);border-radius:7px;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0)}#mobile-wrap .close-btn:active{background:hsla(0,0%,100%,.28)}#mobile-wrap .modern-chat-content{flex:1 1;overflow-y:auto;background:#f8fafc;padding:12px;-webkit-overflow-scrolling:touch}#mobile-wrap .modern-chat-content::-webkit-scrollbar{display:none}#mobile-wrap .messages-container{display:flex;flex-direction:column;gap:10px}#mobile-wrap .welcome-message{display:flex;align-items:flex-start;gap:10px;padding:14px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:12px;border:1px solid #bae6fd;margin-bottom:6px}#mobile-wrap .welcome-icon{font-size:28px;line-height:1}#mobile-wrap .welcome-title{font-size:14px;font-weight:700;color:#0c4a6e;margin-bottom:3px}#mobile-wrap .welcome-text{font-size:12px;color:#0369a1;opacity:.85}#mobile-wrap .no-messages{padding:32px 16px;text-align:center}#mobile-wrap .chat-loading,#mobile-wrap .no-messages{display:flex;align-items:center;justify-content:center;color:#64748b;font-size:13px}#mobile-wrap .chat-loading{flex-direction:column;height:100%;gap:14px}#mobile-wrap .message-wrapper{display:flex;gap:7px;align-items:flex-end}#mobile-wrap .message-wrapper.own-message{flex-direction:row-reverse;align-self:flex-end}#mobile-wrap .message-wrapper.other-message{flex-direction:row;align-self:flex-start}#mobile-wrap .message-content{display:flex;flex-direction:column;gap:3px;max-width:75%}#mobile-wrap .own-message .message-content{align-items:flex-end}#mobile-wrap .other-message .message-content{align-items:flex-start}#mobile-wrap .message-author{font-size:11px;font-weight:600;color:#64748b;padding:0 10px;margin-bottom:2px}#mobile-wrap .message-bubble{padding:9px 13px;border-radius:15px;font-size:13px;line-height:1.5;word-wrap:break-word}#mobile-wrap .own-message .message-bubble{background:linear-gradient(135deg,#7b9ff5,#9b7fed);color:#fff;border-bottom-right-radius:4px}#mobile-wrap .other-message .message-bubble{background:#fff;color:#1e293b;border:1px solid #e2e8f0;border-bottom-left-radius:4px}#mobile-wrap .message-text{margin-bottom:3px}#mobile-wrap .message-time{font-size:10px;opacity:.7;margin-top:3px}#mobile-wrap .own-message .message-time{color:hsla(0,0%,100%,.88)}#mobile-wrap .other-message .message-time{color:#64748b}#mobile-wrap .message-wrapper.sending{opacity:.6}#mobile-wrap .sending-dots{display:flex;gap:4px;padding:3px 0}#mobile-wrap .sending-dots span{width:5px;height:5px;background:#fff;border-radius:50%;animation:mc-bounce 1.4s ease-in-out infinite}#mobile-wrap .sending-dots span:first-child{animation-delay:-.32s}#mobile-wrap .sending-dots span:nth-child(2){animation-delay:-.16s}@keyframes mc-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}#mobile-wrap .modern-chat-input{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:10px 12px;background:#fff;border-top:1px solid #e2e8f0;flex-shrink:0}#mobile-wrap .chat-input-field{flex:1 1;min-width:0;padding:10px 14px;border:1px solid #e2e8f0;border-radius:22px;font-size:16px;outline:none;background:#f8fafc;transition:border-color .2s ease,box-shadow .2s ease}#mobile-wrap .chat-input-field:focus{border-color:#7b9ff5;background:#fff;box-shadow:0 0 0 3px rgba(123,159,245,.12)}#mobile-wrap .chat-input-field:disabled{opacity:.5}#mobile-wrap .chat-send-btn{flex-shrink:0;width:40px;height:40px;background:linear-gradient(135deg,#7b9ff5,#9b7fed);color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(123,159,245,.3);-webkit-tap-highlight-color:rgba(0,0,0,0);transition:transform .15s ease,opacity .15s ease}#mobile-wrap .chat-send-btn:active:not(:disabled){transform:scale(.92)}#mobile-wrap .chat-send-btn:disabled{opacity:.45}#mobile-wrap .chat-send-btn.sending{background:linear-gradient(135deg,#94a3b8,#64748b)}#mobile-wrap .auth-warning,#mobile-wrap .connection-warning{width:100%;display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 14px;background:#fef3c7;color:#92400e;border-radius:10px;font-size:12px;font-weight:500}#mobile-wrap .auth-warning{background:#fee2e2;color:#991b1b}@media(max-width:480px){#mobile-wrap .mobile-chat-fab{right:14px;bottom:90px;width:50px;height:50px}#mobile-wrap .modern-chat-container{left:10px!important;right:10px!important;bottom:84px!important}#mobile-wrap .modern-chat-frame{width:100%;height:min(72vh,100vh - 156px);border-radius:12px}}#public-wrap .public-header .public-header-inner{gap:10px}#public-wrap .public-header .public-mobile-links{display:none}@media(max-width:768px){#public-wrap .public-header{position:-webkit-sticky;position:sticky;top:0;z-index:1200}#public-wrap .public-header .public-header-container{padding-left:12px;padding-right:12px}#public-wrap .public-header .public-header-inner{height:auto;padding:10px 0;flex-wrap:wrap;justify-content:space-between}#public-wrap .public-header .public-logo-link .MuiBox-root:first-of-type{font-size:16px!important}#public-wrap .public-header .public-cta-wrap .public-cta{padding:6px 10px!important;font-size:12px!important;gap:6px!important;border-radius:8px!important}#public-wrap .public-header .public-mobile-links{display:flex;width:100%;gap:8px}#public-wrap .public-header .public-mobile-links .public-mobile-link{flex:1 1;display:flex;align-items:center;justify-content:center;padding:8px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;color:#374151;font-size:12px;font-weight:700}#public-wrap .public-header .public-mobile-links .public-mobile-link span{line-height:1}#public-wrap .public-header .public-mobile-links .public-mobile-link.active{border-color:#667eea;background:#eef2ff;color:#667eea}#public-wrap .public-footer{padding-top:28px!important;padding-bottom:86px!important}#public-wrap .public-footer .public-footer-container{padding-left:12px;padding-right:12px}#public-wrap .public-footer .public-footer-top{gap:20px!important;padding-bottom:18px!important}#public-wrap .public-footer .public-footer-brand{max-width:100%!important;min-width:0!important}#public-wrap .public-footer .public-footer-links{gap:20px!important}#public-wrap .public-footer .public-footer-bottom{padding-top:16px!important;gap:10px!important}}#mobile-wrap{min-height:100vh;display:flex;flex-direction:column;background-color:#f9fafb;position:relative}#mobile-wrap #top{position:-webkit-sticky;position:sticky;top:0;z-index:999;background:#fff}#mobile-wrap #mobile-main-content{flex:1 1;overflow-y:auto;padding-bottom:90px;-webkit-overflow-scrolling:touch;background-color:#f9fafb}.mobile_bottom_nav{position:fixed;bottom:0;left:0;right:0;height:74px;background:hsla(0,0%,100%,.98);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid #e5e7eb;box-shadow:0 -4px 20px rgba(0,0,0,.08);display:flex;align-items:center;justify-content:space-around;z-index:1200;padding:0 8px}.mobile_bottom_nav .nav_item{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#6b7280;font-size:12px;font-weight:600;text-decoration:none;border:none;background:transparent;font-family:inherit;transition:all .25s ease;padding:8px 0}.mobile_bottom_nav .nav_item i.bi{font-size:30px;transition:all .25s ease}.mobile_bottom_nav .nav_item span{font-size:11px;letter-spacing:-.2px}.mobile_bottom_nav .nav_item:active{transform:scale(.92)}.mobile_bottom_nav .nav_item.active{color:#667eea}.mobile_bottom_nav .nav_item.active i.bi{color:#667eea;transform:scale(1.08)}.mobile_bottom_nav .nav_item.center_btn{margin-top:-34px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;width:74px;height:74px;border-radius:50%;box-shadow:0 10px 30px rgba(102,126,234,.45);z-index:10;padding:0!important;justify-content:center}.mobile_bottom_nav .nav_item.center_btn .create-plus-icon{font-size:38px;color:#fff;padding:4px;border-radius:12px;background:hsla(0,0%,100%,.14);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.22);transition:transform .25s ease,background .25s ease}.mobile_bottom_nav .nav_item.center_btn.active .create-plus-icon{transform:rotate(45deg);background:hsla(0,0%,100%,.2)}.mobile_bottom_nav .nav_item.center_btn span{display:none}.mobile_bottom_nav .nav_item.center_btn:active{transform:scale(.92);box-shadow:0 6px 20px rgba(102,126,234,.4)}#mobile-wrap #top .navbar .navbar-main{position:fixed;top:0;left:0;width:100%;min-height:60px;background-color:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 2px 8px rgba(0,0,0,.06);z-index:999}#mobile-wrap #top .navbar .navbar-main .container{width:100%;height:auto;padding:8px 16px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px}#mobile-wrap #top .navbar .navbar-main .container>a{width:auto;flex-shrink:0}#mobile-wrap #top .navbar .navbar-main .container .logo-section{display:flex;align-items:center;gap:8px;text-decoration:none;width:-moz-fit-content;width:fit-content}#mobile-wrap #top .navbar .navbar-main .container .logo-section .logo-box,#mobile-wrap #top .navbar .navbar-main .container .logo-section .logo-box svg{width:32px;height:32px}#mobile-wrap #top .navbar .navbar-main .container .logo-section .brand-name .brand-text{font-size:19px;font-weight:700;color:#1f2937;letter-spacing:-.4px}#mobile-wrap #top .navbar .navbar-main .container .actions-box{display:flex;align-items:center;justify-content:flex-end;gap:8px;width:auto}#mobile-wrap #top .navbar .navbar-main .container .actions-box .icons-section{display:flex;align-items:center;gap:8px}#mobile-wrap #top .navbar .navbar-main .container .actions-box .icons-section .icon-wrapper{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:10px;cursor:pointer;transition:all .2s ease}#mobile-wrap #top .navbar .navbar-main .container .actions-box .icons-section .icon-wrapper:active{background:#f3f4f6;transform:scale(.95)}#mobile-wrap #top .navbar .navbar-main .container .actions-box .icons-section .btn-lang{padding:6px 8px;border-radius:8px;min-width:auto}#mobile-wrap #top .navbar .navbar-main .container .actions-box .icons-section .btn-lang:active{background:#f3f4f6}#mobile-wrap #top .navbar .navbar-main .container .actions-box .icons-section .btn-lang .flag img{width:24px;height:17px;border-radius:3px}#mobile-wrap #top .navbar .navbar-main .container .actions-box .login-user{width:36px;height:36px;border-radius:50%;overflow:hidden;border:2px solid #e5e7eb;background:#f9fafb}#mobile-wrap #top .navbar .navbar-main .container .actions-box .login-user img{width:100%;height:100%;object-fit:cover}#mobile-wrap #top .navbar .navbar-main .container .actions-box .join-btn{padding:6px 18px;font-size:13px;border-radius:20px;white-space:nowrap}#mobile-wrap .home-page .content-wrapper{width:100%;min-height:100%}#mobile-wrap .home-page .main-feed-section{padding:76px 12px 16px;max-width:100%}@supports(padding:max(0px)){.mobile_bottom_nav{padding-bottom:max(8px,env(safe-area-inset-bottom));height:calc(68px + env(safe-area-inset-bottom))}}