.access-card-bg{position:relative;background-color:#000;backdrop-filter:blur(16px);overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.5),inset 0 0 0 1px rgba(255,170,0,.1);transform-style:preserve-3d;perspective:1000px;isolation:isolate;width:100%;margin:0 auto}.access-card-bg:before{background-image:radial-gradient(circle at 10% 10%,rgba(255,170,0,.03) 1px,transparent 0),radial-gradient(circle at 20% 30%,rgba(255,111,0,.02) 1px,transparent 0),radial-gradient(circle at 30% 70%,rgba(255,170,0,.03) 1px,transparent 0),radial-gradient(circle at 70% 40%,rgba(255,111,0,.02) 1px,transparent 0),radial-gradient(circle at 90% 90%,rgba(255,170,0,.03) 1px,transparent 0);background-size:100px 100px;opacity:.4}.access-card-bg:after,.access-card-bg:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1}.access-card-bg:after{background:linear-gradient(to bottom right,rgba(255,170,0,.1),rgba(255,170,0,0) 40%,rgba(255,111,0,0) 60%,rgba(255,111,0,.07))}.access-card-hole{position:relative;border-radius:50%;box-shadow:0 0 0 4px rgba(0,0,0,.3),inset 0 0 10px rgba(0,0,0,.3),0 5px 15px rgba(0,0,0,.2);overflow:hidden;transform-style:preserve-3d}.access-card-hole:before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;border-radius:50%;background:linear-gradient(135deg,hsla(0,0%,100%,.3),hsla(0,0%,100%,.05) 50%,hsla(0,0%,100%,0) 50.1%,hsla(0,0%,100%,0))}.card-tag-connector{position:absolute;left:50%;top:0;transform:translateX(-50%);width:1px;background:linear-gradient(180deg,hsla(0,0%,100%,.3) 0,hsla(0,0%,100%,.05));box-shadow:0 0 5px rgba(0,0,0,.2)}.card-barcode{height:30px;background-image:repeating-linear-gradient(90deg,rgba(0,0,0,.8),rgba(0,0,0,.8) 1px,rgba(0,0,0,.8) 2px,transparent 0,transparent 4px),repeating-linear-gradient(90deg,rgba(0,0,0,.8),rgba(0,0,0,.8) 1px,transparent 0,transparent 3px),repeating-linear-gradient(90deg,rgba(0,0,0,.8),rgba(0,0,0,.8) 1px,transparent 0,transparent 2px);background-size:100% 100%,100% 100%,100% 100%;background-position:0 0,0 10px,0 20px;opacity:.8;border-radius:4px;position:relative}.card-barcode:after{content:"";position:absolute;top:0;left:0;right:0;height:10px;opacity:.8}.holographic-effect{background:linear-gradient(45deg,rgba(255,170,0,.08),hsla(0,0%,100%,.05) 25%,rgba(255,111,0,.08) 50%,hsla(0,0%,100%,.05) 75%,rgba(255,170,0,.08));background-size:400% 400%;animation:holographicShift 8s ease infinite;mix-blend-mode:overlay}.holographic-effect,.security-pattern{position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;pointer-events:none}.security-pattern{background-image:repeating-linear-gradient(45deg,transparent,transparent 4px,rgba(255,170,0,.03) 0,rgba(255,170,0,.03) 8px);opacity:.5}.watermark{position:absolute;bottom:40px;right:20px;width:60px;height:60px;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 55C43.8071 55 55 43.8071 55 30C55 16.1929 43.8071 5 30 5C16.1929 5 5 16.1929 5 30C5 43.8071 16.1929 55 30 55Z' stroke='rgba(255,255,255,0.07)' stroke-width='2'/%3E%3Cpath d='M30 50C41.0457 50 50 41.0457 50 30C50 18.9543 41.0457 10 30 10C18.9543 10 10 18.9543 10 30C10 41.0457 18.9543 50 30 50Z' stroke='rgba(255,255,255,0.1)' stroke-width='1'/%3E%3Cpath d='M32 20L39 30L32 40M28 20L21 30L28 40' stroke='rgba(255,255,255,0.12)' stroke-width='1.5'/%3E%3C/svg%3E");background-size:contain;background-position:50%;background-repeat:no-repeat;opacity:.2;z-index:-1;pointer-events:none}.card-selected{box-shadow:0 0 0 1px rgba(255,170,0,.4),0 0 15px rgba(255,170,0,.4)}.card-chip{position:relative;width:36px;height:28px;background:linear-gradient(135deg,#fa0,#ff6f00);border-radius:4px;padding:1px;box-shadow:0 1px 2px rgba(0,0,0,.4)}.card-chip:before{content:"";position:absolute;top:2px;left:2px;right:2px;bottom:2px;background-image:linear-gradient(90deg,transparent 30%,hsla(0,0%,100%,.1) 0,hsla(0,0%,100%,.1) 40%,transparent 0,transparent 60%,hsla(0,0%,100%,.1) 0,hsla(0,0%,100%,.1) 70%,transparent 0),linear-gradient(180deg,transparent 30%,hsla(0,0%,100%,.1) 0,hsla(0,0%,100%,.1) 40%,transparent 0,transparent 60%,hsla(0,0%,100%,.1) 0,hsla(0,0%,100%,.1) 70%,transparent 0);border-radius:2px}.custom-scrollbar::-webkit-scrollbar{width:5px}.custom-scrollbar::-webkit-scrollbar-track{background:rgba(0,0,0,.1);border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(65,105,225,.3),rgba(65,105,225,.5));border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,rgba(65,105,225,.5),rgba(65,105,225,.7));border-radius:10px}.status-indicator{height:6px;width:6px;border-radius:50%;background-color:rgba(65,105,225,.7);box-shadow:0 0 10px rgba(65,105,225,.5);animation:statusPulse 2s ease-in-out infinite}@keyframes holographicShift{0%{background-position:0 0}50%{background-position:100% 100%}to{background-position:0 0}}@keyframes floatingCard{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}@media (max-width:768px){.access-card-bg{width:100%}.card-barcode{height:25px}.watermark{width:50px;height:50px;bottom:30px;right:15px}}@media (max-width:480px){.card-barcode{height:20px}.watermark{width:40px;height:40px;bottom:20px;right:10px}.access-card-hole{transform:scale(.9)}}@media (max-width:360px){.card-barcode{height:18px}.watermark{width:35px;height:35px}.card-chip{width:30px;height:24px}}.bg-grid-pattern{background-image:linear-gradient(90deg,rgba(65,105,225,.05) 1px,transparent 0),linear-gradient(180deg,rgba(65,105,225,.05) 1px,transparent 0);background-size:20px 20px;opacity:.2;mask-image:radial-gradient(circle at center,#000 30%,transparent 80%)}.bg-gradient{background:radial-gradient(circle at 50% 50%,rgba(65,105,225,.1) 0,transparent 50%);animation:pulseGradient 8s ease infinite alternate;opacity:.5}@keyframes pulseGradient{0%{opacity:.3;transform:scale(1)}to{opacity:.6;transform:scale(1.2)}}body{background-color:#000!important;overflow-x:hidden;color:#fff;font-family:Chakra Petch,sans-serif!important;font-weight:400!important;font-size:18px!important;line-height:1.6!important}h1{font-size:2.5rem!important;font-weight:700!important;line-height:1.2!important;letter-spacing:-.025em!important}h2{font-size:2rem!important;letter-spacing:-.025em!important}h2,h3{font-weight:600!important;line-height:1.3!important}h3{font-size:24px!important}h4{font-size:1.5rem!important;font-weight:600!important;line-height:1.4!important}h5{font-size:1.25rem!important}h5,h6{font-weight:500!important;line-height:1.4!important}h6{font-size:1.125rem!important}@media (max-width:768px){.sidebar-container{position:fixed;top:0;left:0;height:100vh;z-index:50;transform:translateX(-100%);transition:transform .3s ease-in-out}.sidebar-container.open{transform:translateX(0)}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:40;backdrop-filter:blur(4px)}}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:rgba(255,170,0,.3);border-radius:2px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:rgba(255,170,0,.5)}.menu-item-enter{opacity:0;transform:translateX(-20px)}.menu-item-enter-active{transition:opacity .3s,transform .3s}.menu-item-enter-active,.menu-item-exit{opacity:1;transform:translateX(0)}.menu-item-exit-active{opacity:0;transform:translateX(-20px);transition:opacity .3s,transform .3s}