@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--primary:#fff;--bg-dark:#050816;--glass:#0a0f1eb3;--glass-border:#ffffff1a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:#fff;margin:0;font-family:Outfit,sans-serif;overflow:hidden}.app-container{background:radial-gradient(circle at 20% 30%,#7000ff0d 0%,#0000 50%),radial-gradient(circle at 80% 70%,#ffffff0d 0%,#0000 50%),radial-gradient(circle,#0a1128 0%,#050816 100%);width:100vw;height:100vh;position:relative;overflow:hidden}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.justify-end{justify-content:flex-end}.items-start{align-items:flex-start}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.absolute{position:absolute}.fixed{position:fixed}.top-8{top:2rem}.left-8{left:2rem}.right-8{right:2rem}.glass-panel{background:var(--glass);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 8px 32px #000c}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#0006;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.3s fadeIn;display:flex;position:fixed;top:0;left:0}.modal-content{width:480px;padding:40px;animation:.4s cubic-bezier(.16,1,.3,1) slideUp;position:relative}.close-btn{color:#ffffff80;cursor:pointer;background:0 0;border:none;font-size:20px;transition:color .2s;position:absolute;top:24px;right:24px}.close-btn:hover{color:#fff}.modal-header{margin-bottom:32px}.modal-title{letter-spacing:-.5px;margin-bottom:4px;font-size:28px;font-weight:700}.modal-subtitle{color:var(--primary);text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:600}.data-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.data-item{flex-direction:column;gap:4px;display:flex}.data-label{color:#fff6;text-transform:uppercase;letter-spacing:1.5px;font-size:9px;font-weight:600}.data-value{color:#fff;font-family:JetBrains Mono,monospace;font-size:18px}.status-badge{color:#0f8;font-weight:700}.modal-actions{gap:16px;margin-top:40px;display:flex}.btn-primary{background:var(--primary);color:var(--bg-dark);text-transform:uppercase;letter-spacing:1px;cursor:pointer;border:none;border-radius:12px;flex:1;padding:16px;font-weight:700;transition:transform .2s,filter .2s}.btn-secondary{color:#fff;border:1px solid var(--glass-border);cursor:pointer;background:#ffffff0d;border-radius:12px;flex:1;padding:16px;font-weight:600;transition:background .2s}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-2px)}.btn-secondary:hover{background:#ffffff1a}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.category-btn{text-transform:uppercase;letter-spacing:1.5px;border:1px solid var(--glass-border);color:#fff9;cursor:pointer;background:#ffffff08;border-radius:10px;padding:10px 18px;font-size:10px;font-weight:700;transition:all .2s}.category-btn.active{background:var(--primary);color:var(--bg-dark);border-color:var(--primary)}.category-btn:hover:not(.active){color:#fff;background:#ffffff1a}.glow-switch{width:44px;height:24px;display:inline-block;position:relative}.glow-switch input{opacity:0;width:0;height:0}.glow-slider{cursor:pointer;background-color:#ffffff1a;border:1px solid #ffffff26;border-radius:24px;transition:all .4s;position:absolute;inset:0}.glow-slider:before{content:"";background-color:#fff;border-radius:50%;width:16px;height:16px;transition:all .4s;position:absolute;bottom:3px;left:3px;box-shadow:0 2px 4px #0006}input:checked+.glow-slider{background-color:#4ef2d2;border-color:#4ef2d2;box-shadow:0 0 10px #4ef2d280}input:checked+.glow-slider:before{transform:translate(20px)}.outline-slider{cursor:pointer;background-color:#ffffff1a;border:1px solid #ffffff26;border-radius:24px;transition:all .4s;position:absolute;inset:0}.outline-slider:before{content:"";background-color:#fff;border-radius:50%;width:16px;height:16px;transition:all .4s;position:absolute;bottom:3px;left:3px;box-shadow:0 2px 4px #0006}input:checked+.outline-slider{background-color:#fff;border-color:#fff;box-shadow:0 0 10px #fff9}input:checked+.outline-slider:before{background-color:#050816;transform:translate(20px)}.preloader-container{z-index:99999;background:radial-gradient(circle,#0a1128 0%,#050816 100%);flex-direction:column;justify-content:center;align-items:center;animation:.4s ease-out fadeIn;display:flex;position:fixed;inset:0;overflow:hidden}.preloader-container:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-position:50%;background-size:50px 50px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 30%,#0000 80%);mask-image:radial-gradient(circle,#000 30%,#0000 80%)}.preloader-orbit-wrapper{justify-content:center;align-items:center;width:180px;height:180px;display:flex;position:relative}.orbit-ring{border:1.5px solid #0000;border-radius:50%;position:absolute}.orbit-ring.outer{border-top-color:#fffc;border-bottom-color:#ffffff1a;border-left-color:#ffffff1a;width:150px;height:150px;animation:4s linear infinite spinClockwise;box-shadow:0 0 15px #ffffff0d}.orbit-ring.outer:after{content:"";background:#fff;border-radius:50%;width:8px;height:8px;position:absolute;top:15px;left:15px;box-shadow:0 0 12px #fff,0 0 20px #fff}.orbit-ring.inner{border-top-color:#7000ff1a;border-bottom-color:#7000ff;border-right-color:#7000ff1a;width:100px;height:100px;animation:3s linear infinite spinCounterClockwise;box-shadow:0 0 15px #7000ff0d}.orbit-ring.inner:after{content:"";background:#4ef2d2;border-radius:50%;width:6px;height:6px;position:absolute;bottom:8px;right:8px;box-shadow:0 0 10px #4ef2d2,0 0 15px #4ef2d2}.orbit-center{background:radial-gradient(circle,#fff 30%,#4ef2d2 70%);border-radius:50%;width:36px;height:36px;animation:2.5s ease-in-out infinite pulseGlow;box-shadow:0 0 20px #4ef2d280,0 0 40px #4ef2d24d}.preloader-content{text-align:center;z-index:10;margin-top:36px}.preloader-title{color:#fff;letter-spacing:.35em;text-transform:uppercase;text-shadow:0 0 10px #fff3;margin-bottom:8px;font-size:20px;font-weight:700}.preloader-title span{color:#4ef2d2;text-shadow:0 0 15px #4ef2d266}.preloader-subtitle{color:#fff6;letter-spacing:.15em;text-transform:uppercase;margin-top:14px;font-family:JetBrains Mono,monospace;font-size:10px;animation:1.8s ease-in-out infinite pulseOpacity}.preloader-dots{justify-content:center;gap:6px;margin-top:8px;display:flex}.preloader-dots span{background-color:#4ef2d2;border-radius:50%;width:4px;height:4px;animation:1.4s ease-in-out infinite both bounceDot;box-shadow:0 0 8px #4ef2d2}.preloader-dots span:first-child{animation-delay:-.32s}.preloader-dots span:nth-child(2){animation-delay:-.16s}@keyframes spinClockwise{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinCounterClockwise{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes pulseGlow{0%,to{transform:scale(.92);box-shadow:0 0 20px #4ef2d266,0 0 40px #4ef2d233}50%{transform:scale(1.08);box-shadow:0 0 30px #4ef2d2b3,0 0 60px #4ef2d266}}@keyframes pulseOpacity{0%,to{opacity:.35}50%{opacity:.75}}@keyframes bounceDot{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}