:root{--cf-background:#f4f6f9;--cf-card:#ffffff;--cf-muted:#f1f5f9;--cf-fg:#0f172a;--cf-fg-muted:#64748b;--cf-fg-subtle:#94a3b8;--cf-primary:#2563eb;--cf-primary-fg:#ffffff;--cf-primary-hover:#1d4ed8;--cf-accent:rgba(37,99,235,0.06);--cf-border:#e2e8f0;--cf-border-focus:#2563eb;--cf-destructive:#dc2626;--cf-destructive-fg:#ffffff;--cf-success:#059669;--cf-warning:#d97706;--cf-info:#2563eb;--cf-violet:#7c3aed;--cf-sidebar:#1e293b;--cf-sidebar-fg:#f8fafc;--cf-sidebar-border:rgba(248,250,252,0.1);--cf-sidebar-hover:rgba(248,250,252,0.08);--cf-sidebar-active:#2563eb;--cf-sidebar-width:224px;--cf-radius:8px;--cf-radius-lg:12px;--cf-radius-xl:16px;--cf-shadow-sm:0 1px 2px rgba(0,0,0,0.05);--cf-shadow-md:0 4px 6px -1px rgba(0,0,0,0.08),0 2px 4px -1px rgba(0,0,0,0.04)}*,:after,:before{box-sizing:border-box}body{font-family:system-ui,-apple-system,Segoe UI,sans-serif;margin:0;padding:0;background:var(--cf-background);color:var(--cf-fg);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--cf-primary);text-decoration:none}a:hover{text-decoration:underline}.cf-public{min-height:100vh;background:var(--cf-background);padding:0 1rem 2rem;font-family:system-ui,-apple-system,Segoe UI,sans-serif}.cf-public-container{max-width:560px;margin:0 auto;padding:2rem 1rem 1rem}.cf-landing-section{padding-bottom:2rem}.cf-landing-section+.cf-landing-section{padding-top:.5rem}.cf-card{background:var(--cf-card);border:1px solid var(--cf-border);border-radius:var(--cf-radius-lg);padding:1rem 1.15rem;margin-bottom:.75rem;box-shadow:var(--cf-shadow-sm)}.cf-card-title{font-size:.95rem;font-weight:700;color:var(--cf-fg);margin:0 0 .5rem}.cf-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1.5rem;background:var(--cf-primary);color:var(--cf-primary-fg);border:none;border-radius:var(--cf-radius);font-size:.95rem;font-weight:600;cursor:pointer;text-decoration:none;transition:background .15s,opacity .15s}.cf-btn:hover{background:var(--cf-primary-hover);text-decoration:none}.cf-btn:disabled{opacity:.5;cursor:not-allowed}.cf-btn-green{background:var(--cf-success);color:#ffffff}.cf-btn-green:hover{background:#047857}.cf-btn-outline{background:transparent;color:var(--cf-primary);border:1.5px solid var(--cf-primary)}.cf-btn-outline:hover{background:var(--cf-accent)}.cf-input{display:block;width:100%;padding:.6rem .85rem;font-size:.95rem;font-family:inherit;color:var(--cf-fg);background:var(--cf-card);border:1px solid var(--cf-border);border-radius:var(--cf-radius);outline:none;transition:border-color .15s,box-shadow .15s;box-sizing:border-box}.cf-input:focus{border-color:var(--cf-border-focus);box-shadow:0 0 0 3px rgba(37,99,235,.15)}.cf-input:disabled{background:var(--cf-muted);color:var(--cf-fg-muted);cursor:not-allowed;opacity:.65}.cf-badge{display:inline-flex;align-items:center;padding:.2rem .65rem;border-radius:6px;font-size:.75rem;font-weight:600;border:1px solid transparent}.cf-badge-neutral{background:var(--cf-muted);color:var(--cf-fg-muted);border-color:var(--cf-border)}.cf-badge-info{background:rgba(37,99,235,.1);color:#1d4ed8;border-color:rgba(37,99,235,.25)}.cf-badge-success{background:rgba(5,150,105,.1);color:#047857;border-color:rgba(5,150,105,.25)}.cf-badge-warning{background:rgba(217,119,6,.1);color:#b45309;border-color:rgba(217,119,6,.25)}.cf-badge-destructive{background:rgba(220,38,38,.1);color:#b91c1c;border-color:rgba(220,38,38,.25)}.cf-badge-violet{background:rgba(124,58,237,.1);color:#6d28d9;border-color:rgba(124,58,237,.25)}.cf-alert{display:flex;gap:.75rem;padding:.875rem 1rem;border-radius:var(--cf-radius);border:1px solid transparent;font-size:.875rem}.cf-alert-info{background:rgba(37,99,235,.07);border-color:rgba(37,99,235,.2);color:#1e40af}.cf-alert-warning{background:rgba(217,119,6,.07);border-color:rgba(217,119,6,.2);color:#92400e}.cf-alert-success{background:rgba(5,150,105,.07);border-color:rgba(5,150,105,.2);color:#065f46}.cf-alert-destructive{background:rgba(220,38,38,.07);border-color:rgba(220,38,38,.2);color:#991b1b}@keyframes cf-spin{to{transform:rotate(1turn)}}.cf-spinner{display:inline-block;width:1.5rem;height:1.5rem;border:2.5px solid var(--cf-border);border-top-color:var(--cf-primary);border-radius:50%;animation:cf-spin .75s linear infinite}