@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--font-sans: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-main: 224 25% 9%;--bg-card: 224 25% 12%;--bg-glass: 224 25% 12% / .7;--border-glass: 224 20% 20% / .5;--primary: 262 83% 58%;--primary-glow: 262 83% 58% / .3;--secondary: 191 97% 47%;--secondary-glow: 191 97% 47% / .3;--text-primary: 0 0% 98%;--text-secondary: 220 15% 70%;--text-muted: 220 10% 50%;--success: 142 70% 45%;--warning: 38 92% 50%;--danger: 346 84% 61%;--radius-lg: 16px;--radius-md: 10px;--radius-sm: 6px;--bg-input: rgba(255, 255, 255, .05);--color-input: white;--bg-hover: rgba(255, 255, 255, .02);--shadow-panel: 0 8px 32px 0 rgba(0, 0, 0, .4);--shadow-panel-hover: 0 12px 40px 0 rgba(138, 75, 243, .15);--sidebar-active: rgba(255, 255, 255, .05)}[data-theme=light]{--bg-main: 220 20% 97%;--bg-card: 0 0% 100%;--bg-glass: 0 0% 100% / .75;--border-glass: 220 15% 90% / .8;--primary: 262 83% 58%;--primary-glow: 262 83% 58% / .15;--secondary: 191 90% 40%;--secondary-glow: 191 97% 47% / .15;--text-primary: 224 25% 12%;--text-secondary: 220 15% 42%;--text-muted: 220 10% 60%;--bg-input: rgba(15, 23, 42, .05);--color-input: hsl(var(--text-primary));--bg-hover: rgba(15, 23, 42, .02);--shadow-panel: 0 8px 32px 0 rgba(15, 23, 42, .06);--shadow-panel-hover: 0 12px 40px 0 rgba(138, 75, 243, .08);--sidebar-active: rgba(15, 23, 42, .05)}*{box-sizing:border-box;margin:0;padding:0;font-family:var(--font-sans)}body{background-color:hsl(var(--bg-main));color:hsl(var(--text-primary));overflow-x:hidden;height:100vh;transition:background-color .3s ease,color .3s ease}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:hsl(var(--bg-main))}::-webkit-scrollbar-thumb{background:hsl(var(--border-glass));border-radius:10px}::-webkit-scrollbar-thumb:hover{background:hsl(var(--primary))}.glass-panel{background:hsl(var(--bg-glass));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid hsl(var(--border-glass));border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-panel);transition:transform .2s ease,box-shadow .2s ease,background-color .3s ease,border-color .3s ease}.glass-panel:hover{box-shadow:var(--shadow-panel-hover)}.btn-primary{background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--secondary)));color:#fff;border:none;padding:12px 24px;font-weight:600;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .3s ease;box-shadow:0 4px 15px hsl(var(--primary-glow))}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px hsl(var(--primary-glow)),0 0 12px hsl(var(--secondary-glow));opacity:.95}.btn-secondary{background:transparent;color:hsl(var(--text-primary));border:1px solid hsl(var(--border-glass));padding:12px 24px;font-weight:500;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease,color .3s ease,border-color .3s ease}.btn-secondary:hover{background:hsl(var(--border-glass));border-color:hsl(var(--text-secondary))}.input-control{background:var(--bg-input);border:1px solid hsl(var(--border-glass));color:var(--color-input);padding:12px 16px;border-radius:var(--radius-md);outline:none;font-size:15px;width:100%;transition:all .2s ease,background-color .3s ease,border-color .3s ease}.input-control:focus{border-color:hsl(var(--secondary));box-shadow:0 0 0 3px hsl(var(--secondary-glow));background:var(--bg-input);opacity:.95}@keyframes pulse-slow{0%,to{opacity:.6}50%{opacity:1}}.animate-pulse-slow{animation:pulse-slow 3s infinite}.custom-table{width:100%;border-collapse:collapse;margin-top:16px}.custom-table th{text-align:left;padding:12px 16px;border-bottom:2px solid hsl(var(--border-glass));color:hsl(var(--text-secondary));font-weight:600;font-size:14px}.custom-table td{padding:16px;border-bottom:1px solid hsl(var(--border-glass));color:hsl(var(--text-primary));font-size:14px}.custom-table tr:hover td{background:var(--bg-hover)}.badge{padding:4px 10px;border-radius:50px;font-size:12px;font-weight:600;text-transform:uppercase;display:inline-block}@media (max-width: 768px){.glass-panel{overflow-x:auto;padding:16px}.custom-table th,.custom-table td{padding:10px 12px;font-size:13px;white-space:nowrap}.btn-primary,.btn-secondary{padding:8px 16px;font-size:13px}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}