@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@500;600;700;800;900&display=swap";:root{--bg-color:#050508;--bg-secondary:#0c0c12;--bg-tertiary:#121218;--bg-card:#0e0e1499;--bg-elevated:#14141ebf;--primary-color:#8b5cf6;--primary-hover:#a78bfa;--primary-glow:#8b5cf666;--primary-subtle:#8b5cf614;--accent-color:#c4b5fd;--secondary-color:#06b6d4;--secondary-glow:#06b6d459;--secondary-subtle:#06b6d414;--warm-accent:#f59e0b;--warm-glow:#f59e0b59;--success:#10b981;--success-glow:#10b98166;--danger:#ef4444;--danger-glow:#ef444466;--warning:#f59e0b;--warning-glow:#f59e0b66;--text-main:#f4f4f8;--text-secondary:#c8c8d8;--text-muted:#7c7c96;--text-faint:#4a4a60;--glass-border:#ffffff0f;--glass-border-hover:#ffffff24;--glass-border-active:#ffffff38;--glass-bg:#0c0c12b3;--glass-bg-heavy:#08080ee0;--glass-shadow:0 8px 32px #00000080, 0 2px 8px #00000040;--glass-shadow-hover:0 20px 60px #0009, 0 4px 16px #00000059;--space-2xs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--radius-2xl:32px;--radius-full:100px;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-out-quart:cubic-bezier(.25, 1, .5, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-smooth:cubic-bezier(.4, 0, .2, 1);color-scheme:dark;color:var(--text-main);background-color:var(--bg-color);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.6}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:14px}body{background:var(--bg-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;min-height:100vh;margin:0;overflow-x:hidden}#root{isolation:isolate}::selection{color:#fff;background:#8b5cf659}@media (width<=1440px){html{font-size:13px}}@media (width<=1024px){html{font-size:12.5px}}@media (width<=480px){html{font-size:12px}}a{color:var(--text-main);transition:color .3s var(--ease-out-expo);text-decoration:none}a:hover{color:var(--primary-color)}.app-container{flex-direction:column;min-height:100vh;display:flex;position:relative}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(24px)saturate(1.3);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--glass-shadow);transition:all .5s var(--ease-out-expo);position:relative;overflow:hidden}.glass-panel:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);height:1px;position:absolute;top:0;left:0;right:0}.glass-panel:hover{border-color:var(--glass-border-hover);box-shadow:var(--glass-shadow-hover);transform:translateY(-4px)}.gradient-border{background:var(--bg-card);border-radius:var(--radius-xl);position:relative;overflow:hidden}.gradient-border:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;opacity:.5;background:linear-gradient(135deg,#8b5cf680,#0000 40% 60%,#06b6d466);padding:1px;transition:opacity .5s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.gradient-border:hover:before{opacity:1;background:linear-gradient(135deg, var(--primary-color), transparent 40%, transparent 60%, var(--secondary-color))}.bento-grid{gap:var(--space-lg);padding:var(--space-lg);grid-template-columns:repeat(1,1fr);display:grid}@media (width>=768px){.bento-grid{padding:var(--space-xl);grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.bento-grid{grid-template-columns:repeat(3,1fr)}}.bento-item-large{grid-column:span 1}@media (width>=768px){.bento-item-large{grid-column:span 2}}h1,h2,h3,h4,h5,h6{font-family:Plus Jakarta Sans,Inter,sans-serif}.text-gradient{background:linear-gradient(135deg, var(--text-main) 0%, var(--text-muted) 100%);-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-primary{background:linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);-webkit-text-fill-color:transparent;background-clip:text}.highlight{background:linear-gradient(135deg, var(--primary-color), var(--secondary-color));-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 18px var(--primary-glow));background-clip:text}.text-center{text-align:center}.glow-text{text-shadow:0 0 10px var(--primary-glow), 0 0 40px #8b5cf626}.global-orb{z-index:0;pointer-events:none;opacity:.45;animation:orb-float 22s infinite alternate var(--ease-out-quart);will-change:transform;backface-visibility:hidden;contain:strict;border-radius:50%;position:fixed;transform:translate(0,0)}.global-orb.orb-1{background:radial-gradient(circle,#8b5cf624 0%,#0000 55%);width:900px;height:900px;animation-duration:24s;top:-350px;left:-350px}.global-orb.orb-2{background:radial-gradient(circle,#06b6d41a 0%,#0000 55%);width:750px;height:750px;animation-duration:28s;animation-direction:alternate-reverse;bottom:-250px;right:-250px}.global-orb.orb-3{background:radial-gradient(circle,#8b5cf614 0%,#0000 55%);width:650px;height:650px;animation-duration:20s;top:35%;left:45%}@keyframes orb-float{0%{transform:translate(0,0)scale(1)}33%{transform:translate(40px,80px)scale(1.05)}66%{transform:translate(-30px,40px)scale(.95)}to{transform:translate(-50px,-50px)scale(1.02)}}.app-container:before{content:"";z-index:1;pointer-events:none;opacity:.022;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;position:fixed;inset:0}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#8b5cf633;transition:background .3s}::-webkit-scrollbar-thumb:hover{background:#8b5cf680}*{scrollbar-width:thin;scrollbar-color:#8b5cf633 transparent}.shimmer-border{position:relative;overflow:hidden}.shimmer-border:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff0f,#0000);width:100%;height:100%;animation:3s ease-in-out infinite shimmer-sweep;position:absolute;top:0;left:-100%}@keyframes shimmer-sweep{0%{left:-100%}to{left:100%}}.float-animation{animation:6s ease-in-out infinite gentle-float}@keyframes gentle-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes gradient-rotate{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px var(--primary-glow)}50%{box-shadow:0 0 40px var(--primary-glow), 0 0 80px #8b5cf626}}.section-divider{background:linear-gradient(90deg, transparent, var(--glass-border-hover), transparent);width:100%;height:1px;margin:var(--space-3xl) 0;border:none}@keyframes live-pulse{0%{box-shadow:0 0 #ef4444b3}70%{box-shadow:0 0 0 8px #ef444400}to{box-shadow:0 0 #ef444400}}@keyframes info-dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}@keyframes team-live-pulse{0%{box-shadow:0 0 #10b981b3}70%{box-shadow:0 0 0 8px #10b98100}to{box-shadow:0 0 #10b98100}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s var(--ease-out-expo)}.rule-punishment{color:var(--danger);text-shadow:0 0 10px var(--danger-glow);font-weight:600}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.global-orb{animation:none!important}}.toast-container{z-index:100000;pointer-events:none;flex-direction:column;gap:12px;display:flex;position:fixed;bottom:30px;right:30px}.toast{background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:blur(25px);color:var(--text-main);pointer-events:auto;border-radius:16px;align-items:center;gap:15px;min-width:250px;padding:16px 20px;font-weight:600;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #0006}.toast-icon{border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:1.2rem;display:flex}.toast-success .toast-icon{color:#4cd137;text-shadow:0 0 10px #4cd13780}.toast-error .toast-icon{color:#e84118;text-shadow:0 0 10px #e8411880}.toast-info .toast-icon{color:#00a8ff;text-shadow:0 0 10px #00a8ff80}.toast-message{letter-spacing:.5px;flex:1;font-size:.95rem}.toast-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:1.1rem;transition:color .2s;display:flex}.toast-close:hover{color:#fff}.toast:before{content:"";width:4px;position:absolute;top:0;bottom:0;left:0}.toast-success:before{background:#4cd137}.toast-error:before{background:#e84118}.toast-info:before{background:#00a8ff}.navbar{-webkit-backdrop-filter:blur(28px)saturate(1.4);z-index:100;border-radius:var(--radius-full,100px);background:#08080e8c;border:1px solid #ffffff0f;width:max-content;max-width:96vw;transition:all .5s cubic-bezier(.16,1,.3,1);position:fixed;top:1.25rem;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0000008c,inset 0 1px #ffffff0a}.navbar:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#8b5cf626,#06b6d41a,#0000);border-radius:1px;height:1px;position:absolute;top:0;left:15%;right:15%}.navbar--scrolled{background:#08080ee0;border-color:#ffffff14;box-shadow:0 12px 48px #000000b3,inset 0 1px #ffffff0f}.navbar-container{align-items:center;gap:.5rem;padding:.6rem 1.25rem;display:flex}.navbar-logo{cursor:pointer;flex-shrink:0;align-items:center;gap:10px;transition:opacity .3s;display:flex}.navbar-logo:hover{opacity:.85}.navbar-logo-img{filter:drop-shadow(0 0 10px #8b5cf659);width:auto;height:32px;transition:filter .3s}.navbar-logo-text{letter-spacing:1.5px;white-space:nowrap;color:var(--text-main);font-family:Plus Jakarta Sans,sans-serif;font-size:1.1rem;font-weight:800}.navbar-logo-accent{background:linear-gradient(135deg, var(--primary-color), var(--secondary-color,#06b6d4));-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 8px var(--primary-glow));background-clip:text}.nav-links{gap:.25rem;margin:0 .75rem;list-style:none;display:flex}.nav-link{border-radius:var(--radius-full,50px);color:var(--text-muted);white-space:nowrap;align-items:center;gap:6px;padding:.55rem .85rem;font-size:.82rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.nav-link i{font-size:.85rem;transition:color .3s}.nav-link:hover{color:var(--text-main);background:#ffffff0f}.nav-link--active{background:#8b5cf61a;color:var(--text-main)!important}.nav-link--active i{color:var(--primary-color)}.nav-link--active:after{content:"";background:linear-gradient(90deg, var(--primary-color), var(--secondary-color,#06b6d4));width:18px;height:2px;box-shadow:0 0 10px var(--primary-glow);border-radius:2px;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.nav-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.nav-user-chip{border-radius:var(--radius-full,50px);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff12;align-items:center;gap:8px;padding:4px 14px 4px 4px;transition:all .35s cubic-bezier(.16,1,.3,1);display:flex}.nav-user-chip:hover{background:#ffffff14;border-color:#8b5cf640;transform:translateY(-1px);box-shadow:0 4px 16px #8b5cf61a}.nav-user-avatar{object-fit:cover;border:2px solid var(--primary-color);width:28px;height:28px;box-shadow:0 0 10px var(--primary-glow);border-radius:50%}.nav-user-name{color:var(--text-main);font-size:.82rem;font-weight:600}.nav-icon-btn{border-radius:var(--radius-sm,8px);cursor:pointer;border:1px solid #ffffff14;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.05rem;transition:all .35s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.nav-cart-btn{background:linear-gradient(135deg, var(--primary-color), #7c3aed);color:#fff;border-color:#0000}.nav-cart-btn:hover{box-shadow:0 8px 20px var(--primary-glow);transform:translateY(-2px)}.nav-cart-badge{color:#fff;border:2px solid var(--bg-color,#050508);background:#ef4444;border-radius:50%;justify-content:center;align-items:center;width:17px;height:17px;font-size:.65rem;font-weight:800;line-height:1;display:flex;position:absolute;top:-5px;right:-5px}.nav-logout-btn{color:var(--text-muted);background:#ffffff0a}.nav-logout-btn:hover{color:#ef4444;background:#ef44441a;border-color:#ef444440}.nav-login-btn{border-radius:var(--radius-full,50px);background:linear-gradient(135deg, var(--primary-color), #7c3aed);color:#fff;cursor:pointer;box-shadow:0 4px 18px var(--primary-glow);border:none;align-items:center;gap:8px;padding:8px 20px;font-family:inherit;font-size:.82rem;font-weight:700;transition:all .35s cubic-bezier(.16,1,.3,1);display:flex}.nav-login-btn:hover{box-shadow:0 10px 30px var(--primary-glow);transform:translateY(-2px)}.nav-login-btn i{font-size:1.05rem}.nav-hamburger{border-radius:var(--radius-sm,8px);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:36px;height:36px;padding:0;transition:background .3s;display:none}.nav-hamburger:hover{background:#ffffff14}.hamburger-line{background:var(--text-main);transform-origin:50%;border-radius:2px;width:18px;height:2px;transition:all .35s cubic-bezier(.16,1,.3,1);display:block}.nav-hamburger--open .hamburger-line:first-child{transform:translateY(7px)rotate(45deg)}.nav-hamburger--open .hamburger-line:nth-child(2){opacity:0;transform:scaleX(0)}.nav-hamburger--open .hamburger-line:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-menu-overlay{z-index:99;-webkit-backdrop-filter:blur(24px);background:#050508f0;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.mobile-menu{width:90%;max-width:400px;max-height:80vh;overflow-y:auto}.mobile-menu-links{flex-direction:column;gap:6px;display:flex}.mobile-menu-link{border-radius:var(--radius-lg,16px);color:var(--text-muted);border:1px solid #0000;align-items:center;gap:14px;padding:16px 20px;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.mobile-menu-link i{text-align:center;width:24px;font-size:1.1rem}.mobile-menu-link:hover{color:var(--text-main);background:#ffffff0d}.mobile-menu-link--active{color:var(--text-main);background:#8b5cf61a;border-color:#8b5cf633}.mobile-menu-link--active i{color:var(--primary-color)}@media (width<=1024px){.nav-links{display:none}.nav-hamburger{display:flex}.navbar{border-radius:var(--radius-2xl,28px);top:auto;bottom:1.25rem}.navbar--scrolled{bottom:.75rem}}@media (width<=480px){.nav-user-name{display:none}.nav-user-chip{border-radius:50%;padding:3px}.navbar-logo-text{font-size:.95rem}}.mesh-background{z-index:-1;background-color:var(--bg-color,#050508);position:fixed;inset:0;overflow:hidden}.mesh-blob{pointer-events:none;will-change:transform;backface-visibility:hidden;contain:strict;border-radius:50%;position:absolute;transform:translate(0,0)}.mesh-blob-1{background:radial-gradient(circle,#8b5cf624 0%,#8b5cf60a 35%,#0000 65%);width:min(70vw,800px);height:min(70vw,800px);animation:30s ease-in-out infinite alternate mesh-drift-1;top:-15%;left:-10%}.mesh-blob-2{background:radial-gradient(circle,#06b6d41a 0%,#06b6d408 35%,#0000 65%);width:min(60vw,700px);height:min(60vw,700px);animation:35s ease-in-out infinite alternate-reverse mesh-drift-2;bottom:-20%;right:-15%}.mesh-blob-3{background:radial-gradient(circle,#8b5cf614 0%,#8b5cf605 35%,#0000 65%);width:min(50vw,600px);height:min(50vw,600px);animation:25s ease-in-out infinite alternate mesh-drift-3;top:40%;left:30%}.mesh-blob-4{background:radial-gradient(circle,#06b6d40f 0%,#06b6d404 35%,#0000 65%);width:min(45vw,550px);height:min(45vw,550px);animation:32s ease-in-out infinite alternate-reverse mesh-drift-4;top:10%;right:20%}@keyframes mesh-drift-1{0%{transform:translate(0,0)scale(1)}25%{transform:translate(60px,40px)scale(1.05)}50%{transform:translate(30px,80px)scale(.98)}75%{transform:translate(-20px,50px)scale(1.03)}to{transform:translate(-40px,-20px)scale(.97)}}@keyframes mesh-drift-2{0%{transform:translate(0,0)scale(1)}25%{transform:translate(-50px,-30px)scale(1.04)}50%{transform:translate(-20px,-70px)scale(.96)}75%{transform:translate(30px,-40px)scale(1.02)}to{transform:translate(60px,20px)scale(1.06)}}@keyframes mesh-drift-3{0%{transform:translate(0,0)scale(1)}33%{transform:translate(-40px,60px)scale(1.08)}66%{transform:translate(50px,-30px)scale(.94)}to{transform:translate(20px,40px)scale(1.02)}}@keyframes mesh-drift-4{0%{transform:translate(0,0)scale(1)}33%{transform:translate(40px,-50px)scale(.96)}66%{transform:translate(-30px,30px)scale(1.06)}to{transform:translate(-50px,-40px)scale(.98)}}.mesh-vignette{pointer-events:none;background:radial-gradient(#0505081a 0%,#0505088c 55%,#050508f0 100%);position:absolute;inset:0}.mesh-grid{pointer-events:none;opacity:.018;background-image:linear-gradient(#ffffff1f 1px,#0000 1px),linear-gradient(90deg,#ffffff1f 1px,#0000 1px);background-size:80px 80px;position:absolute;inset:0;mask-image:radial-gradient(#000 30%,#0000 75%)}@media (prefers-reduced-motion:reduce){.mesh-blob{animation:none!important}}@media (width<=768px){.mesh-blob-1{width:90vw;height:90vw}.mesh-blob-2{width:80vw;height:80vw}.mesh-blob-3{width:70vw;height:70vw}.mesh-blob-4{width:60vw;height:60vw}}.preloader{z-index:99999;background-color:#030306;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.preloader-mesh{pointer-events:none;background:radial-gradient(circle at 30% 40%,#8b5cf612 0%,#0000 50%),radial-gradient(circle at 70% 60%,#06b6d40d 0%,#0000 50%);animation:8s ease-in-out infinite alternate preloader-mesh-shift;position:absolute;inset:0}@keyframes preloader-mesh-shift{0%{opacity:.6;transform:scale(1)}to{opacity:1;transform:scale(1.1)}}.preloader-center{text-align:center;z-index:2;flex-direction:column;align-items:center;display:flex;position:relative}.preloader-ring-container{justify-content:center;align-items:center;width:160px;height:160px;margin-bottom:32px;display:flex;position:relative}.preloader-ring{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.preloader-ring-track{stroke:#ffffff08}.preloader-ring-progress{stroke:var(--primary-color,#8b5cf6);filter:drop-shadow(0 0 8px var(--primary-glow,#8b5cf666));transition:stroke-dashoffset .15s ease-out}.preloader-logo-wrap{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.preloader-logo-glow{filter:blur(50px);opacity:0;pointer-events:none;background:linear-gradient(135deg,#8b5cf699,#06b6d44d);border-radius:50%;width:80%;height:80%;transition:opacity .5s;position:absolute}.preloader-logo-img-wrap{z-index:2;justify-content:center;align-items:center;width:72px;height:72px;display:flex;position:relative}.preloader-logo-base{object-fit:contain;opacity:.08;filter:grayscale();width:100%;height:100%;position:absolute}.preloader-logo-filled{object-fit:contain;width:100%;height:100%;filter:drop-shadow(0 0 16px var(--primary-glow,#8b5cf680));transition:clip-path .15s ease-out;position:absolute}.preloader-percent{color:var(--text-muted,#ffffff73);letter-spacing:6px;font-variant-numeric:tabular-nums;margin-bottom:14px;font-family:Plus Jakarta Sans,monospace;font-size:.95rem;font-weight:700}.preloader-brand{letter-spacing:5px;text-transform:uppercase;color:#ffffff26;font-family:Plus Jakarta Sans,sans-serif;font-size:.72rem;font-weight:800}.preloader-brand span{background:linear-gradient(135deg, var(--primary-color,#8b5cf6), var(--secondary-color,#06b6d4));-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 8px var(--primary-glow,#8b5cf666));background-clip:text}@media (width<=480px){.preloader-ring-container{width:130px;height:130px}.preloader-logo-img-wrap{width:60px;height:60px}}.cart-modal-overlay{backdrop-filter:blur(5px);z-index:10000;background:#0009;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.cart-modal-content{background:linear-gradient(145deg,#1f1f25 0%,#15151a 100%);border:1px solid #ffffff14;border-radius:20px;flex-direction:column;width:90%;max-width:500px;max-height:85vh;display:flex;overflow:hidden;box-shadow:0 25px 50px #00000080}.cart-modal-header{background:#0003;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:20px 25px;display:flex}.cart-modal-header h2{color:#fff;align-items:center;gap:10px;margin:0;font-size:1.4rem;display:flex}.cart-modal-header h2 i{color:var(--primary-color,#00d2ff)}.cart-close-btn{color:#fff9;cursor:pointer;background:#ffffff0d;border:none;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;font-size:1.1rem;transition:all .3s;display:flex}.cart-close-btn:hover{color:#ff3b30;background:#ff3b301a}.cart-items-list{flex-grow:1;padding:20px;overflow-y:auto}.cart-empty{text-align:center;color:#fff6;padding:40px 20px}.cart-empty i{opacity:.5;margin-bottom:15px;font-size:3rem}.cart-empty p{font-size:1.1rem}.cart-item{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;align-items:center;gap:15px;margin-bottom:12px;padding:12px;display:flex}.cart-item-img{background-position:50%;background-size:cover;border-radius:6px;width:60px;height:40px}.cart-item-info{flex-grow:1}.cart-item-info h4{color:#fff;margin:0 0 4px;font-size:1rem}.cart-item-model{color:#ffffff80;background:#ffffff0d;border-radius:20px;padding:2px 8px;font-size:.8rem}.cart-item-remove{color:#ff3b30;cursor:pointer;background:#ff3b301a;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s;display:flex}.cart-item-remove:hover{color:#fff;background:#ff3b30}.cart-modal-footer{background:#0003;border-top:1px solid #ffffff0d;padding:20px}.btn-cart-submit{background:var(--primary-color,#00d2ff);color:#000;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;padding:15px;font-size:1.1rem;font-weight:700;transition:all .3s;display:flex}.btn-cart-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #00d2ff4d}.btn-cart-submit:disabled{color:#ffffff4d;cursor:not-allowed;background:#ffffff1a}.cart-success{text-align:center;padding:60px 20px}.cart-success i{color:#2ed573;margin-bottom:20px;font-size:4rem}.cart-success h3{color:#fff;margin-bottom:10px;font-size:1.5rem}.cart-success p{color:#fff9}