:root{--font-size:16px;--font-heading:var(--font-jetbrains),"JetBrains Mono",ui-monospace,monospace;--font-body:var(--font-inter),"Inter",system-ui,sans-serif;--brand-ink:#260A45;--brand-mauve:#6E4CB4;--brand-mauve-bright:#7C5CFF;--brand-blush:#BCA7EC;--background:#ffffff;--foreground:var(--brand-ink);--card:#ffffff;--card-foreground:var(--brand-ink);--popover:#ffffff;--popover-foreground:var(--brand-ink);--primary:var(--brand-ink);--primary-foreground:#ffffff;--secondary:#f3f3f5;--secondary-foreground:var(--brand-ink);--muted:#ececf0;--muted-foreground:#717182;--accent:#e9ebef;--accent-foreground:var(--brand-ink);--destructive:#d4183d;--destructive-foreground:#ffffff;--border:rgba(0,0,0,0.1);--input:transparent;--input-background:#f3f3f5;--ring:#b5b5b5;--radius:0.625rem;--crm-btn-primary:var(--brand-ink);--crm-btn-primary-hover:#1a0630;--sidebar-width:248px;--card-shadow:0 1px 2px rgba(38,10,69,0.04),0 8px 32px rgba(38,10,69,0.06);--card-shadow-hover:0 4px 12px rgba(38,10,69,0.06),0 16px 48px rgba(38,10,69,0.08)}.crm-btn-primary{background-color:var(--crm-btn-primary);color:#ffffff}.crm-btn-primary:hover:not(:disabled){background-color:var(--crm-btn-primary-hover)}.crm-btn-primary:disabled{opacity:.5;cursor:not-allowed}.crm-chip-active{background-color:var(--brand-mauve-bright);color:#ffffff;box-shadow:0 2px 10px rgba(124,92,255,.4)}.crm-btn-upgrade{transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .15s ease}.crm-btn-upgrade-primary{background-color:var(--crm-btn-primary);color:#ffffff;box-shadow:0 1px 3px rgba(3,2,19,.12)}.crm-btn-upgrade-primary:hover:not(:disabled){background-color:var(--crm-btn-primary-hover);box-shadow:0 4px 14px rgba(3,2,19,.22);transform:translateY(-1px)}.crm-btn-upgrade-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px rgba(3,2,19,.16)}.crm-btn-upgrade-secondary{background-color:rgba(110,76,180,.1);color:var(--brand-mauve);border:1px solid rgba(110,76,180,.32)}.crm-btn-upgrade-secondary:hover:not(:disabled){background-color:var(--brand-ink);color:#ffffff;border-color:var(--brand-ink);box-shadow:0 4px 14px rgba(3,2,19,.18);transform:translateY(-1px)}.crm-btn-upgrade-secondary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px rgba(3,2,19,.12)}.crm-btn-upgrade:disabled{transform:none;box-shadow:none;cursor:not-allowed}.font-brand{font-family:var(--font-heading)}.crm-sidebar{background:linear-gradient(180deg,#fff,#faf9fc);border-right:1px solid var(--border);box-shadow:4px 0 24px rgba(38,10,69,.03)}.crm-nav-item{display:flex;align-items:center;gap:.625rem;padding:.625rem .75rem;border-radius:.75rem;font-size:13px;font-weight:600;color:var(--muted-foreground);transition:all .15s ease}.crm-nav-item:hover:not(.crm-nav-active){background:rgba(110,76,180,.08);color:var(--foreground)}.crm-nav-active{background:linear-gradient(135deg,var(--brand-ink) 0,#3a1a68 100%)!important;color:#fff!important;box-shadow:0 4px 12px rgba(38,10,69,.2)}.crm-eyebrow{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.2em;color:var(--muted-foreground)}.crm-card{background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:16px;box-shadow:var(--card-shadow);transition:box-shadow .2s ease}.crm-card:hover{box-shadow:var(--card-shadow-hover)}.crm-hero{position:relative;overflow:hidden;border-radius:20px;padding:1.5rem 1.75rem;background:linear-gradient(135deg,#260A45,#3a1a68 45%,#6E4CB4);border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 40px rgba(38,10,69,.28)}.crm-hero:before{top:-40%;right:-10%;width:280px;height:280px;background:radial-gradient(circle,rgba(110,76,180,.45) 0,transparent 70%)}.crm-hero:after,.crm-hero:before{content:"";position:absolute;border-radius:50%;pointer-events:none}.crm-hero:after{bottom:-30%;left:10%;width:200px;height:200px;background:radial-gradient(circle,rgba(188,167,236,.2) 0,transparent 70%)}.crm-app{font-family:var(--font-body);background:linear-gradient(165deg,#f8f7fc,#f3f2f8 35%,#eeedf4)}.crm-app,.crm-app .text-foreground{color:var(--foreground)}.crm-app .text-muted-foreground{color:var(--muted-foreground)}.crm-app .text-destructive{color:var(--destructive)}.crm-app .bg-destructive\/5{background-color:rgba(212,24,61,.05)}.crm-app .border-destructive\/20{border-color:rgba(212,24,61,.2)}.crm-app .bg-border\/60{background-color:rgba(0,0,0,.06)}