@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%,#00f2ff0d 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}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0000004d;border-radius:3px}::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:#fff9}