@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap";

:root{--primary-50:#edf2fc;--primary-100:#c1d1f5;--primary-200:#94b1ee;--primary-300:#6890e7;--primary-400:#3b6fe0;--primary-500:#2055c9;--primary-600:#19439d;--primary-700:#123072;--primary-800:#0b1e46;--primary-900:#040b1a;--secondary-50:#eef3fc;--secondary-100:#cbdcf6;--secondary-200:#a8c5f0;--secondary-300:#7aa6e8;--secondary-400:#4c88e0;--secondary-500:#246ad2;--secondary-600:#1c53a4;--secondary-700:#143c76;--secondary-800:#0c2448;--secondary-900:#050d1a;--neutral-0:#fff;--neutral-50:#f9fafb;--neutral-100:#f1f2f4;--neutral-200:#e2e5e9;--neutral-300:#cbd0d7;--neutral-400:#a9b1bc;--neutral-500:#7d8a9b;--neutral-600:#596473;--neutral-700:#3e4651;--neutral-800:#282d34;--neutral-900:#16191d;--neutral-950:#121417;--success-50:#eefbf0;--success-100:#c3f2cb;--success-500:#28bd41;--success-700:#176b25;--warning-50:#fbf7ee;--warning-100:#f2e3c3;--warning-500:#bd8c28;--warning-700:#6b4f17;--error-50:#fbeeee;--error-100:#f2c3c3;--error-500:#bd2828;--error-600:#941f1f;--error-700:#6b1717;--info-50:#f2f5f8;--info-100:#d0dbe5;--info-500:#517394;--info-700:#2e4154;--gradient-brand:linear-gradient(90deg, #a8c5f0 0%, #3b6fe0 100%);--gradient-brand-deep:linear-gradient(90deg, #3b6fe0 0%, #2055c9 100%);--gradient-brand-wash:linear-gradient(135deg, #eef3fc 0%, #edf2fc 100%);--bg-base:var(--neutral-0);--surface:var(--neutral-50);--surface-elevated:var(--neutral-100);--bg-overlay:#12141780;--bg-inverse:var(--neutral-900);--text-primary:var(--neutral-900);--text-secondary:var(--neutral-600);--text-tertiary:var(--neutral-400);--text-disabled:var(--neutral-300);--text-inverse:var(--neutral-50);--text-on-primary:#fff;--text-link:var(--primary-400);--accent:var(--primary-400);--accent-hover:var(--primary-600);--accent-active:var(--primary-700);--accent-soft:var(--secondary-200);--accent-tint:var(--primary-50)}
:root{--font-display:"Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-base:16px;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--type-display-2xl:5.61rem;--type-display-xl:4.209rem;--type-display-lg:3.157rem;--type-display-md:2.369rem;--type-title-lg:1.777rem;--type-title-md:1.333rem;--type-title-sm:1rem;--type-body-lg:1.125rem;--type-body-md:1rem;--type-body-sm:.875rem;--type-caption:.75rem;--type-label-caps:.75rem;--type-code:.875rem;--lh-display-2xl:1.15;--lh-display-xl:1.2;--lh-display-lg:1.25;--lh-display-md:1.3;--lh-title:1.4;--lh-body:1.6;--lh-body-lead:1.65;--tracking-display-2xl:-.05em;--tracking-display-xl:-.04em;--tracking-display-lg:-.03em;--tracking-display-md:-.02em;--tracking-normal:0;--tracking-caps:.08em}
:root{--space-2xs:4px;--space-xs:8px;--space-sm:16px;--space-md:24px;--space-lg:32px;--space-xl:48px;--space-2xl:64px;--space-3xl:96px;--space-4xl:128px;--space-5xl:192px;--control-sm:32px;--control-md:40px;--control-lg:48px;--cell-padding:12px 16px;--nav-height:64px;--max-width:1440px;--grid-columns:12;--gutter-desktop:24px;--gutter-mobile:16px;--margin-desktop:40px;--margin-mobile:20px}
:root{--radius-none:0;--radius-xs:2px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-pill:9999px;--border-default:1px solid var(--neutral-200);--border-strong:1px solid var(--neutral-400);--border-subtle:1px solid var(--neutral-100);--border-color-default:var(--neutral-200);--border-color-strong:var(--neutral-400);--border-color-subtle:var(--neutral-100);--shadow-none:none;--shadow-card:none;--shadow-modal:none;--focus-ring:0 0 0 2px var(--bg-base), 0 0 0 4px var(--primary-400);--focus-outline:2px solid var(--primary-400);--focus-offset:2px}
:root{--motion-fast:.1s;--motion-normal:.2s;--motion-slow:.3s;--ease-standard:cubic-bezier(.4, 0, .2, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in:cubic-bezier(.4, 0, 1, 1)}@media (prefers-reduced-motion:reduce){:root{--motion-fast:0s;--motion-normal:0s;--motion-slow:0s}}
*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg-base);color:var(--text-primary);font-family:var(--font-body);font-size:var(--font-size-base);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}h1,h2,h3,h4{font-family:var(--font-display);font-weight:var(--weight-bold);color:var(--text-primary);margin:0}a{color:var(--text-link);text-decoration:none}a:hover{text-decoration:underline}code,kbd,samp,pre{font-family:var(--font-mono)}::selection{background:var(--secondary-200);color:var(--primary-700)}:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-offset)}.axen-gradient-text{background:var(--gradient-brand);color:#0000;-webkit-background-clip:text;background-clip:text}.axen-overline{font-family:var(--font-mono);font-size:var(--type-label-caps);font-weight:var(--weight-bold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--primary-400)}.axen-divider{background:var(--gradient-brand);border:0;height:1px}.axen-grain{position:relative}.axen-grain:after{content:"";pointer-events:none;opacity:.04;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.axen-container{width:100%;max-width:var(--max-width);padding-inline:var(--margin-desktop);margin-inline:auto}
.axen-btn{font-family:var(--font-body);font-weight:var(--weight-medium);font-size:var(--type-body-sm);justify-content:center;align-items:center;gap:var(--space-xs);height:var(--control-md);padding:0 var(--space-sm);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;transition:background var(--motion-fast) var(--ease-standard), border-color var(--motion-fast) var(--ease-standard), opacity var(--motion-fast) var(--ease-standard), filter var(--motion-fast) var(--ease-standard);border:1px solid #0000;line-height:1;text-decoration:none;display:inline-flex}.axen-btn:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-offset)}.axen-btn:disabled,.axen-btn[aria-disabled=true]{opacity:.4;cursor:not-allowed;pointer-events:none}.axen-btn [data-lucide],.axen-btn svg{stroke-width:1.5px;flex:none;width:16px;height:16px}.axen-btn--sm{height:var(--control-sm);padding:0 var(--space-sm);font-size:var(--type-body-sm)}.axen-btn--lg{height:var(--control-lg);padding:0 var(--space-md);font-size:var(--type-title-sm)}.axen-btn--primary{background:var(--gradient-brand-deep);color:var(--text-on-primary);font-weight:var(--weight-semibold)}.axen-btn--primary:hover{filter:brightness(1.06)}.axen-btn--primary:active{background:var(--primary-700);filter:none}.axen-btn--secondary{border-color:var(--border-color-default);color:var(--text-primary);background:0 0}.axen-btn--secondary:hover{background:var(--surface);border-color:var(--border-color-strong)}.axen-btn--secondary:active{background:var(--surface-elevated)}.axen-btn--ghost{color:var(--primary-400);background:0 0}.axen-btn--ghost:hover{background:var(--primary-50)}.axen-btn--ghost:active{background:var(--primary-100)}.axen-btn--destructive{background:var(--error-500);color:#fff}.axen-btn--destructive:hover{background:var(--error-600)}.axen-btn--destructive:active{background:var(--error-700)}.axen-iconbtn{width:var(--control-md);height:var(--control-md);border-radius:var(--radius-md);background:var(--bg-base);border:1px solid var(--border-color-default);color:var(--text-secondary);cursor:pointer;transition:background var(--motion-fast) var(--ease-standard), border-color var(--motion-fast) var(--ease-standard), color var(--motion-fast) var(--ease-standard);justify-content:center;align-items:center;display:inline-flex}.axen-iconbtn:hover{background:var(--surface-elevated);color:var(--text-primary)}.axen-iconbtn:active{border-color:var(--border-color-strong)}.axen-iconbtn:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-offset)}.axen-iconbtn:disabled{opacity:.4;cursor:not-allowed}.axen-iconbtn [data-lucide],.axen-iconbtn svg{stroke-width:1.5px;width:20px;height:20px}.axen-iconbtn--sm{width:var(--control-sm);height:var(--control-sm)}.axen-iconbtn--sm [data-lucide],.axen-iconbtn--sm svg{width:16px;height:16px}.axen-iconbtn--ghost{background:0 0;border-color:#0000}.axen-iconbtn--ghost:hover{background:var(--surface)}.axen-field{gap:var(--space-2xs);flex-direction:column;display:flex}.axen-field__label{font-family:var(--font-display);font-weight:var(--weight-medium);font-size:var(--type-title-sm);color:var(--text-secondary)}.axen-field__hint{font-family:var(--font-body);font-size:var(--type-body-sm);color:var(--text-secondary)}.axen-field__hint--error{color:var(--error-600)}.axen-input{font-family:var(--font-body);font-size:var(--type-body-md);height:var(--control-md);width:100%;color:var(--text-primary);background:var(--bg-base);border:1px solid var(--border-color-default);border-radius:var(--radius-md);transition:border-color var(--motion-fast) var(--ease-standard);padding:0 12px}.axen-input::placeholder{color:var(--text-secondary);opacity:.7}.axen-input:hover{border-color:var(--border-color-strong)}.axen-input:focus{outline:var(--focus-outline);outline-offset:var(--focus-offset);border-color:var(--primary-400)}.axen-input:disabled{background:var(--surface);color:var(--text-disabled);cursor:not-allowed}.axen-input--error{border-color:var(--error-500)}.axen-input--error:focus{outline-color:var(--error-500);border-color:var(--error-500)}textarea.axen-input{resize:vertical;height:auto;min-height:96px;line-height:var(--lh-body);padding:10px 12px}.axen-select-wrap{display:flex;position:relative}.axen-select-wrap>[data-lucide],.axen-select-wrap>svg{stroke-width:1.5px;width:16px;height:16px;color:var(--text-tertiary);pointer-events:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}select.axen-input{appearance:none;cursor:pointer;padding-right:36px}.axen-check{align-items:center;gap:var(--space-xs);cursor:pointer;font-family:var(--font-body);font-size:var(--type-body-md);color:var(--text-primary);display:inline-flex}.axen-check input{opacity:0;width:0;height:0;position:absolute}.axen-check__box{border-radius:var(--radius-sm);border:1px solid var(--border-color-default);background:var(--bg-base);color:#fff;width:16px;height:16px;transition:background var(--motion-fast) var(--ease-standard), border-color var(--motion-fast) var(--ease-standard);flex:none;justify-content:center;align-items:center;display:inline-flex}.axen-check__box [data-lucide],.axen-check__box svg{stroke-width:2.5px;opacity:0;width:12px;height:12px}.axen-check input:checked+.axen-check__box{background:var(--primary-400);border-color:var(--primary-400)}.axen-check input:checked+.axen-check__box [data-lucide],.axen-check input:checked+.axen-check__box svg{opacity:1}.axen-check input:focus-visible+.axen-check__box{outline:var(--focus-outline);outline-offset:var(--focus-offset)}.axen-check input:disabled+.axen-check__box{opacity:.4}.axen-switch{align-items:center;gap:var(--space-xs);cursor:pointer;display:inline-flex}.axen-switch input{opacity:0;width:0;height:0;position:absolute}.axen-switch__track{border-radius:var(--radius-pill);background:var(--neutral-300);width:44px;height:24px;transition:background var(--motion-normal) var(--ease-standard);flex:none;position:relative}.axen-switch__thumb{border-radius:var(--radius-pill);width:20px;height:20px;transition:transform var(--motion-normal) var(--ease-standard);background:#fff;position:absolute;top:2px;left:2px}.axen-switch input:checked+.axen-switch__track{background:var(--primary-400)}.axen-switch input:checked+.axen-switch__track .axen-switch__thumb{transform:translate(20px)}.axen-switch input:focus-visible+.axen-switch__track{outline:var(--focus-outline);outline-offset:var(--focus-offset)}.axen-switch input:disabled+.axen-switch__track{opacity:.4}.axen-badge{font-family:var(--font-mono);font-size:var(--type-caption);font-weight:var(--weight-bold);letter-spacing:.02em;border-radius:var(--radius-pill);align-items:center;gap:4px;padding:2px 8px;line-height:1.5;display:inline-flex}.axen-badge--primary{background:var(--primary-100);color:var(--primary-700)}.axen-badge--neutral{background:var(--neutral-100);color:var(--neutral-700)}.axen-badge--success{background:var(--success-50);color:var(--success-700)}.axen-badge--warning{background:var(--warning-50);color:var(--warning-700)}.axen-badge--error{background:var(--error-50);color:var(--error-700)}.axen-badge--info{background:var(--info-50);color:var(--info-700)}.axen-badge--gradient{background:var(--gradient-brand-deep);color:#fff}.axen-tag{font-family:var(--font-body);font-size:var(--type-body-sm);border-radius:var(--radius-pill);background:var(--bg-base);border:1px solid var(--border-color-default);color:var(--text-secondary);cursor:default;align-items:center;gap:6px;padding:4px 12px;display:inline-flex}.axen-tag--selected{background:var(--primary-100);border-color:var(--primary-200);color:var(--primary-700)}.axen-tag button{all:unset;cursor:pointer;color:inherit;opacity:.6;display:inline-flex}.axen-tag button:hover{opacity:1}.axen-tag [data-lucide],.axen-tag svg{stroke-width:1.5px;width:14px;height:14px}.axen-avatar{border-radius:var(--radius-pill);background:var(--primary-100);color:var(--primary-700);font-family:var(--font-display);font-weight:var(--weight-semibold);flex:none;justify-content:center;align-items:center;width:40px;height:40px;font-size:15px;display:inline-flex;overflow:hidden}.axen-avatar img{object-fit:cover;width:100%;height:100%}.axen-card{background:var(--surface);border:1px solid var(--border-color-default);border-radius:var(--radius-lg);padding:var(--space-lg)}.axen-card--elevated,.axen-card--featured,.axen-card--outlined{background:var(--bg-base);border-color:var(--border-color-strong)}.axen-card--interactive{transition:border-color var(--motion-normal) var(--ease-standard), transform var(--motion-normal) var(--ease-standard);cursor:pointer}.axen-card--interactive:hover{border-color:var(--border-color-strong);transform:translateY(-2px)}.axen-card--dark{background:var(--bg-inverse);color:var(--text-inverse);padding:var(--space-xl);border:none}.axen-alert{gap:var(--space-sm);padding:var(--space-sm);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--type-body-md);border-left:4px solid;align-items:flex-start;display:flex}.axen-alert [data-lucide],.axen-alert svg{stroke-width:1.5px;flex:none;width:20px;height:20px;margin-top:1px}.axen-alert__title{font-weight:var(--weight-semibold);margin:0 0 2px}.axen-alert__body{color:var(--text-secondary);margin:0}.axen-alert--success{background:var(--success-50);border-color:var(--success-500);color:var(--success-700)}.axen-alert--warning{background:var(--warning-50);border-color:var(--warning-500);color:var(--warning-700)}.axen-alert--error{background:var(--error-50);border-color:var(--error-500);color:var(--error-700)}.axen-alert--info{background:var(--info-50);border-color:var(--info-500);color:var(--info-700)}.axen-tabs{border-bottom:1px solid var(--border-color-default);gap:0;display:flex}.axen-tab{all:unset;box-sizing:border-box;font-family:var(--font-display);font-weight:var(--weight-medium);font-size:var(--type-title-sm);height:40px;padding:0 var(--space-sm);color:var(--text-secondary);cursor:pointer;transition:color var(--motion-fast) var(--ease-standard), border-color var(--motion-fast) var(--ease-standard);border-bottom:2px solid #0000;align-items:center;margin-bottom:-1px;display:inline-flex}.axen-tab:hover{color:var(--text-primary)}.axen-tab--active{color:var(--text-primary);border-bottom-color:var(--primary-400)}.axen-tab:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-offset)}