.crm-app-layout{min-height:100vh;display:grid;grid-template-columns:300px minmax(0,1fr);background:var(--bg)}.crm-main-column{min-width:0;display:grid;grid-template-rows:auto minmax(0,1fr)}.crm-main-content{min-width:0;overflow-x:hidden;padding:var(--s-20) var(--s-24) var(--s-24)}.crm-sidebar{min-height:100vh;border-right:1px solid var(--border);background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 88%,black 12%),var(--surface-muted));padding:var(--s-20) var(--s-12);display:grid;grid-template-rows:auto 1fr auto;gap:var(--s-16)}.crm-sidebar-section{display:grid;gap:var(--s-6)}.crm-sidebar-label{color:var(--text-tertiary);font-size:11px;text-transform:uppercase;letter-spacing:.08em;padding:0 var(--s-8)}.crm-topbar{min-height:64px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface) 92%,black 8%);display:flex;align-items:center;justify-content:space-between;padding:0 var(--s-20);gap:var(--s-12)}@media(max-width:1400px){.crm-app-layout{grid-template-columns:280px minmax(0,1fr)}}@media(max-width:1024px){.crm-app-layout{grid-template-columns:86px minmax(0,1fr)}.crm-main-content{padding:var(--s-16)}}:root{color-scheme:dark;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;--bg: #0a101a;--surface: #121a27;--surface-soft: #1a2434;--surface-elevated: #202d41;--surface-muted: #0f1725;--primary: #5b8cff;--success: #22c55e;--warning: #f59e0b;--danger: #ef4444;--text-primary: #edf3ff;--text-secondary: #9aabc2;--text-tertiary: #6f829b;--border: rgba(148, 163, 184, .18);--border-strong: rgba(148, 163, 184, .34);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--shadow-sm: 0 4px 16px rgba(0, 0, 0, .24);--shadow-md: 0 8px 28px rgba(0, 0, 0, .28);--shadow-lg: 0 14px 40px rgba(0, 0, 0, .32);--s-2: 2px;--s-4: 4px;--s-6: 6px;--s-8: 8px;--s-10: 10px;--s-12: 12px;--s-16: 16px;--s-20: 20px;--s-24: 24px;--s-32: 32px;--s-48: 48px}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text-primary);font-size:14px;line-height:1.4}.ui-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.ui-kpi-value{font-size:28px;line-height:1.2;font-weight:700;letter-spacing:-.02em}.ui-kpi-label{color:var(--text-secondary);font-size:12px;letter-spacing:.04em;text-transform:uppercase}.ui-focusable:focus-visible{outline:2px solid color-mix(in srgb,var(--primary) 80%,white 20%);outline-offset:2px}.ui-hover{transition:transform .14s ease,box-shadow .22s ease,background-color .22s ease}.ui-hover:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.ui-active:active{transform:translateY(0);filter:brightness(.98)}.ui-animate-dropdown{animation:ui-fade-slide-down .22s ease}.ui-animate-modal{animation:ui-fade-zoom-in .22s ease}.ui-animate-sidebar{animation:ui-slide-right .3s ease}@keyframes ui-fade-slide-down{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes ui-fade-zoom-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes ui-slide-right{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes ui-spin{to{transform:rotate(360deg)}}@keyframes ui-skeleton{0%{background-position:100% 0}to{background-position:-100% 0}}.theme-admin{--bg: #0a0f1a;--surface: #111a2b;--surface-soft: #17243a;--primary: #8b5cf6;--success: #34d399;--warning: #fbbf24;--danger: #f87171;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--border: rgba(148, 163, 184, .25)}a{text-decoration:none}