:root{--shadow-sm:0 1px 2px rgba(0,0,0,.04),0 2px 4px rgba(0,0,0,.04);--shadow-md:0 2px 4px rgba(0,0,0,.04),0 4px 8px rgba(0,0,0,.04),0 8px 16px rgba(0,0,0,.04);--shadow-lg:0 4px 8px rgba(0,0,0,.04),0 8px 16px rgba(0,0,0,.04),0 16px 32px rgba(0,0,0,.06),0 32px 64px rgba(0,0,0,.06);--shadow-xl:0 8px 16px rgba(0,0,0,.04),0 16px 32px rgba(0,0,0,.06),0 32px 64px rgba(0,0,0,.08),0 64px 128px rgba(0,0,0,.1);--shadow-red-sm:0 2px 8px rgba(139,92,246,.15);--shadow-red-md:0 4px 12px rgba(139,92,246,.2),0 8px 24px rgba(139,92,246,.15);--shadow-red-lg:0 8px 24px rgba(139,92,246,.25),0 16px 48px rgba(139,92,246,.2);--glass-bg:hsla(0,0%,100%,.7);--glass-border:hsla(0,0%,100%,.5);--glass-blur:12px}.card{box-shadow:var(--shadow-md);border:1px solid rgba(0,0,0,.06);transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),border-color .3s ease}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.card-highlight:hover{border-color:var(--red-primary);box-shadow:var(--shadow-red-md)}.btn{position:relative;overflow:hidden;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),background .2s ease}.btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,hsla(0,0%,100%,.2),hsla(0,0%,100%,0) 50%);opacity:0;transition:opacity .3s ease}.btn:hover:before{opacity:1}.btn-primary{box-shadow:var(--shadow-red-sm)}.btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-red-md)}.btn-primary:active{transform:translateY(0) scale(.98);box-shadow:var(--shadow-red-sm)}.btn-secondary:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-outline:hover{transform:translateY(-1px);box-shadow:var(--shadow-red-sm)}.mode-card{box-shadow:var(--shadow-sm);transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),border-color .2s ease}.mode-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-red-lg)}.mode-card .icon{transition:transform .3s cubic-bezier(.4,0,.2,1)}.mode-card:hover .icon{transform:scale(1.1)}.feature-card{box-shadow:var(--shadow-sm);transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),border-color .2s ease}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.feature-icon-wrapper{transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease}.feature-card:hover .feature-icon-wrapper{transform:scale(1.1);box-shadow:var(--shadow-red-sm)}input[type=email],input[type=number],input[type=password],input[type=text],select,textarea{transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--red-primary);box-shadow:0 0 0 3px rgba(139,92,246,.1),var(--shadow-sm)}table tbody tr{transition:background .15s ease}table tbody tr:hover{background:rgba(139,92,246,.02)}.nav-link{transition:color .2s ease,transform .2s ease}.nav-link:hover{transform:translateY(-1px)}.live-dot{box-shadow:0 0 0 0 rgba(16,185,129,.4);animation:pulse-ring 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse-ring{0%{box-shadow:0 0 0 0 rgba(16,185,129,.4)}70%{box-shadow:0 0 0 8px rgba(16,185,129,0)}to{box-shadow:0 0 0 0 rgba(16,185,129,0)}}.header{box-shadow:0 1px 0 rgba(0,0,0,.05),0 4px 20px rgba(0,0,0,.03)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--gray-100)}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}::-moz-selection{background:rgba(139,92,246,.2);color:var(--gray-900)}::selection{background:rgba(139,92,246,.2);color:var(--gray-900)}:focus-visible{outline:2px solid var(--red-primary);outline-offset:2px}a:focus-visible,button:focus-visible{outline:2px solid var(--red-primary);outline-offset:2px}.skeleton{background:linear-gradient(90deg,var(--gray-100) 25%,var(--gray-200) 50%,var(--gray-100) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:4px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.glass{background:var(--glass-bg);border:1px solid var(--glass-border)}.glass,.glass-dark{backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}.glass-dark{background:rgba(0,0,0,.5);border:1px solid hsla(0,0%,100%,.1)}