﻿.btn-primary{display:inline-flex;align-items:center;justify-content:center;border-radius:.375rem;background:#be123c;padding:.5rem 1rem;font-weight:700;color:white;box-shadow:0 1px 2px rgba(0,0,0,.08)}.btn-primary:hover{background:#9f1239}.btn-muted{display:inline-flex;align-items:center;justify-content:center;border:1px solid #e4e4e7;border-radius:.375rem;background:white;padding:.5rem 1rem;font-weight:700;color:#27272a}.btn-muted:hover,.nav-link:hover{background:#f4f4f5}.nav-link{border-radius:.375rem;padding:.5rem .75rem;font-weight:700;color:#3f3f46}.form-card{border-radius:.5rem;background:white;padding:1.25rem;box-shadow:0 1px 2px rgba(0,0,0,.06);border:1px solid #e4e4e7}.form-card p{margin-bottom:1rem}.form-card label{display:block;margin-bottom:.25rem;font-size:.875rem;font-weight:700;color:#3f3f46}.form-card input:not([type=checkbox]):not([type=radio]),.form-card textarea,.form-card select{width:100%;border-radius:.375rem;border:1px solid #d4d4d8;padding:.5rem .75rem;outline:none}.form-card input:focus,.form-card textarea:focus,.form-card select:focus{box-shadow:0 0 0 4px rgba(190,18,60,.16)}.form-card input[type=checkbox]{height:1rem;width:1rem}.card{overflow:hidden;border-radius:.5rem;background:white;box-shadow:0 1px 2px rgba(0,0,0,.06);border:1px solid #e4e4e7;transition:.15s}.card:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.08)}.feature{border-radius:.5rem;background:white;padding:1.5rem;box-shadow:0 1px 2px rgba(0,0,0,.06);border:1px solid #e4e4e7}.feature span{font-size:.875rem;font-weight:900;color:#be123c}.feature h2{margin-top:.75rem;font-size:1.25rem;font-weight:900}.feature p{margin-top:.5rem;color:#52525b}.stat{border-radius:.5rem;background:white;padding:1.25rem;box-shadow:0 1px 2px rgba(0,0,0,.06);border:1px solid #e4e4e7}.stat strong{display:block;font-size:2.25rem;line-height:2.5rem;font-weight:900;color:#be123c}.stat span{margin-top:.25rem;display:block;font-size:.875rem;font-weight:700;color:#52525b}.table-card{overflow-x:auto;border-radius:.5rem;background:white;box-shadow:0 1px 2px rgba(0,0,0,.06);border:1px solid #e4e4e7}table{min-width:100%;text-align:left;font-size:.875rem}th{border-bottom:1px solid #e4e4e7;background:#fafafa;padding:.75rem 1rem;font-weight:900}td{border-bottom:1px solid #f4f4f5;padding:.75rem 1rem}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}


[x-cloak]{display:none!important}

:root{--app-bg:#fafaf9;--app-surface:#fff;--app-surface-muted:#fafafa;--app-text:#18181b;--app-muted:#52525b;--app-border:#e4e4e7;--app-primary:#be123c;--app-primary-hover:#9f1239;--app-focus:rgba(190,18,60,.16);--app-font-scale:1}
body.theme-light{--app-bg:#fafaf9;--app-surface:#fff;--app-surface-muted:#fafafa;--app-text:#18181b;--app-muted:#52525b;--app-border:#e4e4e7}
body.theme-soft{--app-bg:#f7f2ea;--app-surface:#fffaf2;--app-surface-muted:#f2eadf;--app-text:#27211d;--app-muted:#665f57;--app-border:#e6d8c8}
body.theme-dark{--app-bg:#111113;--app-surface:#1d1d20;--app-surface-muted:#28282c;--app-text:#f4f4f5;--app-muted:#c7c7cc;--app-border:#3f3f46}
body.accent-rose{--app-primary:#be123c;--app-primary-hover:#9f1239;--app-focus:rgba(190,18,60,.18)}
body.accent-emerald{--app-primary:#047857;--app-primary-hover:#065f46;--app-focus:rgba(4,120,87,.18)}
body.accent-blue{--app-primary:#1d4ed8;--app-primary-hover:#1e40af;--app-focus:rgba(29,78,216,.18)}
body.accent-violet{--app-primary:#7c3aed;--app-primary-hover:#6d28d9;--app-focus:rgba(124,58,237,.18)}
body.accent-amber{--app-primary:#b45309;--app-primary-hover:#92400e;--app-focus:rgba(180,83,9,.2)}
body.text-normal{--app-font-scale:1}body.text-large{--app-font-scale:1.08}body.text-xl{--app-font-scale:1.16}
body{background:var(--app-bg)!important;color:var(--app-text)!important;font-size:calc(16px * var(--app-font-scale))}
header{background:color-mix(in srgb,var(--app-surface) 92%,transparent)!important;border-color:var(--app-border)!important}.brand-link,.brand-link span,.text-rose-700{color:var(--app-primary)!important}.text-zinc-900,.text-zinc-950{color:var(--app-text)!important}.text-zinc-700,.text-zinc-600,.text-zinc-500{color:var(--app-muted)!important}.bg-white,.form-card,.card,.feature,.stat,.table-card,.message-box,.preview-panel{background:var(--app-surface)!important;color:var(--app-text)!important}.bg-zinc-50,.preview-card,th{background:var(--app-surface-muted)!important}.border-zinc-200,.border-zinc-100,.ring-zinc-200,.form-card,.card,.feature,.stat,.table-card,.preview-card{border-color:var(--app-border)!important;--tw-ring-color:var(--app-border)!important}.btn-primary{background:var(--app-primary)!important}.btn-primary:hover{background:var(--app-primary-hover)!important}.btn-muted{background:var(--app-surface)!important;border-color:var(--app-border)!important;color:var(--app-text)!important}.btn-muted:hover,.nav-link:hover{background:var(--app-surface-muted)!important}.nav-link{color:var(--app-text)!important}.form-card label{color:var(--app-text)!important}.form-card input:not([type=checkbox]):not([type=radio]),.form-card textarea,.form-card select{background:var(--app-surface)!important;border-color:var(--app-border)!important;color:var(--app-text)!important}.form-card input:focus,.form-card textarea:focus,.form-card select:focus{box-shadow:0 0 0 4px var(--app-focus)!important}.stat strong,.feature span{color:var(--app-primary)!important}td,th{border-color:var(--app-border)!important}body.theme-dark .shadow-sm,body.theme-dark .shadow-md,body.theme-dark .shadow-xl{box-shadow:none!important}
.dropdown-menu{background:var(--app-surface)!important;border-color:var(--app-border)!important;color:var(--app-text)!important}.dropdown-link{display:block;padding:.5rem 1rem;font-weight:700;color:var(--app-text)!important}.dropdown-link:hover{background:var(--app-surface-muted)!important;color:var(--app-primary)!important}
.dropdown-menu{min-width:14rem!important;background:var(--app-surface)!important;border-color:var(--app-border)!important;color:var(--app-text)!important}.dropdown-menu .dropdown-link{display:block!important;width:100%!important;white-space:nowrap!important;padding:.5rem 1rem;font-weight:700;color:var(--app-text)!important}.dropdown-menu .dropdown-link:hover{background:var(--app-surface-muted)!important;color:var(--app-primary)!important}

.profile-menu-button{display:inline-flex;align-items:center;gap:.5rem;border-radius:999px;border:1px solid var(--app-border);background:var(--app-surface);padding:.25rem .65rem .25rem .25rem;font-weight:800;color:var(--app-text);max-width:14rem}.profile-menu-button:hover{background:var(--app-surface-muted)}.profile-avatar{height:2.25rem;width:2.25rem;border-radius:999px;object-fit:cover;flex:none}.profile-avatar-initials{display:inline-flex;align-items:center;justify-content:center;background:var(--app-primary);font-size:.875rem;font-weight:900;color:white;letter-spacing:0}

.profile-page-avatar-initials{display:flex;height:5rem;width:5rem;align-items:center;justify-content:center;border-radius:999px;background:var(--app-primary)!important;color:white!important;font-size:1.5rem;font-weight:900;letter-spacing:0;flex:none}


.landing-stat{border:1px solid rgba(255,255,255,.18);border-radius:.5rem;background:rgba(255,255,255,.1);padding:1rem;backdrop-filter:blur(10px)}.landing-stat strong{display:block;font-size:1.6rem;line-height:1.9rem;font-weight:900;color:white}.landing-stat span{display:block;margin-top:.25rem;font-size:.8rem;font-weight:800;color:rgba(255,255,255,.78)}


.blog-content{line-height:1.75}.blog-content h2{margin-top:1.5rem;font-size:1.75rem;font-weight:900}.blog-content h3{margin-top:1.25rem;font-size:1.35rem;font-weight:900}.blog-content p{margin-top:1rem}.blog-content ul,.blog-content ol{margin-top:1rem;padding-left:1.5rem}.blog-content ul{list-style:disc}.blog-content ol{list-style:decimal}.blog-content a{font-weight:800;color:var(--app-primary)}.blog-content blockquote{margin-top:1rem;border-left:4px solid var(--app-primary);padding-left:1rem;color:var(--app-muted)}.blog-content img{max-width:100%;border-radius:.5rem}.ck-editor__editable{min-height:24rem}


.topbar-accent{border-bottom:1px solid color-mix(in srgb,var(--app-primary) 25%,white);background:var(--app-primary);color:white}.topbar-accent .topbar-accent-link{color:white!important}.topbar-accent .topbar-accent-link:hover{color:color-mix(in srgb,white 82%,var(--app-primary))!important}

