@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f0f6fc;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-primary:#0b0f19;--bg-secondary:#111827;--bg-surface:#ffffff0a;--bg-surface-hover:#ffffff14;--border-subtle:#ffffff14;--border-glow:#ffffff26;--accent-blue:#0070f3;--accent-blue-glow:#0070f366;--accent-emerald:#10b981;--accent-emerald-glow:#10b98166;--accent-crimson:#ff5858;--accent-crimson-glow:#ff585866;--accent-amber:#f59e0b;--accent-amber-glow:#f59e0b66;--accent-purple:#8b5cf6;--accent-purple-glow:#8b5cf666;background-color:#0b0f19;font-family:Outfit,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-weight:400;line-height:1.5}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}body{background-color:var(--bg-primary);background-image:radial-gradient(circle at 10% 10%,#0070f326 0%,#0000 40%),radial-gradient(circle at 90% 90%,#10b9811f 0%,#0000 40%),radial-gradient(circle,#8b5cf614 0%,#0000 60%);background-attachment:fixed;place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex;overflow-x:hidden}#root{width:100%;height:100vh;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}.glass-panel{background:var(--bg-surface);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:16px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);animation:.4s ease-out forwards fadeIn;box-shadow:0 8px 32px #0000004d}.glass-panel:hover{border-color:var(--border-glow);box-shadow:0 12px 48px #00000073}.btn{color:#fff;cursor:pointer;letter-spacing:.3px;box-shadow:0 4px 16px 0 var(--accent-blue-glow);background:linear-gradient(135deg,#0070f3 0%,#00a6ff 100%);border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-family:inherit;font-size:.95rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn:hover{background:linear-gradient(135deg,#005bb5 0%,#008ecc 100%);border-color:#fff3;transform:translateY(-2px)scale(1.01);box-shadow:0 8px 25px #00a6ff80}.btn:active{transform:translateY(1px)}.btn-icon{border:1px solid var(--border-subtle);cursor:pointer;color:#8b949e;background:#ffffff0d;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:inline-flex}.btn-icon:hover{background:#ffffff26;border-color:#ffffff4d;transform:scale(1.08);color:#fff!important}.input-field{border:1px solid var(--border-subtle);color:#fff;box-sizing:border-box;background:#00000059;border-radius:10px;outline:none;width:100%;margin-bottom:18px;padding:12px 16px;font-family:inherit;font-size:.95rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px 4px #0003}.input-field:focus{border-color:var(--accent-blue);box-shadow:inset 0 2px 4px #0003, 0 0 0 4px var(--accent-blue-glow);background:#00000080}.input-field::placeholder{color:#ffffff4d}select.input-field{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.5)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 16px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}select.input-field option{color:#fff;background:#111827;padding:12px}.sidebar{-webkit-backdrop-filter:blur(30px);border-right:1px solid var(--border-subtle);z-index:100;background:#0b0f19d9;flex-direction:column;width:270px;height:100vh;padding:24px 0;display:flex;box-shadow:10px 0 30px #0000004d}.sidebar h2{text-align:center;color:#fff;letter-spacing:.5px;text-shadow:0 2px 10px #00a6ff66;justify-content:center;align-items:center;gap:10px;margin:10px 0 35px;font-size:1.6rem;font-weight:800;display:flex}.nav-link{color:#8b949e;border-left:4px solid #0000;align-items:center;gap:16px;margin:4px 0;padding:16px 28px;font-size:1.05rem;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.nav-link:hover{color:#fff;background:linear-gradient(90deg,#ffffff0d 0%,#0000 100%);border-left-color:#ffffff4d;transform:translate(4px)}.nav-link.active{color:#fff;border-left-color:var(--accent-blue);text-shadow:0 0 15px #0070f380;background:linear-gradient(90deg,#0070f326 0%,#0000 100%);font-weight:700}.main-content{box-sizing:border-box;flex:1;height:100vh;padding:48px;overflow-y:auto}h1,h2,h3,h4,h5,h6{letter-spacing:-.5px;margin-top:0;font-weight:700}h1{background:linear-gradient(135deg,#fff 0%,#a5b4fc 100%);-webkit-text-fill-color:transparent;text-shadow:0 4px 20px #0003;-webkit-background-clip:text;margin-bottom:30px;font-size:2.5rem}.data-table{border-collapse:separate;border-spacing:0;border:1px solid var(--border-subtle);border-radius:12px;width:100%;margin-top:24px;overflow:hidden;box-shadow:0 8px 24px #0003}.data-table thead{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0f}.data-table th{color:#9ca3af;text-transform:uppercase;letter-spacing:.8px;border-bottom:1px solid var(--border-subtle);text-align:left;padding:16px 20px;font-size:.9rem;font-weight:600}.data-table td{text-align:left;border-bottom:1px solid #ffffff0a;padding:16px 20px;font-size:.95rem;transition:background .2s}.data-table tbody tr{background:#ffffff03;transition:all .2s}.data-table tbody tr:hover{transform:scale(1.001);background:#ffffff0d!important}.data-table tbody tr:last-child td{border-bottom:none}.badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:4px 12px;font-size:.8rem;font-weight:700;display:inline-block}label{color:#9ca3af;letter-spacing:.3px;margin-bottom:8px;font-size:.9rem;font-weight:600;display:block}
