@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800;900&family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--bg-dark:#0a0b0e;--bg-main:#0e1017;--bg-card:#141722;--bg-card-hover:#1a1e2c;--bg-elevated:#1f2334;--border:#242938;--border-light:#e2dfd81f;--border-focus:#e2dfd8;--coolab-cream:#e2dfd8;--coolab-cream-dim:#b8b4ab;--coolab-gold:#d6c7ae;--coolab-gold-glow:#d6c7ae26;--primary:#e2dfd8;--primary-hover:#fff;--primary-light:#e2dfd814;--accent-cyan:#00f0ff;--accent-cyan-light:#00f0ff1f;--success:#10b981;--success-light:#10b9811f;--warning:#f59e0b;--warning-light:#f59e0b1f;--danger:#ef4444;--danger-light:#ef44441f;--text-main:#f1f5f9;--text-muted:#94a3b8;--text-subtle:#64748b;--text-inverse:#0a0b0e;--shadow-sm:0 2px 4px #0006;--shadow-md:0 4px 12px #00000080;--shadow-lg:0 8px 24px #0009;--shadow-glow:0 0 20px #e2dfd826;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-full:9999px;--font-main:"Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--transition-smooth:all .25s cubic-bezier(.4, 0, .2, 1);--transition-fast:all .15s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-dark);color:var(--text-main);-webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--coolab-cream-dim)}button,input,select,textarea{font-family:inherit}.app-container{background-color:var(--bg-dark);min-height:100vh;display:flex;position:relative}.sidebar-nav{background-color:var(--bg-main);border-right:1px solid var(--border);z-index:90;flex-direction:column;width:260px;height:100vh;padding:1.5rem 1.25rem;transition:transform .3s;display:flex;position:sticky;top:0}.sidebar-menu{flex-direction:column;flex:1;gap:.5rem;list-style:none;display:flex;overflow-y:auto}.sidebar-section-label{color:var(--text-subtle);letter-spacing:.1em;text-transform:uppercase;padding:.4rem .75rem .15rem;font-size:.62rem;font-weight:700}.sidebar-section-spaced{margin-top:.75rem}.sidebar-item-btn{border-radius:var(--radius-sm);width:100%;color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;display:flex}.sidebar-item-btn:hover{color:var(--coolab-cream);background-color:var(--bg-card);border-color:var(--border)}.sidebar-item-btn.active{background:var(--bg-card);color:var(--coolab-cream);border-color:var(--coolab-cream-dim);box-shadow:var(--shadow-sm);font-weight:700}.sidebar-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding-top:1rem;display:flex}.sidebar-logout-btn{color:var(--text-subtle);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition-fast);background:0 0;border:none;padding:.375rem}.sidebar-logout-btn:hover{color:var(--danger);background:var(--danger-light)}.mobile-header-bar{background:var(--bg-main);border-bottom:1px solid var(--border);z-index:100;justify-content:space-between;align-items:center;padding:.875rem 1.25rem;display:none;position:sticky;top:0}.mobile-bottom-nav{background:var(--bg-main);border-top:1px solid var(--border);z-index:100;justify-content:space-around;align-items:center;width:100%;padding:.5rem .75rem;display:none;position:fixed;bottom:0;left:0}.mobile-nav-item{color:var(--text-subtle);cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.65rem;font-weight:600;display:flex}.mobile-nav-item.active{color:var(--coolab-cream)}.mobile-sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:85;background:#000000b3;width:100vw;height:100vh;display:none;position:fixed;top:0;left:0}@media (width<=1024px){.sidebar-nav{position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar-nav.open{transform:translate(0)}.mobile-header-bar,.mobile-bottom-nav{display:flex}.mobile-sidebar-overlay{display:block}.main-content{padding-bottom:5rem!important}}.main-content{transition:var(--transition-smooth);flex:1;width:100%;max-width:1800px;margin:0 auto;padding:2rem 2.5rem}.header-bar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.25rem;display:flex}.header-title-container h1{color:var(--text-main);letter-spacing:-.02em;align-items:center;gap:.5rem;font-size:1.75rem;font-weight:800;display:flex}.header-title-container p{color:var(--text-muted);margin-top:.25rem;font-size:.875rem}.user-badge{background:var(--bg-card);border-radius:var(--radius-full);border:1px solid var(--border);box-shadow:var(--shadow-sm);align-items:center;gap:.75rem;padding:.4rem 1rem .4rem .5rem;display:flex}.user-avatar{border-radius:var(--radius-full);background-color:var(--coolab-cream);width:32px;height:32px;color:var(--text-inverse);justify-content:center;align-items:center;font-size:.75rem;font-weight:800;display:flex}.user-info{flex-direction:column;display:flex}.user-name{color:var(--text-main);font-size:.8125rem;font-weight:700}.user-role{color:var(--coolab-cream-dim);text-transform:uppercase;letter-spacing:.05em;font-size:.625rem;font-weight:800}.card{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:var(--transition-smooth);padding:1.5rem}.card:hover{box-shadow:var(--shadow-md);border-color:#e2dfd833}.card-glass{-webkit-backdrop-filter:blur(16px);background:#141722bf;border:1px solid #e2dfd81f}.grid-cols-4{grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-bottom:1.5rem;display:grid}.grid-cols-3{grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-bottom:1.5rem;display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr);gap:1.25rem;margin-bottom:1.5rem;display:grid}@media (width<=1024px){.grid-cols-4,.grid-cols-3{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.grid-cols-4,.grid-cols-3,.grid-cols-2{grid-template-columns:1fr}}.stat-card{justify-content:space-between;align-items:center;display:flex}.stat-info h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;font-size:.75rem;font-weight:700}.stat-info p{color:var(--text-main);letter-spacing:-.02em;font-size:1.625rem;font-weight:800}.stat-icon{border-radius:var(--radius-md);border:1px solid #0000;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.stat-icon.primary{background-color:var(--primary-light);color:var(--coolab-cream);border-color:#e2dfd833}.stat-icon.success{background-color:var(--success-light);color:var(--success);border-color:#10b98133}.stat-icon.warning{background-color:var(--warning-light);color:var(--warning);border-color:#f59e0b33}.stat-icon.danger{background-color:var(--danger-light);color:var(--danger);border-color:#ef444433}.table-container{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-card);box-shadow:var(--shadow-sm);margin-bottom:1.5rem;overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%;font-size:.875rem}.data-table th{background-color:var(--bg-main);color:var(--text-muted);border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.06em;padding:.75rem .875rem;font-size:.6875rem;font-weight:700}.data-table td{border-bottom:1px solid var(--border);color:var(--text-main);vertical-align:middle;padding:.75rem .875rem;font-size:.8125rem}.data-table tbody tr{transition:var(--transition-fast)}.data-table tbody tr:hover{background-color:var(--bg-card-hover)}.data-table tbody tr:last-child td{border-bottom:none}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.03em;border:1px solid #0000;align-items:center;gap:.35rem;padding:.2rem .6rem;font-size:.6875rem;font-weight:700;display:inline-flex}.badge.success{background-color:var(--success-light);color:var(--success);border-color:#10b98133}.badge.warning{background-color:var(--warning-light);color:var(--warning);border-color:#f59e0b33}.badge.danger{background-color:var(--danger-light);color:var(--danger);border-color:#ef444433}.badge.info{background-color:var(--primary-light);color:var(--coolab-cream);border-color:#e2dfd833}.badge.cyan{background-color:var(--accent-cyan-light);color:var(--accent-cyan);border-color:#00f0ff33}.badge-pulse{background-color:currentColor;border-radius:9999px;width:6px;height:6px;animation:1.8s ease-in-out infinite pulse-animate}@keyframes pulse-animate{0%{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(1.3)}to{opacity:.5;transform:scale(.8)}}.flow-ai-fab{z-index:80;border:1px solid var(--border-light);background:var(--bg-card);width:42px;height:42px;color:var(--coolab-cream);cursor:pointer;border-radius:999px;place-items:center;display:grid;position:fixed;bottom:1.25rem;right:1.25rem;box-shadow:0 8px 24px #00000047}.flow-ai-fab:hover{background:var(--bg-card-hover)}@media (width<=640px){.flow-ai-fab{width:40px;height:40px;bottom:4.5rem;right:.85rem}}.controls-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.filter-group{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.search-input-wrapper{width:280px;position:relative}.search-input-wrapper svg{color:var(--text-muted);width:16px;height:16px;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.form-control{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-main);color:var(--text-main);transition:var(--transition-fast);outline:none;padding:.55rem .875rem;font-size:.875rem}.form-control:focus{border-color:var(--coolab-cream);box-shadow:0 0 0 2px #e2dfd826}.form-control-search{width:100%;padding-left:2.25rem}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);border:1px solid #0000;align-items:center;gap:.5rem;padding:.55rem 1.1rem;font-size:.875rem;font-weight:700;display:inline-flex}.btn-primary{background-color:var(--coolab-cream);color:var(--text-inverse)}.btn-primary:hover{box-shadow:var(--shadow-glow);background-color:#fff}.btn-secondary{background-color:var(--bg-card);color:var(--text-muted);border-color:var(--border)}.btn-secondary:hover{color:var(--text-main);background-color:var(--bg-elevated);border-color:var(--coolab-cream-dim)}.btn-danger{background-color:var(--danger-light);color:var(--danger);border-color:#ef44444d}.btn-danger:hover{background-color:var(--danger);color:var(--text-main)}.btn-icon{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;padding:.4rem}.btn-icon:hover{color:var(--text-main);background-color:var(--bg-elevated)}.modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;background:#0a0b0ecc;justify-content:center;align-items:center;width:100%;height:100%;padding:1rem;display:flex;position:fixed;top:0;left:0}.modal-content{background:var(--bg-card);border-radius:var(--radius-md);width:100%;max-width:680px;box-shadow:var(--shadow-lg);border:1px solid var(--border);overflow:hidden}.modal-header{border-bottom:1px solid var(--border);background:var(--bg-main);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal-header h2{color:var(--text-main);font-size:1.125rem;font-weight:700}.modal-body{max-height:calc(100vh - 200px);padding:1.5rem;overflow-y:auto}.modal-footer{border-top:1px solid var(--border);background:var(--bg-main);justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;display:flex}.form-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.form-group-full{grid-column:span 2}.form-group{flex-direction:column;gap:.375rem;display:flex}.form-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:700}.form-group textarea{resize:vertical;min-height:80px}.pagination-row{color:var(--text-muted);justify-content:space-between;align-items:center;margin-top:1rem;font-size:.8125rem;display:flex}.pagination-controls{gap:.375rem;display:flex}.pagination-btn{border:1px solid var(--border);background:var(--bg-card);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-muted);transition:var(--transition-fast);padding:.375rem .75rem}.pagination-btn:hover:not(:disabled){color:var(--text-main);background-color:var(--bg-elevated)}.pagination-btn:disabled{opacity:.3;cursor:not-allowed}.pagination-btn.active{background-color:var(--primary-light);border-color:var(--coolab-cream);color:var(--coolab-cream);font-weight:700}.progress-track{background-color:var(--bg-main);border-radius:9999px;width:100%;height:8px;margin-top:.5rem;overflow:hidden}.progress-fill{background-color:var(--coolab-cream);border-radius:9999px;height:100%;transition:width .8s ease-out}.progress-fill.success{background-color:var(--success)}.agent-sidebar-toggle{background-color:var(--coolab-cream);width:54px;height:54px;color:var(--text-inverse);box-shadow:var(--shadow-glow);cursor:pointer;z-index:99;transition:var(--transition-smooth);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;bottom:2rem;right:2rem}.agent-sidebar-toggle:hover{background-color:#fff;transform:scale(1.08)}.agent-sidebar{background-color:var(--bg-main);border-left:1px solid var(--border);width:400px;height:100vh;box-shadow:var(--shadow-lg);z-index:100;visibility:hidden;flex-direction:column;transition:transform .4s cubic-bezier(.16,1,.3,1),visibility .4s;display:flex;position:fixed;top:0;right:0;transform:translate(100%)}.agent-sidebar.open{visibility:visible;transform:translate(0)}.agent-sidebar-header{border-bottom:1px solid var(--border);background:var(--bg-card);justify-content:space-between;align-items:center;padding:1.25rem;display:flex}.agent-sidebar-header-title{align-items:center;gap:.5rem;display:flex}.agent-sidebar-header-title h2{color:var(--text-main);font-size:1rem;font-weight:700}.agent-sidebar-body{background-color:var(--bg-dark);flex-direction:column;flex:1;gap:1rem;padding:1.25rem;display:flex;overflow-y:auto}.chat-bubble{border-radius:var(--radius-md);max-width:88%;box-shadow:var(--shadow-sm);padding:.875rem 1rem;font-size:.8125rem;line-height:1.5}.chat-bubble.agent{background-color:var(--bg-card);color:var(--text-main);border:1px solid var(--border);border-top-left-radius:0;align-self:flex-start}.chat-bubble.user{background-color:var(--coolab-cream);color:var(--text-inverse);border-top-right-radius:0;align-self:flex-end;font-weight:600}.empty-state{text-align:center;min-height:140px;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;display:flex}.error-state{color:#fecaca;background:#7f1d1d38;border-color:#ef444459}.success-state{color:#bbf7d0;background:#064e3b38;border-color:#10b98159}.error-text{color:#fecaca;margin-top:.75rem;font-size:.85rem}.post-select{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-main);width:100%;color:var(--text-main);text-align:left;cursor:pointer;flex-direction:column;align-items:flex-start;gap:.25rem;padding:.75rem;display:flex}.post-select:hover,.post-select.selected{border-color:var(--coolab-cream-dim);background:var(--bg-card-hover)}.post-select span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.post-select small,.insight-row span{color:var(--text-muted)}.insight-row{border-bottom:1px solid var(--border);flex-direction:column;gap:.2rem;padding:.75rem 0;display:flex}@media (width<=1024px){.mobile-header-bar{z-index:100;flex:none;width:100%;position:fixed;top:0;left:0}.sidebar-nav{width:min(86vw,320px);height:100dvh;padding:1rem;overflow:hidden;box-shadow:18px 0 48px #00000073}.sidebar-menu{min-height:0;padding:.25rem 0;display:flex}.sidebar-item-btn{min-height:46px;padding:.75rem .875rem}.main-content{width:100%;max-width:100%;margin:0;padding:4.75rem 1rem 1.5rem}.header-bar{flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;padding-bottom:1rem}.header-title-container,.header-title-container h1,.header-title-container p{width:100%}.header-title-container h1{font-size:clamp(1.2rem,5vw,1.55rem);line-height:1.2}.header-title-container p{font-size:.78rem}.header-bar>div:last-child{justify-content:space-between;width:100%}.user-badge{max-width:48%}.user-info{min-width:0}.user-info .user-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.card,.card-glass,.table-container,.dashboard-grid,.stats-grid{max-width:100%}.form-grid{grid-template-columns:1fr}.form-group-full{grid-column:auto}}@media (width<=640px){.agent-sidebar-toggle{display:none}.mobile-header-bar{min-height:58px;padding:.75rem 1rem}.mobile-bottom-nav{padding:.45rem .25rem calc(.45rem + env(safe-area-inset-bottom))}.mobile-nav-item{min-width:3.5rem;padding-inline:.25rem;font-size:.58rem}.main-content{padding:4.5rem .75rem 1.25rem}.controls-row{width:100%}.controls-row .filter-group{grid-template-columns:1fr;width:100%;gap:.625rem!important;min-width:0!important;display:grid!important}.controls-row .filter-group .form-control,.controls-row .filter-group select{width:100%!important;min-width:0!important}.table-container{-webkit-overflow-scrolling:touch;width:100%;max-width:100%;overflow-x:auto}.data-table{min-width:680px}.header-bar>div:last-child{gap:.5rem!important}.header-bar>div:last-child>button{flex:1;justify-content:center;min-width:0;padding-inline:.65rem!important}.header-bar>div:last-child>button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.user-badge{flex:none;padding-right:.55rem}.user-badge .user-info{display:none}.modal-overlay{align-items:flex-start;padding:.75rem}.modal-content{max-height:calc(100dvh - 1.5rem);overflow-y:auto}.modal-body{padding:1rem}.modal-footer{flex-wrap:wrap;padding:.75rem 1rem}}.crm-workspace,.crm-summary>div,.crm-quotes-card{min-width:0}@media (width<=640px){.main-content{padding:1rem .85rem 5rem!important}.header-bar{margin-bottom:1rem;padding-bottom:.75rem}.header-title-container h1{font-size:1.15rem}.header-title-container p{font-size:.72rem}.crm-quotes-card .data-table{width:100%;display:block}.crm-quotes-card .data-table thead{display:none}.crm-quotes-card .data-table tbody,.crm-quotes-card .data-table tr{width:100%;display:block}.crm-quotes-card .data-table tr{border:1px solid var(--border);background:var(--bg-dark);border-radius:10px;margin:.6rem 0;padding:.7rem}.crm-quotes-card .data-table td{text-align:right;border:0;justify-content:space-between;align-items:center;gap:.8rem;padding:.35rem 0;display:flex}.crm-quotes-card .data-table td:before{content:attr(data-label);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;text-align:left;font-size:.7rem}.crm-quotes-card .data-table td:first-child{color:var(--coolab-cream);font-weight:700}.crm-summary{grid-template-columns:1fr!important;gap:.55rem!important}.crm-summary>div{justify-content:space-between;align-items:center;display:flex;padding:.8rem!important}.crm-summary strong{margin-top:0!important;font-size:1.35rem!important}.crm-forms{grid-template-columns:1fr!important;gap:.75rem!important}.crm-form-card{padding:.85rem!important}.crm-form-card h3,.crm-quotes-card h3{margin-top:0;margin-bottom:.8rem;font-size:.95rem}.crm-quotes-card{padding:.85rem!important;overflow-x:hidden!important}.crm-quotes-card>form{grid-template-columns:1fr!important;gap:0!important;display:grid!important}.crm-quotes-card .btn{width:100%;min-height:42px;margin-top:.2rem}.crm-quotes-card .data-table{min-width:0;font-size:.75rem}.crm-quotes-card .data-table th,.crm-quotes-card .data-table td{padding:.65rem .45rem}.crm-quotes-card .data-table th:nth-child(2),.crm-quotes-card .data-table td:nth-child(2){text-overflow:ellipsis;white-space:nowrap;max-width:42%;overflow:hidden}.crm-workspace input,.crm-workspace select{min-height:42px;font-size:16px!important}}