body{color:#0f172a;-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;margin:0;padding:0}input,textarea,[contenteditable=true],.allow-select{-webkit-user-select:text;user-select:text}.badge-frame-silver{border:3px solid #cbd5e1;box-shadow:0 0 10px #cbd5e180}.badge-frame-gold{border:3px solid #fbbf24;box-shadow:0 0 10px #fbbf2480}.badge-frame-platinum{border:3px solid #e2e8f0;box-shadow:0 0 15px #e2e8f0cc}.badge-frame-diamond{border:3px solid #60a5fa;box-shadow:0 0 10px #60a5fa80}.badge-frame-obsidian{border:3px solid #0f172a;box-shadow:0 0 15px #0f172acc,inset 0 0 5px #fff3}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes pulse-soft{0%{opacity:.4;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}to{opacity:.4;transform:scale(1)}}.animate-shimmer{background:linear-gradient(90deg,#fff0 0%,#ffffff1a 50%,#fff0 100%) 0 0/200% 100%;animation:3s linear infinite shimmer}.animate-float{animation:6s ease-in-out infinite float}.animate-pulse-soft{animation:4s ease-in-out infinite pulse-soft}.glass-panel{-webkit-backdrop-filter:blur(12px)saturate(180%);background-color:#ffffffb3;border:1px solid #d1d5db4d}.dark .glass-panel{background-color:#1e293bb3;border:1px solid #ffffff14}.bg-mesh-green{background-color:#f8fafc;background-image:radial-gradient(at 0 0,#2e7d320d 0,#0000 50%),radial-gradient(at 100% 0,#52b7880d 0,#0000 50%)}.dark .bg-mesh-green{background-color:#0f172a;background-image:radial-gradient(at 0 0,#2e7d3226 0,#0000 50%),radial-gradient(at 100% 0,#52b7881a 0,#0000 50%)}.card-hover-effect{transition:all .4s cubic-bezier(.175,.885,.32,1.275)!important}.card-hover-effect:hover{transform:translateY(-8px)scale(1.01)!important;box-shadow:0 20px 40px -12px #0003!important}.dark .card-hover-effect:hover{box-shadow:0 20px 40px -12px #0009!important}.bg-grid-subtle{background-image:linear-gradient(90deg,#00000005 1px,#0000 1px),linear-gradient(#00000005 1px,#0000 1px)}.dark .bg-grid-subtle{background-image:linear-gradient(90deg,#ffffff05 1px,#0000 1px),linear-gradient(#ffffff05 1px,#0000 1px)}@keyframes reveal-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes reveal-fade{0%{opacity:0}to{opacity:1}}.animate-reveal{animation:.6s cubic-bezier(.2,.8,.2,1) forwards reveal-up}.animate-fade-in{animation:.8s ease-out forwards reveal-fade}.stagger-1{opacity:0;animation-delay:.1s}.stagger-2{opacity:0;animation-delay:.2s}.stagger-3{opacity:0;animation-delay:.3s}.stagger-4{opacity:0;animation-delay:.4s}.stagger-5{opacity:0;animation-delay:.5s}.sidebar-active-indicator{background:#2e7d32;border-radius:0 4px 4px 0;width:4px;height:24px;position:absolute;left:0;box-shadow:0 0 8px #2e7d3299}.dark .sidebar-active-indicator{background:#81c784;box-shadow:0 0 12px #81c784cc}.btn-press-effect:active{transform:translateY(1px)scale(.98)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#00000026 padding-box content-box;border:2px solid #0000;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#0000004d padding-box content-box;border:2px solid #0000}.dark ::-webkit-scrollbar-thumb{background:#ffffff26 padding-box content-box;border:2px solid #0000}.dark ::-webkit-scrollbar-thumb:hover{background:#ffffff4d padding-box content-box;border:2px solid #0000}