:root{--color-primary:hsl(262,83%,58%);--color-primary-light:hsl(262,83%,68%);--color-primary-dark:hsl(262,83%,48%);--color-secondary:hsl(195,92%,56%);--color-secondary-light:hsl(195,92%,66%);--color-success:hsl(142,71%,45%);--color-warning:hsl(38,92%,50%);--color-error:hsl(0,84%,60%);--color-bg-primary:hsl(240,21%,15%);--color-bg-secondary:hsl(240,17%,20%);--color-bg-tertiary:hsl(240,15%,25%);--color-text-primary:hsl(0,0%,98%);--color-text-secondary:hsl(0,0%,75%);--color-text-muted:hsl(0,0%,55%);--color-border:hsl(240,15%,30%);--color-border-light:hsl(240,15%,35%);--glass-bg:hsla(240,17%,20%,0.7);--glass-border:hsla(0,0%,100%,0.1);--spacing-xs:0.5rem;--spacing-sm:0.75rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--shadow-sm:0 1px 2px 0 rgb(0 0 0/0.05);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0/0.1);--shadow-xl:0 20px 25px -5px rgb(0 0 0/0.1);--shadow-glow:0 0 20px rgba(124,58,237,0.3);--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-full:9999px;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:200ms cubic-bezier(0.4,0,0.2,1);--transition-slow:300ms cubic-bezier(0.4,0,0.2,1)}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;font-family:var(--font-sans);background:var(--color-bg-primary);color:var(--color-text-primary)}@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap");.container{width:100%;max-width:1400px;margin:0 auto;padding:0 var(--spacing-lg)}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);transition:all var(--transition-base)}.glass-card:hover{border-color:hsla(0,0%,100%,.2);box-shadow:var(--shadow-xl);transform:translateY(-2px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--text-base);font-weight:600;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-base);text-decoration:none;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:white;box-shadow:0 4px 12px rgba(124,58,237,.3)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(124,58,237,.4)}.btn-secondary{background:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-bg-secondary);border-color:var(--color-border-light)}.btn-success{background:linear-gradient(135deg,var(--color-success),hsl(142,71%,55%));color:white}.btn-icon{padding:var(--spacing-sm);aspect-ratio:1}.input{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--text-base);font-family:var(--font-sans);transition:all var(--transition-base)}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(124,58,237,.1)}.input::placeholder{color:var(--color-text-muted)}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em}.badge-primary{background:rgba(124,58,237,.2);color:var(--color-primary-light)}.badge-success{background:rgba(34,197,94,.2);color:var(--color-success)}.badge-error{background:rgba(239,68,68,.2);color:var(--color-error)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:fadeIn var(--transition-slow) ease-out}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-bg-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-border)}.table-container{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--color-border)}table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}thead{background:var(--color-bg-tertiary);position:-webkit-sticky;position:sticky;top:0;z-index:10}th{text-align:left;font-weight:600;color:var(--color-text-primary);border-bottom:2px solid var(--color-border)}td,th{padding:var(--spacing-md)}td{border-bottom:1px solid var(--color-border);color:var(--color-text-secondary)}tbody tr{transition:background var(--transition-fast)}tbody tr:hover{background:var(--color-bg-secondary)}.grid{display:grid;grid-gap:var(--spacing-lg);gap:var(--spacing-lg)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width:768px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}