:root{--bg-primary: #ffffff;--bg-secondary: #fafafa;--bg-sidebar: #ffffff;--bg-header: rgba(255, 255, 255, .8);--bg-gradient: none;--bg-tertiary: #f5f5f5;--text-primary: #000000;--text-secondary: #444444;--text-muted: #666666;--accent: #000000;--accent-hover: #111111;--accent-soft: #f0f0f0;--accent-gradient: none;--success: #0070f3;--success-soft: #e6f1ff;--warning: #f5a623;--warning-soft: #fff6e8;--error: #ee0000;--error-soft: #fff0f0;--border: #eaeaea;--border-soft: #fafafa;--sidebar-width: 240px;--chat-bg-user: #000000;--chat-bg-crm: #fafafa;--chat-bg-bot: #f5f5f5;--chat-text-primary: #000000;--chat-text-secondary: #444444;--chat-icon-bg-user: #eaeaea;--chat-icon-bg-crm: #fafafa;--chat-icon-bg-bot: #eaeaea;--chat-icon-text-user: #000000;--chat-icon-text-crm: #0070f3;--chat-icon-text-bot: #111111;--chat-name-user: #666666;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .1);--shadow-xl: 0 24px 48px rgba(0, 0, 0, .1);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 30px;--radius-full: 99px;--wa-bg-light: #efeae2;--wa-bubble-in-light: #ffffff;--wa-bubble-out-light: #e7f3ff;--wa-header-light: #f0f2f5;--wa-input-light: #ffffff;--wa-text-time: #667781;--wa-bg-dark: #0b141a;--wa-bubble-in-dark: #202c33;--wa-bubble-out-dark: #1e3a5f;--wa-header-dark: #202c33;--wa-input-dark: #2a3942;--wa-bg: var(--wa-bg-light);--wa-bubble-in: var(--wa-bubble-in-light);--wa-bubble-out: var(--wa-bubble-out-light);--wa-header: var(--wa-header-light);--wa-input: var(--wa-input-light)}.dark-mode{--bg-primary: #000000;--bg-secondary: #000000;--bg-sidebar: #000000;--bg-header: rgba(0, 0, 0, .8);--bg-gradient: none;--bg-tertiary: #111111;--text-primary: #ffffff;--text-secondary: #a1a1a1;--text-muted: #666666;--accent: #ffffff;--accent-hover: #ededed;--accent-soft: #111111;--accent-gradient: none;--border: #333333;--border-soft: #111111;--chat-bg-user: #ffffff;--chat-bg-crm: #111111;--chat-bg-bot: #0a0a0a;--chat-text-primary: #ffffff;--chat-text-secondary: #a1a1a1;--chat-icon-bg-user: #333333;--chat-icon-bg-crm: #111111;--chat-icon-bg-bot: #1a1a1a;--chat-icon-text-user: #ffffff;--chat-icon-text-crm: #0070f3;--chat-icon-text-bot: #ffffff;--chat-name-user: #a1a1a1;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 14px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .6);--shadow-xl: 0 30px 60px rgba(0, 0, 0, .7);--success: #0070f3;--success-soft: rgba(0, 112, 243, .1);--warning: #f5a623;--warning-soft: rgba(245, 166, 35, .1);--error: #ff0000;--error-soft: rgba(255, 0, 0, .1);--wa-bg: var(--wa-bg-dark);--wa-bubble-in: var(--wa-bubble-in-dark);--wa-bubble-out: var(--wa-bubble-out-dark);--wa-header: var(--wa-header-dark);--wa-input: var(--wa-input-dark);--wa-text-time: #8696a0}.dark-mode .glass-card{background:var(--bg-primary);border-color:var(--border)}.dark-mode .sidebar{background:var(--bg-sidebar);border-color:var(--border)}.dark-mode input,.dark-mode select,.dark-mode textarea{background-color:var(--bg-primary)!important;color:var(--text-primary)!important;border-color:var(--border)!important}.dark-mode .stat-card{background:var(--bg-primary);border-color:var(--border)}.dark-mode .skeleton{background:linear-gradient(90deg,#111 25%,#222,#111 75%)}@keyframes pulsing-logo{0%{transform:scale(1);filter:drop-shadow(0 0 0 rgba(99,102,241,0))}50%{transform:scale(1.1);filter:drop-shadow(0 0 12px rgba(99,102,241,.5))}to{transform:scale(1);filter:drop-shadow(0 0 0 rgba(99,102,241,0))}}.logo-container{display:inline-flex;align-items:center;cursor:pointer;transition:all .6s cubic-bezier(.16,1,.3,1);overflow:visible;position:relative;padding-right:20px}.logo-icon-wrapper{transition:all .6s cubic-bezier(.16,1,.3,1);display:flex;align-items:center;justify-content:center;z-index:2;flex-shrink:0}.logo-text{transition:all .4s cubic-bezier(.16,1,.3,1);overflow:hidden;white-space:nowrap;max-width:150px;opacity:1;margin-left:10px;display:inline-block;pointer-events:none}.logo-container:hover .logo-text{max-width:0;opacity:0;margin-left:0}.logo-container:hover .logo-icon-wrapper{animation:pulsing-logo 1.5s infinite ease-in-out}.fade-in{animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.dashboard-container{display:grid;grid-template-columns:var(--sidebar-width) 1fr;transition:grid-template-columns .3s cubic-bezier(.16,1,.3,1);height:100vh;overflow:hidden;background-color:var(--bg-primary)}.dashboard-container.desktop-sidebar-closed{grid-template-columns:0px 1fr}.sidebar{background-color:var(--bg-sidebar);border-right:1px solid var(--border);padding:1.25rem .75rem;display:flex;flex-direction:column;z-index:10;transition:all .4s cubic-bezier(.16,1,.3,1);overflow:hidden}.sidebar:hover .sidebar-nav-item:not(:hover){opacity:.6;filter:grayscale(.5)}.sidebar-nav-item{transition:all .2s cubic-bezier(.16,1,.3,1)!important;border-radius:var(--radius-lg)}.sidebar-nav-item:hover{opacity:1!important;filter:none!important;background-color:var(--accent-soft)!important;color:var(--text-primary)!important}.main-content{overflow-y:auto;padding:2.5rem}.glass-effect{background:var(--bg-header)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border:1px solid var(--border)!important}.glass-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all .4s cubic-bezier(.16,1,.3,1);overflow:hidden;border-color:var(--border-soft)}.glass-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2.5rem}.stat-card{padding:1.75rem;display:flex;flex-direction:column;background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--accent-gradient);opacity:0;transition:opacity .4s ease}.skeleton{background:#e2e8f0;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite linear;border-radius:4px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.stat-card:hover{box-shadow:var(--shadow-lg),0 0 0 1px #00000005;transform:translateY(-4px)}.stat-card:hover:after{opacity:1}.stat-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;transition:transform .3s ease}.stat-card:hover .stat-icon{transform:scale(1.05) rotate(-3deg)}.stat-value{font-size:2rem;font-weight:800;margin-top:.25rem;letter-spacing:-.025em;color:var(--text-primary)}.stat-label{color:var(--text-secondary);font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.search-bar{display:flex;align-items:center;gap:.5rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:.4rem .75rem;width:280px;box-shadow:none;border-color:var(--border);transition:all .2s ease}.search-bar:focus-within{box-shadow:0 0 0 3px var(--accent-soft);border-color:var(--accent)}.search-bar input::placeholder{color:var(--text-muted);opacity:.7}.search-bar input{border:none;background:transparent;width:100%;font-size:.85rem;outline:none;color:var(--text-primary);font-weight:400}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.fade-in{animation:fadeIn .5s cubic-bezier(.16,1,.3,1) forwards}button{font-family:inherit;transition:all .25s cubic-bezier(.16,1,.3,1);outline:none}button:active{transform:scale(.95)}button:hover{filter:brightness(1.05)}input[type=text],input[type=email],input[type=password],select,textarea{transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent)!important;box-shadow:0 0 0 3px var(--accent-soft)!important}.mobile-only{display:none!important}@media(max-width:768px){.mobile-only{display:flex!important}.desktop-only{display:none!important}.dashboard-container{grid-template-columns:1fr}.sidebar{position:fixed;top:0;left:0;height:100%;width:280px;z-index:200;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-xl)}.sidebar.sidebar-open{transform:translate(0)}.sidebar-overlay{position:fixed;inset:0;background:#0f172a80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:199;opacity:0;visibility:hidden;transition:all .3s ease}.sidebar-overlay.active{opacity:1;visibility:visible}.main-content{padding:1.5rem 1rem}.main-header{margin-bottom:1.5rem!important}.metric-grid{grid-template-columns:1fr;gap:1rem;margin-bottom:1.5rem}.stat-card{padding:1.25rem}}.chat-bubble-agent{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:20px;border-bottom-left-radius:4px!important}.chat-bubble-user{background:var(--accent);color:var(--bg-primary);border-radius:20px;border-bottom-right-radius:4px!important;box-shadow:var(--shadow-md)}@media(min-width:769px){.dashboard-container.desktop-sidebar-closed{grid-template-columns:0px 1fr}.sidebar.desktop-sidebar-closed{transform:translate(-100%);opacity:0;pointer-events:none;border:none;padding:0;width:0}.desktop-menu-toggle{display:inline-flex!important}}.sarah-thinking{display:flex;gap:4px;padding:8px 12px;background:var(--wa-bubble-in);border-radius:0 8px 8px;width:fit-content;align-self:flex-start;box-shadow:0 1px .5px #00000021;margin-bottom:4px}.dot{width:6px;height:6px;background:#15803d;border-radius:50%;animation:bounce 1.4s infinite ease-in-out both}.chat-bubble-wa{position:relative;min-width:60px;max-width:100%;padding:6px 12px 18px!important;box-shadow:0 1px .5px #00000021!important;font-size:.93rem!important;line-height:1.4!important}.chat-bubble-wa.incoming{border-radius:4px 18px 18px!important;background-color:var(--wa-bubble-in)!important;color:var(--text-primary)!important}.chat-bubble-wa.outgoing{border-radius:18px 4px 18px 18px!important;background-color:var(--wa-bubble-out)!important;color:var(--text-primary)!important}.chat-bubble-wa:after{content:"";position:absolute;top:0;width:0;height:0;border:10px solid transparent}.chat-bubble-wa.incoming:after{left:-10px;border-top-color:var(--wa-bubble-in);border-right-color:var(--wa-bubble-in);clip-path:polygon(100% 0,100% 100%,0 0)}.chat-bubble-wa.outgoing:after{right:-10px;border-top-color:var(--wa-bubble-out);border-left-color:var(--wa-bubble-out);clip-path:polygon(0 0,0 100%,100% 0)}.wa-time{position:absolute;bottom:4px;right:8px;font-size:.68rem;color:var(--wa-text-time);font-weight:500}.wa-input-container{background-color:var(--wa-header);border-radius:25px;padding:8px 16px;display:flex;align-items:center;gap:12px;flex:1}.wa-message-container{background-image:url(https://user-images.githubusercontent.com/15075759/28719144-86dc0f70-73b1-11e7-911d-60d70fcded21.png);background-repeat:repeat;background-attachment:local;background-position:center;position:relative}.wa-message-container:before{content:"";position:absolute;inset:0;background-color:var(--wa-bg);opacity:.92;z-index:0}.wa-message-list{position:relative;z-index:1;padding:20px 5%!important}.dot:nth-child(1){animation-delay:-.32s}.dot:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}button:not(.sidebar-nav-item):not(.chat-send-btn):not(.day-cell){border-radius:var(--radius-md)}input,select,textarea{border-radius:var(--radius-md);border:1px solid var(--border-soft);padding:8px 12px;background-color:var(--bg-secondary);color:var(--text-primary);transition:all .2s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.glass-card{border-radius:var(--radius-xl)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-soft);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--border)}.fade-in{animation:fadeIn .4s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}