@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;700;800&display=swap");:root{--bg-color:#05050a;--text-primary:#fff;--text-secondary:hsla(0,0%,100%,.6);--accent-blue:#38bdf8;--accent-purple:#c084fc;--accent-pink:#f472b6;--accent-cyan:#2dd4bf;--glass-bg:hsla(0,0%,100%,.03);--glass-border:hsla(0,0%,100%,.08);--glass-shimmer:hsla(0,0%,100%,.15);--glass-shadow:0 30px 60px rgba(0,0,0,.4),inset 0 1px 0 var(--glass-shimmer)}*{box-sizing:border-box;padding:0;margin:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:Outfit,-apple-system,sans-serif;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;position:relative;background:radial-gradient(circle at 15% 50%,rgba(192,132,252,.15),transparent 50%),radial-gradient(circle at 85% 30%,rgba(56,189,248,.15),transparent 50%),radial-gradient(circle at 50% 80%,rgba(244,114,182,.1),transparent 50%),linear-gradient(180deg,#05050a,#080911);background-attachment:fixed;animation:cosmic-drift 20s ease-in-out infinite alternate}@keyframes cosmic-drift{0%{background-position:0 0}to{background-position:100% 100%}}h1,h2,h3,h4,h5{font-weight:800;color:var(--text-primary);letter-spacing:-1px}a{color:inherit;text-decoration:none}.button{background:var(--glass-bg);color:var(--text-primary);border:1px solid var(--glass-border);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:12px 24px;border-radius:12px;font-weight:500;font-size:.95rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;gap:8px;letter-spacing:.5px}.button:active{transform:scale(.97)}.button:hover:not(:disabled){background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.2);box-shadow:0 0 20px hsla(0,0%,100%,.05)}.button.highlight{background:linear-gradient(135deg,var(--accent-purple) 0,var(--accent-blue) 100%);border:1px solid hsla(0,0%,100%,.3);color:#fff;box-shadow:0 10px 30px rgba(192,132,252,.3),inset 0 1px 0 hsla(0,0%,100%,.4);text-shadow:0 1px 2px rgba(0,0,0,.2)}.button.highlight:hover:not(:disabled){background:linear-gradient(135deg,#d3a2ff,#60cbf9);box-shadow:0 15px 40px rgba(192,132,252,.5),inset 0 1px 0 hsla(0,0%,100%,.6);transform:translateY(-2px)}.button:disabled{opacity:.5;cursor:not-allowed;transform:none}.glass-panel{background:var(--glass-bg);border:1px solid var(--glass-border);border-top-color:var(--glass-shimmer);border-radius:24px;padding:40px;box-shadow:var(--glass-shadow);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);position:relative;overflow:hidden}.glass-panel:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.05),transparent);transform:skewX(-20deg);animation:shimmer 8s infinite}@keyframes shimmer{0%{left:-100%}20%{left:200%}to{left:200%}}.input-field{width:100%;background:rgba(0,0,0,.3);border:1px solid var(--glass-border);padding:16px 20px;border-radius:16px;color:var(--text-primary);font-size:1.05rem;font-family:Outfit,sans-serif;box-shadow:inset 0 2px 10px rgba(0,0,0,.5);transition:all .3s}.input-field:focus{outline:none;border-color:var(--accent-blue);background:rgba(0,0,0,.4);box-shadow:inset 0 2px 10px rgba(0,0,0,.5),0 0 20px rgba(56,189,248,.15)}.input-field::placeholder{color:hsla(0,0%,100%,.3)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spinning-record{animation:spin 3s linear infinite;display:inline-block;filter:drop-shadow(0 0 15px var(--accent-blue)) drop-shadow(0 0 30px var(--accent-purple))}.spinning-record.paused{animation-play-state:paused;filter:drop-shadow(0 0 5px rgba(255,255,255,.2));transition:filter .5s}.dashboard-grid{display:grid;grid-template-columns:250px 1fr;flex:1 1;height:calc(100vh - 120px)}@media (max-width:768px){.dashboard-grid{grid-template-columns:1fr;grid-template-rows:auto 1fr;height:auto}}