::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#10b98133;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#10b98166}body{background-color:#040d06;color:#e2e8f0}.connection-indicator{width:8px;height:8px;border-radius:50%;flex-shrink:0}.connection-indicator.online{background-color:#10b981;box-shadow:0 0 8px #10b98199;animation:pulse-green 2s infinite}.connection-indicator.offline{background-color:#ef4444;box-shadow:0 0 8px #ef444499;animation:pulse-red 1.5s infinite}@keyframes pulse-green{0%,to{box-shadow:0 0 8px #10b98199}50%{box-shadow:0 0 16px #10b981e6}}@keyframes pulse-red{0%,to{box-shadow:0 0 8px #ef444499}50%{box-shadow:0 0 16px #ef4444e6}}.sync-status{font-size:10px;font-weight:700;padding:2px 8px;border-radius:6px;transition:all .3s ease}.sync-status.online{color:#10b981;background:#10b9811a}.sync-status.offline{color:#ef4444;background:#ef44441a}.sync-status.syncing{color:#f59e0b;background:#f59e0b1a}@keyframes smoothSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:smoothSlideUp .6s cubic-bezier(.16,1,.3,1) both}.feature-card{transition:all .4s cubic-bezier(.16,1,.3,1)}.feature-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 20px 40px -15px #10b98126;border-color:#10b9814d!important}@keyframes ringPulse{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 8px #10b98100}to{box-shadow:0 0 #10b98100}}.pulse-ring{animation:ringPulse 2s cubic-bezier(.25,0,0,1) infinite}