@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@700&display=swap);:root{--primary:#111;--secondary:#f60;--secondary-hover:#ff8533;--bg:#0a0a0a;--bg-card:#161616;--bg-input:#1e1e1e;--border:#2a2a2a;--text:#f0f0f0;--text-muted:#888;--success:#22c55e;--danger:#ef4444;--warning:#f59e0b;--info:#3b82f6;--radius:8px;--shadow:0 4px 24px #0006}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#0a0a0a;background-color:var(--bg);color:#f0f0f0;color:var(--text);font-family:Inter,sans-serif;min-height:100vh}a{color:#f60;color:var(--secondary);text-decoration:none}a:hover{color:#ff8533;color:var(--secondary-hover)}button{cursor:pointer;font-family:Inter,sans-serif}input,select,textarea{background:#1e1e1e;background:var(--bg-input);border:1px solid #2a2a2a;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);color:#f0f0f0;color:var(--text);font-family:Inter,sans-serif;outline:none;padding:10px 14px;transition:border .2s;width:100%}input:focus,select:focus,textarea:focus{border-color:#f60;border-color:var(--secondary)}.btn,.btn-danger,.btn-outline,.btn-primary{align-items:center;border:1px solid #0000;border-radius:8px;border-radius:var(--radius);cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:10px 20px;text-decoration:none;transition:all .2s;white-space:nowrap}.btn-primary{background:#f60;border-color:#f60;border-color:var(--secondary);color:#fff}.btn-primary:hover{background:#ff8533;background:var(--secondary-hover);border-color:#ff8533;border-color:var(--secondary-hover);opacity:1}.btn-danger{background:#ef4444;background:var(--danger);border-color:#ef4444;border-color:var(--danger);color:#fff}.btn-outline{background:#ffffff0a;border:1px solid #2a2a2a;border:1px solid var(--border);color:#f0f0f0;color:var(--text)}.btn-outline:hover{background:#ffffff14;border-color:#f60;border-color:var(--secondary);color:#f60;color:var(--secondary)}.card{background:#161616;background:var(--bg-card);border:1px solid #2a2a2a;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);padding:24px}.badge{border-radius:999px;font-size:12px;font-weight:600;padding:4px 10px}.badge-success{background:#22c55e26;color:#22c55e;color:var(--success)}.badge-danger{background:#ef444426;color:#ef4444;color:var(--danger)}.badge-warning{background:#f59e0b26;color:#f59e0b;color:var(--warning)}.badge-info{background:#3b82f626;color:#3b82f6;color:var(--info)}.page-header{padding:32px 0 24px}.page-title{align-items:center;color:#f0f0f0;display:flex;font-family:Poppins,sans-serif;font-size:1.8rem;font-weight:700;gap:12px;margin:0 0 8px}.page-title svg{font-size:1.5rem}.page-subtitle{color:#888;font-size:.95rem;line-height:1.5;margin:0;max-width:600px}@media (max-width:768px){.page-header{padding:24px 0 20px}.page-title{font-size:1.5rem}}.container{margin:0 auto;max-width:1280px;padding:0 24px}@media (max-width:480px){.container{padding:0 16px}}.section-alt{border-bottom:1px solid #2a2a2a;border-top:1px solid #2a2a2a}.section-header{justify-content:space-between}.section-title{align-items:center;color:#f0f0f0;color:var(--text);display:flex;font-family:Poppins,sans-serif;font-size:1.4rem;font-weight:700;gap:10px;margin:0}.title-icon{color:#f60;color:var(--secondary);font-size:1rem}.chip{background:#ffffff0a;border:1px solid #2a2a2a;border:1px solid var(--border);border-radius:40px;color:#888;color:var(--text-muted);cursor:pointer;flex-shrink:0;font-family:Inter,sans-serif;font-size:.82rem;font-weight:500;padding:7px 16px;transition:background .2s,border-color .2s,color .2s;white-space:nowrap}.chip:hover{color:#f60;color:var(--secondary)}.chip.active,.chip:hover{border-color:#f60;border-color:var(--secondary)}.chip.active{background:#f60;background:var(--secondary);color:#fff}.breadcrumb-wrap{border-bottom:1px solid #2a2a2a;border-bottom:1px solid var(--border);padding:16px 0}.breadcrumb{align-items:center;display:flex;flex-wrap:wrap;font-size:.8rem;gap:8px}.breadcrumb,.breadcrumb a{color:#888;color:var(--text-muted)}.breadcrumb a{text-decoration:none;transition:color .2s}.breadcrumb a:hover{color:#f60;color:var(--secondary)}.breadcrumb span{color:#f0f0f0;color:var(--text)}.breadcrumb svg{font-size:.6rem;opacity:.6}.shimmer,.skeleton,.skeleton-line{animation:shimmer 1.8s infinite;background:#ffffff0f}.skeleton-line{border-radius:5px;height:14px}.w-60{width:60%}table{border-collapse:collapse;width:100%}td,th{border-bottom:1px solid #2a2a2a;border-bottom:1px solid var(--border);font-size:14px;padding:12px 16px;text-align:left}th{color:#888;color:var(--text-muted);font-weight:500}tr:hover td{background:#1e1e1e;background:var(--bg-input)}.admin-layout{display:flex}.admin-content{flex:1 1;margin-left:260px;min-height:100vh;padding:32px}.out-of-stock{animation:none!important;cursor:not-allowed!important;transition:none!important}.in-stock{color:#fff!important}.product-price{flex-wrap:wrap;margin:8px 0}.product-price .regular-price{color:#fff;font-size:1.1rem;font-weight:600}.product-price .sale-price{color:#e53e3e;font-size:1.2rem;font-weight:700}.product-price .original-price{color:#718096;font-size:.9rem;font-weight:400;margin-right:4px;text-decoration:line-through}.sale-badge{background:#e53e3e;border-radius:20px;color:#fff;font-size:.7rem;font-weight:600;margin-left:8px;padding:2px 8px}@media (max-width:640px){.product-price .sale-price{font-size:1rem}.product-price .original-price{font-size:.8rem}}.out-of-stock{color:#ef4444!important}.meta-tag.in-stock,.meta-tag.out-of-stock,span.in-stock,span.out-of-stock{align-items:center;border-radius:4px;display:inline-flex;font-size:.75rem;font-weight:600;gap:4px;padding:2px 8px}.meta-tag.in-stock,span.in-stock{background:#22c55e1a!important}.meta-tag.out-of-stock,span.out-of-stock{background:#ef44441a!important}.btn.out-of-stock,.cart-btn.out-of-stock,button.out-of-stock{background:#ef444414!important;border-color:#ef444433!important;color:#ef4444!important;opacity:.8}@media (max-width:768px){:root{--radius:8px}td,th{font-size:13px;padding:10px 12px}.admin-content{margin-left:0;padding:76px 16px 24px}}@media (max-width:480px){.admin-content{padding:72px 12px 20px}.btn{font-size:13px;padding:12px 18px}}.color-white{color:#fff!important}.color-white:hover{color:(#ff8533)!important;color:(var(--secondary-hover))!important}.App{min-height:100vh;width:100%}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74d3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-container-width:fit-content;--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset),env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset),env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset),env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset),env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-padding:14px;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-toast-shadow:0px 4px 12px #0000001a;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:0.2}.Toastify__toast-container{box-sizing:border-box;color:#fff;display:flex;flex-direction:column;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:fit-content;width:var(--toastify-container-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--top-center{align-items:center;left:50%;top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top);transform:translateX(-50%)}.Toastify__toast-container--top-right{align-items:end;right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--bottom-left{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{align-items:center;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{align-items:end;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right)}.Toastify__toast{--y:0px;align-items:center;border-radius:6px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;box-shadow:var(--toastify-toast-shadow);box-sizing:border-box;display:flex;flex:1 1 auto;font-family:sans-serif;font-family:var(--toastify-font-family);margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);padding:14px;padding:var(--toastify-toast-padding);position:relative;touch-action:none;width:320px;width:var(--toastify-toast-width);word-break:break-word;z-index:0}@media only screen and (max-width:480px){.Toastify__toast-container{left:env(safe-area-inset-left);margin:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:env(safe-area-inset-right)}.Toastify__toast{--toastify-toast-width:100%;border-radius:0;margin-bottom:0}}.Toastify__toast-container[data-stacked=true]{width:320px;width:var(--toastify-toast-width)}@media only screen and (max-width:480px){.Toastify__toast-container[data-stacked=true]{width:100vw}}.Toastify__toast--stacked{position:absolute;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s;width:100%}.Toastify__toast--stacked[data-collapsed] .Toastify__close-button,.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{bottom:100%;content:"";height:calc(var(--g)*1px);left:0;position:absolute;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{bottom:0;content:"";height:100%;left:0;position:absolute;right:0;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{display:flex;flex-shrink:0;margin-inline-end:10px;width:22px}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74d3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74d3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;position:absolute;right:6px;top:6px;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:auto}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:100%;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:1}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{border-bottom-left-radius:0;left:auto;right:0;transform-origin:right}.Toastify__progress-bar--wrp{border-bottom-left-radius:6px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:6px;border-bottom-right-radius:var(--toastify-toast-bd-radius);bottom:0;height:5px;left:0;overflow:hidden;position:absolute;width:100%}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{height:100%;opacity:.2;opacity:var(--toastify-color-progress-bgo);width:100%}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{opacity:1;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg)}to{opacity:0;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(-110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-duration:.3s;animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-duration:.3s;animation-name:Toastify__slideOutRight;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-duration:.3s;animation-name:Toastify__slideOutUp;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-duration:.3s;animation-name:Toastify__slideOutDown;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.home{font-family:Inter,sans-serif}.hero{height:420px;overflow:hidden;position:relative}.hero-bg,.hero-slide{inset:0;position:absolute}.hero-slide{background-position:50%;background-size:cover;opacity:0;transition:opacity .8s ease}.hero-slide.active{opacity:1}.hero-overlay{background:linear-gradient(90deg,#0a0a0ae0 0,#0a0a0a80 60%,#0a0a0a33);inset:0;position:absolute}.hero-container{align-items:center;display:flex;height:100%;justify-content:space-between;position:relative;z-index:2}.hero-content{display:flex;flex-direction:column;gap:14px;max-width:520px}.hero-title{animation:fadeUp .5s ease;color:#fff;font-family:Poppins,sans-serif;font-size:2.6rem;font-weight:700;letter-spacing:-.03em;line-height:1.1;margin:0}.highlight{color:var(--secondary)}.hero-subtitle{animation:fadeUp .5s ease .1s both;color:#ffffffb3;font-size:.95rem;line-height:1.5;margin:0}.hero-actions{animation:fadeUp .5s ease .2s both;display:flex;gap:10px}.hero-dots{bottom:24px;display:flex;gap:8px;left:24px;position:absolute}.dot{background:#ffffff4d;border:none;border-radius:50%;cursor:pointer;height:8px;transition:background .3s,width .3s;width:8px}.dot.active{background:var(--secondary);border-radius:4px;width:24px}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.categories-bar{padding:16px 0 8px}.categories-scroll{display:flex;gap:6px;overflow-x:auto;padding:2px 0;scrollbar-width:none}.categories-scroll::-webkit-scrollbar{display:none}.chip.skeleton{height:34px;pointer-events:none}.title-icon.deals{color:#ef4444}.title-icon.new{color:#22c55e}.header-right{display:flex;gap:6px}.scroll-arrow{align-items:center;background:#ffffff0f;border:1px solid var(--border);border-radius:8px;color:var(--text);cursor:pointer;display:flex;font-size:.75rem;height:34px;justify-content:center;transition:border-color .2s,color .2s;width:34px}.scroll-arrow:hover{border-color:var(--secondary);color:var(--secondary)}.view-all{align-items:center;color:var(--secondary);display:flex;font-size:.84rem;font-weight:600;gap:5px;text-decoration:none;transition:gap .2s}.view-all:hover{gap:9px}.view-all svg{font-size:.65rem}.section-alt{background:#ffffff05;border-bottom:1px solid var(--border);border-top:1px solid var(--border);margin-top:20px}.section,.section-alt{padding:48px 0}.products-scroll{display:flex;gap:14px;overflow-x:auto;padding:2px 0 6px;scrollbar-width:none}.products-scroll::-webkit-scrollbar{display:none}.empty{color:var(--text-muted);font-size:.9rem;grid-column:1/-1;padding:48px 0;text-align:center}.btn-primary:hover{background:var(--secondary);color:#000}@media (max-width:1024px){.hero{height:360px}.hero-title{font-size:2.1rem}.products-grid{gap:16px;grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.hero{height:320px}.hero-title{font-size:1.7rem}.hero-subtitle{font-size:.85rem}.products-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.section,.section-alt{padding:36px 0}}@media (max-width:480px){.hero{align-items:stretch;display:flex;height:auto;min-height:450px;padding:0}.hero-container{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:60px 16px 80px}.hero-content{align-items:center;gap:16px;max-width:100%;text-align:center}.hero-title{font-size:1.8rem;line-height:1.2}.hero-subtitle{font-size:.9rem;line-height:1.6;max-width:280px}.hero-actions{flex-direction:column;gap:10px;margin-top:8px;width:100%}.hero-overlay{background:#000000a6}.hero-dots{bottom:25px;left:50%;transform:translateX(-50%)}.products-grid{gap:10px;grid-template-columns:repeat(2,1fr)}}.badge-sale{background:#ef4444;border-radius:6px;color:#fff;font-size:.68rem;font-weight:700;left:8px;padding:3px 8px;position:absolute;top:8px;z-index:2}.product-card-actions{opacity:0;transform:translateX(6px);transition:opacity .2s,transform .2s}.product-card:hover .product-card-actions{opacity:1;transform:translateX(0)}.action-btn{text-decoration:none}.action-btn.active{background:var(--secondary);border-color:var(--secondary)}.product-card-body{gap:6px;padding:12px}.product-name{font-size:.88rem;line-height:1.3}.product-rating{gap:5px}.stars{font-size:.68rem}.rating-count{font-size:.72rem}.product-price{gap:6px}.price{font-size:1.05rem}.cart-btn,.compare-price{font-size:.8rem}.cart-btn{gap:7px;padding:9px}.cart-btn:hover:not(:disabled){background:var(--secondary);border-color:var(--secondary);color:#fff}.cart-btn:disabled{cursor:not-allowed;opacity:.6}.product-card-list{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;display:flex;overflow:hidden;transition:transform .2s,border-color .2s}.product-card-list:hover{border-color:#ffffff1f;transform:translateY(-2px)}.product-card-list-image{background:#ffffff05;flex-shrink:0;min-height:160px;overflow:hidden;position:relative;width:200px}.product-card-list-image img{height:100%;object-fit:cover;transition:transform .3s;width:100%}.product-card-list:hover .product-card-list-image img{transform:scale(1.04)}.product-card-list-body{display:flex;flex:1 1;gap:20px;justify-content:space-between;padding:16px}.product-card-list-info{display:flex;flex:1 1;flex-direction:column;gap:6px}.product-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-muted);display:-webkit-box;font-size:.82rem;line-height:1.5;margin:0;overflow:hidden}.product-card-list-actions{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:8px;width:180px}.product-card-list-actions .product-price{align-items:flex-end;flex-direction:column;gap:2px}.product-card-list-actions .cart-btn{width:100%}.products-scroll .product-card{flex-shrink:0;min-width:240px}@media (max-width:768px){.product-card-list{flex-direction:column}.product-card-list-image{height:200px;width:100%}.product-card-list-body{flex-direction:column;gap:12px}.product-card-list-actions{align-items:stretch;width:100%}.product-card-list-actions .product-price{align-items:baseline;flex-direction:row;gap:6px}}@media (max-width:480px){.product-card-actions{opacity:1;transform:translateX(0)}}.product-page{font-family:Inter,sans-serif}.pdp-main{padding:36px 0 48px}.pdp-grid{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:1fr 1fr}.pdp-gallery{display:flex;flex-direction:column;gap:10px}.pdp-main-image{aspect-ratio:1;background:#ffffff0a;border:1px solid var(--border);border-radius:14px;overflow:hidden;position:relative}.pdp-main-image img{height:100%;object-fit:cover;width:100%}.pdp-thumbs{display:flex;flex-wrap:wrap;gap:8px}.pdp-thumb{background:#ffffff0a;border:1px solid var(--border);border-radius:10px;cursor:pointer;height:72px;overflow:hidden;padding:0;width:72px}.pdp-thumb img{height:100%;object-fit:cover;width:100%}.pdp-thumb.active{border-color:var(--secondary)}.pdp-info{display:flex;flex-direction:column;gap:12px}.pdp-title{color:var(--text);font-family:Poppins,sans-serif;font-size:2rem;font-weight:700;line-height:1.15;margin:0}.pdp-price-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.pdp-price{color:var(--text);font-size:1.5rem;font-weight:800}.pdp-save{background:#ef44441f;border-radius:8px;color:#ef4444;font-size:.75rem;font-weight:700;gap:5px;padding:4px 8px}.pdp-save,.pdp-stock{align-items:center;display:inline-flex}.pdp-stock{font-size:.84rem;font-weight:600;gap:6px}.pdp-stock.in-stock{color:#22c55e}.pdp-stock.out-of-stock{color:#ef4444}.pdp-desc{color:var(--text-muted);font-size:.9rem;line-height:1.7;margin:0}.pdp-actions{gap:10px;margin-top:6px}.pdp-actions,.pdp-qty{align-items:center;display:flex}.pdp-qty{background:#ffffff0a;border:1px solid var(--border);border-radius:10px;overflow:hidden}.qty-btn{background:#0000;color:var(--text);height:42px;width:40px}.qty-btn:disabled{cursor:not-allowed;opacity:.4}.qty-value{width:42px}.pdp-cart-btn{flex:1 1;justify-content:center}.pdp-cart-btn:disabled{cursor:not-allowed;opacity:.5}.pdp-wish{background:#ffffff0f;border:1px solid var(--border);border-radius:10px;color:var(--text);cursor:pointer;height:44px;width:44px}.pdp-wish.active,.pdp-wish:hover{background:var(--secondary);border-color:var(--secondary);color:#fff}.pdp-details{background:#ffffff08;border:1px solid var(--border);border-radius:14px;padding:18px}.pdp-details p{color:var(--text-muted);font-size:.9rem;line-height:1.8;margin:0}.pdp-loading{padding:36px 0 48px}.pdp-empty,.pdp-loading-info{display:flex;flex-direction:column;gap:14px}.pdp-empty{align-items:center;padding:80px 0;text-align:center}@media (max-width:768px){.pdp-grid{grid-template-columns:1fr}.pdp-title{font-size:1.5rem}.pdp-actions{flex-wrap:wrap}}@media (max-width:480px){.pdp-main{padding:24px 0 36px}.pdp-title{font-size:1.3rem}.pdp-actions{align-items:stretch;flex-direction:column}.pdp-cart-btn,.pdp-qty,.pdp-wish{width:100%}.pdp-thumb{height:60px;width:60px}}.drawer-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000080;inset:0;opacity:0;position:fixed;transition:opacity .3s,visibility .3s;visibility:hidden;z-index:998}.drawer-overlay.active{opacity:1;visibility:visible}.drawer{background:#0a0a0a;background:var(--bg,#0a0a0a);border-right:1px solid var(--border);display:flex;flex-direction:column;height:100vh;left:0;max-width:100vw;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease;width:400px;z-index:999}.drawer.open{transform:translateX(0)}.drawer-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;padding:18px 20px}.drawer-header,.drawer-title{align-items:center;display:flex}.drawer-title{color:var(--text);font-family:Poppins,sans-serif;font-size:1.05rem;font-weight:700;gap:8px;margin:0}.drawer-title svg{color:var(--secondary);font-size:.9rem}.drawer-close{align-items:center;background:#ffffff0f;border:1px solid var(--border);border-radius:8px;color:var(--text);cursor:pointer;display:flex;font-size:.85rem;height:34px;justify-content:center;transition:border-color .2s,color .2s;width:34px}.drawer-close:hover{border-color:var(--secondary);color:var(--secondary)}.drawer-empty{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:10px;justify-content:center;padding:20px}.drawer-empty-icon{color:var(--text-muted);font-size:2rem;opacity:.3}.drawer-empty p{color:var(--text-muted);font-size:.88rem;margin:0}.drawer-items{display:flex;flex:1 1;flex-direction:column;gap:10px;overflow-y:auto;padding:14px 20px;scrollbar-color:#ffffff1a #0000;scrollbar-width:thin}.drawer-items::-webkit-scrollbar{width:4px}.drawer-items::-webkit-scrollbar-track{background:#0000}.drawer-items::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.drawer-item{background:#ffffff08;border:1px solid var(--border);border-radius:12px;display:flex;gap:12px;padding:12px;position:relative}.drawer-item-image{border:1px solid var(--border);border-radius:8px;flex-shrink:0;height:70px;overflow:hidden;width:70px}.drawer-item-image img{height:100%;object-fit:cover;width:100%}.drawer-item-info{display:flex;flex:1 1;flex-direction:column;gap:3px;min-width:0}.drawer-item-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text);display:-webkit-box;font-size:.82rem;font-weight:600;line-height:1.3;overflow:hidden;text-decoration:none}.drawer-item-name:hover{color:var(--secondary)}.drawer-item-price{color:var(--text-muted);font-size:.75rem}.drawer-item-bottom{align-items:center;display:flex;justify-content:space-between;margin-top:4px}.drawer-item-qty{border:1px solid var(--border);border-radius:6px;overflow:hidden}.dqty-btn,.drawer-item-qty{align-items:center;display:flex}.dqty-btn{background:#0000;border:none;color:var(--text);cursor:pointer;font-size:.6rem;height:26px;justify-content:center;transition:background .2s;width:26px}.dqty-btn:hover:not(:disabled){background:#ffffff14}.dqty-btn:disabled{cursor:not-allowed;opacity:.3}.dqty-value{border-left:1px solid var(--border);border-right:1px solid var(--border);color:var(--text);font-size:.75rem;font-weight:600;line-height:26px;text-align:center;width:28px}.drawer-item-total{color:var(--text);font-size:.85rem;font-weight:700}.drawer-item-remove{align-items:center;background:#ef444414;border:none;border-radius:6px;color:#ef4444;cursor:pointer;display:flex;font-size:.6rem;height:24px;justify-content:center;opacity:0;position:absolute;right:10px;top:10px;transition:opacity .2s,background .2s;width:24px}.drawer-item:hover .drawer-item-remove{opacity:1}.drawer-item-remove:hover{background:#ef44442e}.drawer-footer{border-top:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;gap:12px;padding:16px 20px 20px}.drawer-clear{align-self:flex-start;background:none;border:none;color:#ef4444;cursor:pointer;font-family:Inter,sans-serif;font-size:.75rem;font-weight:600;opacity:.7;padding:0;transition:opacity .2s}.drawer-clear:hover{opacity:1}.drawer-discount{display:flex;flex-direction:column;gap:6px}.discount-form{display:flex;gap:8px}.discount-input-wrap{align-items:center;display:flex;flex:1 1;position:relative}.discount-icon{color:var(--text-muted);font-size:.72rem;left:10px;position:absolute}.discount-input{background:#ffffff0a;border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:Inter,sans-serif;font-size:.8rem;font-weight:600;letter-spacing:.05em;outline:none;padding:10px 10px 10px 32px;text-transform:uppercase;transition:border-color .2s;width:100%}.discount-input::placeholder{color:var(--text-muted);font-weight:500;letter-spacing:normal;text-transform:none}.discount-input:focus{border-color:var(--secondary)}.discount-btn{background:var(--secondary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:.8rem;font-weight:600;padding:0 16px;transition:opacity .2s;white-space:nowrap}.discount-btn:hover:not(:disabled){opacity:.9}.discount-btn:disabled{cursor:not-allowed;opacity:.5}.discount-applied{align-items:center;background:#22c55e14;border:1px solid #22c55e33;border-radius:8px;display:flex;justify-content:space-between;padding:10px 12px}.discount-info{align-items:center;color:#22c55e;display:flex;font-size:.82rem;font-weight:600;gap:8px}.discount-info svg{font-size:.75rem}.discount-code{font-weight:700;letter-spacing:.05em}.discount-value{color:#22c55e;font-weight:700}.discount-remove{align-items:center;background:#ef44441a;border:none;border-radius:6px;color:#ef4444;cursor:pointer;display:flex;font-size:.65rem;height:24px;justify-content:center;transition:background .2s;width:24px}.discount-remove:hover{background:#ef444433}.discount-error{color:#ef4444;font-size:.75rem;padding-left:4px}.drawer-summary{display:flex;flex-direction:column;gap:8px}.drawer-row{color:var(--text-muted);display:flex;font-size:.84rem;justify-content:space-between}.drawer-row-discount{color:#22c55e}.drawer-total{color:var(--text);font-size:1rem;font-weight:700}.drawer-divider{background:var(--border);height:1px}.drawer-checkout{align-items:center;background:var(--secondary);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:.88rem;font-weight:600;gap:8px;justify-content:center;padding:12px;transition:opacity .2s;width:100%}.drawer-checkout:hover{opacity:.9}.drawer-continue{background:none;border:none;color:var(--secondary);cursor:pointer;font-family:Inter,sans-serif;font-size:.82rem;font-weight:600;padding:0;text-align:center;transition:opacity .2s}.drawer-continue:hover{opacity:.8}@media (max-width:480px){.drawer{width:100vw}.drawer-item-remove{opacity:1}}.auth-container{max-width:620px}.auth-card{padding:48px 64px}.form-row.two-col{display:flex;flex-direction:row;gap:16px}.form-row.two-col .input-group{flex:1 1}.input-icon{z-index:10}.input-group input.read-only-input{background:#ffffff08;border-color:var(--border);color:var(--text-muted);cursor:not-allowed;opacity:.7;-webkit-user-select:none;user-select:none}.input-group input.read-only-input:focus{border-color:var(--border);box-shadow:none}.auth-footer{margin-top:32px}@media (max-width:640px){.auth-page{align-items:flex-start;padding:0}.auth-card{background:#0000;border:none;border-radius:0;box-shadow:none;padding:32px 24px}.form-row.two-col{flex-direction:column;gap:20px}}.auth-page{background:var(--bg);box-sizing:border-box;min-height:100vh;padding:40px 24px}.auth-container,.auth-page{align-items:center;display:flex;justify-content:center}.auth-container{max-width:440px;width:100%}.auth-card{background:var(--bg-card);border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow);box-sizing:border-box;padding:48px;width:100%}.auth-logo{margin-bottom:24px;text-align:center}.auth-logo a{color:var(--secondary);font-family:Poppins,sans-serif;font-size:1.8rem;font-weight:700;letter-spacing:-.03em;text-decoration:none;transition:opacity .2s ease}.auth-logo a:hover{opacity:.8}.auth-title{color:var(--text);font-family:Poppins,sans-serif;font-size:1.6rem;font-weight:700;margin:0 0 8px;text-align:center}.auth-subtitle{color:var(--text-muted);font-size:.9rem;line-height:1.5;margin-bottom:32px;text-align:center}.auth-form{display:flex;flex-direction:column;gap:20px;width:100%}.input-group{position:relative;width:100%}.input-icon{color:var(--text-muted);font-size:.95rem;left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.input-group input{background:var(--bg-input);border:1px solid var(--border);border-radius:14px;box-sizing:border-box;color:var(--text);font-family:Inter,sans-serif;font-size:.95rem;padding:14px 16px 14px 48px;transition:all .25s ease;width:100%}.input-group input:focus{background:#ff660005;border-color:var(--secondary);box-shadow:0 0 0 4px #ff66001a;outline:none}.turnstile-wrap{margin:4px 0 8px;overflow:visible}.turnstile-box,.turnstile-wrap,.turnstile-wrap .cf-turnstile{align-items:center;display:flex;justify-content:center;width:100%}.turnstile-box,.turnstile-wrap .cf-turnstile{min-height:65px}.turnstile-wrap iframe{display:block;margin:0 auto}.auth-btn{align-items:center;background:var(--secondary);border:none;border-radius:14px;color:#fff;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:1rem;font-weight:700;gap:12px;justify-content:center;margin-top:10px;padding:16px;transition:all .3s ease;width:100%}.auth-btn:hover{background:var(--secondary-hover);box-shadow:0 8px 20px #f603;transform:translateY(-2px)}.auth-btn:active{transform:translateY(0)}.auth-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.auth-footer{color:var(--text-muted);font-size:.95rem;margin-top:24px;text-align:center}.auth-footer a{color:var(--secondary);font-weight:700;margin-left:4px;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.auth-message{border-radius:14px;font-size:.9rem;font-weight:600;margin-bottom:24px;padding:16px;text-align:center}.auth-message.error{background:#ef44441a;border:1px solid #ef444433;color:#f87171}.auth-message.success{background:#22c55e1a;border:1px solid #22c55e33;color:#4ade80}@media (max-width:480px){.auth-page{align-items:center;padding:20px 16px}.auth-container{max-width:100%}.auth-card{border-radius:20px;padding:32px 24px}.auth-title{font-size:1.4rem}.auth-subtitle{margin-bottom:24px}}.verify-container{max-width:480px}.verify-card{text-align:center}.verify-icon{font-size:3.5rem;margin-bottom:16px}.verify-icon.success{color:#22c55e}.verify-icon.error{color:#ef4444}.verify-icon.info,.verify-icon.loading{color:var(--secondary)}.resend-section{border-top:1px solid var(--border);margin-top:24px;padding-top:20px}.resend-section p{color:var(--text-muted);font-size:.9rem;margin-bottom:16px}.resend-form{display:flex;flex-direction:column;gap:12px}.resend-form input{background:#ffffff0a;border:1px solid var(--border);border-radius:12px;color:var(--text);font-family:Inter,sans-serif;padding:12px 16px}.resend-form input:focus{border-color:var(--secondary);outline:none}.resend-form button{background:var(--secondary);border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;padding:12px;transition:opacity .2s}.resend-form button:hover{opacity:.9}.resend-form button:disabled{cursor:not-allowed;opacity:.6}.resend-message{color:var(--secondary);font-size:.85rem;margin-top:12px}.auth-link{color:var(--secondary);display:inline-block;font-weight:500;margin-top:20px;text-decoration:none}.auth-link:hover{text-decoration:underline}.products-page{font-family:Inter,sans-serif}.products-toolbar{align-items:center;border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.category-chips{align-items:center;display:flex;flex:1 1;gap:6px;min-width:0;overflow-x:auto;scrollbar-width:none}.category-chips::-webkit-scrollbar{display:none}.toolbar-right{align-items:center;display:flex;flex-shrink:0;gap:8px}.search-input-wrapper{position:relative}.search-icon{color:var(--text-muted);font-size:.72rem;left:10px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-input{background:#ffffff0a;border:1px solid var(--border);border-radius:8px;box-sizing:border-box;color:var(--text);font-family:Inter,sans-serif;font-size:.82rem;outline:none;padding:8px 30px;transition:border-color .2s,width .3s;width:180px}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{border-color:var(--secondary);width:220px}.search-clear{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.7rem;padding:4px;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.search-clear,.sort-wrapper{align-items:center;display:flex}.sort-wrapper{position:relative}.sort-icon{color:var(--text-muted);font-size:.72rem;left:10px;pointer-events:none;position:absolute}.sort-select{appearance:none;-webkit-appearance:none;background:#ffffff0a;border:1px solid var(--border);border-radius:8px;color:var(--text);cursor:pointer;font-family:Inter,sans-serif;font-size:.82rem;min-width:160px;outline:none;padding:8px 14px 8px 30px;transition:border-color .2s}.sort-select:focus{border-color:var(--secondary)}.sort-select option{background:#1a1a1a;background:var(--bg,#1a1a1a);color:var(--text)}.view-toggles{border:1px solid var(--border);border-radius:8px;display:flex;overflow:hidden}.view-btn{align-items:center;background:#ffffff0a;border:none;color:var(--text-muted);cursor:pointer;display:flex;font-size:.78rem;height:34px;justify-content:center;transition:background .2s,color .2s;width:36px}.view-btn+.view-btn{border-left:1px solid var(--border)}.view-btn.active{background:var(--secondary);color:#fff}.view-btn:hover:not(.active){color:var(--text)}.products-grid{grid-gap:14px;gap:14px;grid-template-columns:repeat(4,1fr)}.products-list-view{display:flex;flex-direction:column;gap:12px}.empty-state{gap:12px;padding:64px 24px}.empty-icon{font-size:2.5rem}.empty-state h3{font-family:Poppins,sans-serif;font-size:1.2rem}.empty-state p{font-size:.88rem;max-width:360px}.pagination{border-top:1px solid var(--border);gap:4px;margin-top:32px;padding:24px 0 48px}.page-btn,.pagination{align-items:center;display:flex;justify-content:center}.page-btn{background:#ffffff0a;border:1px solid var(--border);border-radius:8px;color:var(--text);cursor:pointer;font-family:Inter,sans-serif;font-size:.82rem;font-weight:600;height:36px;min-width:36px;padding:0 8px;transition:background .2s,border-color .2s,color .2s}.page-btn:hover:not(:disabled):not(.active){border-color:var(--secondary);color:var(--secondary)}.page-btn.active{background:var(--secondary);border-color:var(--secondary);color:#fff}.page-btn:disabled{cursor:not-allowed;opacity:.3}.page-btn svg{font-size:.65rem}.page-ellipsis{align-items:center;color:var(--text-muted);display:flex;font-size:.82rem;height:36px;justify-content:center;min-width:36px}@media (max-width:1200px){.products-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:1024px){.products-grid{grid-template-columns:repeat(3,1fr)}.search-input{width:150px}.search-input:focus{width:180px}.sort-select{min-width:140px}}@media (max-width:768px){.page-title{font-size:1.4rem}.products-toolbar{align-items:stretch;flex-direction:column;gap:10px}.category-chips{width:100%}.toolbar-right{justify-content:space-between;width:100%}.search-input{width:140px}.search-input:focus{width:160px}.products-grid{gap:10px;grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.products-grid{gap:8px;grid-template-columns:repeat(2,1fr)}.toolbar-right{flex-wrap:wrap;gap:6px}.search-input,.search-input:focus{width:100%}.search-input-wrapper{flex:1 1}.sort-select{flex:1 1;min-width:0}}.categories-page{background-color:var(--bg);font-family:Inter,sans-serif;min-height:100vh}.categories-grid-section{padding:20px 0 60px}.categories-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.category-card{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;display:flex;flex-direction:column;height:100%;overflow:hidden;text-decoration:none;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.category-card:hover{border-color:var(--secondary);box-shadow:0 12px 40px #0006;transform:translateY(-6px)}.category-card-image{align-items:center;background:#ffffff08;display:flex;height:200px;justify-content:center;overflow:hidden;position:relative;width:100%}.category-card-image img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.category-card:hover .category-card-image img{transform:scale(1.1)}.category-icon-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0006;border:1px solid #fff3;border-radius:50%;color:#fff;display:flex;font-size:1.5rem;height:60px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:60px;z-index:2}.category-card:hover .category-icon-overlay{background:var(--secondary);border-color:var(--secondary);color:#000;transform:translate(-50%,-50%) scale(1.1)}.category-card-content{display:flex;flex:1 1;flex-direction:column;gap:12px;padding:24px}.category-name{color:var(--text);font-family:Poppins,sans-serif;font-size:1.25rem;font-weight:700;margin:0}.category-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-muted);display:-webkit-box;font-size:.9rem;line-height:1.5;margin:0;overflow:hidden}.category-card-footer{align-items:center;border-top:1px solid #ffffff0d;display:flex;justify-content:space-between;margin-top:auto;padding-top:16px}.category-count{color:var(--secondary);font-size:.85rem;font-weight:600;margin:0}.category-link{align-items:center;color:var(--text);display:inline-flex;font-size:.85rem;font-weight:700;gap:6px;transition:gap .2s ease,color .2s ease}.category-card:hover .category-link{color:var(--secondary);gap:10px}.category-link svg{font-size:.75rem}.category-card.skeleton{pointer-events:none}.category-card.skeleton .category-card-image,.category-card.skeleton .skeleton-line{background:#ffffff0d;border-color:#0000}@media (max-width:1024px){.categories-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.categories-grid{gap:16px}.category-card-image{height:160px}.category-card-content{padding:20px}.category-name{font-size:1.15rem}}@media (max-width:480px){.categories-grid{grid-template-columns:1fr}}.wishlist-page{background-color:var(--bg);min-height:100vh;padding-bottom:80px}.pdp-breadcrumb-wrap{border-bottom:1px solid var(--border);padding:16px 0}.pdp-breadcrumb{align-items:center;color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:.8rem;gap:8px}.pdp-breadcrumb a{color:var(--text-muted);text-decoration:none;transition:color .2s}.pdp-breadcrumb a:hover{color:var(--secondary)}.pdp-breadcrumb span{color:var(--text)}.pdp-breadcrumb svg{font-size:.6rem;opacity:.6}.page-header{background:var(--bg-card);border-bottom:1px solid var(--border);margin-bottom:40px;padding:40px 0}.page-title{color:var(--text);font-size:2.5rem;font-weight:800;margin-bottom:8px}.page-subtitle{color:var(--text-muted);font-size:1.1rem}.empty-state{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);padding:80px 20px}.empty-icon{color:var(--border);font-size:4rem;margin-bottom:24px}.empty-state h3{font-size:1.5rem;font-weight:700;margin-bottom:12px}.empty-state p{margin-bottom:32px}.products-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.product-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;display:flex;flex-direction:column;overflow:hidden;transition:transform .2s,border-color .2s}.product-card:hover{border-color:#ffffff1f;transform:translateY(-3px)}.product-card-image{aspect-ratio:1;background:#ffffff05;display:block;overflow:hidden;position:relative}.product-card-image img{height:100%;object-fit:cover;transition:transform .3s;width:100%}.product-card:hover .product-card-image img{transform:scale(1.04)}.product-card-actions{display:flex;flex-direction:column;gap:4px;position:absolute;right:8px;top:8px;z-index:2}.action-btn{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#161616b3;border:1px solid #ffffff1a;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.75rem;height:32px;justify-content:center;transition:background .2s;width:32px}.action-btn:hover{background:var(--secondary);border-color:var(--secondary)}.remove-btn{color:var(--danger)!important}.remove-btn:hover{background:var(--danger)!important;color:#fff!important}.product-card-body{display:flex;flex:1 1;flex-direction:column;gap:8px;padding:16px}.product-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text);display:-webkit-box;font-size:.95rem;font-weight:600;line-height:1.4;overflow:hidden;text-decoration:none;transition:color .2s}.product-name:hover{color:var(--secondary)}.product-rating{align-items:center;display:flex;gap:6px}.stars{color:#f59e0b;display:flex;font-size:.75rem;gap:1px}.rating-count{color:var(--text-muted);font-size:.75rem}.product-price{align-items:baseline;display:flex;gap:8px;margin-top:auto}.price{color:var(--text);font-size:1.15rem;font-weight:700}.compare-price{color:var(--text-muted);font-size:.85rem;text-decoration:line-through}.cart-btn{align-items:center;background:#ffffff0f;border:1px solid var(--border);border-radius:8px;color:var(--text);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;gap:8px;justify-content:center;margin-top:8px;padding:10px;transition:background .2s,border-color .2s,color .2s;width:100%}.cart-btn:hover{background:var(--secondary);border-color:var(--secondary);color:#000}.wishlist-page .shimmer,.wishlist-page .skeleton .product-card-image,.wishlist-page .skeleton-line{animation:shimmer 1.8s infinite;background:#ffffff0f}.wishlist-page .skeleton-line{border-radius:5px;height:14px}.w-80{width:80%}.w-50{width:50%}.w-40{width:40%}.w-full{width:100%}.h-38{height:36px}@media (max-width:768px){.products-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.page-title{font-size:1.8rem}}@media (max-width:480px){.products-grid{gap:8px;grid-template-columns:repeat(2,1fr)}.product-card-body{padding:10px}.product-name{font-size:.85rem}.price{font-size:1rem}}.settings-page{background-color:var(--bg);min-height:100vh;padding-bottom:80px}.settings-container{align-items:flex-start;display:flex;gap:40px;margin-top:40px}@media (max-width:992px){.settings-container{flex-direction:column}}.settings-sidebar{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);flex:0 0 300px;height:fit-content;padding:30px}@media (max-width:992px){.settings-sidebar{flex:none;width:100%}}.user-profile-preview{border-bottom:1px solid var(--border);margin-bottom:30px;padding-bottom:30px;text-align:center}.profile-avatar-large{align-items:center;background:var(--secondary);border-radius:50%;color:#000;display:flex;font-size:2.5rem;font-weight:700;height:100px;justify-content:center;margin:0 auto 20px;position:relative;width:100px}.user-info-basic h3{color:var(--text);font-size:1.25rem;font-weight:700;margin-bottom:4px}.user-info-basic p{color:var(--text-muted);font-size:.9rem;word-break:break-word}.settings-nav{display:flex;flex-direction:column;gap:8px}.settings-nav-item{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-muted);cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:12px;padding:12px 16px;text-align:left;transition:all .2s}.settings-nav-item:hover{background:#ffffff0d;color:var(--text)}.settings-nav-item.active{background:var(--secondary);color:#000}.nav-icon{width:20px}.settings-content{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);flex:1 1;min-width:0;padding:40px}.settings-section h2{color:var(--text);font-size:1.75rem;font-weight:800;margin-bottom:12px}.section-desc{color:var(--text-muted);margin-bottom:40px}.form-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:40px}@media (max-width:640px){.form-grid{grid-template-columns:1fr}}.form-group{gap:8px;min-width:0}.form-group label{font-size:.9rem}.form-group input{background:var(--bg-input);border-radius:8px;box-sizing:border-box;font-size:1rem;padding:12px 16px;transition:all .2s;width:100%}.form-group input::placeholder{color:var(--text-muted)}.form-group input:focus{box-shadow:0 0 0 2px #ff66001a}.form-group input.read-only-input{background:#ffffff08;border-color:var(--border);color:var(--text-muted);cursor:not-allowed}.form-group.full-width{grid-column:span 2}@media (max-width:640px){.form-group.full-width{grid-column:span 1}}.btn-primary{background:var(--secondary);border:none;border-radius:8px;color:#000;cursor:pointer;font-size:1rem;font-weight:600;padding:14px 28px;transition:all .2s}.btn-primary:hover:not(:disabled){background:var(--secondary-hover);transform:translateY(-1px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.message-alert{align-items:center;border-radius:8px;display:flex;font-weight:500;gap:12px;margin-bottom:30px;padding:16px}.message-alert.success{background:#22c55e26;border:1px solid var(--success);color:var(--success)}.message-alert.error{background:#ef444426;border:1px solid var(--danger);color:var(--danger)}.coming-soon{padding:60px 0;text-align:center}.soon-icon{color:var(--border);font-size:4rem;margin-bottom:24px}@media (max-width:640px){.settings-content{padding:24px}}.notifications-section{padding:0}.notifications-header-actions{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1rem}.notifications-header-actions h2{margin-bottom:.25rem}.mark-all-read-btn{align-items:center;background:var(--secondary);border:none;border-radius:40px;color:#fff;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:500;gap:.6rem;padding:.5rem 1.2rem;transition:opacity .2s,transform .1s}.mark-all-read-btn:hover:not(:disabled){opacity:.85;transform:translateY(-1px)}.mark-all-read-btn:active{transform:translateY(0)}.mark-all-read-btn:disabled{cursor:not-allowed;opacity:.6}.notifications-list-page{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;margin-top:1rem;overflow:hidden}.notification-item-page{align-items:flex-start;border-bottom:1px solid var(--border);display:flex;gap:1rem;padding:1.2rem 1.5rem;transition:background .2s}.notification-item-page:last-child{border-bottom:none}.notification-item-page.unread{background:#ffffff05;border-left:3px solid var(--secondary)}.notification-icon-page{align-items:center;background:#ffffff0d;border-radius:50%;color:var(--secondary);display:flex;flex-shrink:0;font-size:1.2rem;height:36px;justify-content:center;margin-top:.2rem;width:36px}.notification-content-page{flex:1 1}.notification-title-page{color:var(--text);display:block;font-size:.95rem;font-weight:700;margin-bottom:.3rem}.notification-message-page{color:var(--text-muted);font-size:.9rem;line-height:1.45;margin:0 0 .4rem}.notification-time-page{color:var(--text-muted);font-size:.7rem;opacity:.7}.mark-read-btn{align-items:center;background:#0000;border:1px solid var(--secondary);border-radius:40px;color:var(--secondary);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.75rem;font-weight:500;gap:.4rem;padding:.3rem 1rem;transition:all .2s}.mark-read-btn:hover:not(:disabled){background:var(--secondary);color:#fff}.mark-read-btn:disabled{cursor:not-allowed;opacity:.5}.notifications-loading{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;gap:.8rem;padding:3rem;text-align:center}.notifications-loading svg{font-size:1.8rem}.notifications-empty-state{border:1px dashed var(--border);border-radius:20px;color:var(--text-muted);margin-top:1rem;padding:3rem 1rem;text-align:center}.notifications-empty-state svg{font-size:2.5rem;margin-bottom:1rem;opacity:.5}.notifications-empty-state p{font-size:1rem;font-weight:500;margin:0 0 .25rem}@media (max-width:768px){.notification-item-page{padding:1rem}.notification-icon-page{font-size:1rem;height:32px;width:32px}.notification-title-page{font-size:.85rem}.notification-message-page{font-size:.8rem}.mark-read-btn{font-size:.7rem;padding:.2rem .8rem}.mark-all-read-btn{font-size:.75rem;padding:.4rem 1rem}}.settings-card{background:var(--bg-input);border:1px solid var(--border);border-radius:12px;margin-top:24px;padding:24px}.settings-card h3{color:var(--text);font-size:1.1rem;font-weight:700;margin-bottom:8px}.card-desc{color:var(--text-muted);font-size:.9rem;line-height:1.5;margin-bottom:24px}.form-row{display:flex;gap:24px;margin-bottom:24px}.form-row.two-col>.form-group{flex:1 1}@media (max-width:640px){.form-row.two-col{flex-direction:column;gap:16px}}.checkout-page{background:#0a0a0a;background:var(--bg-primary,#0a0a0a);min-height:100vh;padding:40px 24px}.checkout-container{margin:0 auto;max-width:1100px}.checkout-header{margin-bottom:32px}.back-link{font-size:.9rem;margin-bottom:12px}.checkout-title{color:var(--text);font-family:Poppins,sans-serif;font-size:2.2rem;font-weight:700;margin:0}.checkout-content{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1.5fr 1fr}.checkout-main{display:flex;flex-direction:column;gap:24px}.checkout-section{background:#ffffff0a;background:var(--bg-card,#ffffff0a);border:1px solid var(--border);border-radius:16px;padding:24px}.section-header{align-items:center;display:flex;gap:12px;margin-bottom:20px}.section-icon{color:var(--secondary);font-size:1.2rem}.section-header h2{font-size:1.2rem;font-weight:600;margin:0}.checkout-items{display:flex;flex-direction:column;gap:16px}.checkout-item{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding-bottom:16px}.checkout-item:last-child{border-bottom:none;padding-bottom:0}.item-main{align-items:center;display:flex;gap:12px}.item-image{flex-shrink:0;height:60px;width:60px}.item-image img{border:1px solid var(--border);border-radius:8px;height:100%;object-fit:cover;width:100%}.item-details{display:flex;flex-direction:column;gap:4px}.item-name{color:var(--text);font-size:.95rem;font-weight:600;text-decoration:none}.item-name:hover{color:var(--secondary)}.item-unit-price{color:var(--text-muted);font-size:.85rem}.item-actions{gap:24px}.item-actions,.qty-controls{align-items:center;display:flex}.qty-controls{background:#ffffff0d;border:1px solid var(--border);border-radius:8px;gap:12px;padding:4px 8px}.qty-btn{align-items:center;background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;font-size:.8rem;height:24px;justify-content:center;transition:color .2s;width:24px}.qty-btn:hover{color:var(--secondary)}.qty-value{font-size:.9rem;min-width:20px;text-align:center}.item-total-price,.qty-value{color:var(--text);font-weight:600}.item-total-price{font-size:1rem;min-width:80px;text-align:right}.address-form{display:flex;flex-direction:column;gap:16px}.form-group label{color:var(--text-muted);font-size:.85rem;font-weight:500}.form-group input{background:#ffffff08;border:1px solid var(--border);border-radius:10px;color:var(--text);font-family:Inter,sans-serif;font-size:.95rem;padding:12px;transition:border-color .2s}.form-group input:focus{border-color:var(--secondary);outline:none}.read-only-input{background:#ffffff05!important;border-color:var(--border)!important;color:var(--text-muted)!important;cursor:not-allowed!important;-webkit-user-select:none;user-select:none}.address-readonly-note{align-items:flex-start;background:#63b3ed14;background:rgba(var(--secondary-rgb,99,179,237),.08);border:1px solid #63b3ed33;border:1px solid rgba(var(--secondary-rgb,99,179,237),.2);border-radius:10px;color:var(--text-muted);display:flex;font-size:.85rem;gap:10px;line-height:1.5;margin-bottom:20px;padding:12px 16px}.note-icon{flex-shrink:0;font-size:1rem;margin-top:2px}.note-icon,.note-link{color:var(--secondary)}.note-link{font-weight:600;text-decoration:underline;text-underline-offset:3px;transition:opacity .2s}.note-link:hover{opacity:.8}.form-row{grid-gap:16px;gap:16px}.payment-info{color:var(--text-muted)}.stripe-badge{align-items:center;background:#6772e51a;border:1px solid #6772e533;border-radius:10px;color:#6772e5;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;margin-top:16px;padding:10px 16px}.checkout-sidebar{height:fit-content;position:sticky;top:100px}.order-summary-card{background:#ffffff0a;background:var(--bg-card,#ffffff0a);border:1px solid var(--border);border-radius:16px;padding:24px}.order-summary-card h3{font-size:1.2rem;font-weight:600;margin:0 0 20px}.summary-items{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.summary-item{align-items:center;display:flex;gap:12px}.summary-item-img{flex-shrink:0;height:60px;position:relative;width:60px}.summary-item-img img{border:1px solid var(--border);border-radius:8px;height:100%;object-fit:cover;width:100%}.summary-item-qty{align-items:center;background:var(--secondary);border-radius:50%;color:#fff;display:flex;font-size:.75rem;font-weight:600;height:20px;justify-content:center;position:absolute;right:-8px;top:-8px;width:20px}.summary-item-info{display:flex;flex:1 1;gap:12px;justify-content:space-between}.summary-item-name{color:var(--text);font-size:.9rem;font-weight:500}.summary-item-price{color:var(--text);font-size:.9rem;font-weight:600}.summary-divider{background:var(--border);height:1px;margin:16px 0}.summary-details{display:flex;flex-direction:column;gap:12px}.summary-row{color:var(--text-muted);display:flex;font-size:.95rem;justify-content:space-between}.summary-row.discount{color:#4ade80}.summary-row.total{color:var(--text);font-size:1.2rem;font-weight:700;margin-top:4px}.place-order-btn{align-items:center;background:var(--secondary);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:12px;justify-content:center;margin-top:24px;padding:16px;transition:opacity .2s;width:100%}.place-order-btn:hover{opacity:.9}.place-order-btn:disabled{cursor:not-allowed;opacity:.6}.checkout-error{background:#ef44441a;border:1px solid #ef444433;border-radius:8px;color:#f87171;font-size:.85rem;padding:12px}.checkout-error,.checkout-note{margin-top:16px;text-align:center}.checkout-note{color:var(--text-muted);font-size:.75rem;line-height:1.4}@media (max-width:900px){.checkout-content{grid-template-columns:1fr}.checkout-sidebar{position:static}}@media (max-width:600px){.checkout-page{padding:24px 16px}.form-row{grid-template-columns:1fr}.checkout-title{font-size:1.8rem}.checkout-item{align-items:flex-start;flex-direction:column;gap:16px}.item-actions{justify-content:space-between;width:100%}.qty-controls{padding:6px 12px}}.orders-page{min-height:80vh;padding:40px 0 60px}.orders-loading{display:flex;flex-direction:column;gap:18px}.orders-skeleton{animation:ordersShimmer 1.5s infinite;background:linear-gradient(90deg,#ffffff08 25%,#ffffff0f 50%,#ffffff08 75%);background-size:200% 100%;border:1px solid var(--border);border-radius:18px}.orders-skeleton-hero{height:180px}.orders-skeleton-toolbar{height:72px}.orders-skeleton-card{height:220px}@keyframes ordersShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.orders-hero{background:#ffffff0a;background:var(--bg-card,#ffffff0a);border:1px solid var(--border);border-radius:22px;padding:28px}.orders-hero,.orders-title-wrap{margin-bottom:24px}.orders-title{color:var(--text);font-family:Poppins,sans-serif;font-size:2.1rem;font-weight:700;letter-spacing:-.5px;margin:0 0 8px}.orders-subtitle{color:var(--text-muted);font-size:.98rem;margin:0}.orders-stats{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}.orders-stat-card{align-items:center;background:#ffffff08;border:1px solid var(--border);border-radius:16px;display:flex;gap:14px;padding:16px}.orders-stat-icon{align-items:center;background:#ffffff0f;border-radius:12px;color:var(--secondary);display:flex;flex-shrink:0;font-size:1rem;height:42px;justify-content:center;width:42px}.orders-stat-icon.pending{background:#f59e0b1f;color:#f59e0b}.orders-stat-icon.success{background:#10b9811f;color:#10b981}.orders-stat-icon.danger{background:#ef44441f;color:#ef4444}.orders-stat-content{display:flex;flex-direction:column;gap:4px}.orders-stat-label{color:var(--text-muted);font-size:.8rem}.orders-stat-value{color:var(--text);font-size:1.2rem;font-weight:700}.orders-toolbar{align-items:center;display:flex;gap:12px;margin-bottom:24px}.orders-search{flex:1 1;position:relative}.orders-search input{background:#ffffff0a;background:var(--bg-card,#ffffff0a);border:1px solid var(--border);border-radius:16px;color:var(--text);font-size:.95rem;height:56px;padding:0 18px 0 46px;transition:border-color .2s,background .2s;width:100%}.orders-search input:focus{background:#ffffff0d;border-color:var(--secondary);outline:none}.orders-search input::placeholder,.orders-search-icon{color:var(--text-muted)}.orders-search-icon{font-size:.95rem;left:18px;position:absolute;top:50%;transform:translateY(-50%)}.orders-clear-btn{background:#ffffff08;border:1px solid var(--border);border-radius:16px;color:var(--text-muted);cursor:pointer;font-weight:600;height:56px;padding:0 18px;transition:all .2s}.orders-clear-btn:hover{background:#ffffff0f;color:var(--text)}.orders-card,.orders-list{display:flex;flex-direction:column;gap:18px}.orders-card{background:#ffffff0a;background:var(--bg-card,#ffffff0a);border:1px solid var(--border);border-radius:20px;padding:24px;text-decoration:none;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s}.orders-card:hover{background:#ffffff0f;border-color:var(--secondary);box-shadow:0 16px 30px #0000002e;transform:translateY(-2px)}.orders-card-top{align-items:flex-start;display:flex;gap:20px;justify-content:space-between}.orders-card-main{display:flex;flex:1 1;flex-direction:column;gap:14px;min-width:0}.orders-status-badge{align-items:center;border:1px solid #0000;border-radius:999px;display:inline-flex;font-size:.8rem;font-weight:700;gap:8px;padding:8px 14px;width:fit-content}.orders-status-badge.pending{background:#f59e0b1a;border-color:#f59e0b33;color:#f59e0b}.orders-status-badge.completed,.orders-status-badge.delivered,.orders-status-badge.paid{background:#10b9811a;border-color:#10b98133;color:#10b981}.orders-status-badge.processing{background:#3b82f61a;border-color:#3b82f633;color:#3b82f6}.orders-status-badge.shipped{background:#8b5cf61a;border-color:#8b5cf633;color:#8b5cf6}.orders-status-badge.cancelled{background:#ef44441a;border-color:#ef444433;color:#ef4444}.orders-meta{display:flex;flex-direction:column;gap:6px;min-width:0}.orders-id-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.orders-id{color:var(--text);font-size:1.15rem;font-weight:700;line-height:1.2}.orders-id-divider{color:var(--text-muted);font-size:.8rem}.orders-date{color:var(--text-muted);font-size:.9rem}.orders-status-text{color:var(--text-muted);font-size:.92rem;line-height:1.5}.orders-summary{align-items:flex-end;background:#ffffff08;border:1px solid var(--border);border-radius:16px;display:flex;flex-direction:column;gap:4px;min-width:150px;padding:14px 16px}.orders-summary-label{color:var(--text-muted);font-size:.8rem}.orders-summary-value{color:var(--text);font-size:1.3rem;font-weight:700}.orders-progress-block{display:flex;flex-direction:column;gap:12px}.orders-progress-bar{height:18px;position:relative}.orders-progress-track{background:var(--border);right:6px}.orders-progress-fill,.orders-progress-track{border-radius:999px;height:4px;left:6px;position:absolute;top:50%;transform:translateY(-50%)}.orders-progress-fill{background:var(--secondary);transition:width .3s ease}.orders-progress-points{align-items:center;display:grid;grid-template-columns:repeat(5,1fr);height:100%;position:relative}.orders-progress-point{background:#121212;background:var(--bg-card,#121212);border:3px solid var(--border);border-radius:50%;height:14px;justify-self:center;transition:all .2s;width:14px}.orders-progress-point.active{background:#ffffff14;border-color:var(--secondary)}.orders-progress-point.current{background:var(--secondary);box-shadow:0 0 0 5px #63b3ed26;box-shadow:0 0 0 5px rgba(var(--secondary-rgb,99,179,237),.15)}.orders-progress-labels{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(5,1fr)}.orders-progress-label{color:var(--text-muted);font-size:.72rem;font-weight:500;line-height:1.3;text-align:center}.orders-progress-label.active{color:var(--text)}.orders-progress-label.current{color:var(--secondary);font-weight:700}.orders-cancelled-inline{align-items:center;background:#ef44440f;border:1px dashed #ef444440;border-radius:12px;color:#ef4444;display:inline-flex;font-size:.86rem;font-weight:600;gap:10px;padding:12px 14px}.orders-card-footer{align-items:center;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding-top:18px}.orders-updated{color:var(--text-muted);font-size:.85rem}.orders-pending-notice{align-items:center;background:#f59e0b0f;border:1px dashed #f59e0b40;border-radius:12px;color:#f59e0b;display:inline-flex;font-size:.86rem;font-weight:600;gap:10px;padding:12px 14px}.orders-action-hint{align-items:center;color:var(--secondary);display:inline-flex;font-size:.9rem;font-weight:700;gap:8px;white-space:nowrap}.orders-state-card{background:#ffffff0a;background:var(--bg-card,#ffffff0a);border:1px solid var(--border);border-radius:22px;padding:80px 24px;text-align:center}.orders-state-icon{align-items:center;background:#ffffff0a;border:1px solid var(--border);border-radius:18px;color:var(--secondary);display:flex;font-size:1.8rem;height:72px;justify-content:center;margin:0 auto 22px;width:72px}.orders-state-icon.danger{background:#ef444414;border-color:#ef444429;color:#ef4444}.orders-state-icon.muted{color:var(--text-muted)}.orders-state-card h3{color:var(--text);font-size:1.5rem;margin:0 0 10px}.orders-state-card p{color:var(--text-muted);line-height:1.6;margin:0 auto 28px;max-width:460px}.orders-btn{align-items:center;border:1px solid #0000;border-radius:12px;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:700;justify-content:center;padding:12px 22px;text-decoration:none;transition:all .2s}.orders-btn-primary{background:var(--secondary);color:#fff}.orders-btn-primary:hover{opacity:.9}.orders-btn-outline{background:#ffffff08;border-color:var(--border);color:var(--text)}.orders-btn-outline:hover{background:#ffffff0f}@media (max-width:1000px){.orders-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.orders-card-top{flex-direction:column}.orders-summary{align-items:flex-start;min-width:100%}.orders-progress-label{font-size:.65rem}}@media (max-width:600px){.orders-page{padding:24px 0 40px}.orders-hero{border-radius:18px;padding:20px}.orders-title{font-size:1.75rem}.orders-stats{grid-template-columns:1fr}.orders-toolbar{align-items:stretch;flex-direction:column}.orders-clear-btn{width:100%}.orders-card{border-radius:16px;padding:18px}.orders-id{font-size:1rem}.orders-progress-labels{display:none}.orders-card-footer{align-items:flex-start;flex-direction:column}.orders-action-hint{justify-content:space-between;width:100%}.orders-cancelled-inline,.orders-pending-notice{width:100%}.orders-state-card{padding:60px 20px}}.order-details-page{min-height:80vh;padding:40px 0;position:relative}.od-loading-state{display:flex;flex-direction:column;gap:24px}.od-skeleton{animation:od-shimmer 1.5s infinite;background:linear-gradient(90deg,#ffffff08 25%,#ffffff0f 50%,#ffffff08 75%);background-size:200% 100%;border-radius:16px}.od-skeleton-back{border-radius:8px;height:20px;width:140px}.od-skeleton-title{height:44px;width:320px}.od-skeleton-tracker{height:120px;width:100%}.od-skeleton-content{height:400px;width:100%}@keyframes od-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.od-error-state{padding:100px 20px;text-align:center}.od-error-icon{color:#ef4444;font-size:3.5rem;margin-bottom:20px}.od-error-state h2{color:var(--text);font-size:1.6rem;margin-bottom:8px}.od-error-state p{color:var(--text-muted);margin-bottom:24px}.payment-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;display:flex;height:100%;justify-content:center;left:0;padding:24px;position:fixed;text-align:center;top:0;width:100%;z-index:9999}.overlay-content{background:#121212;background:var(--bg-card,#121212);border:1px solid var(--border);border-radius:24px;box-shadow:0 20px 40px #0006;max-width:480px;padding:48px 32px;width:100%}.loader-icon{color:#f59e0b;font-size:3.5rem;margin-bottom:24px}.overlay-content h2{color:var(--text);font-size:1.8rem;margin-bottom:12px}.overlay-content p{color:var(--text-muted);margin-bottom:8px}.overlay-content .note{font-size:.9rem;font-style:italic;margin-bottom:24px}.btn-cancel{background:#ffffff0d;border:1px solid var(--border);border-radius:10px;color:var(--text-muted);cursor:pointer;padding:10px 20px;transition:all .2s}.btn-cancel:hover{background:#ffffff1a;color:var(--text)}.od-header{margin-bottom:28px}.od-back-link{align-items:center;color:var(--text-muted);display:inline-flex;font-size:.9rem;gap:8px;margin-bottom:20px;text-decoration:none;transition:color .2s}.od-back-link:hover{color:var(--secondary)}.od-header-content{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.od-title-row{align-items:center;display:flex;gap:12px}.od-page-title{color:var(--text);font-family:Poppins,sans-serif;font-size:2rem;font-weight:700;letter-spacing:-.5px;margin:0}.od-copy-btn{align-items:center;background:#ffffff0d;border:1px solid var(--border);border-radius:8px;color:var(--text-muted);cursor:pointer;display:flex;font-size:.8rem;height:32px;justify-content:center;transition:all .2s;width:32px}.od-copy-btn:hover{background:#ffffff1a;color:var(--text)}.od-order-date{align-items:center;color:var(--text-muted);display:flex;font-size:.9rem;gap:8px;margin-top:6px}.od-date-full{opacity:.7}.od-status-badge{align-items:center;border-radius:100px;display:inline-flex;font-size:.85rem;font-weight:600;gap:8px;letter-spacing:.3px;padding:8px 16px}.od-status-pending{background:#f59e0b1f;border:1px solid #f59e0b40;color:#f59e0b}.od-status-completed,.od-status-paid{background:#10b9811f;border:1px solid #10b98140;color:#10b981}.od-status-processing{background:#3b82f61f;border:1px solid #3b82f640;color:#3b82f6}.od-status-shipped{background:#8b5cf61f;border:1px solid #8b5cf640;color:#8b5cf6}.od-status-delivered{background:#10b9811f;border:1px solid #10b98140;color:#10b981}.od-status-cancelled{background:#ef44441f;border:1px solid #ef444440;color:#ef4444}.od-tracker-card{background:#ffffff0a;background:var(--bg-card,#ffffff0a);border:1px solid var(--border);border-radius:20px;margin-bottom:28px;overflow:hidden;padding:40px 48px}.od-tracker{align-items:flex-start;display:flex;justify-content:space-between;padding-top:8px;position:relative}.od-tracker-line{background:var(--border);right:28px;z-index:0}.od-tracker-line,.od-tracker-line-fill{border-radius:4px;height:3px;left:28px;position:absolute;top:28px}.od-tracker-line-fill{background:var(--secondary);transition:width .8s cubic-bezier(.4,0,.2,1);z-index:1}.od-tracker-truck{animation:od-truck-bounce 2s ease-in-out infinite;color:var(--secondary);filter:drop-shadow(0 2px 8px rgba(99,179,237,.4));filter:drop-shadow(0 2px 8px rgba(var(--secondary-rgb,99,179,237),.4));font-size:1.2rem;position:absolute;top:12px;transform:translateX(-50%);transition:left .8s cubic-bezier(.4,0,.2,1);z-index:3}@keyframes od-truck-bounce{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-3px)}}.od-tracker-step{flex:0 0 auto;flex-direction:column;gap:12px;position:relative;z-index:2}.od-step-dot,.od-tracker-step{align-items:center;display:flex}.od-step-dot{background:#121212;background:var(--bg-card,#121212);border:3px solid var(--border);border-radius:50%;color:var(--text-muted);font-size:.9rem;height:44px;justify-content:center;transition:all .4s ease;width:44px}.od-tracker-step.completed .od-step-dot{background:#63b3ed26;background:rgba(var(--secondary-rgb,99,179,237),.15);border-color:var(--secondary);color:var(--secondary)}.od-tracker-step.current .od-step-dot{background:var(--secondary);border-color:var(--secondary);box-shadow:0 0 0 6px #63b3ed33;box-shadow:0 0 0 6px rgba(var(--secondary-rgb,99,179,237),.2);color:#fff}.od-step-label{color:var(--text-muted);font-size:.75rem;font-weight:500;text-align:center;transition:color .3s;white-space:nowrap}.od-tracker-step.completed .od-step-label{color:var(--text)}.od-tracker-step.current .od-step-label{color:var(--secondary);font-weight:700}.od-cancelled-banner{align-items:flex-start;background:#ef44440f;border:1px solid #ef444433;border-radius:16px;display:flex;gap:16px;margin-bottom:28px;padding:20px 24px}.od-cancelled-icon{color:#ef4444;flex-shrink:0;font-size:1.6rem;margin-top:2px}.od-cancelled-banner h3{color:#ef4444;font-size:1rem;font-weight:700;margin:0 0 4px}.od-cancelled-banner p{color:var(--text-muted);font-size:.9rem;line-height:1.5;margin:0}.od-payment-cta{align-items:center;background:linear-gradient(135deg,#f59e0b14,#f59e0b08);border:1px solid #f59e0b33;border-radius:16px;display:flex;gap:20px;justify-content:space-between;margin-bottom:28px;padding:24px}.od-payment-cta-disabled{background:linear-gradient(135deg,#ef444414,#ef444408);border-color:#ef444433}.od-cta-left{gap:16px}.od-cta-icon,.od-cta-left{align-items:center;display:flex}.od-cta-icon{background:#f59e0b26;border-radius:14px;color:#f59e0b;flex-shrink:0;font-size:1.2rem;height:48px;justify-content:center;width:48px}.od-cta-icon-danger{background:#ef444426;color:#ef4444}.od-cta-text h3{color:var(--text);font-size:1rem;font-weight:700;margin:0 0 4px}.od-cta-text p{color:var(--text-muted);font-size:.85rem;line-height:1.4;margin:0}.od-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:700;gap:8px;justify-content:center;padding:12px 24px;text-decoration:none;transition:all .2s;white-space:nowrap}.od-btn-primary{background:var(--secondary);color:#fff}.od-btn-primary:hover{opacity:.9}.od-btn-pay{background:#f59e0b;color:#fff}.od-btn-pay:hover{opacity:.9;transform:translateY(-1px)}.od-btn-disabled{background:#ef444433;color:#ef4444;cursor:not-allowed;opacity:.7}.od-btn-danger{background:#dc2626;color:#fff;width:100%}.od-btn-danger:hover{background:#b91c1c;transform:translateY(-1px)}.od-btn-warning{background:#f59e0b;color:#fff;width:100%}.od-btn-warning:hover{opacity:.9;transform:translateY(-1px)}.od-content-grid{grid-gap:28px;display:grid;gap:28px;grid-template-columns:1.5fr 1fr}.od-main-col{gap:24px}.od-main-col,.od-sidebar-col{display:flex;flex-direction:column}.od-sidebar-col{gap:20px}.od-card{background:#ffffff0a;background:var(--bg-card,#ffffff0a);border:1px solid var(--border);border-radius:16px;padding:24px;transition:border-color .2s}.od-card-danger{border-color:#ef444426}.od-card-warning{border-color:#f59e0b26}.od-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.od-card-header-left{align-items:center;display:flex;gap:12px}.od-card-icon{color:var(--secondary);font-size:1.1rem}.od-icon-danger{color:#ef4444}.od-icon-warning{color:#f59e0b}.od-card-header h2{color:var(--text);font-size:1.1rem;font-weight:600;margin:0}.od-item-count{background:#ffffff0d;border-radius:100px;color:var(--text-muted);font-size:.8rem;font-weight:500;padding:4px 12px}.od-items-list{display:flex;flex-direction:column}.od-item-row{align-items:center;display:flex;justify-content:space-between;padding:14px 0}.od-item-border{border-bottom:1px solid var(--border)}.od-item-left{gap:14px}.od-item-index,.od-item-left{align-items:center;display:flex}.od-item-index{background:#ffffff0d;border:1px solid var(--border);border-radius:8px;color:var(--text-muted);flex-shrink:0;font-size:.75rem;font-weight:700;height:28px;justify-content:center;width:28px}.od-item-info{display:flex;flex-direction:column;gap:2px}.od-item-name{color:var(--text);font-size:.95rem;font-weight:600}.od-item-meta{color:var(--text-muted);font-size:.8rem}.od-item-total{color:var(--text);font-size:.95rem;font-weight:600;white-space:nowrap}.od-summary-section{border-top:1px solid var(--border);display:flex;flex-direction:column;gap:10px;margin-top:20px;padding-top:20px}.od-summary-row{color:var(--text-muted);display:flex;font-size:.9rem;justify-content:space-between}.od-discount-row{color:#4ade80}.od-discount-icon{font-size:.8rem;margin-right:6px}.od-summary-divider{background:var(--border);height:1px;margin:6px 0}.od-summary-total{color:var(--text);font-size:1.2rem;font-weight:700}.od-address-block{line-height:1.7}.od-address-block p{color:var(--text-muted);font-size:.9rem;margin:0}.od-address-name{color:var(--text)!important;font-size:.95rem!important;font-weight:700!important}.od-no-data{color:var(--text-muted);font-style:italic}.od-delivery-info{display:flex;flex-direction:column;gap:12px}.od-delivery-row{align-items:center;display:flex;justify-content:space-between}.od-delivery-label{color:var(--text-muted);font-size:.85rem}.od-delivery-value{font-size:.9rem;font-weight:600}.od-status-text-pending{color:#f59e0b}.od-status-text-completed,.od-status-text-paid{color:#10b981}.od-status-text-processing{color:#3b82f6}.od-status-text-shipped{color:#8b5cf6}.od-status-text-delivered{color:#10b981}.od-status-text-cancelled{color:#ef4444}.od-delivery-note{font-size:.8rem;margin:0}.od-action-desc,.od-delivery-note{color:var(--text-muted);line-height:1.5}.od-action-desc{font-size:.85rem;margin:0 0 16px}@media (max-width:900px){.od-content-grid{grid-template-columns:1fr}.od-tracker-card{padding:32px 24px}.od-cta-left,.od-payment-cta{flex-direction:column;text-align:center}.od-header-content{flex-direction:column}}@media (max-width:640px){.order-details-page{padding:24px 0}.od-page-title{font-size:1.5rem}.od-tracker-card{padding:28px 16px}.od-step-label{font-size:.65rem}.od-step-dot{font-size:.75rem;height:36px;width:36px}.od-tracker-line,.od-tracker-line-fill{left:18px;right:18px;top:24px}.od-tracker-truck{font-size:1rem;top:8px}.od-card{border-radius:14px;padding:20px}.od-date-full{display:none}}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#000000bf}.modal-container{animation:modal-appear .25s cubic-bezier(.16,1,.3,1);background-color:var(--bg-card);border:1px solid var(--border);border-radius:22px;box-shadow:0 25px 50px -12px #00000073;max-width:440px;overflow:hidden;width:100%}@keyframes modal-appear{0%{opacity:0;transform:scale(.96) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{align-items:center;padding:24px 26px 18px;text-align:left}.modal-icon{align-items:center;border-radius:14px;display:flex;flex-shrink:0;font-size:1.25rem;height:48px;justify-content:center;width:48px}.modal-icon.warning{background-color:#f59e0b1f;color:#f59e0b}.modal-icon.danger{background-color:#ef44441f;color:#ef4444}.modal-icon.success{background-color:#22c55e1f;color:#22c55e}.modal-title{color:var(--text);flex:1 1;font-size:1.2rem;font-weight:700;letter-spacing:-.02em;line-height:1.3;margin:0}.modal-body{padding:0 26px 24px;text-align:left}.modal-body p{color:var(--text-muted);font-size:.95rem;line-height:1.6;margin:0}.modal-footer{border-top:1px solid var(--border);display:flex;gap:10px;padding:18px 26px 22px}.btn-modal-cancel,.btn-modal-confirm{border-radius:999px;cursor:pointer;flex:1 1;font-family:inherit;font-size:.9rem;font-weight:600;letter-spacing:.01em;min-height:44px;padding:11px 16px;transition:all .2s ease}.btn-modal-cancel{background-color:initial;border:1px solid var(--border);color:var(--text)}.btn-modal-cancel:hover{background-color:#ffffff0d;border-color:var(--text-muted)}.btn-modal-cancel:active{transform:scale(.98)}.btn-modal-confirm{border:none}.btn-modal-confirm.warning{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 8px #f59e0b4d;color:#fff}.btn-modal-confirm.danger{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 8px #ef44444d;color:#fff}.btn-modal-confirm.success{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 2px 8px #22c55e4d;color:#fff}.btn-modal-confirm:hover{box-shadow:0 4px 12px #00000038;filter:brightness(1.05);transform:translateY(-1px)}.btn-modal-confirm:active{transform:translateY(0) scale(.98)}@media (max-width:480px){.modal-container{border-radius:20px;max-width:94%}.modal-header{gap:14px;padding:20px 20px 14px}.modal-icon{border-radius:12px;height:44px;width:44px}.modal-icon,.modal-title{font-size:1.1rem}.modal-body{padding:0 20px 20px}.modal-body p{font-size:.88rem}.modal-footer{gap:8px;padding:16px 20px 20px}.btn-modal-cancel,.btn-modal-confirm{font-size:.85rem;min-height:42px;padding:10px 12px}}.contact-page{padding-bottom:80px}.contact-grid{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-top:24px}.contact-info{display:flex;flex-direction:column;gap:20px}.info-card{align-items:flex-start;display:flex;gap:18px;padding:24px;transition:transform .2s ease,border-color .2s ease}.info-card:hover{border-color:var(--secondary);transform:translateY(-2px)}.info-icon{align-items:center;background:#ff66001f;border-radius:12px;color:var(--secondary);display:flex;flex-shrink:0;font-size:1.15rem;height:48px;justify-content:center;width:48px}.info-content{flex:1 1;min-width:0}.info-content h3{color:var(--text);font-size:1.05rem;font-weight:700;margin:0 0 6px}.info-content>p{color:var(--text-muted);font-size:.88rem;line-height:1.5;margin:0}.contact-link{color:var(--secondary);display:inline-block;font-size:.88rem;font-weight:600;margin-top:10px;text-decoration:none}.contact-link:hover{text-decoration:underline}.hours-grid{display:flex;flex-direction:column;gap:6px}.hours-row{align-items:center;color:var(--text-muted);display:flex;font-size:.85rem;gap:16px;justify-content:space-between}.hours-row span:last-child{color:var(--text);font-weight:500}.contact-action{align-items:center;display:flex;flex-direction:column;overflow:hidden;padding:40px 32px;position:relative;text-align:center}.contact-action:before{background:#ff66000d;border-radius:50%;content:"";height:200px;pointer-events:none;position:absolute;right:-80px;top:-80px;width:200px}.action-icon{align-items:center;background:linear-gradient(135deg,var(--secondary),#ff8533);border-radius:50%;box-shadow:0 6px 20px #ff66004d;color:#fff;display:flex;font-size:1.6rem;height:64px;justify-content:center;margin-bottom:18px;position:relative;width:64px;z-index:1}.contact-action h2{color:var(--text);font-size:1.4rem;font-weight:800;margin:0 0 6px;position:relative;z-index:1}.action-subtitle{font-size:.82rem;margin:0 0 20px}.action-desc,.action-subtitle{color:var(--text-muted);position:relative;z-index:1}.action-desc{font-size:.9rem;line-height:1.6;margin:0 0 24px;max-width:340px}.create-ticket-btn{background:linear-gradient(135deg,var(--secondary),#ff8533);border:none;border-radius:10px;box-shadow:0 4px 16px #ff66004d;color:#fff;cursor:pointer;font-size:.95rem;font-weight:700;max-width:260px;padding:13px 24px;position:relative;transition:transform .2s ease,box-shadow .2s ease;width:100%;z-index:1}.create-ticket-btn:hover{box-shadow:0 8px 24px #f606;transform:translateY(-2px)}.action-footer{border-top:1px solid var(--border);color:var(--text-muted);font-size:.85rem;margin-top:20px;max-width:260px;padding-top:20px;position:relative;width:100%;z-index:1}.action-footer a{color:var(--secondary);font-weight:600;text-decoration:none}.action-footer a:hover{text-decoration:underline}.faq-tease{background:linear-gradient(135deg,#ff66000a,#ff660003);border:1px solid var(--border);border-radius:var(--radius);margin-top:40px;padding:48px 32px;text-align:center}.faq-icon{align-items:center;background:#ff66001f;border-radius:50%;color:var(--secondary);display:flex;font-size:1.4rem;height:56px;justify-content:center;margin:0 auto 16px;width:56px}.faq-tease h2{color:var(--text);font-size:1.5rem;font-weight:800;margin:0 0 10px}.faq-tease p{color:var(--text-muted);font-size:.95rem;line-height:1.6;margin:0 auto 24px;max-width:440px}.faq-tease .btn-outline{border-radius:10px;display:inline-block;font-size:.9rem;font-weight:700;padding:12px 28px}@media (max-width:992px){.contact-grid{gap:20px;grid-template-columns:1fr}.contact-action{padding:40px 24px}}@media (max-width:576px){.info-card{gap:14px;padding:20px}.info-icon{font-size:1rem;height:42px;width:42px}.faq-tease{margin-top:32px;padding:36px 20px}.hours-row{font-size:.8rem}}.navbar{background:#0000;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:1000}.navbar:before{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#161616f2;content:"";inset:0;position:absolute;z-index:-1}.navbar-container{align-items:center;display:flex;gap:20px;height:72px;justify-content:space-between;margin:0 auto;max-width:1280px;padding:0 24px}.navbar-logo{color:var(--secondary);flex-shrink:0;font-family:Poppins,Inter,sans-serif;font-size:1.8rem;font-weight:700;letter-spacing:-.03em;text-decoration:none;transition:opacity .2s ease}.navbar-logo:hover{opacity:.8}.nav-menu{align-items:center;display:flex;flex:1 1;gap:2px;justify-content:center;list-style:none;margin:0;padding:0}@media (max-width:1024px) and (min-width:769px){.nav-menu{gap:0}.nav-link{font-size:.85rem;padding:8px 10px}.navbar-container{gap:12px;padding:0 16px}}.nav-item{margin:0}.nav-link{border-radius:40px;color:var(--text-muted);display:block;font-family:Inter,sans-serif;font-size:.9rem;font-weight:500;padding:8px 15px;text-decoration:none;transition:color .2s ease,background .2s ease;white-space:nowrap}.nav-link:hover{background:#ffffff0a;color:var(--secondary)}.nav-link.active{color:var(--secondary);font-weight:600}.nav-actions{flex-shrink:0}.nav-actions,.nav-cart-btn{align-items:center;display:flex;gap:8px}.nav-cart-btn{background:#ffffff0f;border:1px solid var(--border);border-radius:40px;color:var(--text);cursor:pointer;font-family:Inter,sans-serif;font-size:.88rem;font-weight:500;padding:8px 16px;position:relative;text-decoration:none;transition:background .2s ease,border-color .2s ease,color .2s ease}.nav-cart-btn:hover{background:#ffffff1a;border-color:var(--secondary);color:var(--secondary)}.nav-cart-btn svg{font-size:.95rem}.nav-cart-badge{align-items:center;background:var(--secondary);border:2px solid #161616f2;border-radius:50%;color:#fff;display:flex;font-size:.65rem;font-weight:700;height:18px;justify-content:center;pointer-events:none;position:absolute;right:-6px;top:-6px;width:18px}.account-wrapper{position:relative}.nav-account-btn{align-items:center;background:#ffffff0f;border:1px solid var(--border);border-radius:40px;color:var(--text);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:.88rem;font-weight:500;gap:8px;padding:5px 14px 5px 5px;transition:background .2s ease,border-color .2s ease,color .2s ease}.nav-account-btn:hover{background:#ffffff1a;border-color:var(--secondary);color:var(--secondary)}.account-avatar{align-items:center;background:var(--secondary);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-family:Inter,sans-serif;font-size:.75rem;font-weight:700;height:30px;justify-content:center;width:30px}.account-avatar-guest{background:#ffffff1f;color:var(--text-muted);font-size:.8rem}.account-label{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-dropdown{animation:dropdownSlide .2s ease;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;box-shadow:0 16px 48px #0006;overflow:hidden;position:absolute;right:0;top:calc(100% + 10px);width:280px;z-index:1100}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-header{align-items:center;display:flex;gap:12px;padding:16px}.dropdown-avatar{align-items:center;background:var(--secondary);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-family:Inter,sans-serif;font-size:.9rem;font-weight:700;height:40px;justify-content:center;width:40px}.dropdown-user-info{display:flex;flex-direction:column;gap:2px;min-width:0}.dropdown-name{color:var(--text);font-size:.92rem;font-weight:600}.dropdown-email,.dropdown-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-email{color:var(--text-muted);font-size:.78rem}.dropdown-divider{background:var(--border);height:1px;margin:0}.dropdown-item{align-items:center;background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:.88rem;font-weight:500;gap:10px;padding:11px 16px;text-decoration:none;transition:background .15s ease,color .15s ease;width:100%}.dropdown-item:hover{background:#ffffff0f;color:var(--text)}.dropdown-item svg{flex-shrink:0;font-size:.85rem;text-align:center;width:16px}.dropdown-logout{color:#ef4444}.dropdown-logout:hover{background:#ef44441a;color:#f87171}.dropdown-guest{flex-direction:column;padding:24px 20px;text-align:center}.dropdown-guest,.guest-icon{align-items:center;display:flex}.guest-icon{background:#ffffff0f;border:1px solid var(--border);border-radius:50%;color:var(--text-muted);font-size:1.2rem;height:52px;justify-content:center;margin-bottom:14px;width:52px}.guest-title{color:var(--text);font-size:.95rem;font-weight:600;margin:0 0 4px}.guest-subtitle{color:var(--text-muted);font-size:.8rem;line-height:1.4;margin:0 0 18px}.guest-btn{align-items:center;border-radius:10px;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:.88rem;font-weight:600;gap:8px;justify-content:center;padding:10px;text-decoration:none;transition:opacity .2s ease,transform .15s ease;width:100%}.guest-btn:hover{opacity:.9;transform:translateY(-1px)}.guest-btn:active{transform:translateY(0)}.guest-login{background:var(--secondary);color:#fff;margin-bottom:8px}.guest-register{background:#ffffff14;border:1px solid var(--border);color:var(--text)}.guest-register:hover{border-color:var(--secondary);color:var(--secondary);opacity:1}.menu-toggle{align-items:center;background:#0000;border:1px solid var(--border);border-radius:10px;color:var(--text);cursor:pointer;display:none;flex-shrink:0;font-size:1rem;height:40px;justify-content:center;transition:border-color .2s ease,color .2s ease;width:40px}.menu-toggle:hover{border-color:var(--secondary);color:var(--secondary)}.nav-overlay{animation:fadeIn .2s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#000000b3;inset:0;position:fixed;top:0;z-index:998}@media (max-width:768px){.navbar-container{align-items:center;display:flex;gap:8px;height:64px;justify-content:space-between;padding:0 16px}.navbar-logo{flex-shrink:0;font-size:1.4rem}.nav-actions{align-items:center;display:flex;gap:6px;margin-left:auto}.nav-menu{align-items:stretch;background:var(--bg-card);border-radius:0;border-right:1px solid var(--border);bottom:0;box-shadow:16px 0 48px #0006;flex-direction:column;gap:8px;justify-content:flex-start;left:0;max-width:85vw;opacity:1;padding:72px 16px 24px;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);visibility:visible;width:280px;z-index:1100}.nav-menu.active{transform:translateX(0)}.nav-link{background:#0000;border:1px solid #0000;border-radius:8px;font-size:1rem;font-weight:500;padding:12px 16px}.nav-link:hover{background:#ffffff0a}.nav-link.active{background:#ffffff0f;border-color:#ffffff0d;color:var(--secondary)}.account-label,.cart-label{display:none}.nav-cart-btn{padding:9px 12px}.nav-account-btn{padding:5px}.menu-toggle{display:flex;z-index:1200}.account-dropdown{animation:slideUp .3s cubic-bezier(.4,0,.2,1);background:var(--bg-card);border:none;border-radius:24px 24px 0 0;border-top:1px solid var(--border);bottom:0;box-shadow:0 -8px 32px #0006;left:0;max-height:85vh;overflow-y:auto;overscroll-behavior:contain;padding-bottom:env(safe-area-inset-bottom,24px);position:fixed;right:0;top:auto;width:100%;z-index:1100}.account-dropdown:before{background:var(--border);border-radius:4px;content:"";display:block;height:4px;margin:12px auto 0;width:40px}.dropdown-header{padding:24px 20px 16px}.dropdown-item,.guest-btn{padding:14px 20px}.dropdown-guest{padding:32px 24px calc(32px + env(safe-area-inset-bottom, 0px))}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}}@media (max-width:480px){.navbar-logo{font-size:1.3rem}}.nav-notifications-btn{align-items:center;background:#ffffff0f;border:1px solid var(--border);border-radius:40px;color:var(--text);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:1.2rem;font-size:.88rem;font-weight:500;gap:8px;padding:8px 16px;position:relative;transition:background .2s ease,border-color .2s ease,color .2s ease}.nav-notifications-btn:hover{background:#ffffff1a;border-color:var(--secondary);color:var(--secondary)}.notifications-label{font-size:.88rem;font-weight:500}@media (max-width:768px){.notifications-label{display:none}.nav-notifications-btn{padding:9px 12px}}.nav-notifications-badge{align-items:center;background:var(--secondary);border:2px solid #161616f2;border-radius:50%;color:#fff;display:flex;font-size:.65rem;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 4px;pointer-events:none;position:absolute;right:-6px;top:-6px}.notifications-wrapper{position:relative}.notifications-dropdown{animation:dropdownSlide .2s ease;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;box-shadow:0 16px 48px #0006;overflow:hidden;position:absolute;right:0;top:calc(100% + 10px);width:320px;z-index:1100}.notifications-header{align-items:center;border-bottom:1px solid var(--border);color:var(--text);display:flex;font-size:.95rem;font-weight:600;justify-content:space-between;padding:12px 16px}.mark-all-read{background:none;border:none;color:var(--secondary);cursor:pointer;font-size:.75rem;font-weight:500;transition:opacity .2s}.mark-all-read:hover{opacity:.8;text-decoration:underline}.notifications-list{max-height:400px;overflow-y:auto}.notification-item{align-items:flex-start;border-bottom:1px solid var(--border);cursor:pointer;display:flex;gap:12px;padding:12px 16px;position:relative;transition:background .15s ease}.notification-item:hover{background:#ffffff0a}.notification-item.unread{background:#ffffff05}.notification-icon{color:var(--secondary);flex-shrink:0;font-size:1rem;margin-top:2px}.notification-content{flex:1 1;min-width:0}.notification-title{color:#fff;display:block;font-size:.85rem;font-weight:600;margin:0 0 4px}.notification-message{color:var(--text-muted);font-size:.8rem;line-height:1.4;margin:0 0 4px}.notification-time{color:var(--text-muted);font-size:.65rem;opacity:.7}.notification-unread-dot{background:#ef4444;border-radius:50%;flex-shrink:0;height:8px;margin-left:auto;margin-top:6px;width:8px}.notifications-empty,.notifications-loading{color:var(--text-muted);font-size:.85rem;padding:32px 20px;text-align:center}.notifications-empty svg{font-size:2rem;margin-bottom:8px;opacity:.5}.notifications-footer{border-top:1px solid var(--border);color:var(--secondary);display:block;font-size:.8rem;font-weight:500;padding:12px;text-align:center;text-decoration:none;transition:background .15s ease}.notifications-footer:hover{background:#ffffff0a;color:var(--secondary)}@media (max-width:768px){.notifications-dropdown{animation:slideUp .3s cubic-bezier(.4,0,.2,1);background:var(--bg-card);border:none;border-radius:24px 24px 0 0;border-top:1px solid var(--border);bottom:0;box-shadow:0 -8px 32px #0006;left:0;max-height:85vh;overflow-y:auto;padding-bottom:env(safe-area-inset-bottom,24px);position:fixed;right:0;top:auto;width:100%;z-index:1100}.notifications-dropdown:before{background:var(--border);border-radius:4px;content:"";display:block;height:4px;margin:12px auto 0;width:40px}}.footer{font-family:Inter,sans-serif;margin-top:auto}.footer-container{margin:0 auto;max-width:1280px;padding:0 24px}.footer-features{background:#ffffff08;border-bottom:1px solid var(--border);border-top:1px solid var(--border);padding:28px 0}.features-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,1fr)}.feature-item{gap:14px}.feature-icon,.feature-item{align-items:center;display:flex}.feature-icon{background:#ffffff0d;border:1px solid var(--border);border-radius:12px;color:var(--secondary);flex-shrink:0;font-size:1rem;height:44px;justify-content:center;width:44px}.feature-text{display:flex;flex-direction:column;gap:2px}.feature-title{color:var(--text);font-size:.88rem;font-weight:600}.feature-desc{color:var(--text-muted);font-size:.78rem}.footer-main{background:var(--bg);padding:56px 0 48px}.footer-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1.4fr .8fr .8fr .8fr 1.2fr}.footer-brand{display:flex;flex-direction:column;gap:18px}.footer-logo{color:var(--secondary);font-family:Poppins,Inter,sans-serif;font-size:1.6rem;font-weight:700;letter-spacing:-.03em;text-decoration:none;transition:opacity .2s ease}.footer-logo:hover{opacity:.8}.footer-tagline{color:var(--text-muted);font-size:.85rem;line-height:1.6;margin:0;max-width:280px}.footer-contact-list{display:flex;flex-direction:column;gap:10px}.footer-contact-item{align-items:center;color:var(--text-muted);display:flex;font-size:.82rem;gap:10px;text-decoration:none;transition:color .2s ease}a.footer-contact-item:hover{color:var(--secondary)}.footer-contact-item svg{color:var(--secondary);flex-shrink:0;width:14px}.footer-socials{display:flex;gap:8px;margin-top:4px}.social-link{align-items:center;background:#ffffff0f;border:1px solid var(--border);border-radius:10px;color:var(--text-muted);display:flex;font-size:.85rem;height:36px;justify-content:center;text-decoration:none;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .15s ease;width:36px}.social-link:hover{background:var(--secondary);border-color:var(--secondary);color:#fff;transform:translateY(-2px)}.footer-links-group{display:flex;flex-direction:column;gap:16px}.footer-heading{color:var(--text);font-size:.9rem;font-weight:600;letter-spacing:.01em;margin:0}.footer-links{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.footer-link{color:var(--text-muted);font-size:.84rem;text-decoration:none;transition:color .2s ease,padding-left .2s ease}.footer-link:hover{color:var(--secondary);padding-left:4px}.footer-newsletter{display:flex;flex-direction:column;gap:14px}.newsletter-desc{color:var(--text-muted);font-size:.84rem;line-height:1.5;margin:0}.newsletter-form{margin:0}.newsletter-input-wrap{background:#ffffff0a;border:1px solid var(--border);border-radius:12px;display:flex;overflow:hidden;transition:border-color .2s ease}.newsletter-input-wrap:focus-within{border-color:var(--secondary)}.newsletter-input{background:#0000;border:none;color:var(--text);flex:1 1;font-family:Inter,sans-serif;font-size:.85rem;min-width:0;outline:none;padding:11px 14px}.newsletter-input::placeholder{color:var(--text-muted);opacity:.6}.newsletter-btn{align-items:center;background:var(--secondary);border:none;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:.9rem;justify-content:center;padding:11px 16px;transition:opacity .2s ease}.newsletter-btn:hover{opacity:.85}.newsletter-note{color:var(--text-muted);font-size:.72rem;margin:0;opacity:.6}.footer-bottom{background:#ffffff05;border-top:1px solid var(--border);padding:20px 0}.footer-bottom-inner{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.footer-copyright{color:var(--text-muted);font-size:.8rem;margin:0}.footer-legal{align-items:center;display:flex;gap:20px}.legal-link{color:var(--text-muted);font-size:.8rem;text-decoration:none;transition:color .2s ease}.legal-link:hover{color:var(--secondary)}@media (max-width:1024px){.footer-grid{gap:36px;grid-template-columns:1fr 1fr 1fr}.footer-brand{align-items:flex-start;flex-direction:row;flex-wrap:wrap;gap:24px;grid-column:1/-1}.footer-tagline{max-width:100%}.footer-contact-list{flex-direction:row;flex-wrap:wrap;gap:16px}.footer-newsletter{grid-column:1/-1;max-width:400px}}@media (max-width:768px){.features-grid{gap:20px;grid-template-columns:1fr 1fr}.footer-main{padding:40px 0 36px}.footer-grid{gap:32px;grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-brand,.footer-contact-list{flex-direction:column}.footer-newsletter{grid-column:1/-1;max-width:100%}.footer-bottom-inner{align-items:center;flex-direction:column;gap:12px;text-align:center}.footer-legal{gap:16px}}@media (max-width:480px){.footer-container{padding:0 16px}.features-grid{gap:16px;grid-template-columns:1fr}.footer-grid{gap:28px;grid-template-columns:1fr}.footer-brand,.footer-newsletter{grid-column:1}.footer-legal{flex-direction:column;gap:10px}}.tickets-page{padding-bottom:80px}.header-row{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.new-ticket-btn{align-items:center;background:linear-gradient(135deg,var(--secondary),#ff8533);border:none;border-radius:10px;box-shadow:0 4px 14px #ff66004d;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:700;gap:8px;justify-content:flex-end;padding:12px 22px;transition:transform .2s,box-shadow .2s;white-space:nowrap}.tickets-filters{display:flex;gap:8px;margin:24px 0 20px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.tickets-filters::-webkit-scrollbar{display:none}.filter-chip{align-items:center;background:#ffffff0a;border:1px solid var(--border);border-radius:20px;color:var(--text-muted);cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:8px;padding:8px 16px;transition:all .2s;white-space:nowrap}.filter-chip:hover{border-color:var(--secondary);color:var(--text)}.filter-chip.active{background:var(--secondary);border-color:var(--secondary);color:#fff}.filter-count{align-items:center;background:#00000040;border-radius:10px;display:inline-flex;font-size:.72rem;font-weight:700;height:20px;justify-content:center;min-width:20px;padding:0 6px}.filter-chip:not(.active) .filter-count{background:#ffffff14}.tickets-list{display:flex;flex-direction:column;gap:12px}.ticket-item{align-items:center;color:inherit;display:flex;gap:18px;padding:18px 22px;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s}.ticket-item:hover{border-color:var(--secondary);box-shadow:0 6px 20px #0000001a;transform:translateY(-2px)}.ticket-status-indicator{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:1.1rem;height:44px;justify-content:center;width:44px}.ticket-status-indicator.open{background:#22c55e1f;color:#22c55e}.ticket-status-indicator.pending{background:#fbbf241f;color:#fbbf24}.ticket-status-indicator.closed{background:#9ca3af1f;color:#9ca3af}.ticket-body{flex:1 1;min-width:0}.ticket-top{align-items:center;display:flex;gap:10px;margin-bottom:6px}.ticket-subject{color:var(--text);flex:1 1;font-size:1rem;font-weight:700;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticket-meta{align-items:center;color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:.8rem;gap:6px}.ticket-id{color:var(--secondary);font-weight:600}.ticket-category{text-transform:capitalize}.ticket-side{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:8px}.reply-count{align-items:center;color:var(--text-muted);display:inline-flex;font-size:.85rem;font-weight:600;gap:6px}.reply-count svg{font-size:.8rem}.ticket-skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#ffffff08 25%,#ffffff0f 50%,#ffffff08 75%);background-size:200% 100%;border-radius:var(--radius);height:80px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state{align-items:center;display:flex;flex-direction:column;gap:14px;padding:80px 24px;text-align:center}.empty-icon{color:var(--text-muted);font-size:3rem;margin-bottom:4px;opacity:.4}.empty-state h3{color:var(--text);font-size:1.3rem;font-weight:800;margin:0}.empty-state p{color:var(--text-muted);font-size:.92rem;margin:0;max-width:380px}.create-first-btn{align-items:center;background:linear-gradient(135deg,var(--secondary),#ff8533);border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:700;gap:8px;margin-top:8px;padding:12px 24px;transition:transform .2s}.create-first-btn:hover{transform:translateY(-2px)}.modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{animation:slideUp .25s ease;background:#1a1a1a;background:var(--bg,#1a1a1a);border:1px solid var(--border);border-radius:var(--radius);max-height:90vh;max-width:580px;overflow-y:auto;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:flex-start;border-bottom:1px solid var(--border);display:flex;gap:16px;justify-content:space-between;padding:24px 28px 16px}.modal-header h2{color:var(--text);font-size:1.3rem;font-weight:800;margin:0 0 4px}.modal-header p{color:var(--text-muted);font-size:.85rem;margin:0}.modal-close{align-items:center;background:#ffffff0a;border:1px solid var(--border);border-radius:8px;color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:color .2s,border-color .2s;width:32px}.modal-close:hover{border-color:var(--secondary);color:var(--text)}.modal-form{display:flex;flex-direction:column;gap:16px;padding:22px 28px 28px}.form-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{color:var(--text);font-size:.82rem;font-weight:600}.form-group input,.form-group select,.form-group textarea{background:#ffffff0a;border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:inherit;font-size:.9rem;outline:none;padding:10px 14px;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--secondary)}.form-group textarea{font-family:inherit;min-height:100px;resize:vertical}.form-group select option{background:#1a1a1a;background:var(--bg,#1a1a1a)}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:8px}.btn-cancel,.btn-submit{border:1px solid #0000;border-radius:8px;cursor:pointer;font-size:.88rem;font-weight:700;padding:11px 22px;transition:transform .2s,opacity .2s}.btn-cancel{background:#ffffff0a;border-color:var(--border);color:var(--text)}.btn-cancel:hover:not(:disabled){border-color:var(--text-muted)}.btn-submit{background:linear-gradient(135deg,var(--secondary),#ff8533);box-shadow:0 4px 14px #ff66004d;color:#fff}.btn-submit:hover:not(:disabled){transform:translateY(-2px)}.btn-cancel:disabled,.btn-submit:disabled{cursor:not-allowed;opacity:.6}@media (max-width:640px){.ticket-item{flex-wrap:wrap;padding:16px}.ticket-side{align-items:center;border-top:1px solid var(--border);flex-direction:row;justify-content:space-between;padding-top:12px;width:100%}.form-row{grid-template-columns:1fr}.modal-form,.modal-header{padding-left:20px;padding-right:20px}}.label-hint{color:var(--text-muted);font-size:.75rem;font-weight:400;margin-left:6px}.no-orders-notice{background:#ffffff08;border:1px dashed var(--border);border-radius:8px;color:var(--text-muted);font-size:.85rem;font-style:italic;padding:12px 14px}.ticket-page{padding-bottom:80px}.back-link{align-items:center;color:var(--text-muted);display:inline-flex;font-size:.88rem;font-weight:600;gap:8px;margin:20px 0;text-decoration:none;transition:color .2s}.back-link:hover{color:var(--secondary)}.ticket-loading{align-items:center;color:var(--text-muted);display:flex;font-size:.95rem;gap:12px;justify-content:center;padding:80px 24px}.ticket-loading svg{font-size:1.2rem}.ticket-layout{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:1fr 320px}.ticket-main{display:flex;flex-direction:column;min-height:600px;overflow:hidden;padding:0}.ticket-header{border-bottom:1px solid var(--border);padding:22px 26px}.ticket-header-top{align-items:flex-start;display:flex;gap:14px;justify-content:space-between;margin-bottom:10px}.ticket-title{color:var(--text);font-size:1.3rem;font-weight:800;line-height:1.3;margin:0;word-break:break-word}.ticket-header-meta{align-items:center;color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:.82rem;gap:10px}.ticket-id-badge{background:#ff66001f;border-radius:6px;color:var(--secondary);display:inline-block;font-size:.78rem;font-weight:700;padding:3px 10px}.meta-dot{opacity:.5}.header-order-link{align-items:center;color:var(--secondary);display:inline-flex;font-size:.82rem;font-weight:600;gap:6px;text-decoration:none}.header-order-link:hover{text-decoration:underline}.header-order-link svg{font-size:.72rem}.messages-area{display:flex;flex:1 1;flex-direction:column;gap:22px;max-height:600px;overflow-y:auto;padding:24px 26px}.message{display:flex;gap:12px;max-width:85%}.message-user{align-self:flex-end;flex-direction:row-reverse}.message-admin{align-self:flex-start}.message-pending{opacity:.65}.message-avatar{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:.9rem;height:38px;justify-content:center;width:38px}.avatar-user{background:linear-gradient(135deg,var(--secondary),#ff8533);color:#fff}.avatar-admin{background:#3b82f626;color:#3b82f6}.message-content{display:flex;flex-direction:column;gap:6px;max-width:100%;min-width:0}.message-user .message-content{align-items:flex-end}.message-header{align-items:center;display:flex;font-size:.78rem;gap:10px}.message-sender{color:var(--text);font-weight:700}.message-time{color:var(--text-muted)}.message-bubble{word-wrap:break-word;border-radius:12px;color:var(--text);font-size:.92rem;line-height:1.55;max-width:100%;overflow-wrap:anywhere;padding:12px 16px;white-space:pre-wrap}.message-user .message-bubble{background:linear-gradient(135deg,#ff66002e,#ff85331f);border:1px solid #ff660040;border-top-right-radius:4px}.message-admin .message-bubble{background:#ffffff0a;border:1px solid var(--border);border-top-left-radius:4px}.message-attachment-wrap{margin-top:4px;max-width:100%}.attachment-image-link{border:1px solid var(--border);border-radius:10px;display:block;max-width:260px;overflow:hidden;transition:transform .2s}.attachment-image-link:hover{transform:scale(1.02)}.attachment-image{display:block;height:auto;max-height:260px;object-fit:cover;width:100%}.attachment-file-link{align-items:center;background:#ff660014;border:1px solid #f603;border-radius:8px;color:var(--secondary);display:inline-flex;font-size:.85rem;font-weight:600;gap:10px;max-width:260px;overflow:hidden;padding:10px 14px;text-decoration:none;text-overflow:ellipsis;transition:background .2s;white-space:nowrap}.attachment-file-link:hover{background:#ff660026}.attachment-file-link svg{flex-shrink:0}.reply-form{background:#ffffff05;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:10px;padding:14px 20px 18px}.reply-input-row{align-items:flex-end;display:flex;gap:8px}.reply-input{background:#ffffff0a;border:1px solid var(--border);border-radius:10px;color:var(--text);flex:1 1;font-family:inherit;font-size:.92rem;line-height:1.5;max-height:150px;min-height:48px;outline:none;padding:12px 14px;resize:none;transition:border-color .2s}.reply-input:focus{border-color:var(--secondary)}.reply-input:disabled{opacity:.6}.reply-actions{gap:8px}.attach-btn,.reply-actions{align-items:center;display:flex}.attach-btn{background:#ffffff0a;border:1px solid var(--border);border-radius:10px;color:var(--text-muted);cursor:pointer;flex-shrink:0;font-size:1rem;height:44px;justify-content:center;transition:color .2s,border-color .2s;width:44px}.attach-btn:hover:not(:disabled){border-color:var(--secondary);color:var(--secondary)}.attach-btn:disabled{cursor:not-allowed;opacity:.5}.reply-send{align-items:center;background:linear-gradient(135deg,var(--secondary),#ff8533);border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.88rem;font-weight:700;gap:8px;height:44px;padding:0 20px;transition:transform .2s,opacity .2s;white-space:nowrap}.reply-send:hover:not(:disabled){transform:translateY(-2px)}.reply-send:disabled{cursor:not-allowed;opacity:.5}.attachment-preview{align-items:center;background:#ff660014;border:1px solid #ff660040;border-radius:10px;display:flex;gap:10px;justify-content:space-between;padding:10px 14px}.attachment-preview-info{align-items:center;color:var(--secondary);display:flex;flex:1 1;font-size:.85rem;font-weight:600;gap:10px;min-width:0}.attachment-preview-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-remove{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;height:26px;justify-content:center;transition:background .2s,color .2s;width:26px}.attachment-remove:hover{background:#ef444426;color:#ef4444}.closed-notice{align-items:center;background:#9ca3af0f;border-top:1px solid var(--border);color:var(--text-muted);display:flex;font-size:.88rem;gap:10px;padding:18px 22px}.closed-notice svg{color:#9ca3af}.ticket-sidebar{display:flex;flex-direction:column;gap:14px;position:sticky;top:20px}.sidebar-card{padding:22px}.sidebar-title{color:var(--text-muted);font-size:.78rem;font-weight:700;letter-spacing:1px;margin:0 0 16px;text-transform:uppercase}.detail-row{border-bottom:1px solid var(--border);display:flex;gap:12px;padding:14px 0}.detail-row:first-of-type{padding-top:0}.detail-row:last-child{border-bottom:none;padding-bottom:0}.detail-icon{align-items:center;background:#ff66001a;border-radius:8px;color:var(--secondary);display:flex;flex-shrink:0;font-size:.78rem;height:32px;justify-content:center;width:32px}.detail-content{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.detail-label{color:var(--text-muted);font-size:.72rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.detail-value{color:var(--text);font-size:.88rem;font-weight:500;text-transform:capitalize}.detail-link{color:var(--secondary);font-size:.88rem;font-weight:600;text-decoration:none}.detail-link:hover{text-decoration:underline}.close-ticket-btn{align-items:center;background:#ef444414;border:1px solid #ef444440;border-radius:10px;color:#ef4444;cursor:pointer;display:inline-flex;font-size:.88rem;font-weight:700;gap:8px;justify-content:center;padding:12px 18px;transition:background .2s,border-color .2s}.close-ticket-btn:hover:not(:disabled){background:#ef444426;border-color:#ef444466}.close-ticket-btn:disabled{cursor:not-allowed;opacity:.6}.priority-badge,.status-badge{border-radius:6px;display:inline-block;flex-shrink:0;font-size:.7rem;font-weight:700;letter-spacing:.5px;padding:3px 10px;text-transform:uppercase;width:fit-content}.priority-low{background:#3b82f61f;color:#3b82f6}.priority-medium{background:#fbbf241f;color:#fbbf24}.priority-high{background:#f973161f;color:#f97316}.priority-urgent{background:#ef44441f;color:#ef4444}.status-open{background:#22c55e1f;color:#22c55e}.status-pending{background:#fbbf241f;color:#fbbf24}.status-closed{background:#9ca3af1f;color:#9ca3af}@media (max-width:992px){.ticket-layout{grid-template-columns:1fr}.ticket-sidebar{order:-1;position:static}.ticket-main{min-height:auto}}@media (max-width:640px){.ticket-header{padding:18px}.ticket-title{font-size:1.1rem}.messages-area{gap:18px;padding:18px}.message{max-width:92%}.message-avatar{font-size:.82rem;height:34px;width:34px}.reply-form{padding:12px 16px 16px}.reply-input-row{flex-wrap:wrap}.reply-input{flex-basis:100%;width:100%}.reply-actions{justify-content:space-between;width:100%}.reply-send{flex:1 1;justify-content:center}.attachment-file-link,.attachment-image-link{max-width:100%}}.faq-page{padding-bottom:60px}.faq-page .breadcrumb-wrap{background-color:#ffffff08;border-bottom:1px solid var(--border);padding:16px 0}.faq-page .breadcrumb{align-items:center;display:flex;font-size:14px;gap:8px}.faq-page .breadcrumb a{color:var(--text-muted);text-decoration:none;transition:color .2s}.faq-page .breadcrumb a:hover{color:var(--primary)}.faq-page .breadcrumb span{color:var(--text)}.faq-page .page-header{padding:40px 0 24px}.faq-page .header-row{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.faq-page .page-subtitle{color:var(--text-muted);font-size:16px;max-width:600px}.faq-page .container{margin:0 auto;max-width:1200px;padding:0 20px}.faq-page .faq-search{align-items:center;background-color:var(--bg-card);border:1px solid var(--border);border-radius:48px;display:flex;gap:12px;margin-bottom:24px;padding:12px 20px;transition:all .2s}.faq-page .faq-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #ff66001a}.faq-page .search-icon{color:var(--text-muted);font-size:1.1rem}.faq-page .faq-search-input{background:#0000;border:none;color:var(--text);flex:1 1;font-size:1rem;outline:none}.faq-page .faq-search-input::placeholder{color:var(--text-muted);opacity:.6}.faq-page .search-results-info{background:#ff66000d;border-radius:20px;color:var(--text-muted);display:inline-block;font-size:14px;margin-bottom:24px;margin-left:auto;margin-right:auto;padding:8px;text-align:center;width:auto}.faq-page .faq-sections{display:flex;flex-direction:column;gap:24px;margin-top:8px}.faq-page .faq-category{background-color:var(--bg-card);border:1px solid var(--border);border-radius:20px;padding:24px;transition:transform .2s,box-shadow .2s}.faq-page .faq-category:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.faq-page .category-title{border-bottom:2px solid var(--border);color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:20px;padding-bottom:12px}.faq-page .faq-list{display:flex;flex-direction:column;gap:12px}.faq-page .faq-item{border-bottom:1px solid #ffffff0d}.faq-page .faq-question{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:16px;justify-content:space-between;padding:16px 0;text-align:left;transition:color .2s;width:100%}.faq-page .faq-question:hover{color:var(--secondary)}.faq-page .faq-question span{flex:1 1}.faq-page .faq-question svg{color:var(--primary);flex-shrink:0;font-size:1rem}.faq-page .faq-answer{animation:faqSlideDown .3s ease;padding:0 0 16px}.faq-page .faq-answer p{color:var(--text-muted);line-height:1.6;margin:0}@keyframes faqSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.faq-page .empty-state{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;padding:60px 20px;text-align:center}.faq-page .empty-state p{color:var(--text-muted);margin-bottom:20px}.faq-page .faq-contact{background:linear-gradient(135deg,#ff660014,#ff660005);border:1px solid var(--border);border-radius:24px;margin-top:40px;padding:40px 24px;text-align:center}.faq-page .faq-contact h3{font-size:1.5rem;margin-bottom:8px}.faq-page .faq-contact p{color:var(--text-muted);margin-bottom:24px}.faq-page .btn-primary{align-items:center;background:var(--primary);border:none;border-radius:40px;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:8px;padding:12px 24px;text-decoration:none;transition:all .2s}.faq-page .btn-primary:hover{background:var(--primary-hover);box-shadow:0 4px 12px #ff66004d;transform:translateY(-1px)}@media (max-width:768px){.faq-page .page-title{font-size:28px}.faq-page .category-title{font-size:1.3rem}.faq-page .faq-category{padding:20px}.faq-page .faq-question{font-size:.95rem;gap:12px}.faq-page .faq-contact{padding:30px 20px}.faq-page .faq-contact h3{font-size:1.3rem}}@media (max-width:480px){.faq-page .container{padding:0 16px}.faq-page .page-title{font-size:24px}.faq-page .faq-search{padding:10px 16px}.faq-page .faq-category{padding:16px}.faq-page .category-title{font-size:1.2rem}.faq-page .faq-question{font-size:.9rem;padding:12px 0}.faq-page .faq-answer p{font-size:.85rem}.faq-page .faq-contact{padding:24px 16px}}
/*# sourceMappingURL=main.4a27c917.css.map*/