:root{--font-title:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--primary-h:208;--primary-s:100%;--primary-l:48%;--primary:hsl(var(--primary-h), var(--primary-s), var(--primary-l));--primary-hover:hsl(var(--primary-h), var(--primary-s), calc(var(--primary-l) - 8%));--secondary-h:160;--secondary-s:84%;--secondary-l:39%;--secondary:hsl(var(--secondary-h), var(--secondary-s), var(--secondary-l));--secondary-hover:hsl(var(--secondary-h), var(--secondary-s), calc(var(--secondary-l) - 8%));--bg-app:#f6f8fa;--bg-surface:#fff;--bg-surface-hover:#f1f3f5;--bg-glass:#ffffffb3;--border-color:#e1e6eb;--border-focus:var(--primary);--text-main:#1f2937;--text-muted:#6b7280;--text-light:#9ca3af;--text-on-primary:#fff;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 12px #0000000d, 0 1px 3px #00000005;--shadow-lg:0 12px 24px #00000012, 0 4px 6px #00000008;--glass-blur:16px;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--info:#3b82f6;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-round:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--sidebar-width:260px;--sidebar-collapsed-width:72px}[data-theme=dark]{--bg-app:#0b0f19;--bg-surface:#131a26;--bg-surface-hover:#1c2635;--bg-glass:#131a26b3;--border-color:#222e43;--text-main:#f3f4f6;--text-muted:#9ca3af;--text-light:#6b7280;--shadow-sm:0 1px 2px #00000080;--shadow-md:0 4px 12px #0006;--shadow-lg:0 12px 24px #00000080}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-app);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-normal), color var(--transition-normal);line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);color:var(--text-main);font-weight:600}a{color:var(--primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--primary-hover)}.app-container{width:100vw;min-height:100vh;display:flex;position:relative;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-round)}::-webkit-scrollbar-thumb:hover{background:var(--text-light)}.glass-panel{background:var(--bg-glass);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border-color);box-shadow:var(--shadow-md);border-radius:var(--radius-md)}.card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);padding:1.5rem}.card:hover{box-shadow:var(--shadow-md);border-color:var(--text-light);transform:translateY(-2px)}.btn{font-family:var(--font-body);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;display:inline-flex}.btn-primary{background-color:var(--primary);color:var(--text-on-primary)}.btn-primary:hover{background-color:var(--primary-hover);box-shadow:0 0 12px #0082f666}.btn-secondary{background-color:var(--bg-surface);color:var(--text-main);border-color:var(--border-color)}.btn-secondary:hover{background-color:var(--bg-surface-hover);border-color:var(--text-light)}.btn-success{background-color:var(--success);color:#fff}.btn-success:hover{opacity:.9;box-shadow:0 0 12px #10b98166}.btn-danger{background-color:var(--danger);color:#fff}.btn-danger:hover{opacity:.9}.btn-icon{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;display:flex}.btn-icon:hover{background:var(--bg-surface-hover);color:var(--text-main)}.form-group{flex-direction:column;gap:.375rem;margin-bottom:1.25rem;display:flex}.form-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.75rem;font-weight:600}.form-input{font-family:var(--font-body);border-radius:var(--radius-sm);border:1px solid var(--border-color);background-color:var(--bg-surface);color:var(--text-main);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:.625rem .875rem;font-size:.875rem}.form-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #0082f626}.table-container{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-surface);width:100%;overflow-x:auto}.table{border-collapse:collapse;text-align:left;width:100%;font-size:.875rem}.table th{background:var(--bg-app);color:var(--text-muted);border-bottom:1px solid var(--border-color);text-transform:uppercase;letter-spacing:.05em;padding:.75rem 1rem;font-size:.75rem;font-weight:600}.table td{border-bottom:1px solid var(--border-color);color:var(--text-main);padding:1rem}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:var(--bg-surface-hover)}.badge{border-radius:var(--radius-round);align-items:center;padding:.25rem .625rem;font-size:.75rem;font-weight:500;display:inline-flex}.badge-success{color:var(--success);background:#10b9811a}.badge-warning{color:var(--warning);background:#f59e0b1a}.badge-danger{color:var(--danger);background:#ef44441a}.badge-info{color:var(--info);background:#3b82f61a}.drawer-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;opacity:0;animation:fadeIn var(--transition-normal) forwards;background:#00000080;position:fixed;inset:0}.drawer{background:var(--bg-surface);width:100%;max-width:580px;box-shadow:var(--shadow-lg);z-index:1001;animation:slideInRight var(--transition-normal) forwards;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}@media (width<=600px){.drawer{max-width:100%}}.drawer-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.drawer-body{flex:1;padding:1.5rem;overflow-y:auto}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1100;opacity:0;animation:fadeIn var(--transition-normal) forwards;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:90%;max-width:460px;box-shadow:var(--shadow-lg);animation:scaleUp var(--transition-normal) forwards;padding:2rem;transform:scale(.9)}@keyframes fadeIn{to{opacity:1}}@keyframes slideInRight{to{transform:translate(0)}}@keyframes scaleUp{to{transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(120%)}to{opacity:1;transform:translateY(0)}}.text-center{text-align:center}.flex{display:flex}.align-center{align-items:center}.justify-between{justify-content:space-between}.flex-column{flex-direction:column}.gap-2{gap:.5rem}.gap-4{gap:1rem}.mt-4{margin-top:1rem}.w-full{width:100%}.grid-2{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}@media (width<=768px){.grid-2{grid-template-columns:1fr}}.grid-3{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}@media (width<=1024px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.grid-3{grid-template-columns:1fr}}.grid-4{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}@media (width<=1024px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.grid-4{grid-template-columns:1fr}}.grid-5{grid-template-columns:repeat(5,1fr);gap:1.5rem;display:grid}@media (width<=1200px){.grid-5{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.grid-5{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.grid-5{grid-template-columns:1fr}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sidebar-aside{width:var(--sidebar-width);min-width:var(--sidebar-width);transition:width var(--transition-normal), transform var(--transition-normal);border-right:1px solid var(--border-color);background:var(--bg-glass);z-index:40;border-radius:0;flex-direction:column;justify-content:space-between;display:flex}.sidebar-aside.collapsed{width:var(--sidebar-collapsed-width);min-width:var(--sidebar-collapsed-width)}@media (width<=768px){.sidebar-aside{box-shadow:var(--shadow-lg);top:0;bottom:0;left:0;transform:translate(-100%);width:var(--sidebar-width)!important;min-width:var(--sidebar-width)!important;z-index:1000!important;background:var(--bg-surface)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;position:fixed!important}.sidebar-aside.mobile-open{transform:translate(0)!important}.mobile-sidebar-backdrop{z-index:999;background:#0006;position:fixed;inset:0}}.mobile-only{display:none!important}.mobile-hidden{display:block}@media (width<=768px){.mobile-only{display:inline-flex!important}.mobile-hidden{display:none!important}.flex-responsive{flex-direction:column!important}.flex-responsive>div:first-child{width:100%!important}.grid-2-responsive{grid-template-columns:1fr!important;gap:1.5rem!important}}@media (width<=992px){.chat-crm-pane{display:none!important}}@media (width<=768px){.chat-layout-container{position:relative}.chat-contacts-pane{width:100%!important}.chat-thread-pane{z-index:10;position:absolute;inset:0;width:100%!important;display:none!important}.chat-layout-container.thread-active .chat-thread-pane{display:flex!important}.tab-canvas,.tab-canvas>div{padding:.75rem .5rem!important}header.glass-panel{padding:.5rem .75rem!important}.tab-canvas div[style*="margin-bottom: 1.5rem"],.tab-canvas div[style*="marginBottom: 1.5rem"],.tab-canvas div[style*="margin-bottom: 2rem"],.tab-canvas div[style*="marginBottom: 2rem"],.tab-canvas div[style*="margin-bottom: 2.5rem"],.tab-canvas div[style*="marginBottom: 2.5rem"]{flex-direction:column!important;align-items:flex-start!important;gap:.75rem!important}.tab-canvas div[style*="margin-bottom: 1.5rem"]>div,.tab-canvas div[style*="marginBottom: 1.5rem"]>div,.tab-canvas div[style*="margin-bottom: 2rem"]>div,.tab-canvas div[style*="marginBottom: 2rem"]>div{width:100%!important}.grid-2,.grid-3,.grid-4,.grid-2-responsive{grid-template-columns:1fr!important;gap:1rem!important}.card{padding:.85rem!important}.table-container,div[style*="overflow-x: auto"],div[style*="overflowX: auto"]{-webkit-overflow-scrolling:touch;border-radius:var(--radius-sm);margin-bottom:1rem;width:100%!important;overflow-x:auto!important}table{min-width:650px!important}h1{font-size:1.35rem!important}h2{font-size:1.2rem!important}h3{font-size:1.05rem!important}.form-input,input,select,textarea{box-sizing:border-box!important;width:100%!important}div[style*="position: fixed"][style*=bottom]{width:auto!important;padding:.5rem!important;left:10px!important;right:10px!important}}