:root{--blue-50: #EFF6FC;--blue-100: #D7E8F7;--blue-200: #AED1EF;--blue-300: #7FB5E5;--blue-400: #4593D8;--blue-500: #1A75CF;--blue-600: #1462B0;--blue-700: #0E4F8E;--blue-800: #0A3D6E;--blue-900: #06294A;--gray-50: #FBFCFD;--gray-100: #F4F6FA;--gray-200: #EAEEF4;--gray-300: #D8DEE8;--gray-400: #B6BFCC;--gray-500: #8A98A8;--gray-600: #5B6B7D;--gray-700: #3D4A5C;--gray-800: #1A2533;--gray-900: #0D141E;--green-50: #E8F4ED;--green-100: #D1E9DA;--green-500: #27734D;--green-600: #1F5C3E;--green-800: #143C2A;--amber-50: #FEF6E6;--amber-100: #FDEAC2;--amber-500: #B7791F;--amber-600: #95611A;--amber-800: #5E3D10;--red-50: #FBEAE6;--red-100: #F6CFC8;--red-500: #C0392B;--red-600: #9F2D22;--red-800: #621B14;--cyan-50: #E4F4FA;--cyan-100: #C3E6F2;--cyan-500: #1B8AB0;--cyan-600: #136F8E;--cyan-800: #0A4659;--white: #FFFFFF;--black: #000000;--color-bg: var(--gray-50);--color-bg-subtle: var(--gray-100);--color-bg-card: var(--white);--color-bg-inverse: var(--gray-900);--color-text: var(--gray-800);--color-text-muted: var(--gray-600);--color-text-subtle: var(--gray-500);--color-text-inverse: var(--white);--color-border: var(--gray-300);--color-border-soft: var(--gray-200);--color-border-strong:var(--gray-400);--color-primary: var(--blue-500);--color-primary-hover: var(--blue-600);--color-primary-active: var(--blue-700);--color-primary-soft: var(--blue-50);--color-primary-soft-hover:var(--blue-100);--color-primary-dark: var(--blue-800);--color-primary-contrast: var(--white);--color-success: var(--green-500);--color-success-soft: var(--green-50);--color-success-strong: var(--green-800);--color-warning: var(--amber-500);--color-warning-soft: var(--amber-50);--color-warning-strong: var(--amber-800);--color-danger: var(--red-500);--color-danger-soft: var(--red-50);--color-danger-strong: var(--red-800);--color-info: var(--cyan-500);--color-info-soft: var(--cyan-50);--color-info-strong: var(--cyan-800);--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-black: 800;--font-size-xs: .78rem;--font-size-sm: .88rem;--font-size-base: 1rem;--font-size-md: 1.13rem;--font-size-lg: 1.33rem;--font-size-xl: 1.6rem;--font-size-2xl: 1.92rem;--font-size-3xl: 2.3rem;--font-size-4xl: 2.76rem;--line-height-tight: 1.2;--line-height-snug: 1.35;--line-height-normal: 1.55;--line-height-relaxed: 1.7;--letter-spacing-tight: -.02em;--letter-spacing-normal: 0;--letter-spacing-wide: .04em;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-card-padding: var(--space-6);--space-card-gap: var(--space-4);--space-section-gap: var(--space-8);--space-input-padding-y: var(--space-2);--space-input-padding-x: var(--space-3);--space-btn-padding-y: var(--space-2);--space-btn-padding-x: var(--space-5);--radius-sm: 4px;--radius: 8px;--radius-lg: 12px;--radius-xl: 20px;--radius-pill: 999px;--shadow-xs: 0 1px 1px rgba(20, 35, 60, .04);--shadow-sm: 0 1px 2px rgba(20, 35, 60, .05), 0 2px 6px rgba(20, 35, 60, .04);--shadow-md: 0 4px 12px rgba(20, 35, 60, .08), 0 2px 4px rgba(20, 35, 60, .04);--shadow-lg: 0 10px 30px rgba(20, 35, 60, .12), 0 4px 12px rgba(20, 35, 60, .06);--shadow-xl: 0 20px 50px rgba(20, 35, 60, .18), 0 8px 20px rgba(20, 35, 60, .08);--focus-ring: 0 0 0 3px var(--color-primary-soft);--focus-ring-danger: 0 0 0 3px var(--color-danger-soft);--duration-instant: 80ms;--duration-fast: .12s;--duration-base: .2s;--duration-slow: .4s;--duration-slower: .6s;--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal-backdrop: 400;--z-modal: 410;--z-toast: 500;--z-tooltip: 600;--container-narrow: 640px;--container-base: 960px;--container-wide: 1200px}*{box-sizing:border-box}html{font-size:15px}body{margin:0;padding:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4{font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-tight);margin:0 0 var(--space-2)}h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-md)}h4{font-size:var(--font-size-base)}p{margin:0 0 var(--space-3)}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}.muted{color:var(--color-text-muted)}.mono{font-family:var(--font-mono)}label{display:block;margin-bottom:var(--space-4)}label>span{display:block;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);margin-bottom:var(--space-1)}input[type=text],input[type=email],input[type=password]{width:100%;padding:var(--space-input-padding-y) var(--space-input-padding-x);border:1px solid var(--color-border);border-radius:var(--radius);font:inherit;background:var(--color-bg-card);transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}input:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--focus-ring)}small.help{display:block;color:var(--color-text-muted);font-size:var(--font-size-sm);margin-top:var(--space-1)}button{cursor:pointer;font:inherit;font-weight:var(--font-weight-medium);padding:var(--space-btn-padding-y) var(--space-btn-padding-x);border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-bg-card);color:var(--color-text);transition:background var(--duration-fast),border-color var(--duration-fast),transform var(--duration-instant)}button:hover:not(:disabled){background:var(--color-border-soft)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.55;cursor:default}button.primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-contrast)}button.primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}button.danger{color:var(--color-danger);border-color:var(--color-danger)}button.danger:hover:not(:disabled){background:var(--color-danger-soft)}.card{background:var(--color-bg-card);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);padding:var(--space-card-padding);box-shadow:var(--shadow-sm)}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius);font-size:var(--font-size-sm);margin-bottom:var(--space-4)}.alert.error{background:var(--color-danger-soft);color:var(--color-danger);border:1px solid var(--color-danger)}.alert.success{background:var(--color-success-soft);color:var(--color-success);border:1px solid var(--color-success)}.alert.warning{background:var(--color-warning-soft);color:var(--color-warning);border:1px solid var(--color-warning)}.alert.info{background:var(--color-info-soft);color:var(--color-info);border:1px solid var(--color-info)}.center-wrap{min-height:100vh;display:grid;place-items:center;padding:var(--space-8) var(--space-4)}.brand-mark{font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);letter-spacing:var(--letter-spacing-tight);color:var(--color-primary)}.brand-mark:after{content:" ·";color:var(--color-text-muted);font-weight:var(--font-weight-regular)}.tag{display:inline-block;padding:2px var(--space-2);border-radius:var(--radius-pill);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.tag.trial{background:var(--color-primary-soft);color:var(--color-primary)}.tag.active{background:var(--color-success-soft);color:var(--color-success)}.tag.suspended,.tag.past_due{background:var(--color-danger-soft);color:var(--color-danger)}.tag.cancelled,.tag.free,.tag.starter,.tag.pro,.tag.pro_plus,.tag.enterprise{background:var(--color-border-soft);color:var(--color-text-muted)}