*{font-family:DM Sans,sans-serif;margin:0;padding:0;box-sizing:border-box}.font-mono,code,pre{font-family:JetBrains Mono,monospace!important}body{background:#0a0e1a;overflow:hidden;color:#e2e8f0}#root{width:100vw;height:100vh}::-webkit-scrollbar{width:0;height:0}*{scrollbar-width:none}.scroll-thin::-webkit-scrollbar{width:4px;height:4px}.scroll-thin::-webkit-scrollbar-track{background:transparent}.scroll-thin::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}.scroll-thin::-webkit-scrollbar-thumb:hover{background:#ffffff26}.scroll-thin{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.08) transparent}.glass{background:#ffffff08;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.06)}.glass-hover:hover{background:#ffffff0f;border-color:#ffffff1a}.glass-strong{background:#ffffff0f;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08)}.highlight-top{position:relative}.highlight-top:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);pointer-events:none}.glow-red{box-shadow:0 0 20px #ef444426,0 0 40px #ef44440d}.glow-blue{box-shadow:0 0 20px #3b82f626,0 0 40px #3b82f60d}.glow-green{box-shadow:0 0 20px #22c55e26,0 0 40px #22c55e0d}.glow-amber{box-shadow:0 0 20px #f59e0b26,0 0 40px #f59e0b0d}.glow-cyan{box-shadow:0 0 20px #22d3ee26,0 0 40px #22d3ee0d}@keyframes fadeInUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pulse-ring{0%{transform:scale(1);opacity:1}to{transform:scale(2);opacity:0}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes achievementPop{0%{transform:scale(0) rotate(-12deg);opacity:0}60%{transform:scale(1.15) rotate(4deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes loadingBar{0%{transform:translate(-100%);width:40%}50%{transform:translate(60%);width:60%}to{transform:translate(200%);width:40%}}.anim-fade-up{animation:fadeInUp .4s ease-out forwards;opacity:0}.anim-fade{animation:fadeIn .3s ease-out forwards}.anim-slide{animation:slideInRight .3s ease-out forwards}.anim-slide-r{animation:slideInFromRight .3s ease-out forwards}.anim-scale{animation:scaleIn .3s ease-out forwards}.anim-float{animation:float 3s ease-in-out infinite}.anim-spin{animation:spin 1s linear infinite}.animate-loading-bar{animation:loadingBar 1.2s ease-in-out infinite}.delay-1{animation-delay:.05s}.delay-2{animation-delay:.1s}.delay-3{animation-delay:.15s}.delay-4{animation-delay:.2s}.delay-5{animation-delay:.25s}.delay-6{animation-delay:.3s}.delay-7{animation-delay:.35s}.delay-8{animation-delay:.4s}.skeleton{background:linear-gradient(90deg,#ffffff08 25%,#ffffff12,#ffffff08 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:6px}.pulse-dot{position:relative}.pulse-dot:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:50%;background:inherit;transform:translate(-50%,-50%);animation:pulse-ring 2s ease-out infinite}.btn-primary{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;transition:all .2s ease;border:none;cursor:pointer}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 20px #ef444459}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-green{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;transition:all .2s ease;border:none;cursor:pointer}.btn-green:hover{transform:translateY(-1px);box-shadow:0 4px 20px #22c55e59}.btn-green:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#94a3b8;transition:all .2s ease;cursor:pointer}.btn-secondary:hover{background:#ffffff1a;color:#fff;transform:translateY(-1px)}.btn-secondary:active{transform:translateY(0)}.input-field{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;transition:all .2s ease;outline:none}.input-field:focus{border-color:#ef444480;box-shadow:0 0 0 2px #ef44441a}.input-field::placeholder{color:#94a3b880}select.input-field{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}select.input-field option{background:#1e293b;color:#fff}textarea.input-field{resize:vertical;min-height:60px}.stat-pill{transition:all .2s ease;cursor:default;position:relative;overflow:hidden}.stat-pill:hover{transform:scale(1.03)}.stat-pill:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;border-radius:2px 2px 0 0}.nav-item{transition:all .15s ease;position:relative;cursor:pointer}.nav-item:hover{background:#ffffff0d}.nav-item.active{background:#ef444414;color:#fff}.nav-item.active:before{content:"";position:absolute;left:0;top:15%;bottom:15%;width:3px;background:#ef4444;border-radius:0 3px 3px 0}.table-header{background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.06)}.table-row{border-bottom:1px solid rgba(255,255,255,.03);transition:all .15s ease}.table-row:hover{background:#ffffff08}.sort-header{cursor:pointer;-webkit-user-select:none;user-select:none}.sort-header:hover{color:#fff}.case-row{transition:all .15s ease;cursor:pointer}.case-row:hover{transform:translate(3px);background:#ffffff0a!important}.toast-enter{animation:slideInFromRight .3s ease-out}.achievement-pop{animation:achievementPop .5s ease-out}.modal-backdrop{background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:500;line-height:1.4}.chart-container{position:relative;width:100%;height:100%}.chart-container canvas{max-height:100%!important}