/* Orbit's AI / dark-space identity; animations never encode market activity. */
:root { --cyan: #adff59; --purple: #b196ff; }
.cosmos { z-index: 0; pointer-events: none; background: radial-gradient(ellipse at 86% 12%, #4b228722, transparent 55%), radial-gradient(ellipse at 60% 90%, #0b645319, transparent 60%); }
#workspace, .login-screen { position: relative; z-index: 1; }
.cosmos:before { opacity: .5; background-image: radial-gradient(#8bffbf88 .65px, transparent 1px), radial-gradient(#b79cff88 .7px, transparent 1px); background-position: 0 0, 42px 33px; background-size: 113px 109px, 181px 197px; animation: stars 70s linear infinite; }
.nebula { background: #7635de19; animation: nebula 20s ease-in-out infinite alternate; }
.orbit-a { border-color: #a7ff5920; }
.orbit-b { border-color: #b496ff20; }
.brand-icon { width: 45px; height: 45px; object-fit: contain; border-radius: 13px; box-shadow: 0 0 26px #a9ff5910; }
.login-icon { width: 176px; height: 176px; border-radius: 40px; box-shadow: 0 12px 75px #9b51e023, 0 0 32px #a7ff5914; margin-bottom: 20px; }
.avatar { padding: 0; overflow: hidden; }
.avatar img { width: 100%; height: 100%; object-fit: cover; }
.primary { background: linear-gradient(115deg, #b8ff63, #74edb2); color: #102414; border-color: #a6f66a; box-shadow: 0 0 24px #9cff5212; }
.primary:hover { background: #c9ff87; }
.nav-item.active { background: linear-gradient(100deg, #adff5916, #7250ba10); }
.panel, .card { box-shadow: 0 10px 34px #00000012; }
.card { transition: border-color .2s ease, transform .2s ease; }
.card:hover { border-color: #537043; transform: translateY(-2px); }
.radar-core { color: #b1ff69; text-shadow: 0 0 28px #b2ff6960; }
.radar-sweep { background: conic-gradient(from 0deg, transparent 70%, #b2ff6914 95%, #b2ff6960 100%); }
.timestamp-note { color: var(--gold); font-size: 10px; margin-top: 12px; }
.danger-text { color: var(--red); }
@keyframes stars { to { background-position: 113px 109px, 42px 230px; } }
@keyframes nebula { to { transform: translate(-50px, 50px) scale(1.1); } }
@media(max-width: 850px) { .brand-icon { width: 32px; height: 32px; border-radius: 9px; } }
@media(prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; transition: none !important; } }
.reduced-motion *, .reduced-motion *::before, .reduced-motion *::after { animation: none !important; transition: none !important; }