@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";
:root{--color-primary:#6c3ce0;--color-primary-light:#8b5cf6;--color-primary-dark:#5228b5;--color-secondary:#f59e0b;--color-secondary-light:#fbbf24;--color-bg:#0f0f13;--color-bg-card:#1a1a24;--color-bg-elevated:#22222e;--color-bg-input:#2a2a38;--color-text:#f1f1f4;--color-text-secondary:#9a9ab0;--color-text-muted:#6b6b80;--color-border:#2e2e40;--color-border-focus:var(--color-primary);--color-success:#22c55e;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px #0000004d;--shadow-lg:0 10px 15px #0006;--shadow-glow:0 0 20px #6c3ce04d;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.35s ease;--color-primary-rgb:108,60,224;--color-error-rgb:239,68,68;--color-success-rgb:34,197,94;--color-warning-rgb:245,158,11;--container-width:1180px;--header-height:60px;--header-bg:#0f0f13b3;--header-blur:blur(16px)saturate(180%);--header-border:#ffffff0f;--radius-card:.875rem}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{color:var(--color-text);background-color:var(--color-bg);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}a{color:var(--color-primary-light);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-secondary-light)}img{max-width:100%;display:block}.container{max-width:var(--container-width);padding:0 var(--space-lg);margin:0 auto}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn{justify-content:center;align-items:center;gap:var(--space-sm);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;padding:.625rem 1.25rem;font-family:inherit;font-size:.875rem;font-weight:600;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn-secondary{background:var(--color-bg-elevated);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-bg-input)}.btn-danger{background:var(--color-error);color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-ghost{color:var(--color-text-secondary);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--color-bg-elevated);color:var(--color-text)}.btn-sm{padding:.375rem .75rem;font-size:.8125rem}.btn-lg{padding:.75rem 1.5rem;font-size:1rem}.form-group{gap:var(--space-xs);flex-direction:column;display:flex}.form-label{color:var(--color-text-secondary);font-size:.875rem;font-weight:500}.form-input,.form-select,.form-textarea{background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);padding:.625rem .875rem;font-family:inherit;font-size:.9375rem}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #6c3ce033}.form-input::placeholder{color:var(--color-text-muted)}.form-error{color:var(--color-error);font-size:.8125rem}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.025em;align-items:center;padding:.125rem .625rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-success{color:var(--color-success);background:#22c55e26}.badge-warning{color:var(--color-warning);background:#f59e0b26}.badge-error{color:var(--color-error);background:#ef444426}.badge-info{color:var(--color-info);background:#3b82f626}.badge-neutral{color:var(--color-text-secondary);background:#9a9ab026}.table-container{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:.75rem 1rem}th{background:var(--color-bg-elevated);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border);font-size:.8125rem;font-weight:600}td{border-bottom:1px solid var(--color-border);font-size:.9375rem}tr:last-child td{border-bottom:none}tr:hover td{background:#6c3ce00a}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:.4s ease-out fadeIn}.animate-slide-in{animation:.3s ease-out slideIn}.animate-pulse{animation:2s ease-in-out infinite pulse}