:root{--spacing-mobile-xs:4px;--spacing-mobile-sm:8px;--spacing-mobile-md:12px;--spacing-mobile-lg:16px;--spacing-mobile-xl:24px;--spacing-desktop-xs:8px;--spacing-desktop-sm:16px;--spacing-desktop-md:24px;--spacing-desktop-lg:32px;--spacing-desktop-xl:48px;--spacing-desktop-xxl:64px}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{width:100%;height:100%;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow:hidden}body{background:linear-gradient(#0a0b1e 0%,#1a1b3a 100%)}#root{width:100%;height:100%}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#ffffff08;border-radius:4px}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:#ffffff26}input,textarea,select{outline:none;font-family:inherit}input:focus,textarea:focus,select:focus{outline:none}button{cursor:pointer;transition:all .15s}button:hover{opacity:.9}button:active{transform:scale(.98)}.glass-card{-webkit-backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1f;box-shadow:0 8px 32px #0000005e}@keyframes cardEnter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animated-card{animation:.3s ease-out forwards cardEnter}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{animation:.2s ease-out modalFadeIn}.modal-content{animation:.3s ease-out modalSlideUp}a,button,input,textarea,select{transition:all .15s}::selection{color:#fff;background:#ffd7004d}::selection{color:#fff;background:#ffd7004d}.touchable{-webkit-tap-highlight-color:#ffd7001a}button,.touchable{user-select:none}:focus-visible{outline-offset:2px;outline:2px solid #ffd70080}html{scroll-behavior:smooth}#root>div{width:100%;height:100%}@media (width>=1024px){::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#ffffff0a;border-radius:6px}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#fff3}.desktop-card{transition:all .15s}.desktop-card:hover{transform:scale(1.02);box-shadow:0 12px 40px #00000080}body{background:radial-gradient(circle at 20% 20%,#ffd7000d 0%,#0000 50%),radial-gradient(circle at 80% 80%,#ff6b9d0d 0%,#0000 50%),linear-gradient(#0a0b1e 0%,#1a1b3a 100%)}.desktop-container{max-width:1400px;padding:0 var(--spacing-desktop-xl);margin:0 auto}.desktop-grid-2{gap:var(--spacing-desktop-md);grid-template-columns:repeat(2,1fr);display:grid}.desktop-grid-3{gap:var(--spacing-desktop-md);grid-template-columns:repeat(3,1fr);display:grid}.desktop-sidebar-layout{height:100vh;display:flex;overflow:hidden}.desktop-main-content{flex:1;overflow:hidden auto}.glass-card-desktop{-webkit-backdrop-filter:blur(30px);background:#ffffff0f;border:1px solid #ffffff26;box-shadow:0 12px 40px #0006,inset 0 1px #ffffff1a}button:hover{transform:translateY(-1px);box-shadow:0 8px 24px #0000004d}button:active{transform:translateY(0)}}@media (width>=768px) and (width<=1023px){::-webkit-scrollbar{width:10px;height:10px}.tablet-grid-2{gap:var(--spacing-mobile-lg);grid-template-columns:repeat(2,1fr);display:grid}}@media (width<=768px){html{font-size:14px}}@media (width<=480px){html{font-size:13px}}@media (prefers-color-scheme:light){body{background:linear-gradient(#fff 0%,#e8e9f3 100%)}::-webkit-scrollbar-track{background:#00000008}::-webkit-scrollbar-thumb{background:#0000001a}::-webkit-scrollbar-thumb:hover{background:#00000026}.glass-card{background:#fff9;border:1px solid #fff6;box-shadow:0 8px 32px #0000001a}::selection{color:#1a1b3a;background:#ffc1074d}::selection{color:#1a1b3a;background:#ffc1074d}@media (width>=1024px){body{background:radial-gradient(circle at 20% 20%,#ffc10714 0%,#0000 50%),radial-gradient(circle at 80% 80%,#e91e6314 0%,#0000 50%),linear-gradient(#fff 0%,#e8e9f3 100%)}.glass-card-desktop{background:#ffffffb3;border:1px solid #ffffff80;box-shadow:0 12px 40px #00000014,inset 0 1px #fffc}}}