:root{--color-brand-50: #f0fdf4;--color-brand-100: #dcfce7;--color-brand-200: #bbf7d0;--color-brand-300: #86efac;--color-brand-400: #4ade80;--color-brand-500: #62C462;--color-brand-600: #16a34a;--color-brand-700: #15803d;--color-brand-800: #166534;--color-brand-900: #14532d;--surface-0: #f1f5f9;--surface-1: #f8fafc;--surface-2: #ffffff;--surface-3: #ffffff;--border-subtle: #e2e8f0;--border-moderate: #cbd5e1;--border-strong: #94a3b8;--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #64748b;--text-muted: #94a3b8;--text-inverse: #ffffff;--color-accent: #62C462;--color-accent-hover: #4ade80;--color-accent-muted: rgba(98, 196, 98, .12);--color-accent-subtle: rgba(98, 196, 98, .06);--color-accent-text: #16a34a;--color-success: #22c55e;--color-success-muted: rgba(34, 197, 94, .12);--color-success-subtle: rgba(34, 197, 94, .06);--color-success-text: #16a34a;--color-success-border: #86efac;--color-warning: #f59e0b;--color-warning-muted: rgba(245, 158, 11, .12);--color-warning-subtle: rgba(245, 158, 11, .06);--color-warning-text: #b45309;--color-warning-border: #fcd34d;--color-error: #ef4444;--color-error-muted: rgba(239, 68, 68, .12);--color-error-subtle: rgba(239, 68, 68, .06);--color-error-text: #dc2626;--color-error-border: #fca5a5;--color-info: #3b82f6;--color-info-muted: rgba(59, 130, 246, .12);--color-info-subtle: rgba(59, 130, 246, .06);--color-info-text: #1d4ed8;--color-info-border: #93c5fd;--overlay: rgba(15, 23, 42, .5);--nav-bg: rgba(255, 255, 255, .85);--nav-blur: 16px;--sidebar-bg: var(--surface-1);--code-bg: #f1f5f9;--focus-ring: rgba(98, 196, 98, .4);--focus-ring-offset: var(--surface-2);--stat-balance-color: #62C462;--stat-keys-color: #3b82f6;--stat-usage-color: #a855f7;--stat-latency-color: #f59e0b;--badge-active-bg: rgba(34, 197, 94, .12);--badge-active-text: #16a34a;--badge-inactive-bg: rgba(148, 163, 184, .12);--badge-inactive-text:#64748b;--badge-revoked-bg: rgba(239, 68, 68, .12);--badge-revoked-text: #dc2626;--badge-pending-bg: rgba(245, 158, 11, .12);--badge-pending-text: #b45309;--bg-primary: var(--surface-0);--bg-secondary: var(--surface-1);--bg-tertiary: var(--surface-0);--bg-card: var(--surface-2);--bg-card-hover: var(--color-accent-subtle);--bg-nav: var(--nav-bg);--bg-code: var(--code-bg);--bg-input: var(--surface-2);--bg-modal: var(--surface-3);--border-primary: var(--border-subtle);--border-secondary: var(--border-moderate);--brand: var(--color-accent);--cachi-50: var(--color-brand-50);--cachi-100: var(--color-brand-100);--cachi-200: var(--color-brand-200);--cachi-300: var(--color-brand-300);--cachi-400: var(--color-brand-400);--cachi-500: var(--color-brand-500);--cachi-600: var(--color-brand-600);--cachi-700: var(--color-brand-700)}[data-theme=dark]{--surface-0: #09090b;--surface-1: #0f0f12;--surface-2: #161619;--surface-3: #1c1c20;--border-subtle: rgba(255, 255, 255, .06);--border-moderate: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .16);--text-primary: #f0f0f0;--text-secondary: #a1a1aa;--text-tertiary: #71717a;--text-muted: #52525b;--text-inverse: #09090b;--color-accent: #62C462;--color-accent-hover: #7dd87d;--color-accent-muted: rgba(98, 196, 98, .15);--color-accent-subtle: rgba(98, 196, 98, .06);--color-accent-text: #86efac;--color-success: #4ade80;--color-success-muted: rgba(34, 197, 94, .15);--color-success-subtle: rgba(34, 197, 94, .06);--color-success-text: #86efac;--color-success-border: rgba(34, 197, 94, .3);--color-warning: #fbbf24;--color-warning-muted: rgba(245, 158, 11, .15);--color-warning-subtle: rgba(245, 158, 11, .06);--color-warning-text: #fcd34d;--color-warning-border: rgba(245, 158, 11, .3);--color-error: #f87171;--color-error-muted: rgba(239, 68, 68, .15);--color-error-subtle: rgba(239, 68, 68, .06);--color-error-text: #fca5a5;--color-error-border: rgba(239, 68, 68, .3);--color-info: #60a5fa;--color-info-muted: rgba(59, 130, 246, .15);--color-info-subtle: rgba(59, 130, 246, .06);--color-info-text: #93c5fd;--color-info-border: rgba(59, 130, 246, .3);--overlay: rgba(0, 0, 0, .7);--nav-bg: rgba(9, 9, 11, .85);--nav-blur: 16px;--sidebar-bg: var(--surface-1);--code-bg: #1c1c20;--focus-ring: rgba(98, 196, 98, .5);--focus-ring-offset: var(--surface-2);--badge-active-bg: rgba(34, 197, 94, .15);--badge-active-text: #86efac;--badge-inactive-bg: rgba(148, 163, 184, .12);--badge-inactive-text:#71717a;--badge-revoked-bg: rgba(239, 68, 68, .15);--badge-revoked-text: #fca5a5;--badge-pending-bg: rgba(245, 158, 11, .15);--badge-pending-text: #fcd34d}:root{--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", "Consolas", monospace;--text-display: 3rem;--text-h1: 2rem;--text-h2: 1.5rem;--text-h3: 1.25rem;--text-h4: 1.0625rem;--text-body: 1rem;--text-body-sm: .875rem;--text-caption: .75rem;--text-overline: .6875rem;--text-mono: .875rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--leading-none: 1;--leading-tight: 1.1;--leading-snug: 1.15;--leading-normal: 1.3;--leading-relaxed: 1.4;--leading-loose: 1.5;--leading-body: 1.6}.text-display{font-size:3rem;font-weight:800;line-height:1.1;letter-spacing:-.03em;color:var(--text-primary)}.text-h1{font-size:2rem;font-weight:800;line-height:1.15;letter-spacing:-.02em;color:var(--text-primary)}.text-h2{font-size:1.5rem;font-weight:700;line-height:1.2;letter-spacing:-.01em;color:var(--text-primary)}.text-h3{font-size:1.25rem;font-weight:700;line-height:1.3;letter-spacing:-.01em;color:var(--text-primary)}.text-h4{font-size:1.0625rem;font-weight:600;line-height:1.4;color:var(--text-primary)}.text-body{font-size:1rem;font-weight:400;line-height:1.6;color:var(--text-secondary)}.text-body-sm{font-size:.875rem;font-weight:400;line-height:1.5;color:var(--text-secondary)}.text-caption{font-size:.75rem;font-weight:600;line-height:1.4;letter-spacing:.02em;color:var(--text-tertiary)}.text-overline{font-size:.6875rem;font-weight:700;line-height:1.3;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.text-mono{font-family:var(--font-mono);font-size:.875rem;line-height:1.6}:root{--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;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--container-max: 1280px}:root{--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px rgba(0, 0, 0, .05), 0 2px 4px rgba(0, 0, 0, .03);--shadow-lg: 0 10px 20px rgba(0, 0, 0, .06), 0 4px 8px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .08), 0 8px 16px rgba(0, 0, 0, .04);--shadow-glow-accent: none;--shadow-glow-soft: none}[data-theme=dark]{--shadow-xs: 0 1px 2px rgba(0, 0, 0, .4);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .5), 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 8px rgba(0, 0, 0, .5), 0 2px 4px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 24px rgba(0, 0, 0, .6), 0 4px 8px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 48px rgba(0, 0, 0, .7), 0 8px 16px rgba(0, 0, 0, .5);--shadow-glow-accent: 0 0 20px rgba(98, 196, 98, .08), 0 0 40px rgba(98, 196, 98, .04);--shadow-glow-soft: 0 0 1px rgba(255, 255, 255, .05), 0 4px 12px rgba(0, 0, 0, .5)}:root{--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.5, 0, .75, 0);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.16, 1, .3, 1);--duration-fast: .1s;--duration-normal: .15s;--duration-slow: .25s;--duration-slower: .4s}@keyframes cb-shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}@keyframes cb-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes cb-fade-in-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes cb-scale-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes cb-slide-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes cb-pulse{0%,to{opacity:1}50%{opacity:.5}}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font-sans);background-color:var(--surface-0);color:var(--text-primary);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mono{font-family:var(--font-mono)}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--space-6)}@media(max-width:640px){.container{padding:0 var(--space-4)}}.skip-link{position:absolute;top:-100%;left:50%;transform:translate(-50%);background:var(--color-accent);color:#fff;padding:.75rem 1.5rem;border-radius:0 0 var(--radius-md) var(--radius-md);text-decoration:none;font-weight:600;font-size:.875rem;z-index:9999;transition:top var(--duration-normal) var(--ease-out)}.skip-link:focus{top:0;outline:2px solid var(--color-brand-700);outline-offset:2px}.cb-btn:focus-visible,.cb-input:focus-visible,.cb-select:focus-visible,.cb-textarea:focus-visible{outline:none;box-shadow:0 0 0 3px var(--focus-ring)}.cb-btn--danger:focus-visible,.cb-btn--danger-solid:focus-visible{box-shadow:0 0 0 3px #ef44444d}.cb-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-sans);font-weight:600;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:background-color .15s ease-out,border-color .15s ease-out,color .15s ease-out,box-shadow .15s ease-out,transform .1s ease-out;white-space:nowrap;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.cb-btn--sm{padding:6px 12px;font-size:.8125rem;border-radius:var(--radius-md);gap:var(--space-1)}.cb-btn--md{padding:10px 20px;font-size:.875rem;border-radius:var(--radius-md)}.cb-btn--lg{padding:14px 28px;font-size:1rem;border-radius:var(--radius-md)}.cb-btn--icon{padding:0;width:36px;height:36px;border-radius:var(--radius-md)}.cb-input{display:block;width:100%;padding:10px 14px;font-family:var(--font-sans);font-size:.9375rem;color:var(--text-primary);background:var(--surface-2);border:1px solid var(--border-moderate);border-radius:var(--radius-md);outline:none;transition:border-color .15s ease-out,box-shadow .15s ease-out}.cb-input::placeholder{color:var(--text-muted)}.cb-input:hover{border-color:var(--border-strong)}.cb-input:focus-visible{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--focus-ring);outline:none}.cb-input:disabled{opacity:.5;cursor:not-allowed;background:var(--surface-1)}.cb-input--error{border-color:var(--color-error)}.cb-input--error:focus-visible{border-color:var(--color-error);box-shadow:0 0 0 3px #ef444433}.cb-textarea{min-height:100px;resize:vertical}.cb-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%2364748b' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px}[data-theme=dark] .cb-select{background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%2371717a' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.cb-input-password-wrap{position:relative}.cb-input-password-wrap .cb-input{padding-right:44px}.cb-input-password-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);background:none;border:none;padding:8px;cursor:pointer;color:var(--text-muted);transition:color .15s ease-out;border-radius:var(--radius-sm)}.cb-input-password-toggle:hover{color:var(--text-secondary)}.cb-input-password-toggle:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.cb-input-search-wrap{position:relative}.cb-input-search-wrap .cb-input{padding-left:40px}.cb-input-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;width:18px;height:18px}.cb-form-group{display:flex;flex-direction:column;gap:var(--space-2)}.cb-form-label{font-size:.875rem;font-weight:600;color:var(--text-primary)}.cb-form-helper{font-size:.8125rem;color:var(--text-tertiary)}.cb-form-error{font-size:.8125rem;color:var(--color-error-text);display:flex;align-items:center;gap:var(--space-1)}.cb-card{background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-6);transition:border-color .15s ease-out,box-shadow .15s ease-out}.cb-card--elevated{background:var(--surface-3);box-shadow:var(--shadow-lg)}.cb-card--clickable{cursor:pointer}.cb-card--clickable:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md);transform:translateY(-2px);transition:border-color .15s ease-out,box-shadow .2s ease-out,transform .2s ease-out}.cb-card--clickable:focus-visible{outline:none;box-shadow:0 0 0 3px var(--focus-ring)}[data-theme=dark] .cb-card--elevated{box-shadow:var(--shadow-lg),var(--shadow-glow-soft)}.cb-stat-card{background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-6);position:relative;overflow:hidden}.cb-stat-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--stat-card-accent, var(--color-accent));border-radius:3px 0 0 3px}.cb-stat-card__icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);margin-bottom:var(--space-4);background:var(--stat-card-icon-bg, var(--color-accent-muted));color:var(--stat-card-accent, var(--color-accent))}.cb-stat-card__label{font-size:.8125rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.cb-stat-card__value{font-size:2rem;font-weight:800;color:var(--text-primary);font-family:var(--font-mono);margin:var(--space-2) 0}.cb-stat-card__footer{font-size:.8125rem}.cb-stat-card--balance{--stat-card-accent: var(--stat-balance-color);--stat-card-icon-bg: rgba(98, 196, 98, .12)}.cb-stat-card--keys{--stat-card-accent: var(--stat-keys-color);--stat-card-icon-bg: rgba(59, 130, 246, .12)}.cb-stat-card--usage{--stat-card-accent: var(--stat-usage-color);--stat-card-icon-bg: rgba(168, 85, 247, .12)}.cb-stat-card--latency{--stat-card-accent: var(--stat-latency-color);--stat-card-icon-bg: rgba(245, 158, 11, .12)}.cb-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);z-index:200;display:flex;align-items:center;justify-content:center;padding:var(--space-4);opacity:0;visibility:hidden;transition:opacity .2s ease-out,visibility .2s ease-out;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.cb-modal-overlay[data-open=true]{opacity:1;visibility:visible}.cb-modal{background:var(--surface-3);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);max-width:480px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);transform:translateY(16px) scale(.98);opacity:0;transition:transform .25s cubic-bezier(.16,1,.3,1),opacity .2s ease-out}.cb-modal-overlay[data-open=true] .cb-modal{transform:translateY(0) scale(1);opacity:1}.cb-modal--sm{max-width:360px}.cb-modal--lg{max-width:640px}.cb-modal__header{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--space-6) var(--space-6) 0}.cb-modal__title{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.cb-modal__close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:background-color .15s ease-out,color .15s ease-out;flex-shrink:0}.cb-modal__close:hover{background:var(--surface-1);color:var(--text-primary)}.cb-modal__close:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.cb-modal__body{padding:var(--space-4) var(--space-6);color:var(--text-secondary);font-size:.9375rem;line-height:1.6}.cb-modal__footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6) var(--space-6)}.cb-modal--destructive .cb-modal__icon{width:48px;height:48px;border-radius:var(--radius-full);background:var(--color-error-muted);color:var(--color-error);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4)}[data-theme=dark] .cb-modal{box-shadow:var(--shadow-xl),var(--shadow-glow-soft)}@media(max-width:640px){.cb-modal{max-width:100%;margin:var(--space-4);border-radius:var(--radius-lg)}.cb-modal--lg{max-width:100%}.cb-modal__header{padding:var(--space-4) var(--space-4) 0}.cb-modal__body{padding:var(--space-3) var(--space-4)}.cb-modal__footer{padding:var(--space-3) var(--space-4) var(--space-4)}}.cb-table-wrap{overflow-x:auto;border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.cb-table{width:100%;border-collapse:collapse;font-size:.875rem}.cb-table thead{background:var(--surface-1)}.cb-table th{padding:12px 16px;text-align:left;font-weight:600;font-size:.8125rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border-subtle);white-space:nowrap;-webkit-user-select:none;user-select:none}.cb-table th[data-sortable]{cursor:pointer;transition:color .15s ease-out}.cb-table th[data-sortable]:hover{color:var(--text-primary)}.cb-table th[data-sort-active]{color:var(--color-accent)}.cb-table th .sort-icon{display:inline-flex;margin-left:var(--space-1);opacity:.5;vertical-align:middle}.cb-table th[data-sort-active] .sort-icon{opacity:1;color:var(--color-accent)}.cb-table th .sort-icon svg{width:14px;height:14px}.cb-table td{padding:12px 16px;border-bottom:1px solid var(--border-subtle);color:var(--text-primary);vertical-align:middle}.cb-table tbody tr{transition:background-color .1s ease-out}.cb-table tbody tr:hover{background:var(--color-accent-subtle)}.cb-table tbody tr:last-child td{border-bottom:none}.cb-pagination{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-4) var(--space-2);font-size:.875rem}.cb-pagination__info{color:var(--text-tertiary)}.cb-pagination__controls{display:flex;align-items:center;gap:var(--space-1)}.cb-pagination__btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--border-subtle);background:var(--surface-2);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);font-size:.8125rem;font-weight:600;transition:background-color .15s ease-out,border-color .15s ease-out,color .15s ease-out}.cb-pagination__btn:hover{background:var(--surface-1);border-color:var(--border-moderate);color:var(--text-primary)}.cb-pagination__btn[data-active]{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.cb-pagination__btn:disabled{opacity:.4;cursor:not-allowed}.cb-pagination__btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.cb-pagination__btn svg{width:16px;height:16px}.cb-table-empty{text-align:center;padding:var(--space-12) var(--space-8)}.cb-table-empty__icon{width:48px;height:48px;color:var(--text-muted);margin:0 auto var(--space-4)}.cb-table-empty__title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-2)}.cb-table-empty__text{font-size:.875rem;color:var(--text-tertiary);margin-bottom:var(--space-6)}.cb-table-skeleton td{padding:12px 16px}.cb-table-skeleton__cell{height:16px;background:var(--surface-1);border-radius:var(--radius-sm);animation:cb-shimmer 1.5s ease-in-out infinite}@media(max-width:640px){.cb-pagination{flex-direction:column;gap:var(--space-3);padding:var(--space-3)}}.cb-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:3px 10px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;line-height:1.4;white-space:nowrap}.cb-alert{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid transparent;font-size:.875rem;line-height:1.5;position:relative}.cb-alert__icon{flex-shrink:0;width:20px;height:20px;margin-top:1px}.cb-alert__content{flex:1;min-width:0}.cb-alert__title{font-weight:600;margin-bottom:var(--space-1)}.cb-alert__dismiss{position:absolute;top:var(--space-3);right:var(--space-3);background:none;border:none;padding:4px;cursor:pointer;color:inherit;opacity:.6;border-radius:var(--radius-sm);transition:opacity .15s ease-out}.cb-alert__dismiss:hover{opacity:1}.cb-alert__dismiss:focus-visible{outline:2px solid currentColor;outline-offset:2px;opacity:1}.cb-alert--success{background:var(--color-success-subtle);border-color:var(--color-success-border);color:var(--color-success-text)}.cb-alert--warning{background:var(--color-warning-subtle);border-color:var(--color-warning-border);color:var(--color-warning-text)}.cb-alert--error{background:var(--color-error-subtle);border-color:var(--color-error-border);color:var(--color-error-text)}.cb-alert--info{background:var(--color-info-subtle);border-color:var(--color-info-border);color:var(--color-info-text)}.cb-skeleton{background:linear-gradient(90deg,var(--surface-1) 0%,var(--surface-0) 40%,var(--surface-1) 80%);background-size:200px 100%;animation:cb-shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}[data-theme=dark] .cb-skeleton{background:linear-gradient(90deg,#ffffff0a,#ffffff14,#ffffff0a 80%);background-size:200px 100%}.cb-skeleton--text{display:inline-block;height:1em;width:100%;vertical-align:middle}.cb-skeleton--text-sm{width:60%}.cb-skeleton--text-xs{width:40%}.cb-skeleton--card{height:120px;border-radius:var(--radius-lg)}.cb-skeleton--stat{height:2rem;width:80px;border-radius:var(--radius-sm)}.cb-skeleton--avatar{width:40px;height:40px;border-radius:var(--radius-full)}.cb-skeleton--row{height:16px;border-radius:var(--radius-sm)}.cb-skeleton--row:nth-child(odd){width:85%}.cb-skeleton--row:nth-child(2n){width:70%}.cb-stat-card-skeleton{background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-6)}.cb-stat-card-skeleton__icon{width:40px;height:40px;border-radius:var(--radius-md);margin-bottom:var(--space-4)}.cb-stat-card-skeleton__label{height:12px;width:100px;margin-bottom:var(--space-3)}.cb-stat-card-skeleton__value{height:28px;width:80px;margin-bottom:var(--space-3)}.cb-stat-card-skeleton__link{height:14px;width:90px}.cb-empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-12) var(--space-8)}.cb-empty-state__icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--surface-1);color:var(--text-muted);border-radius:var(--radius-full);margin-bottom:var(--space-4)}.cb-empty-state__icon svg{width:28px;height:28px}.cb-empty-state__title{font-size:1.0625rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-2)}.cb-empty-state__text{font-size:.875rem;color:var(--text-tertiary);max-width:320px;margin-bottom:var(--space-6)}.cb-tooltip{position:relative;display:inline-flex}.cb-tooltip__content{position:absolute;z-index:300;padding:6px 12px;background:var(--surface-3);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-size:.8125rem;white-space:nowrap;box-shadow:var(--shadow-md);pointer-events:none;opacity:0;transition:opacity .15s ease-out}[data-theme=dark] .cb-tooltip__content{background:#27272a;border-color:#ffffff1f}.cb-tooltip:hover .cb-tooltip__content{opacity:1}.cb-tooltip__content--top{bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.cb-tooltip__content--bottom{top:calc(100% + 8px);left:50%;transform:translate(-50%)}.cb-tooltip__content--left{right:calc(100% + 8px);top:50%;transform:translateY(-50%)}.cb-tooltip__content--right{left:calc(100% + 8px);top:50%;transform:translateY(-50%)}.cb-tooltip__content:before{content:"";position:absolute;width:8px;height:8px;background:inherit;border:1px solid var(--border-subtle);border-right:none;border-bottom:none}[data-theme=dark] .cb-tooltip__content:before{border-color:#ffffff1f}.cb-tooltip__content--top:before{bottom:-5px;left:50%;transform:translate(-50%) rotate(-135deg)}.cb-tooltip__content--bottom:before{top:-5px;left:50%;transform:translate(-50%) rotate(45deg)}.cb-tooltip__content--left:before{right:-5px;top:50%;transform:translateY(-50%) rotate(135deg)}.cb-tooltip__content--right:before{left:-5px;top:50%;transform:translateY(-50%) rotate(-45deg)}.cb-nav{position:sticky;top:0;z-index:100;background:var(--nav-bg);backdrop-filter:blur(var(--nav-blur));-webkit-backdrop-filter:blur(var(--nav-blur));border-bottom:1px solid var(--border-subtle)}.cb-nav__inner{display:flex;align-items:center;justify-content:space-between;padding:14px var(--space-6);max-width:1280px;margin:0 auto}.cb-nav__logo{font-size:1.375rem;font-weight:800;text-decoration:none;display:flex;align-items:center;gap:2px}.cb-nav__links{display:flex;align-items:center;gap:var(--space-6)}.cb-nav__link{display:flex;align-items:center;gap:6px;font-size:.875rem;font-weight:600;color:var(--text-tertiary);text-decoration:none;transition:color .15s ease-out;padding:4px 0}.cb-nav__link:hover{color:var(--text-primary)}.cb-nav__link:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px;border-radius:2px}.cb-nav__link[aria-current=page]{color:var(--text-primary);position:relative}.cb-nav__link[aria-current=page]:after{content:"";position:absolute;bottom:-16px;left:0;right:0;height:2px;background:var(--color-accent);border-radius:2px}.cb-nav__user-email{font-size:.85rem;color:var(--text-secondary);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cb-nav__logout-btn{background:none;border:none;cursor:pointer;padding:var(--space-2);color:var(--text-tertiary);border-radius:var(--radius-md);transition:color var(--duration-normal) var(--ease-out),background-color var(--duration-normal) var(--ease-out)}.cb-nav__logout-btn:hover{color:var(--text-primary);background:var(--surface-1)}.theme-toggle{background:none;border:1px solid var(--border-subtle);cursor:pointer;padding:var(--space-2);color:var(--text-secondary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:color var(--duration-normal) var(--ease-out),background-color var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out)}.theme-toggle:hover{color:var(--text-primary);background:var(--surface-1);border-color:var(--border-moderate)}.cb-nav__hamburger{display:none;background:none;border:none;padding:8px;cursor:pointer;color:var(--text-primary);border-radius:var(--radius-md);transition:background-color .15s ease-out}.cb-nav__hamburger:hover{background:var(--surface-1)}.cb-nav__hamburger:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.cb-nav__hamburger svg{width:24px;height:24px}@media(max-width:768px){.cb-nav__inner{padding:12px var(--space-4)}.cb-nav__hamburger{display:flex;align-items:center;justify-content:center}.cb-nav__links{display:none}.cb-nav__links[data-open=true]{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:var(--surface-2);border-bottom:1px solid var(--border-subtle);padding:var(--space-4) var(--space-6);gap:var(--space-2);box-shadow:var(--shadow-md)}.cb-nav__links[data-open=true] .cb-nav__link{padding:var(--space-3) 0}.cb-nav__links[data-open=true] .cb-nav__link[aria-current=page]:after{display:none}.cb-nav__links[data-open=true] .cb-nav__link[aria-current=page]{color:var(--color-accent)}}.cb-sidebar{width:260px;background:var(--sidebar-bg);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;overflow-y:auto;flex-shrink:0;transition:transform .25s cubic-bezier(.16,1,.3,1),width .25s cubic-bezier(.16,1,.3,1)}.cb-sidebar__header{padding:var(--space-6) var(--space-4);border-bottom:1px solid var(--border-subtle)}.cb-sidebar__brand{font-size:1.25rem;font-weight:800;text-decoration:none;display:flex;align-items:center;gap:var(--space-1);margin-bottom:var(--space-2)}.cb-sidebar__brand-prefix{color:var(--text-primary)}.cb-sidebar__brand-suffix{color:var(--color-accent)}.cb-sidebar__user{font-size:.8125rem;color:var(--text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cb-sidebar__nav{padding:var(--space-3) var(--space-2);display:flex;flex-direction:column;gap:2px;flex:1}.cb-sidebar__link{display:flex;align-items:center;gap:var(--space-3);padding:10px var(--space-4);font-size:.875rem;font-weight:500;color:var(--text-tertiary);text-decoration:none;border-radius:var(--radius-md);transition:background-color .15s ease-out,color .15s ease-out}.cb-sidebar__link:hover{background:var(--color-accent-subtle);color:var(--text-primary)}.cb-sidebar__link.active{background:var(--color-accent-muted);color:var(--color-accent);font-weight:600}.cb-sidebar__link:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.cb-sidebar__link-icon{width:20px;height:20px;flex-shrink:0}.cb-sidebar__group-label{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);padding:var(--space-4) var(--space-4) var(--space-2)}.cb-sidebar__divider{height:1px;background:var(--border-subtle);margin:var(--space-2) var(--space-4)}.cb-sidebar__footer{padding:var(--space-4) var(--space-2);border-top:1px solid var(--border-subtle);margin-top:auto}.cb-sidebar__logout{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:10px var(--space-4);font-size:.875rem;font-weight:500;color:var(--text-tertiary);background:none;border:none;border-radius:var(--radius-md);cursor:pointer;transition:background-color .15s ease-out,color .15s ease-out}.cb-sidebar__logout:hover{background:var(--color-error-subtle);color:var(--color-error-text)}.cb-sidebar__logout:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}@media(min-width:769px)and (max-width:1024px){.cb-sidebar{width:56px;overflow:visible}.cb-sidebar__header{padding:var(--space-4) var(--space-2)}.cb-sidebar__brand span,.cb-sidebar__user,.cb-sidebar__link span,.cb-sidebar__logout span,.cb-sidebar__group-label{display:none}.cb-sidebar__link,.cb-sidebar__logout{justify-content:center;padding:10px}.cb-sidebar__divider{margin:var(--space-2) var(--space-1)}.cb-sidebar__link{position:relative}.cb-sidebar__link:after{content:attr(data-tooltip);position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);background:var(--surface-3);color:var(--text-primary);padding:4px 10px;border-radius:var(--radius-sm);font-size:.8125rem;white-space:nowrap;box-shadow:var(--shadow-md);border:1px solid var(--border-subtle);opacity:0;pointer-events:none;transition:opacity .15s ease-out;z-index:50}.cb-sidebar__link:hover:after{opacity:1}}@media(max-width:768px){.cb-sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;z-index:150;transform:translate(-100%);box-shadow:none}.cb-sidebar[data-open=true]{transform:translate(0);box-shadow:var(--shadow-xl)}.cb-sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);z-index:149;opacity:0;visibility:hidden;transition:opacity .25s ease-out,visibility .25s ease-out}.cb-sidebar-backdrop[data-open=true]{opacity:1;visibility:visible}}.cb-dashboard{display:flex;height:100vh}.cb-dashboard__content{flex:1;min-width:0;display:flex;flex-direction:column;overflow-y:auto}.cb-dashboard__page{flex:1;padding:var(--space-8);max-width:1100px;width:100%;margin:0 auto}.cb-dashboard__page>*{animation:cb-fade-in-up var(--duration-slow) var(--ease-out) both}.cb-dashboard__mobile-header{display:none}@media(max-width:768px){.cb-dashboard__mobile-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);background:var(--surface-2)}}@media(max-width:768px){.cb-dashboard__page{padding:var(--space-4)}}.cb-dashboard__page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-8);gap:var(--space-4)}.cb-dashboard__page-header h1{font-size:2rem;font-weight:800;line-height:1.15;letter-spacing:-.02em;color:var(--text-primary)}@media(max-width:640px){.cb-dashboard__page-header{flex-direction:column;align-items:flex-start;margin-bottom:var(--space-6)}}.cb-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.cb-stats-grid>:nth-child(1){animation-delay:0ms}.cb-stats-grid>:nth-child(2){animation-delay:50ms}.cb-stats-grid>:nth-child(3){animation-delay:.1s}.cb-stats-grid>:nth-child(4){animation-delay:.15s}.cb-stats-grid>:nth-child(5){animation-delay:.2s}@media(max-width:1024px){.cb-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.cb-stats-grid{grid-template-columns:1fr}}.cb-tier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}@media(max-width:768px){.cb-tier-grid{grid-template-columns:1fr}}.cb-actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}@media(max-width:640px){.cb-actions-grid{grid-template-columns:1fr}}.cb-dashboard__section{margin-bottom:var(--space-8)}.cb-dashboard__section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.cb-dashboard__section-title{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.cb-filter-bar{display:flex;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;align-items:flex-end}.cb-filter-bar__wrap{margin-bottom:var(--space-4)}.cb-filter-bar__search{flex:1 1 200px;min-width:200px}.cb-filter-bar__select{flex:0 0 auto;min-width:140px}.cb-filter-bar .cb-form-group{margin:0;flex:1 1 160px}@media(max-width:640px){.cb-filter-bar .cb-form-group{flex:1 1 100%}}.cb-amount--positive{color:var(--color-success-text)}.cb-amount--negative{color:var(--color-error-text)}.cb-table-toolbar{display:flex;justify-content:flex-end;margin-bottom:var(--space-2)}.cb-table-toolbar .cb-btn svg{margin-right:var(--space-1)}.cb-pagination__page-indicator{display:flex;align-items:center;padding:0 var(--space-2);font-size:.875rem;color:var(--text-secondary)}.cb-retention-note{margin-top:var(--space-4);font-size:.8125rem;color:var(--text-tertiary)}.cb-analytics-two-col{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}@media(max-width:768px){.cb-analytics-two-col{grid-template-columns:1fr}}.cb-chart-skeleton{height:300px;border-radius:var(--radius-lg)}.cb-chart-empty{padding:var(--space-8);text-align:center;color:var(--text-tertiary)}.cb-card--scrollable{overflow:auto}.cb-table--full-width{width:100%}.cb-table__th--left{text-align:left}.cb-table__th--right,.cb-table__td--right{text-align:right}.cb-table__td--mono{font-family:var(--font-mono);font-size:var(--text-body-sm)}.cb-footer{border-top:1px solid var(--border-subtle);margin-top:var(--space-16);background:var(--surface-1)}.cb-footer__inner{display:flex;justify-content:space-between;align-items:center;padding:var(--space-8) 0;gap:var(--space-4);flex-wrap:wrap;max-width:1280px;margin:0 auto;padding-left:var(--space-6);padding-right:var(--space-6)}.cb-footer__links{display:flex;gap:var(--space-6)}.cb-footer__link{color:var(--text-tertiary);text-decoration:none;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;transition:color .15s ease-out}.cb-footer__credit{display:flex;align-items:center;gap:var(--space-2);color:var(--text-muted);font-size:.875rem}.footer{border-top:1px solid var(--border-subtle);margin-top:var(--space-16);background:var(--surface-1)}.footer-inner{display:flex;justify-content:space-between;align-items:center;padding:var(--space-8) 0;gap:var(--space-4);flex-wrap:wrap}.footer-links{display:flex;gap:var(--space-6)}.footer-link{color:var(--text-tertiary);text-decoration:none;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;transition:color .15s ease-out}.footer-credit{display:flex;align-items:center;gap:var(--space-2);color:var(--text-muted);font-size:.875rem}@media(max-width:768px){.cb-footer__inner,.footer-inner{flex-direction:column;text-align:center}.cb-footer__inner{padding-left:var(--space-4);padding-right:var(--space-4)}}@media(max-width:640px){.cb-footer__links,.footer-links{flex-wrap:wrap;justify-content:center;gap:var(--space-4)}}.cb-page-container{max-width:1280px;margin:0 auto;padding:0 var(--space-6)}@media(max-width:640px){.cb-page-container{padding:0 var(--space-4)}}.page-container{max-width:1280px;margin:0 auto;padding:0 var(--space-6)}@media(max-width:640px){.page-container{padding:0 var(--space-4)}}.cb-page-header{padding:var(--space-8) 0;margin-bottom:var(--space-8)}.cb-page-header__title{font-size:2rem;font-weight:800;line-height:1.15;letter-spacing:-.02em;color:var(--text-primary);margin-bottom:var(--space-2)}@media(max-width:640px){.cb-page-header{padding:var(--space-6) 0;margin-bottom:var(--space-6)}.cb-page-header__title{font-size:1.5rem}}.cb-section{margin-bottom:var(--space-8)}.cb-section--lg{margin-bottom:var(--space-12)}.cb-section--xl{margin-bottom:var(--space-16)}.cb-content{display:flex;flex-direction:column;gap:var(--space-6)}.cb-content--tight{gap:var(--space-4)}.cb-content--loose{gap:var(--space-8)}.cb-divider{height:1px;background:var(--border-subtle);margin:var(--space-6) 0;border:none}.cb-divider--sm{margin:var(--space-4) 0}.cb-divider--lg{margin:var(--space-8) 0}.page{animation:cb-fade-in-up var(--duration-slow) var(--ease-out) both}.page-header{margin-bottom:var(--space-8)}.page-header h1{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--space-2)}.hero{padding:5rem 0;background:radial-gradient(ellipse at top right,rgba(98,196,98,.08),transparent 50%)}@media(max-width:1024px){.hero-grid{grid-template-columns:1fr;text-align:center}}.hero-title{font-size:clamp(2.5rem,5vw,4.5rem);font-weight:800;line-height:1.1;letter-spacing:-.02em;margin-bottom:1.5rem;color:var(--text-primary)}.hero-title .highlight{color:var(--cachi-500)}.hero-description{font-size:1.25rem;color:var(--text-secondary);margin-bottom:2.5rem;max-width:32rem}@media(max-width:1024px){.hero-description{margin:0 auto 2.5rem}}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap}.hero-mascot{display:flex;justify-content:center;position:relative}.hero-mascot img{width:100%;max-width:420px;filter:drop-shadow(0 25px 50px rgba(0,0,0,.2));position:relative;z-index:2}[data-theme=dark] .hero-mascot img{filter:drop-shadow(0 25px 50px rgba(0,0,0,.5))}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;border-radius:.75rem;font-weight:700;font-size:.875rem;text-decoration:none;transition:all .2s;border:none;cursor:pointer}.btn-primary{background:var(--text-primary);color:var(--bg-primary)}.btn-primary:hover{opacity:.9;transform:translateY(-2px)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-secondary)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-primary)}.btn-cachi{background:var(--cachi-500);color:#fff}.btn-cachi:hover{background:var(--cachi-400)}.code-badge{display:inline-flex;align-items:center;padding:1rem 1.5rem;background:var(--bg-code);border:1px solid var(--border-primary);border-radius:.75rem;font-family:JetBrains Mono,monospace;font-size:.875rem;color:var(--cachi-500)}.install-command--compact{margin-top:1.5rem;max-width:32rem}.install-command--compact .install-tabs{padding:.2rem;background:var(--bg-tertiary);border-color:var(--border-primary)}.install-command--compact .install-tab{padding:.375rem .75rem;font-size:.75rem;color:var(--text-tertiary)}.install-command--compact .install-tab:hover{color:var(--text-primary);background:var(--bg-card-hover)}.install-command--compact .install-tab.active{background:#62c46226;color:var(--cachi-600)}.install-command--compact .install-steps{padding:.875rem 1.25rem;font-size:.8125rem;background:var(--bg-code);border-color:var(--border-primary)}.install-command--compact .install-step-cmd{color:var(--text-primary)}.install-command--compact .install-copy{border-color:var(--border-secondary);color:var(--text-tertiary)}.install-command--compact .install-copy:hover{color:var(--cachi-500);border-color:var(--cachi-500);background:#62c4621a}[data-theme=dark] .install-command--compact .install-tabs{background:#0003;border-color:#ffffff1a}[data-theme=dark] .install-command--compact .install-tab{color:var(--text-muted)}[data-theme=dark] .install-command--compact .install-tab:hover{color:var(--text-primary);background:#ffffff0d}[data-theme=dark] .install-command--compact .install-tab.active{color:var(--cachi-400)}[data-theme=dark] .install-command--compact .install-steps{background:#0000004d;border-color:#ffffff1a}[data-theme=dark] .install-command--compact .install-step-cmd{color:var(--cachi-400)}[data-theme=dark] .install-command--compact .install-copy{border-color:#ffffff1a;color:var(--text-muted)}.origin-card{background:var(--origin-bg);border:1px solid var(--origin-border);border-radius:1.5rem;padding:3rem;margin:3rem auto;max-width:56rem;position:relative;overflow:hidden}.origin-card:before{content:"";position:absolute;top:0;right:0;width:300px;height:300px;background:radial-gradient(circle,rgba(98,196,98,.08) 0%,transparent 70%);pointer-events:none}.origin-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .875rem;background:#62c4621a;border:1px solid rgba(98,196,98,.2);border-radius:99px;font-size:.75rem;font-weight:600;color:var(--cachi-500);margin-bottom:1.25rem;text-transform:uppercase;letter-spacing:.05em}.origin-title{font-size:2rem;font-weight:800;color:var(--text-primary);margin-bottom:1rem;letter-spacing:-.02em}.origin-text{color:var(--text-secondary);line-height:1.8;font-size:1.0625rem;max-width:42rem}.origin-text strong{color:var(--text-primary);font-weight:600}.origin-stats{display:flex;gap:3rem;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-primary)}.origin-stat{display:flex;flex-direction:column;gap:.25rem}.origin-stat-value{font-size:1.5rem;font-weight:800;color:var(--cachi-500);font-family:JetBrains Mono,monospace}.origin-stat-label{font-size:.75rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}@media(max-width:640px){.origin-card{padding:2rem}.origin-stats{flex-direction:column;gap:1.5rem}.origin-title{font-size:1.5rem}}.features{padding:5rem 0;border-top:1px solid var(--border-primary)}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}@media(max-width:1024px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.features-grid{grid-template-columns:1fr}}.feature-card{padding:2rem;border-radius:1.5rem;background:var(--bg-card);border:1px solid var(--border-primary);transition:transform .2s,box-shadow .2s}.feature-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.feature-card.span-2{grid-column:span 2}@media(max-width:640px){.feature-card.span-2{grid-column:span 1}}.feature-card.span-4{grid-column:span 4;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden}@media(max-width:1024px){.feature-card.span-4{grid-column:span 2}}@media(max-width:640px){.feature-card.span-4{grid-column:span 1;flex-direction:column;text-align:center}}.feature-card.dark{background:var(--feature-dark-bg);border-color:var(--feature-dark-bg)}.feature-card.dark .feature-title,.feature-card.dark .feature-icon{color:var(--feature-dark-text)}.feature-card.dark .feature-text{color:var(--feature-dark-muted)}.feature-card.green{background:var(--cachi-500);border-color:var(--cachi-500)}.feature-card.green .feature-title,.feature-card.green .feature-icon{color:#fff}.feature-card.green .feature-text{color:#fffc;font-weight:600}.feature-icon{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;background:#62c4621a;border-radius:.75rem;margin-bottom:1.5rem;color:var(--cachi-500)}.feature-icon svg{flex-shrink:0}.feature-title{font-size:1.25rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary)}.feature-text{color:var(--text-secondary);font-size:.875rem}.feature-watermark{position:absolute;right:1rem;bottom:1rem;opacity:.06;color:var(--text-primary)}.feature-watermark svg{width:6rem;height:6rem}.install{padding:5rem 0}.install-layout{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;background:var(--install-bg);border-radius:2rem;padding:4rem;border:1px solid var(--border-primary);position:relative;overflow:hidden}.install-layout:before{content:"";position:absolute;top:-50%;right:-20%;width:60%;height:200%;background:radial-gradient(circle,rgba(98,196,98,.06) 0%,transparent 60%);pointer-events:none}@media(max-width:1024px){.install-layout{grid-template-columns:1fr;gap:3rem;padding:2.5rem}}.install-content{position:relative;z-index:1}.install-title{font-size:2rem;font-weight:700;margin-bottom:.5rem;color:var(--install-text)}.install-subtitle{color:var(--install-muted);margin-bottom:2rem}.install-tabs{display:flex;gap:.25rem;margin-bottom:0;background:#0003;padding:.25rem;border-radius:.75rem .75rem 0 0;border:1px solid rgba(255,255,255,.1);border-bottom:none}.install-tab{flex:1;padding:.5rem 1rem;border:none;background:transparent;color:var(--install-muted);font-size:.8125rem;font-weight:600;font-family:inherit;border-radius:.5rem;cursor:pointer;transition:all .2s}.install-tab:hover{color:var(--install-text);background:#ffffff0d}.install-tab.active{background:#62c46226;color:var(--cachi-400)}.install-steps{font-family:JetBrains Mono,monospace;font-size:.875rem;display:flex;align-items:center;gap:.75rem;background:#0000004d;padding:1.25rem 1.5rem;border-radius:0 0 .75rem .75rem;border:1px solid rgba(255,255,255,.1);border-top:none}.install-step-after{font-family:JetBrains Mono,monospace;font-size:.875rem;display:flex;align-items:center;gap:.75rem;background:#00000026;padding:1rem 1.5rem;border-radius:.75rem;border:1px solid rgba(255,255,255,.06);margin-top:.5rem}.install-copy{margin-left:auto;background:none;border:1px solid rgba(255,255,255,.1);color:var(--install-muted);padding:.35rem;border-radius:.375rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.install-copy:hover{color:var(--cachi-400);border-color:var(--cachi-500);background:#62c4621a}.install-step-num{color:var(--cachi-500);margin-right:.75rem;font-weight:600}.install-step-cmd{color:var(--cachi-400);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.install-step-arg{color:var(--install-text);margin-left:.5rem}.install-hint{display:flex;align-items:center;gap:.5rem;margin-top:1.25rem;font-size:.8125rem;color:var(--install-muted)}.install-links{display:flex;gap:1.5rem;margin-top:1.5rem}.install-links a{color:var(--cachi-400);text-decoration:none;font-size:.875rem;font-weight:600;transition:color .2s}.install-links a:hover{color:var(--cachi-300);text-decoration:underline}.install-preview{position:relative;z-index:1}.app-skeleton{display:flex;background:#1a1a1d;border-radius:1rem;overflow:hidden;box-shadow:0 25px 50px #00000080;border:1px solid rgba(255,255,255,.1);aspect-ratio:16 / 10}.app-skeleton-logo{width:2.25rem;height:2.25rem;background:var(--cachi-500);border-radius:.5rem;display:flex;align-items:center;justify-content:center;color:#fff}.app-skeleton-nav-item{width:2.25rem;height:2.25rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;color:#ffffff4d;transition:all .2s}.app-skeleton-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:1rem}.app-skeleton-title{width:6rem;height:.75rem;background:#ffffff26;border-radius:.25rem}.app-skeleton-status{width:.5rem;height:.5rem;background:var(--cachi-500);border-radius:50%}.app-skeleton-msg{border-radius:.5rem;padding:.625rem .875rem}.app-skeleton-msg.user{background:var(--cachi-500);opacity:.9;width:70%;height:1.5rem;align-self:flex-end}.app-skeleton-input-field{flex:1;height:2.25rem;background:#ffffff0f;border-radius:.5rem;border:1px solid rgba(255,255,255,.1)}.app-skeleton-input-btn{width:2.25rem;height:2.25rem;background:var(--cachi-500);border-radius:.5rem;display:flex;align-items:center;justify-content:center;color:#fff}.marketplace-header{padding:3rem 0 1rem}.marketplace-header h1{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.marketplace-subtitle{color:var(--text-secondary);font-size:1.125rem}.marketplace-layout{display:flex;gap:2rem;padding:2rem 0}@media(max-width:1024px){.marketplace-layout{flex-direction:column}}.marketplace-sidebar{width:14rem;flex-shrink:0}@media(max-width:1024px){.marketplace-sidebar{width:100%}}.marketplace-main{flex:1;min-width:0}.search-box{position:relative;margin-bottom:1.5rem}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;color:var(--text-muted)}.search-input{width:100%;padding:.625rem .75rem .625rem 2.5rem;background:var(--bg-input);border:1px solid var(--border-primary);border-radius:.5rem;color:var(--text-primary);font-size:.875rem;outline:none;transition:border-color .2s}.search-input:focus{border-color:var(--cachi-500)}.search-input::placeholder{color:var(--text-muted)}.category-list{display:flex;flex-direction:column;gap:.25rem}@media(max-width:1024px){.category-list{flex-direction:row;flex-wrap:wrap;gap:.5rem}}.category-btn{display:flex;align-items:center;gap:.75rem;width:100%;padding:.5rem .75rem;background:transparent;border:none;border-radius:.5rem;color:var(--text-tertiary);font-size:.875rem;cursor:pointer;transition:all .2s;text-align:left}@media(max-width:1024px){.category-btn{width:auto;padding:.5rem 1rem;background:var(--bg-tertiary);border-radius:99px}}.category-btn:hover,.category-btn.active{background:var(--bg-tertiary);color:var(--text-primary)}.category-icon{width:1rem;height:1rem;flex-shrink:0}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.template-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:.75rem;padding:1.25rem;cursor:pointer;transition:all .2s}.template-card:hover{border-color:var(--cachi-500);transform:translateY(-2px);box-shadow:var(--shadow-md)}.template-header{display:flex;gap:1rem;align-items:flex-start}.template-icon{width:2.75rem;height:2.75rem;display:flex;align-items:center;justify-content:center;border-radius:.75rem;font-size:1.25rem;flex-shrink:0}.template-info{flex:1;min-width:0}.template-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary)}.template-description{color:var(--text-secondary);font-size:.875rem;margin-top:.25rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.template-meta{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;font-size:.75rem;color:var(--text-muted)}.template-downloads,.template-rating{display:flex;align-items:center;gap:.25rem}.template-rating svg{color:#f59e0b}.template-category{background:var(--bg-tertiary);padding:.25rem .5rem;border-radius:99px}.empty-state{text-align:center;padding:4rem 2rem;grid-column:1 / -1}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-title{font-size:1.125rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.empty-text{color:var(--text-secondary)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--text-secondary);gap:1rem}.loading-spinner{animation:spin 1s linear infinite;color:var(--brand)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:200;display:none;align-items:center;justify-content:center;padding:1rem}[data-theme=dark] .modal-overlay{background:#000c}.modal-overlay.open{display:flex}.modal{background:var(--bg-modal);border:1px solid var(--border-primary);border-radius:1.5rem;max-width:40rem;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.modal-content{padding:2rem}.modal-back{display:inline-flex;align-items:center;gap:.25rem;color:var(--text-tertiary);font-size:.875rem;background:none;border:none;cursor:pointer;margin-bottom:1.5rem;padding:0}.modal-back:hover{color:var(--text-primary)}.modal-header{display:flex;gap:1.5rem;align-items:flex-start}.modal-icon{width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;border-radius:1rem;font-size:2rem;flex-shrink:0}.modal-title{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.modal-description{color:var(--text-secondary);margin-top:.5rem}.modal-stats{display:flex;gap:1rem;margin-top:.75rem;font-size:.875rem;color:var(--text-muted)}.modal-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem}.modal-tag{background:var(--bg-tertiary);padding:.25rem .75rem;border-radius:99px;font-size:.75rem;color:var(--text-tertiary)}.modal-section{margin-top:1.5rem}.modal-section-title{font-weight:600;margin-bottom:.75rem;color:var(--text-primary)}.modal-tools{display:flex;flex-wrap:wrap;gap:.5rem}.modal-tool{background:var(--bg-tertiary);padding:.375rem .75rem;border-radius:.5rem;font-size:.875rem;font-family:JetBrains Mono,monospace;color:var(--text-secondary)}.modal-model{font-family:JetBrains Mono,monospace;font-size:.875rem;color:var(--text-secondary);background:var(--bg-tertiary);padding:.5rem .75rem;border-radius:.5rem;display:inline-block}.modal-cta{margin-top:2rem;padding:1.5rem;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:.75rem}.modal-cta-title{font-weight:600;margin-bottom:.25rem;color:var(--text-primary)}.modal-cta-text{font-size:.875rem;color:var(--text-secondary);margin-bottom:1rem}.modal-buttons{display:flex;gap:.75rem}.modal-status{margin-top:.75rem;font-size:.875rem;color:var(--cachi-500);display:none}.modal-status.show{display:block}.docs-layout{display:flex;gap:3rem;padding:3rem 0;min-height:calc(100vh - 200px)}@media(max-width:1024px){.docs-layout{flex-direction:column}}.docs-sidebar{width:14rem;flex-shrink:0;position:sticky;top:5rem;height:fit-content}@media(max-width:1024px){.docs-sidebar{width:100%;position:static}}.docs-sidebar-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:1rem}.docs-nav{display:flex;flex-direction:column;gap:.25rem}@media(max-width:1024px){.docs-nav{flex-direction:row;flex-wrap:wrap;gap:.5rem}}.docs-nav-link{padding:.5rem .75rem;color:var(--text-tertiary);text-decoration:none;font-size:.875rem;border-radius:.5rem;transition:all .2s}@media(max-width:1024px){.docs-nav-link{background:var(--bg-tertiary);border-radius:99px;padding:.5rem 1rem}}.docs-nav-link:hover{background:var(--bg-tertiary);color:var(--text-primary)}.docs-nav-link.active{background:var(--bg-tertiary);color:var(--cachi-500);font-weight:600}.docs-main{flex:1;min-width:0;max-width:48rem}.docs-section{margin-bottom:4rem}.docs-section h1{font-size:2rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary)}.docs-section h2{font-size:1.5rem;font-weight:700;margin-top:2rem;margin-bottom:.75rem;color:var(--text-primary)}.docs-section h3{font-size:1.125rem;font-weight:600;margin-top:1.5rem;margin-bottom:.5rem;color:var(--text-primary)}.docs-section p{color:var(--text-secondary);margin-bottom:1rem}.docs-section ul{color:var(--text-secondary);margin-bottom:1rem;padding-left:1.5rem}.docs-section li{margin-bottom:.5rem}.docs-intro{font-size:1.125rem;color:var(--text-secondary)}.docs-card{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:.75rem;padding:1.5rem;margin:1.5rem 0}.docs-card h4{font-weight:600;margin-bottom:.75rem;color:var(--text-primary)}.docs-card.highlight{background:#62c4621a;border-color:var(--cachi-500)}.docs-card.highlight h4{color:var(--cachi-500)}.docs-code{background:var(--feature-dark-bg);border-radius:.75rem;padding:1rem 1.5rem;margin:1rem 0;overflow-x:auto}.docs-code code{display:block;font-family:JetBrains Mono,monospace;font-size:.875rem;color:var(--cachi-300);line-height:1.8}.docs-tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin:1rem 0}.docs-tool{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:.75rem;padding:1rem}.docs-tool h3{font-family:JetBrains Mono,monospace;font-size:.875rem;color:var(--cachi-500);margin:0 0 .5rem}.docs-tool p{font-size:.875rem;margin:0}.docs-blocked{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.docs-blocked span{background:#ef44441a;color:#ef4444;padding:.25rem .75rem;border-radius:99px;font-family:JetBrains Mono,monospace;font-size:.75rem}.docs-api{display:flex;flex-direction:column;gap:.75rem;margin:1rem 0}.docs-endpoint{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:.5rem}.docs-endpoint .method{font-size:.625rem;font-weight:700;padding:.25rem .5rem;border-radius:.25rem;text-transform:uppercase}.docs-endpoint .method.get{background:#22c55e1a;color:#22c55e}.docs-endpoint .method.post{background:#3b82f61a;color:#3b82f6}.docs-endpoint .method.ws{background:#a855f71a;color:#a855f7}.docs-endpoint code{font-family:JetBrains Mono,monospace;font-size:.875rem;color:var(--text-primary)}.docs-endpoint p{margin:0;color:var(--text-tertiary);font-size:.875rem}.docs-related{margin-top:4rem;padding-top:2rem;border-top:1px solid var(--border-primary)}.docs-related h2,.docs-related h3{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.docs-related-links{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}@media(max-width:768px){.docs-related-links{grid-template-columns:1fr}}.docs-related-link{display:flex;flex-direction:column;gap:.25rem;padding:1rem;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:.75rem;text-decoration:none;transition:all .2s}.docs-related-link:hover{border-color:var(--cachi-500);transform:translateY(-2px)}.docs-related-link strong{color:var(--text-primary);font-size:.875rem}.docs-related-link span{color:var(--text-tertiary);font-size:.8125rem}.legal-page{max-width:48rem;margin:0 auto;padding:3rem 0 4rem}.legal-header{margin-bottom:3rem;text-align:center}.legal-header h1{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.legal-subtitle{color:var(--text-secondary);font-size:1.125rem}.legal-content,.about-content,.contact-content{color:var(--text-secondary);line-height:1.8}.legal-section,.about-section,.contact-section{margin-bottom:2.5rem}.legal-section h2,.about-section h2,.contact-section h2{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.legal-section p,.about-section p,.contact-section p{margin-bottom:1rem}.legal-section ul{padding-left:1.5rem;margin-bottom:1rem}.legal-section li{margin-bottom:.5rem}.legal-section a{color:var(--cachi-500);text-decoration:none}.legal-section a:hover{text-decoration:underline}.legal-nav{display:flex;justify-content:center;gap:2rem;padding-top:2rem;border-top:1px solid var(--border-primary);margin-top:3rem}.legal-nav a{color:var(--text-tertiary);text-decoration:none;font-size:.875rem;font-weight:600;transition:color .2s}.legal-nav a:hover{color:var(--cachi-500)}.about-values{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin:3rem 0}@media(max-width:768px){.about-values{grid-template-columns:1fr}}.about-value{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:1rem;padding:1.5rem;text-align:center}.about-value-icon{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;background:#62c4621a;border-radius:.75rem;margin:0 auto 1rem;color:var(--cachi-500)}.about-value h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.about-value p{font-size:.875rem;color:var(--text-secondary);margin:0}.about-cta{display:flex;gap:1rem;margin-top:1.5rem}@media(max-width:640px){.about-cta{flex-direction:column}}.contact-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin:2rem 0 3rem}@media(max-width:768px){.contact-methods{grid-template-columns:1fr}}.contact-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:1rem;padding:1.5rem;text-decoration:none;transition:all .2s}.contact-card:hover{border-color:var(--cachi-500);transform:translateY(-2px);box-shadow:var(--shadow-md)}.contact-card-icon{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;background:#62c4621a;border-radius:.75rem;margin-bottom:1rem;color:var(--cachi-500)}.contact-card h2{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.contact-card p{font-size:.875rem;color:var(--text-secondary);margin-bottom:1rem}.contact-card-link{font-size:.875rem;font-weight:600;color:var(--cachi-500)}.contact-section a{color:var(--cachi-500);text-decoration:none}.contact-section a:hover{text-decoration:underline}.blog-hero-bg{background:radial-gradient(ellipse at top left,rgba(98,196,98,.06),transparent 50%),radial-gradient(ellipse at bottom right,rgba(99,102,241,.04),transparent 50%);border-bottom:1px solid var(--border-primary)}.blog-header{padding:4rem 0 3rem;text-align:center}.blog-header-label{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.2em;color:var(--cachi-500);margin-bottom:1rem}.blog-header h1{font-size:clamp(2rem,4.5vw,3rem);font-weight:800;color:var(--text-primary);line-height:1.15;letter-spacing:-.03em}.blog-header-rule{width:4rem;height:3px;background:var(--cachi-500);border-radius:99px;margin:1.5rem auto 0}.blog-filters{display:flex;flex-wrap:wrap;gap:.375rem;padding:2rem 0 1.5rem;justify-content:center}.blog-filter-pill{padding:.4rem 1rem;background:transparent;border:1px solid var(--border-primary);border-radius:99px;color:var(--text-tertiary);font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.blog-filter-pill:hover{color:var(--text-primary);border-color:var(--text-secondary)}.blog-filter-pill.active{background:var(--cachi-500);color:#fff;border-color:var(--cachi-500)}.blog-featured{display:block;text-decoration:none;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:1.25rem;overflow:hidden;transition:all .25s;margin-bottom:2rem;position:relative}.blog-featured:hover{border-color:var(--cachi-500);box-shadow:var(--shadow-lg);transform:translateY(-3px)}.blog-featured-accent{height:5px;width:100%}.blog-featured-body{padding:2.5rem 3rem}@media(max-width:768px){.blog-featured-body{padding:1.5rem}}.blog-featured-top{display:flex;align-items:center;gap:.625rem;margin-bottom:1rem;font-size:.8125rem;color:var(--text-tertiary)}.blog-featured-label{font-size:.625rem;font-weight:800;text-transform:uppercase;letter-spacing:.15em;color:#fff;background:var(--cachi-500);padding:.2rem .5rem;border-radius:.25rem}.blog-featured-cat{font-weight:600;color:var(--text-secondary)}.blog-featured-dot{width:3px;height:3px;border-radius:50%;background:var(--text-muted);flex-shrink:0}.blog-featured-time{display:flex;align-items:center;gap:.25rem}.blog-featured-title{font-size:clamp(1.5rem,3.5vw,2.25rem);font-weight:800;color:var(--text-primary);line-height:1.2;letter-spacing:-.02em;margin-bottom:.75rem;max-width:40rem}.blog-featured-excerpt{font-size:1.0625rem;color:var(--text-secondary);line-height:1.65;max-width:40rem;margin-bottom:1.5rem}.blog-featured-bottom{display:flex;align-items:center;gap:1rem;font-size:.8125rem;color:var(--text-muted)}.blog-featured-author{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--text-secondary)}.blog-featured-avatar{width:1.75rem;height:1.75rem;border-radius:50%;object-fit:cover}.blog-featured-read{margin-left:auto;display:flex;align-items:center;gap:.375rem;font-weight:700;color:var(--cachi-500);transition:gap .2s}.blog-featured:hover .blog-featured-read{gap:.625rem}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;padding-bottom:4rem}.blog-card--wide:nth-child(1){grid-column:span 2}@media(max-width:1024px){.blog-grid{grid-template-columns:repeat(2,1fr)}.blog-card--wide:nth-child(1){grid-column:span 2}}@media(max-width:720px){.blog-grid{grid-template-columns:1fr}.blog-card--wide:nth-child(1){grid-column:span 1}}.blog-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:1rem;overflow:hidden;text-decoration:none;transition:all .2s;display:flex;flex-direction:column;position:relative}.blog-card:hover{border-color:var(--cachi-500);transform:translateY(-2px);box-shadow:var(--shadow-md)}.blog-card:hover .blog-card-arrow{color:var(--cachi-500);transform:translate(3px)}.blog-card-accent{height:4px;width:100%}.blog-card-body{padding:1.25rem 1.5rem 1.5rem;display:flex;flex-direction:column;flex:1}.blog-card-meta{display:flex;align-items:center;gap:.625rem;margin-bottom:.625rem}.blog-card-category{font-size:.6875rem;font-weight:700;color:var(--cachi-500);text-transform:uppercase;letter-spacing:.06em}.blog-card-reading{display:flex;align-items:center;gap:.25rem;font-size:.6875rem;color:var(--text-muted)}.blog-card-title{font-size:1.0625rem;font-weight:700;color:var(--text-primary);margin-bottom:.375rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.35}.blog-card--wide .blog-card-title{font-size:1.25rem}.blog-card-excerpt{font-size:.8125rem;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:1rem;line-height:1.6}.blog-card--wide .blog-card-excerpt{-webkit-line-clamp:3}.blog-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.blog-card-date{font-size:.75rem;color:var(--text-muted)}.blog-card-arrow{color:var(--text-muted);transition:all .2s}.blog-article-hero{padding:3rem 0 3.5rem;color:#fff;position:relative;overflow:hidden}.blog-article-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#00000026,#0000004d);pointer-events:none}.blog-article-hero .container{position:relative;z-index:1}.blog-article-back{display:inline-flex;align-items:center;gap:.375rem;color:#ffffffbf;text-decoration:none;font-size:.8125rem;font-weight:600;margin-bottom:1.5rem;transition:color .2s}.blog-article-back:hover{color:#fff}.blog-article-hero-meta{display:flex;align-items:center;gap:.625rem;margin-bottom:1rem;font-size:.8125rem;color:#fffc}.blog-article-hero-cat{font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:.6875rem;background:#fff3;padding:.2rem .625rem;border-radius:99px}.blog-article-hero-dot{width:3px;height:3px;border-radius:50%;background:#fff6;flex-shrink:0}.blog-article-hero-time{display:flex;align-items:center;gap:.25rem}.blog-article-hero-title{font-size:clamp(1.75rem,4.5vw,3rem);font-weight:800;line-height:1.12;letter-spacing:-.03em;max-width:42rem;color:#fff}.blog-post-wrapper{max-width:44rem;margin:0 auto;padding:0 0 4rem}.blog-post-author{display:flex;align-items:center;gap:.75rem;padding:1.5rem 0;margin-bottom:2rem;border-bottom:1px solid var(--border-primary)}.blog-post-avatar{width:2.75rem;height:2.75rem;border-radius:50%;object-fit:cover;border:2px solid var(--border-primary)}.blog-post-author-info strong{display:block;font-size:.875rem;color:var(--text-primary)}.blog-post-author-info span{font-size:.8125rem;color:var(--text-tertiary)}.blog-content{color:var(--text-secondary);line-height:1.85;font-size:1.0625rem}.blog-content>p:first-child{font-size:1.1875rem;color:var(--text-primary);line-height:1.75}.blog-content h2{font-size:1.5rem;font-weight:800;color:var(--text-primary);margin-top:2.75rem;margin-bottom:.75rem;letter-spacing:-.01em}.blog-content h3{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin-top:2rem;margin-bottom:.5rem}.blog-content p{margin-bottom:1.25rem}.blog-content ul,.blog-content ol{padding-left:1.5rem;margin-bottom:1.25rem}.blog-content li{margin-bottom:.5rem}.blog-content li strong{color:var(--text-primary)}.blog-content strong{color:var(--text-primary);font-weight:600}.blog-content em{font-style:italic}.blog-content a{color:var(--cachi-500);text-decoration:none;font-weight:500}.blog-content a:hover{text-decoration:underline}.blog-content code{font-family:JetBrains Mono,monospace;font-size:.85em;background:var(--bg-code);padding:.15rem .4rem;border-radius:.25rem}.blog-comparison-table{overflow-x:auto;margin:1.5rem 0;border-radius:.75rem;border:1px solid var(--border-primary)}.blog-comparison-table table{width:100%;border-collapse:collapse;font-size:.875rem}.blog-comparison-table th{background:var(--bg-tertiary);color:var(--text-primary);font-weight:700;text-align:left;padding:.75rem 1rem;border-bottom:2px solid var(--border-primary);font-size:.8125rem;text-transform:uppercase;letter-spacing:.04em}.blog-comparison-table td{padding:.75rem 1rem;border-bottom:1px solid var(--border-primary);color:var(--text-secondary)}.blog-comparison-table tr:last-child td{border-bottom:none}.blog-comparison-table tr:hover td{background:var(--bg-secondary)}.blog-post-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:2.5rem;padding-top:2rem;border-top:1px solid var(--border-primary)}.blog-post-tag{background:var(--bg-tertiary);padding:.3rem .75rem;border-radius:99px;font-size:.75rem;color:var(--cachi-500);font-weight:600;font-family:JetBrains Mono,monospace}.blog-related{margin-top:3rem;padding-top:2.5rem;border-top:1px solid var(--border-primary)}.blog-related h2{font-size:1.25rem;font-weight:800;color:var(--text-primary);margin-bottom:1.25rem;letter-spacing:-.01em}.blog-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}@media(max-width:768px){.blog-related-grid{grid-template-columns:1fr}}.blog-related-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:.75rem;overflow:hidden;text-decoration:none;transition:all .2s}.blog-related-card:hover{border-color:var(--cachi-500);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.blog-related-accent{height:3px;width:100%}.blog-related-body{padding:1rem 1.125rem;display:flex;flex-direction:column;gap:.375rem}.blog-related-category{font-size:.625rem;font-weight:700;color:var(--cachi-500);text-transform:uppercase;letter-spacing:.06em}.blog-related-body strong{font-size:.875rem;color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.35}.blog-related-footer{display:flex;align-items:center;justify-content:space-between;margin-top:.25rem;font-size:.75rem;color:var(--text-muted)}.auth-page{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 200px);padding:2rem 1rem}.auth-card{max-width:420px;width:100%;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:12px;padding:2rem;box-shadow:var(--shadow-md)}.auth-card h1{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;text-align:center;color:var(--text-primary)}.auth-success{text-align:center;color:var(--cachi-600);padding:1rem}.auth-success p{margin-bottom:.75rem;color:var(--text-primary)}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-primary);font-size:.875rem}.form-group input{width:100%;padding:.75rem 1rem;border:1px solid var(--border-primary);border-radius:8px;background:var(--bg-input);color:var(--text-primary);font-size:1rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus{outline:none;border-color:var(--cachi-500);box-shadow:0 0 0 3px #62c46226}.form-group input:disabled{opacity:.6;cursor:not-allowed}.form-error{color:#ef4444;font-size:.875rem;margin-top:.25rem}.form-server-error{background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;padding:.75rem 1rem;color:#dc2626;margin-bottom:1rem;font-size:.875rem}[data-theme=dark] .form-server-error{background:#451a1a;border-color:#7f1d1d;color:#fca5a5}.auth-card .btn-primary{width:100%;padding:.75rem;background:var(--cachi-500);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.auth-card .btn-primary:hover{background:var(--cachi-600)}.auth-card .btn-primary:disabled{opacity:.6;cursor:not-allowed}.auth-link{text-align:center;margin-top:1rem;font-size:.875rem;color:var(--text-secondary)}.auth-link a{color:var(--cachi-500);text-decoration:none;font-weight:600}.auth-link a:hover{text-decoration:underline}.dashboard-layout{display:flex;min-height:calc(100vh - 200px)}.dashboard-sidebar{width:240px;background:var(--bg-secondary);border-right:1px solid var(--border-primary);padding:1.5rem 0;display:flex;flex-direction:column}.dashboard-sidebar-nav{list-style:none;padding:0;margin:0}.dashboard-sidebar-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;color:var(--text-secondary);text-decoration:none;font-size:.9rem;transition:background .15s,color .15s;border-left:3px solid transparent}.dashboard-sidebar-link:hover{background:var(--bg-tertiary);color:var(--text-primary)}.dashboard-sidebar-link.active{color:var(--cachi-500);border-left-color:var(--cachi-500);background:var(--bg-tertiary);font-weight:600}.dashboard-sidebar-user{padding:1rem 1.5rem;border-top:1px solid var(--border-primary);margin-top:auto;font-size:.85rem;color:var(--text-secondary)}.dashboard-sidebar-user button{background:none;border:none;color:var(--text-tertiary);cursor:pointer;font-size:.85rem;padding:.25rem 0;transition:color .15s}.dashboard-sidebar-user button:hover{color:var(--cachi-500)}.dashboard-content{flex:1;padding:2rem}.dashboard-header{margin-bottom:2rem}.dashboard-header h1{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.dashboard-header p{color:var(--text-secondary);margin:0}.card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:12px;padding:1.5rem}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.btn-danger{padding:.5rem 1rem;background:var(--bg-tertiary);color:#ef4444;border:1px solid #fca5a5;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .15s}.btn-danger:hover{background:#fef2f2}[data-theme=dark] .btn-danger:hover{background:#451a1a}.loading{display:flex;justify-content:center;align-items:center;padding:3rem;color:var(--text-tertiary)}.nav-auth{display:flex;align-items:center;gap:.5rem}.nav-user-email{font-size:.85rem;color:var(--text-secondary);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.key-create-form{display:flex;gap:.75rem;margin-bottom:1.5rem}.key-create-form input{flex:1;padding:.75rem 1rem;border:1px solid var(--border-primary);border-radius:8px;background:var(--bg-input);color:var(--text-primary);font-size:1rem;transition:border-color .2s}.key-create-form input:focus{outline:none;border-color:var(--cachi-500)}.key-create-form input:disabled{opacity:.6;cursor:not-allowed}.key-create-form button{padding:.75rem 1.5rem;background:var(--cachi-500);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s;white-space:nowrap}.key-create-form button:hover:not(:disabled){background:var(--cachi-600)}.key-create-form button:disabled{opacity:.6;cursor:not-allowed}.key-created-alert{background:var(--cachi-50);border:2px solid var(--cachi-500);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}[data-theme=dark] .key-created-alert{background:#1a2e1a}.key-created-alert code{display:block;background:var(--bg-code);padding:.75rem;border-radius:6px;font-size:.85rem;word-break:break-all;margin:.75rem 0;font-family:JetBrains Mono,monospace}.key-created-alert .alert-actions{display:flex;gap:.75rem;margin-top:1rem}.key-list{display:flex;flex-direction:column;gap:.75rem}.key-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:8px}.key-item.revoked{opacity:.6}.key-info{display:flex;flex-direction:column;gap:.25rem}.key-label{font-weight:600;color:var(--text-primary)}.key-prefix{font-family:JetBrains Mono,monospace;font-size:.85rem;color:var(--text-secondary)}.key-meta{font-size:.8rem;color:var(--text-tertiary);display:flex;gap:1rem}.key-actions{display:flex;gap:.5rem;align-items:center}.badge-revoked{background:#fef2f2;color:#dc2626;padding:.25rem .75rem;border-radius:99px;font-size:.75rem;font-weight:600}[data-theme=dark] .badge-revoked{background:#451a1a;color:#fca5a5}.balance-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:12px;padding:2rem;text-align:center;margin-bottom:2rem}.balance-amount{font-size:3rem;font-weight:700;color:var(--text-primary);margin:.5rem 0}.balance-warning{background:#fffbeb;border:1px solid #fcd34d;border-radius:8px;padding:.75rem 1rem;color:#b45309;font-size:.875rem;margin-top:1rem}[data-theme=dark] .balance-warning{background:#451a00;border-color:#fcd34d;color:#fcd34d}.success-banner{background:var(--cachi-50);border:1px solid var(--cachi-200);border-radius:8px;padding:.75rem 1rem;color:var(--cachi-700);margin-bottom:1.5rem}[data-theme=dark] .success-banner{background:#1a2e1a;border-color:var(--cachi-200);color:var(--cachi-300)}.info-banner{background:#eff6ff;border:1px solid #93c5fd;border-radius:8px;padding:.75rem 1rem;color:#1d4ed8;margin-bottom:1.5rem}[data-theme=dark] .info-banner{background:#1e293b;border-color:#93c5fd;color:#93c5fd}.tier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.tier-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:12px;padding:1.5rem;text-align:center;transition:border-color .2s;cursor:pointer}.tier-card:hover{border-color:var(--cachi-500)}.tier-card-amount{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.tier-card button{width:100%;padding:.75rem;background:var(--cachi-500);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.tier-card button:hover:not(:disabled){background:var(--cachi-600)}.tier-card button:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.dashboard-layout{flex-direction:column}.dashboard-sidebar{width:100%;flex-direction:row;overflow-x:auto;border-right:none;border-bottom:1px solid var(--border-primary);padding:.5rem}.dashboard-sidebar-nav{display:flex;flex-direction:row;gap:0}.dashboard-sidebar-link{border-left:none;border-bottom:3px solid transparent;padding:.5rem 1rem}.dashboard-sidebar-link.active{border-left-color:transparent;border-bottom-color:var(--cachi-500)}.dashboard-sidebar-user{display:none}.dashboard-content{padding:1rem}.tier-grid{grid-template-columns:1fr}}@media(max-width:640px){.key-item{flex-direction:column;align-items:flex-start;gap:.75rem}.key-meta{flex-direction:column;gap:.25rem}}.usage-table{width:100%;border-collapse:collapse;font-size:.875rem}.usage-table thead{background:var(--bg-secondary);border-bottom:2px solid var(--border-primary)}.usage-table th{padding:.75rem 1rem;text-align:left;font-weight:600;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.usage-table th:hover{color:var(--text-primary)}.usage-table td{padding:.75rem 1rem;border-bottom:1px solid var(--border-primary);color:var(--text-primary)}.usage-table tr:hover{background:var(--bg-card-hover)}.usage-table .sort-indicator{margin-left:.25rem;font-size:.7rem;color:var(--text-tertiary)}.usage-count{margin-top:1rem;font-size:.85rem;color:var(--text-tertiary);text-align:right}.table-wrapper{overflow-x:auto}@media(max-width:768px){.table-wrapper{margin:0 -1rem;padding:0 1rem}}.dashboard-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem}.stat-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:12px;padding:1.5rem}.stat-card.low-balance{border-color:#fcd34d}.stat-card-label{font-size:.85rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.stat-card-value{font-size:2rem;font-weight:700;color:var(--text-primary);margin:.5rem 0}.stat-card-link{font-size:.85rem;color:var(--cachi-500);text-decoration:none;margin-top:.75rem;display:inline-block}.stat-card-link:hover{text-decoration:underline}.low-balance-warning{font-size:.85rem;color:#f59e0b;margin-top:.5rem}.loading-text{color:var(--text-tertiary)}.quick-actions{margin-bottom:2rem}.quick-actions h2{font-size:1.25rem;color:var(--text-primary);margin-bottom:1rem}.quick-actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.quick-action-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:12px;padding:1.5rem;text-decoration:none;transition:border-color .2s,background .2s}.quick-action-card:hover{border-color:var(--cachi-500);background:var(--bg-card-hover)}.quick-action-card h3{font-size:1rem;color:var(--text-primary);margin-bottom:.5rem}.quick-action-card p{font-size:.85rem;color:var(--text-tertiary);line-height:1.5}.recent-usage-section{margin-bottom:2rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-header h2{font-size:1.25rem;color:var(--text-primary)}.section-link{font-size:.85rem;color:var(--cachi-500);text-decoration:none}.section-link:hover{text-decoration:underline}.recent-usage-list{list-style:none;padding:0}.recent-usage-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border-primary)}.recent-usage-item:last-child{border-bottom:none}.recent-usage-main{display:flex;flex-direction:column;gap:.25rem}.recent-usage-model{font-weight:500;color:var(--text-primary)}.recent-usage-meta{font-size:.85rem;color:var(--text-tertiary);display:flex;gap:1rem}.empty-text{color:var(--text-tertiary);font-size:.875rem}@media(max-width:768px){.dashboard-stats,.quick-actions-grid{grid-template-columns:1fr}.recent-usage-meta{flex-wrap:wrap;gap:.5rem}}.billing-section-header{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-4)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%;-moz-text-size-adjust:100%}[id]{scroll-margin-top:80px}ul,ol{list-style:none}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{background:none;border:none;cursor:pointer}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}a{color:inherit;text-decoration:none}table{border-collapse:collapse;border-spacing:0}fieldset{border:none}blockquote,q{quotes:none}[hidden]{display:none!important}@font-face{font-family:Plus Jakarta Sans;font-style:italic;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/plusjakartasans/v12/LDIZaomQNQcsA88c7O9yZ4KMCoOg4KozySKCdSNG9OcqYQ0lCR_Q.ttf) format("truetype")}@font-face{font-family:Plus Jakarta Sans;font-style:italic;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/plusjakartasans/v12/LDIZaomQNQcsA88c7O9yZ4KMCoOg4KozySKCdSNG9OcqYQ0XCR_Q.ttf) format("truetype")}@font-face{font-family:Plus Jakarta Sans;font-style:italic;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/plusjakartasans/v12/LDIZaomQNQcsA88c7O9yZ4KMCoOg4KozySKCdSNG9OcqYQ37Dh_Q.ttf) format("truetype")}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/plusjakartasans/v12/LDIbaomQNQcsA88c7O9yZ4KMCoOg4IA6-91aHEjcWuA_qU7NSg.ttf) format("truetype")}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/plusjakartasans/v12/LDIbaomQNQcsA88c7O9yZ4KMCoOg4IA6-91aHEjcWuA_m07NSg.ttf) format("truetype")}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/plusjakartasans/v12/LDIbaomQNQcsA88c7O9yZ4KMCoOg4IA6-91aHEjcWuA_d0nNSg.ttf) format("truetype")}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/plusjakartasans/v12/LDIbaomQNQcsA88c7O9yZ4KMCoOg4IA6-91aHEjcWuA_TknNSg.ttf) format("truetype")}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/plusjakartasans/v12/LDIbaomQNQcsA88c7O9yZ4KMCoOg4IA6-91aHEjcWuA_KUnNSg.ttf) format("truetype")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/jetbrainsmono/v24/tDbY2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKxjPQ.ttf) format("truetype")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/jetbrainsmono/v24/tDbY2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8-qxjPQ.ttf) format("truetype")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/jetbrainsmono/v24/tDbY2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8FqtjPQ.ttf) format("truetype")}:root{--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;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", "Consolas", monospace;--text-display: 3rem;--text-h1: 2rem;--text-h2: 1.5rem;--text-h3: 1.25rem;--text-h4: 1.0625rem;--text-body: 1rem;--text-body-sm: .875rem;--text-caption: .75rem;--text-overline: .6875rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--leading-none: 1;--leading-tight: 1.1;--leading-snug: 1.15;--leading-normal: 1.3;--leading-relaxed: 1.4;--leading-loose: 1.5;--leading-body: 1.6;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px rgba(0, 0, 0, .05), 0 2px 4px rgba(0, 0, 0, .03);--shadow-lg: 0 10px 20px rgba(0, 0, 0, .06), 0 4px 8px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .08), 0 8px 16px rgba(0, 0, 0, .04);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.5, 0, .75, 0);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.16, 1, .3, 1);--duration-fast: .1s;--duration-normal: .15s;--duration-slow: .25s;--duration-slower: .4s;--container-max: 1280px}body{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:var(--surface-0);color:var(--text-primary);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:var(--color-accent-muted);color:var(--text-primary)}.container{max-width:1280px;margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem}@media(max-width:640px){.container{padding-left:1rem;padding-right:1rem}}.mono{font-family:JetBrains Mono,Fira Code,Cascadia Code,Consolas,monospace}.skip-link{position:absolute;top:-100%;left:50%;transform:translate(-50%);background:var(--color-accent);color:#fff;padding:.75rem 1.5rem;border-radius:0 0 8px 8px;text-decoration:none;font-weight:600;font-size:.875rem;z-index:9999;transition-property:top;transition-duration:.15s;transition-timing-function:cubic-bezier(.16,1,.3,1)}.skip-link:focus{top:0;outline:2px solid #15803d;outline-offset:2px}:focus{outline:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:inherit}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.cb-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:600;text-decoration:none;border:1px solid transparent;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden;transition-property:background-color,border-color,color,box-shadow,transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.16,1,.3,1)}.cb-btn:active{transform:translateY(1px)}.cb-btn:disabled,.cb-btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}.cb-btn--sm{padding:6px 12px;font-size:.8125rem;border-radius:8px;gap:.25rem}.cb-btn--md{padding:10px 20px;font-size:.875rem;border-radius:8px}.cb-btn--lg{padding:14px 28px;font-size:1rem;border-radius:8px}.cb-btn--primary{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.cb-btn--primary:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.cb-btn--primary:focus-visible{outline:none;box-shadow:0 0 0 3px var(--focus-ring)}.cb-btn--secondary{background:transparent;color:var(--text-primary);border-color:var(--border-moderate)}.cb-btn--secondary:hover{background:var(--surface-1);border-color:var(--border-strong)}.cb-btn--secondary:focus-visible{outline:none;box-shadow:0 0 0 3px var(--focus-ring)}.cb-btn--ghost{background:transparent;color:var(--text-secondary);border-color:transparent}.cb-btn--ghost:hover{background:var(--color-accent-subtle);color:var(--text-primary)}.cb-btn--ghost:focus-visible{outline:none;box-shadow:0 0 0 3px var(--focus-ring)}.cb-btn--danger{background:transparent;color:var(--color-error-text);border-color:var(--color-error-border)}.cb-btn--danger:hover{background:var(--color-error-muted);border-color:var(--color-error)}.cb-btn--danger:focus-visible{outline:none;box-shadow:0 0 0 3px #ef44444d}.cb-btn--danger-solid{background:var(--color-error);color:#fff;border-color:var(--color-error)}.cb-btn--danger-solid:hover{background:#dc2626;border-color:#dc2626}.cb-btn--danger-solid:focus-visible{outline:none;box-shadow:0 0 0 3px #ef44444d}.cb-btn--icon{padding:0;width:36px;height:36px;border-radius:8px}.cb-btn--icon.cb-btn--sm{width:28px;height:28px}.cb-btn--icon.cb-btn--lg{width:44px;height:44px}.cb-btn--loading{color:transparent!important;pointer-events:none}.cb-btn--loading:after{content:"";position:absolute;width:18px;height:18px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:cb-spin .6s linear infinite}.cb-btn--primary.cb-btn--loading:after{border-top-color:#fff}.cb-btn--secondary.cb-btn--loading:after,.cb-btn--ghost.cb-btn--loading:after{border-top-color:var(--text-secondary)}.cb-btn--danger.cb-btn--loading:after{border-top-color:var(--color-error-text)}.cb-btn--danger-solid.cb-btn--loading:after{border-top-color:#fff}[data-theme=dark] .cb-btn--primary:hover{box-shadow:0 0 20px #62c46226}[data-theme=dark] .cb-btn--secondary{border-color:var(--border-moderate)}[data-theme=dark] .cb-btn--secondary:hover{background:var(--surface-1);border-color:var(--border-strong)}.cb-badge{display:inline-flex;align-items:center;gap:.25rem;padding:3px 10px;border-radius:9999px;font-size:.75rem;font-weight:600;line-height:1.4;white-space:nowrap}.cb-badge--active{background:var(--badge-active-bg);color:var(--badge-active-text)}.cb-badge--inactive{background:var(--badge-inactive-bg);color:var(--badge-inactive-text)}.cb-badge--revoked{background:var(--badge-revoked-bg);color:var(--badge-revoked-text)}.cb-badge--pending{background:var(--badge-pending-bg);color:var(--badge-pending-text)}.cb-badge--sm{padding:2px 8px;font-size:.6875rem}.cb-badge--md{padding:3px 10px;font-size:.75rem}.cb-badge__dot{width:6px;height:6px;border-radius:50%;background:currentColor}.cb-badge__dot--pulse{animation:cb-pulse 2s var(--ease-in-out) infinite}.cb-page-container{max-width:1280px;margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem}@media(max-width:640px){.cb-page-container{padding-left:1rem;padding-right:1rem}}.page-container{max-width:1280px;margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem}@media(max-width:640px){.page-container{padding-left:1rem;padding-right:1rem}}.cb-page-container--narrow{max-width:640px}.cb-page-container--wide{max-width:1440px}.cb-page-header{padding:2rem 0;margin-bottom:2rem}@media(max-width:640px){.cb-page-header{padding:1.5rem 0;margin-bottom:1.5rem}}.cb-page-header__title{font-size:2rem;font-weight:800;line-height:1.15;letter-spacing:-.02em;color:var(--text-primary);margin-bottom:.5rem}@media(max-width:640px){.cb-page-header__title{font-size:1.5rem}}.cb-page-header__subtitle{font-size:1rem;color:var(--text-secondary);line-height:1.6;max-width:600px}.cb-section{margin-bottom:2rem}.cb-section--lg{margin-bottom:3rem}.cb-section--xl{margin-bottom:4rem}.cb-content{display:flex;flex-direction:column;gap:1.5rem}.cb-content--tight{gap:1rem}.cb-content--loose{gap:2rem}.cb-divider{height:1px;background:var(--border-subtle);margin:1.5rem 0;border:none}.cb-divider--sm{margin:1rem 0}.cb-divider--lg{margin:2rem 0}.page{animation:cb-fade-in-up .25s cubic-bezier(.16,1,.3,1) both}.page-header{margin-bottom:2rem}.page-header h1{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.page-header p{color:var(--text-secondary);margin:0}.cb-nav{position:sticky;top:0;z-index:300;background:var(--nav-bg);-webkit-backdrop-filter:blur(var(--nav-blur));backdrop-filter:blur(var(--nav-blur));border-bottom:1px solid var(--border-subtle);transition-property:background-color,border-color;transition-duration:.15s;transition-timing-function:cubic-bezier(.16,1,.3,1)}.cb-nav__inner{display:flex;align-items:center;justify-content:space-between;max-width:1280px;margin-left:auto;margin-right:auto;padding:.75rem 1.5rem;position:relative}@media(max-width:640px){.cb-nav__inner{padding-left:1rem;padding-right:1rem}}.cb-nav__logo{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;flex-shrink:0}.cb-nav__logo:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:inherit}.cb-nav__logo:hover .cb-nav__logo-icon{transform:scale(1.08)}.cb-nav__logo-icon{color:var(--color-accent);transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.16,1,.3,1);flex-shrink:0}.cb-nav__logo-text{display:flex;align-items:baseline;gap:1px;font-size:1.375rem;font-weight:800;letter-spacing:-.02em;line-height:1}.cb-nav__logo-prefix{color:var(--text-primary)}.cb-nav__logo-suffix{color:var(--color-accent)}.cb-nav__links{display:flex;align-items:center;gap:.25rem}@media(max-width:768px){.cb-nav__links{display:none}}.cb-nav__link{display:inline-flex;align-items:center;gap:.25rem;font-size:.875rem;font-weight:500;color:var(--text-secondary);text-decoration:none;padding:.25rem .75rem;border-radius:6px;position:relative;background:none;border:none;cursor:pointer;font-family:inherit;line-height:1.3;transition-property:color,background-color;transition-duration:.15s;transition-timing-function:cubic-bezier(.16,1,.3,1)}.cb-nav__link:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:inherit}.cb-nav__link:hover{color:var(--text-primary);background:var(--color-accent-subtle)}.cb-nav__link[aria-current=page]{color:var(--text-primary);background:var(--color-accent-muted)}.cb-nav__link[aria-current=page]:after{content:"";position:absolute;bottom:-1.75rem;left:.75rem;right:.75rem;height:2px;background:var(--color-accent);border-radius:9999px}.cb-nav__auth{display:flex;align-items:center;gap:.5rem;margin-left:.5rem}@media(max-width:768px){.cb-nav__auth{margin-left:0;flex-direction:column;width:100%;gap:.75rem}}.cb-nav__divider{width:1px;height:1.25rem;background:var(--border-subtle);flex-shrink:0}@media(max-width:768px){.cb-nav__divider{width:100%;height:1px;margin:.25rem 0}}.cb-nav__cta{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;border:1px solid transparent;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden;transition-property:background-color,border-color,color,box-shadow,transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.16,1,.3,1);background:var(--color-accent);color:#fff;border-color:var(--color-accent);padding:.25rem 1rem;font-size:.875rem;font-weight:600;border-radius:9999px;gap:.25rem;text-decoration:none}.cb-nav__cta:active{transform:translateY(1px)}.cb-nav__cta:disabled,.cb-nav__cta[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}.cb-nav__cta:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover);box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a}.cb-nav__cta:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-accent-muted)}@media(max-width:768px){.cb-nav__cta{width:100%;justify-content:center;padding:.5rem 1rem}}.cb-nav__user-email{font-size:.75rem;color:var(--text-tertiary);max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:768px){.cb-nav__user-email{max-width:100%;text-align:center}}.cb-nav__logout-btn{background:none;border:1px solid var(--border-subtle);cursor:pointer;padding:.25rem;color:var(--text-tertiary);border-radius:6px;display:inline-flex;align-items:center;justify-content:center;transition-property:color,background-color,border-color;transition-duration:.15s;transition-timing-function:cubic-bezier(.16,1,.3,1)}.cb-nav__logout-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:inherit}.cb-nav__logout-btn:hover{color:var(--text-primary);background:var(--surface-1);border-color:var(--border-moderate)}.cb-nav__icons{display:flex;align-items:center;gap:.25rem;margin-left:.25rem;flex-shrink:0}.cb-nav__icon-btn{background:none;border:1px solid var(--border-subtle);cursor:pointer;padding:.25rem;color:var(--text-secondary);border-radius:6px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;text-decoration:none;transition-property:color,background-color,border-color;transition-duration:.15s;transition-timing-function:cubic-bezier(.16,1,.3,1)}.cb-nav__icon-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:inherit}.cb-nav__icon-btn:hover{color:var(--text-primary);background:var(--surface-1);border-color:var(--border-moderate)}.cb-nav__hamburger{display:none;background:none;border:1px solid transparent;padding:.25rem;cursor:pointer;color:var(--text-primary);border-radius:6px;display:inline-flex;align-items:center;justify-content:center;transition-property:background-color,border-color;transition-duration:.15s;transition-timing-function:cubic-bezier(.16,1,.3,1)}.cb-nav__hamburger:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:inherit}.cb-nav__hamburger:hover{background:var(--surface-1);border-color:var(--border-subtle)}.cb-nav__hamburger svg{width:22px;height:22px}@media(max-width:768px){.cb-nav__hamburger{display:inline-flex}}@media(max-width:768px){.cb-nav__links{display:none;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:var(--surface-2);border-bottom:1px solid var(--border-subtle);padding:1rem 1.5rem;gap:.25rem;box-shadow:0 10px 20px #0000000f,0 4px 8px #0000000a;opacity:0;transform:translateY(-.5rem)}.cb-nav__links[data-open]{display:flex;opacity:1;transform:translateY(0);animation:cb-nav-slide-down .25s cubic-bezier(.16,1,.3,1) forwards}.cb-nav__link{width:100%;padding:.75rem;border-radius:8px;font-size:1rem}.cb-nav__link[aria-current=page]:after{display:none}.cb-nav__link[aria-current=page]{color:var(--color-accent);background:var(--color-accent-subtle)}}@keyframes cb-nav-slide-down{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}.cb-nav__controls{display:none;align-items:center;gap:.25rem;flex-shrink:0}@media(max-width:768px){.cb-nav__controls{display:flex}}.cb-nav__controls .cb-nav__icon-btn{border-color:transparent}@media(max-width:768px){.cb-nav__links>.cb-nav__icons{display:none}}.cb-footer{border-top:1px solid var(--border-subtle);margin-top:4rem;background:var(--surface-1)}.cb-footer__inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;max-width:1280px;margin-left:auto;margin-right:auto;padding:2rem 1.5rem}@media(max-width:640px){.cb-footer__inner{padding-left:1rem;padding-right:1rem}}.cb-footer__links{display:flex;gap:1.5rem}.cb-footer__link{color:var(--text-tertiary);text-decoration:none;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;transition-property:color;transition-duration:.15s;transition-timing-function:cubic-bezier(.16,1,.3,1)}.cb-footer__link:hover{color:var(--text-primary)}.cb-footer__link:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px;border-radius:2px}.cb-footer__credit{display:flex;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.875rem}.footer{border-top:1px solid var(--border-subtle);margin-top:4rem;background:var(--surface-1)}.footer-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:2rem 0;gap:1rem}.footer-links{display:flex;gap:1.5rem}.footer-link{color:var(--text-tertiary);text-decoration:none;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;transition-property:color;transition-duration:.15s;transition-timing-function:cubic-bezier(.16,1,.3,1)}.footer-link:hover{color:var(--text-primary)}.footer-link:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px;border-radius:2px}.footer-credit{display:flex;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.875rem}@media(max-width:768px){.cb-footer__inner,.footer-inner{flex-direction:column;text-align:center}.cb-footer__inner{padding-left:1rem;padding-right:1rem}}@media(max-width:640px){.cb-footer__links,.footer-links{flex-wrap:wrap;justify-content:center;gap:1rem}}@keyframes cb-home-fade-in-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes cb-fade-in{0%{opacity:0}to{opacity:1}}@keyframes cb-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes cb-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes cb-glow-pulse{0%,to{opacity:.4}50%{opacity:.7}}@keyframes cb-shimmer{0%{background-position:-200% center}to{background-position:200% center}}.cb-home{overflow-x:hidden;position:relative}.hero{position:relative;padding:5rem 0 4rem;overflow:hidden}@media(max-width:768px){.hero{padding:4rem 0 3rem}}@media(max-width:640px){.hero{padding:3rem 0 2.5rem}}.hero:before{content:"";position:absolute;top:-40%;right:-15%;width:70%;height:120%;background:radial-gradient(ellipse at center,var(--color-accent-subtle) 0%,transparent 65%);pointer-events:none;animation:cb-glow-pulse 6s ease-in-out infinite}.hero:after{content:"";position:absolute;bottom:-30%;left:-10%;width:50%;height:80%;background:radial-gradient(ellipse at center,var(--color-accent-subtle) 0%,transparent 60%);pointer-events:none;opacity:.3}.hero .container{max-width:1280px;margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem;position:relative;z-index:1}@media(max-width:640px){.hero .container{padding-left:1rem;padding-right:1rem}}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}@media(max-width:1024px){.hero-grid{grid-template-columns:1fr;text-align:center;gap:2.5rem}}.hero-content{animation:cb-home-fade-in-up .8s cubic-bezier(.16,1,.3,1) both}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem 1rem .25rem .25rem;background:var(--color-accent-subtle);border:1px solid var(--color-accent-muted);border-radius:9999px;font-size:.75rem;font-weight:600;color:var(--color-accent);margin-bottom:1.5rem;letter-spacing:.03em;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.16,1,.3,1)}.hero-badge:hover{background:var(--color-accent-muted)}.hero-badge__icon{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;background:var(--color-accent);border-radius:9999px;color:#fff}.hero-badge__icon svg{width:10px;height:10px}.hero-title{font-size:clamp(2.5rem,5.5vw,4.5rem);font-weight:800;line-height:1.1;letter-spacing:-.03em;margin-bottom:1.5rem;color:var(--text-primary)}@media(max-width:640px){.hero-title{font-size:clamp(2rem,8vw,3rem);margin-bottom:1rem}}.hero-title .highlight{background:linear-gradient(135deg,#4ade80,#62c462,#86efac);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:cb-shimmer 4s linear infinite}.hero-description{font-size:1.25rem;line-height:1.6;color:var(--text-secondary);margin-bottom:2.5rem;max-width:34rem}@media(max-width:1024px){.hero-description{margin-left:auto;margin-right:auto}}@media(max-width:640px){.hero-description{font-size:1rem;margin-bottom:2rem}}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:2rem}@media(max-width:1024px){.hero-actions{justify-content:center}}@media(max-width:640px){.hero-actions{flex-direction:column;align-items:stretch;gap:.75rem}}.hero-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:600;border:1px solid transparent;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden;transition-property:background-color,border-color,color,box-shadow,transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.16,1,.3,1);padding:14px 28px;font-size:1rem;border-radius:12px;text-decoration:none}.hero-btn:active{transform:translateY(1px)}.hero-btn:disabled,.hero-btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}.hero-btn--primary{background:var(--color-accent);color:#fff;border-color:var(--color-accent);box-shadow:0 0 24px #62c46240,0 4px 6px #0000000d,0 2px 4px #00000008}.hero-btn--primary:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.hero-btn--primary:focus-visible{outline:none;box-shadow:0 0 0 3px var(--focus-ring)}.hero-btn--primary:hover{box-shadow:0 0 32px #62c46259,0 10px 20px #0000000f,0 4px 8px #0000000a;transform:translateY(-1px)}.hero-btn--secondary{background:transparent;color:var(--text-primary);border-color:var(--border-moderate)}.hero-btn--secondary:hover{background:var(--surface-1);border-color:var(--border-strong)}.hero-btn--secondary:focus-visible{outline:none;box-shadow:0 0 0 3px var(--focus-ring)}.hero-btn--secondary:hover{transform:translateY(-1px)}.hero-visual{position:relative;display:flex;align-items:center;justify-content:center;animation:cb-home-fade-in-up .8s cubic-bezier(.16,1,.3,1) .2s both}@media(max-width:1024px){.hero-visual{order:-1}}.hero-mascot{position:relative;z-index:2;display:flex;align-items:center;justify-content:center}.hero-mascot img{width:100%;max-width:400px;filter:drop-shadow(0 30px 60px rgba(0,0,0,.2));animation:cb-float 6s ease-in-out infinite}@media(max-width:640px){.hero-mascot img{max-width:280px}}.hero-mascot:before{content:"";position:absolute;width:80%;height:80%;border-radius:50%;background:radial-gradient(circle,var(--color-accent-muted) 0%,transparent 70%);z-index:-1;filter:blur(40px)}[data-theme=dark] .hero-mascot img{filter:drop-shadow(0 30px 60px rgba(0,0,0,.5))}.hero-install-compact{animation:cb-home-fade-in-up .8s cubic-bezier(.16,1,.3,1) .3s both}@media(max-width:1024px){.hero-install-compact{max-width:28rem;margin-left:auto;margin-right:auto}}.cb-trust{position:relative;padding:2rem 0;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);background:var(--surface-1)}@media(max-width:640px){.cb-trust{padding:1.5rem 0}}.cb-trust .container{max-width:1280px;margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem}@media(max-width:640px){.cb-trust .container{padding-left:1rem;padding-right:1rem}}.cb-trust__list{display:flex;align-items:center;justify-content:center;gap:2.5rem;flex-wrap:wrap;list-style:none;padding:0;margin:0}@media(max-width:640px){.cb-trust__list{gap:1.5rem}}.cb-trust__item{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-size:.875rem;font-weight:600;color:var(--text-secondary);white-space:nowrap}.cb-trust__item svg{color:var(--color-accent);flex-shrink:0}@media(max-width:640px){.cb-trust__item{font-size:.75rem;gap:.25rem}}.cb-trust__separator{width:4px;height:4px;border-radius:9999px;background:var(--border-moderate);flex-shrink:0}@media(max-width:640px){.cb-trust__separator{display:none}}.cb-home .cb-section{padding:5rem 0;margin-bottom:0}@media(max-width:768px){.cb-home .cb-section{padding:4rem 0}}@media(max-width:640px){.cb-home .cb-section{padding:3rem 0}}.cb-home .cb-section .container{max-width:1280px;margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem}@media(max-width:640px){.cb-home .cb-section .container{padding-left:1rem;padding-right:1rem}}.cb-section__header{text-align:center;max-width:42rem;margin:0 auto 4rem}@media(max-width:640px){.cb-section__header{margin-bottom:2.5rem}}.cb-section__overline{display:inline-flex;align-items:center;gap:.5rem;font-size:.6875rem;font-weight:700;color:var(--color-accent);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem}.cb-section__title{font-size:3rem;font-weight:800;line-height:1.1;letter-spacing:-.02em;color:var(--text-primary);margin-bottom:1rem}@media(max-width:640px){.cb-section__title{font-size:2rem}}.cb-section__subtitle{font-size:1.125rem;line-height:1.6;color:var(--text-secondary);max-width:36rem;margin:0 auto}@media(max-width:640px){.cb-section__subtitle{font-size:1rem}}.cb-features{background:var(--surface-0);border-top:1px solid var(--border-subtle)}.cb-features__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}@media(max-width:1024px){.cb-features__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}}@media(max-width:640px){.cb-features__grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1rem}}.cb-feature-card{background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:12px;box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;transition-property:box-shadow,border-color,transform;padding:2rem;position:relative;overflow:hidden;transition-property:transform,box-shadow;transition-duration:.15s;transition-timing-function:cubic-bezier(.16,1,.3,1)}.cb-feature-card:hover{box-shadow:0 4px 6px #0000000d,0 2px 4px #00000008;border-color:var(--border-moderate)}.cb-feature-card:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0000000f,0 4px 8px #0000000a}@media(max-width:640px){.cb-feature-card{padding:1.5rem}}.cb-feature-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at top right,var(--color-accent-subtle) 0%,transparent 60%);opacity:0;transition-property:all;transition-duration:.25s;transition-timing-function:cubic-bezier(.16,1,.3,1);pointer-events:none}.cb-feature-card:hover:before{opacity:1}.cb-feature-card__icon{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;background:var(--color-accent-muted);border-radius:12px;margin-bottom:1.25rem;color:var(--color-accent);transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.16,1,.3,1);position:relative;z-index:1}.cb-feature-card__icon svg{flex-shrink:0}.cb-feature-card:hover .cb-feature-card__icon{background:var(--color-accent);color:#fff;box-shadow:0 0 20px #62c4624d}.cb-feature-card__title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;position:relative;z-index:1}.cb-feature-card__text{font-size:.875rem;line-height:1.6;color:var(--text-secondary);position:relative;z-index:1}.cb-steps{position:relative}.cb-steps__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;position:relative}@media(max-width:1024px){.cb-steps__grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media(max-width:640px){.cb-steps__grid{grid-template-columns:1fr;gap:.25rem}}.cb-steps__connector{display:none}@media(min-width:1025px){.cb-steps__connector{display:block;position:absolute;top:2.25rem;left:10%;right:10%;height:2px;background:linear-gradient(90deg,var(--border-subtle) 0%,var(--color-accent-muted) 50%,var(--border-subtle) 100%);z-index:0}}.cb-step{text-align:center;position:relative;z-index:1;padding:1.5rem}@media(max-width:640px){.cb-step{display:flex;text-align:left;gap:1.25rem;padding:1rem .5rem}}.cb-step__number{width:3.5rem;height:3.5rem;display:flex;align-items:center;justify-content:center;background:var(--surface-2);border:2px solid var(--color-accent-muted);border-radius:9999px;font-size:1.25rem;font-weight:800;color:var(--color-accent);margin:0 auto 1.25rem;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.16,1,.3,1);flex-shrink:0}@media(max-width:640px){.cb-step__number{width:2.75rem;height:2.75rem;font-size:1rem;margin:0}}.cb-step:hover .cb-step__number{background:var(--color-accent);border-color:var(--color-accent);color:#fff;box-shadow:0 0 24px #62c4624d}@media(max-width:640px){.cb-step__content{flex:1}}.cb-step__title{font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.cb-step__text{font-size:.875rem;line-height:1.6;color:var(--text-secondary)}.cb-integrations{background:var(--surface-0);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);padding:4rem 0}@media(max-width:640px){.cb-integrations{padding:3rem 0}}.cb-integrations .container{max-width:1280px;margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem}@media(max-width:640px){.cb-integrations .container{padding-left:1rem;padding-right:1rem}}.cb-integrations__header{text-align:center;margin-bottom:3rem}@media(max-width:640px){.cb-integrations__header{margin-bottom:2rem}}.cb-integrations__groups{display:flex;gap:4rem;justify-content:center;flex-wrap:wrap}@media(max-width:640px){.cb-integrations__groups{flex-direction:column;gap:2.5rem;align-items:center}}.cb-integrations__group{text-align:center}.cb-integrations__group-label{font-size:.75rem;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem}.cb-integrations__group-items{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.cb-integration-badge{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:9999px;font-size:.875rem;font-weight:500;color:var(--text-secondary);transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.16,1,.3,1)}.cb-integration-badge svg{color:var(--color-accent);flex-shrink:0}.cb-integration-badge:hover{border-color:var(--color-accent-muted);background:var(--color-accent-subtle);color:var(--text-primary);box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a}.cb-cta{padding:5rem 0}@media(max-width:768px){.cb-cta{padding:4rem 0}}@media(max-width:640px){.cb-cta{padding:3rem 0}}.cb-cta .container{max-width:1280px;margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem}@media(max-width:640px){.cb-cta .container{padding-left:1rem;padding-right:1rem}}.cb-cta__wrapper{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:24px;padding:4rem;position:relative;overflow:hidden}@media(max-width:768px){.cb-cta__wrapper{padding:2.5rem;border-radius:16px}}@media(max-width:640px){.cb-cta__wrapper{padding:2rem 1.5rem}}.cb-cta__wrapper:before{content:"";position:absolute;top:-50%;right:-20%;width:60%;height:200%;background:radial-gradient(circle,var(--color-accent-subtle) 0%,transparent 60%);pointer-events:none}.cb-cta__layout{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}@media(max-width:1024px){.cb-cta__layout{grid-template-columns:1fr;gap:2.5rem}}.cb-cta__content{position:relative;z-index:1}.cb-cta__title{font-size:2rem;font-weight:800;line-height:1.1;letter-spacing:-.02em;color:var(--text-primary);margin-bottom:.75rem}@media(max-width:640px){.cb-cta__title{font-size:1.5rem}}.cb-cta__subtitle{font-size:1.125rem;color:var(--text-secondary);margin-bottom:2rem}@media(max-width:640px){.cb-cta__subtitle{font-size:1rem;margin-bottom:1.5rem}}.cb-cta__preview{position:relative;z-index:1}@media(max-width:1024px){.cb-cta__preview{max-width:32rem;margin:0 auto}}.install-command{width:100%}.install-command--compact{max-width:32rem}@media(max-width:1024px){.install-command--compact{max-width:100%}}.install-command--compact .install-tabs{padding:.2rem;background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:8px 8px 0 0;border-bottom:none}.install-command--compact .install-tab{padding:.25rem .75rem;font-size:.75rem;color:var(--text-tertiary);border:none;background:transparent;font-weight:600;font-family:inherit;border-radius:6px;cursor:pointer;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.16,1,.3,1)}.install-command--compact .install-tab:hover{color:var(--text-primary);background:var(--surface-2)}.install-command--compact .install-tab.active{background:var(--color-accent-muted);color:var(--color-accent)}.install-command--compact .install-steps{padding:.75rem 1rem;font-size:.8125rem;font-family:JetBrains Mono,Fira Code,Cascadia Code,Consolas,monospace;background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:0 0 8px 8px;border-top:none;display:flex;align-items:center;gap:.75rem}.install-command--compact .install-step-cmd{color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.install-command--compact .install-copy{margin-left:auto;background:none;border:1px solid var(--border-subtle);color:var(--text-tertiary);padding:.25rem;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.16,1,.3,1);flex-shrink:0}.install-command--compact .install-copy:hover{color:var(--color-accent);border-color:var(--color-accent);background:var(--color-accent-subtle)}.install-tabs{display:flex;gap:.25rem;margin-bottom:0;background:var(--surface-0);padding:.25rem;border-radius:8px 8px 0 0;border:1px solid var(--border-subtle);border-bottom:none}.install-tab{flex:1;padding:.5rem 1rem;border:none;background:transparent;color:var(--text-tertiary);font-size:.8125rem;font-weight:600;font-family:inherit;border-radius:6px;cursor:pointer;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.16,1,.3,1)}.install-tab:hover{color:var(--text-primary);background:var(--surface-2)}.install-tab.active{background:var(--color-accent-muted);color:var(--color-accent)}.install-steps{font-family:JetBrains Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:.875rem;display:flex;align-items:center;gap:.75rem;background:var(--surface-2);padding:1rem 1.25rem;border-radius:0 0 8px 8px;border:1px solid var(--border-subtle);border-top:none}.install-step{display:flex;align-items:center;min-width:0}.install-step-num{color:var(--color-accent);margin-right:.75rem;font-weight:600}.install-step-cmd{color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.install-copy{margin-left:auto;background:none;border:1px solid var(--border-subtle);color:var(--text-tertiary);padding:.25rem;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.16,1,.3,1);flex-shrink:0}.install-copy:hover{color:var(--color-accent);border-color:var(--color-accent);background:var(--color-accent-subtle)}.install-step-after{font-family:JetBrains Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:.875rem;display:flex;align-items:center;gap:.75rem;background:var(--surface-0);padding:.75rem 1.25rem;border-radius:8px;border:1px solid var(--border-subtle);margin-top:.5rem}.install-hint{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem;font-size:.8125rem;color:var(--text-tertiary)}.install-links{display:flex;gap:1.5rem;margin-top:1.25rem;flex-wrap:wrap}.install-links a{color:var(--color-accent);text-decoration:none;font-size:.875rem;font-weight:600;transition-property:color;transition-duration:.15s;transition-timing-function:cubic-bezier(.16,1,.3,1)}.install-links a:hover{color:var(--color-accent-hover);text-decoration:underline}.install-preview,.cb-cta__preview{position:relative;z-index:1}.app-skeleton{display:flex;background:#1a1a1d;border-radius:16px;overflow:hidden;box-shadow:0 25px 60px #0006,0 0 0 1px #ffffff14;aspect-ratio:16 / 10}.app-skeleton-sidebar{width:3.5rem;background:#111113;padding:1rem 0;display:flex;flex-direction:column;align-items:center;gap:1.5rem;border-right:1px solid rgba(255,255,255,.06)}.app-skeleton-logo{width:2.25rem;height:2.25rem;background:#62c462;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff}.app-skeleton-nav{display:flex;flex-direction:column;gap:.5rem}.app-skeleton-nav-item{width:2.25rem;height:2.25rem;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#ffffff4d;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.16,1,.3,1)}.app-skeleton-nav-item.active{background:#ffffff1a;color:#fffc}.app-skeleton-main{flex:1;display:flex;flex-direction:column;padding:1rem}.app-skeleton-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:1rem}.app-skeleton-title{width:6rem;height:.75rem;background:#ffffff26;border-radius:6px}.app-skeleton-status{width:.5rem;height:.5rem;background:#62c462;border-radius:9999px}.app-skeleton-messages{flex:1;display:flex;flex-direction:column;gap:.75rem;overflow:hidden}.app-skeleton-msg{border-radius:8px;padding:.5rem .75rem}.app-skeleton-msg.user{background:#62c462;opacity:.9;width:70%;height:1.5rem;align-self:flex-end}.app-skeleton-msg.bot{background:#ffffff14;width:85%;height:2.5rem}.app-skeleton-msg.bot.short{width:50%;height:1.5rem}.app-skeleton-input{display:flex;gap:.5rem;margin-top:auto;padding-top:1rem}.app-skeleton-input-field{flex:1;height:2.25rem;background:#ffffff0f;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.app-skeleton-input-btn{width:2.25rem;height:2.25rem;background:#62c462;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff}@media(max-width:768px){.app-skeleton{aspect-ratio:4 / 3}.app-skeleton-sidebar{width:2.75rem}.app-skeleton-logo,.app-skeleton-nav-item{width:1.75rem;height:1.75rem}.app-skeleton-logo svg,.app-skeleton-nav-item svg{width:14px;height:14px}}.cb-home__footer-spacer{height:2rem}