@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap);:root{--font-main:"Inter",sans-serif;--font-heading:"Plus Jakarta Sans",sans-serif;--bg-deep:#050505;--bg-surface:#0f0f0f;--bg-card:#141414;--bg-input:#0a0a0a;--primary:#d4af37;--primary-hover:#f1c40f;--text-pure:#fff;--text-main:#e2e8f0;--text-dim:#94a3b8;--text-muted:#475569;--border:#ffffff14;--border-bright:#ffffff26;--glow:#d4af3726;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px}[data-theme=light]{--bg-deep:#f8fafc;--bg-surface:#fff;--bg-card:#f1f5f9;--bg-input:#fff;--primary:#8b6e15;--primary-hover:#b4932d;--text-pure:#0f172a;--text-main:#334155;--text-dim:#64748b;--text-muted:#94a3b8;--border:#0f172a14;--border-bright:#0f172a26;--glow:#8b6e151a}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background-color:#050505;background-color:var(--bg-deep);color:#e2e8f0;color:var(--text-main);font-family:Inter,sans-serif;overflow-x:hidden;transition:background-color .3s ease,color .3s ease}.font-heading,h1,h2,h3,h4{color:#fff;color:var(--text-pure);font-family:Plus Jakarta Sans,sans-serif;font-weight:800;letter-spacing:-.03em}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#050505;background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:#475569;background:var(--text-muted);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#d4af37;background:var(--primary)}.glass{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0f0f0f;background:var(--bg-surface);border:1px solid #ffffff14;border:1px solid var(--border)}button{cursor:pointer;font-family:inherit;transition:all .4s cubic-bezier(.16,1,.3,1)}::selection{background:#d4af37;background:var(--primary);color:#fff}.dashboard-wrapper{background-color:var(--bg-deep);min-height:100vh;padding:1rem 2.5rem 2.5rem;transition:background-color .3s ease}.dashboard{display:flex;flex-direction:column;gap:3rem;margin:0 auto;max-width:1400px}.header{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);justify-content:space-between;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:1rem;z-index:100}.header,.header-left{align-items:center;display:flex}.header-left{gap:1.5rem}.logo{height:32px}.header-center h1{font-size:1.1rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.header-right{gap:1.5rem}.header-right,.theme-toggle{align-items:center;display:flex}.theme-toggle{background:var(--bg-card);border:1px solid var(--border);border-radius:50%;color:var(--text-pure);cursor:pointer;height:38px;justify-content:center;transition:all .3s cubic-bezier(.16,1,.3,1);width:38px}.theme-toggle:hover{background:var(--bg-surface);border-color:var(--primary);box-shadow:0 0 15px var(--glow);color:var(--primary)}.user-badge{border-left:1px solid var(--border);gap:.75rem;padding-left:1rem}.user-avatar,.user-badge{align-items:center;display:flex}.user-avatar{background:var(--bg-surface);border:1px solid var(--primary);border-radius:8px;color:var(--primary);font-size:.8rem;font-weight:700;height:32px;justify-content:center;width:32px}.user-meta{display:flex;flex-direction:column}.user-name{font-size:.85rem;font-weight:800}.user-role{color:var(--text-muted);font-size:.65rem;letter-spacing:.05em}.logout-button,.user-role{font-weight:700;text-transform:uppercase}.logout-button{background:#0000;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-dim);font-size:.7rem;padding:.5rem 1rem}.logout-button:hover{background:#ef44440d;border-color:#ef444466;color:#ef4444}.tabs-container{display:flex;justify-content:center;position:-webkit-sticky;position:sticky;top:6.5rem;z-index:90}.tabs{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);display:flex;gap:.5rem;padding:.4rem}.tab{background:#0000;border:none;border-radius:var(--radius-lg);color:var(--text-muted);font-size:.8rem;font-weight:700;letter-spacing:.1em;padding:.6rem 2rem;text-transform:uppercase}.tab.active{background:var(--primary);color:var(--bg-deep)}.tab:not(.active):hover{background:#ffffff08;color:var(--text-pure)}.history-sub-nav{background:var(--bg-deep);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;gap:1.5rem;padding:.25rem}.sub-tab{background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-dim);font-family:var(--font-main);font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.5rem 1.25rem;text-transform:uppercase;transition:all .3s ease}.sub-tab.active{background:var(--bg-card);box-shadow:0 2px 10px #0003;color:var(--primary)}.sub-tab:not(.active):hover{color:var(--text-pure)}.history-tab-content{animation:fadeIn .4s ease}.full-width{grid-column:1/-1}.stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:.5rem;padding:1.5rem;transition:all .4s cubic-bezier(.16,1,.3,1)}.stat-card:hover{border-color:var(--primary);transform:translateY(-4px)}.stat-card.pending{border-top:3px solid #ef4444}.stat-card.active{border-top:3px solid #3b82f6}.stat-card.completed{border-top:3px solid #10b981}.stat-card.bot-active{border-top:3px solid #6366f1}.stat-card.total{border-top:3px solid var(--primary)}.stat-number{color:var(--text-pure);font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font-heading,"Plus Jakarta Sans",sans-serif);font-size:2.25rem;line-height:1}.stat-label{color:var(--text-muted);font-size:.65rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.history-container{display:flex;flex-direction:column;gap:2rem}.history-header-section{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding-bottom:1.5rem}.history-controls{align-items:center;display:flex;gap:2rem}.date-filter-group{display:flex;gap:1rem}.input-field{display:flex;flex-direction:column;gap:.25rem}.agent-filter-field label,.input-field label{color:var(--text-muted);font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.agent-filter-dropdown,.input-field input{background:var(--bg-input)!important;border:1px solid var(--border)!important;border-radius:var(--radius-sm)!important;color:var(--text-pure)!important;font-family:var(--font-main);font-size:.85rem;font-weight:500;height:40px;outline:none;padding:.6rem 1rem!important;transition:all .3s ease}.agent-filter-dropdown:focus,.input-field input:focus{border-color:var(--primary)!important;box-shadow:0 0 0 2px var(--glow)}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(1);filter:invert(var(--calendar-invert,1));opacity:.5;-webkit-transition:all .3s ease;transition:all .3s ease}[data-theme=light] input[type=date]::-webkit-calendar-picker-indicator{filter:none;opacity:.7}input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1;transform:scale(1.1)}.history-grid-split{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:2fr 1fr}.history-column-header{border-bottom:1px solid var(--border);color:var(--primary);font-size:.8rem;letter-spacing:.1em;margin-bottom:2rem;padding-bottom:.5rem;text-transform:uppercase}.agent-subsection{margin-bottom:3rem}.agent-group-title{color:var(--text-pure);font-size:.85rem;font-weight:800;margin-bottom:1.25rem}.cards-list-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.handover-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:1.25rem;padding:1.75rem}.customer-info{font-size:1.1rem;font-weight:800}.customer-phone{color:var(--text-dim);display:block;font-size:.75rem;margin-top:.2rem}.session-id{color:var(--text-muted);font-family:monospace;font-size:.65rem}.btn{border-radius:var(--radius-sm);font-size:.7rem;font-weight:800;letter-spacing:.1em;padding:.6rem;text-transform:uppercase}.btn-primary{background:var(--primary);border:none;color:var(--bg-deep)}.btn-secondary{background:#0000;border:1px solid var(--border);color:var(--text-main)}.btn-success{background:#10b981;border:none;color:#fff}.chat-modal{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;display:flex;inset:0;justify-content:center;padding:2rem;position:fixed;z-index:1000}.chat-window{background:var(--bg-surface);border:1px solid var(--border-bright);border-radius:var(--radius-lg);display:flex;flex-direction:column;height:85vh;max-width:900px;width:100%}.chat-header{align-items:center;border-bottom:1px solid var(--border);display:flex;font-weight:800;justify-content:space-between;padding:1.5rem 2rem}.modal-title-group{align-items:center;display:flex;gap:.5rem}.session-tag{color:var(--text-muted);font-family:monospace;font-size:.8rem}.message-content{display:flex;flex-direction:column;max-width:85%}.message-row.incoming .message-content{align-items:flex-start}.message-row.outgoing .message-content{align-items:flex-end}.close-chat-modal{background:#0000;border:none;color:var(--text-dim);cursor:pointer;font-size:1.5rem}.chat-history{flex:1 1;gap:1.5rem;overflow-y:auto;padding:2rem}.chat-history,.message-row{display:flex;flex-direction:column}.message-row{gap:.5rem}.message-row.incoming{align-items:flex-start}.message-row.outgoing{align-items:flex-end}.message-meta{color:var(--text-muted);font-size:.7rem;font-weight:700;text-transform:uppercase}.message-bubble{border-radius:12px;font-size:.95rem;line-height:1.5;max-width:80%;padding:1rem 1.5rem}.message-row.incoming .message-bubble{background:var(--bg-card);border:1px solid var(--border);color:var(--text-main)}.message-row.outgoing .message-bubble{background:var(--primary);color:var(--bg-deep);font-weight:600}.chat-input-row{align-items:center;border-top:1px solid var(--border);display:flex;gap:1rem;padding:1.5rem 2rem}.chat-input-container{display:flex;flex:1 1;gap:.75rem}.chat-input-container input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-pure);flex:1 1;padding:.75rem 1rem}.chat-input-container button{background:var(--primary);border:none;border-radius:var(--radius-sm);color:var(--bg-deep);font-size:.75rem;font-weight:800;padding:0 1.5rem;text-transform:uppercase}.quick-replies-wrapper{position:relative}.quick-replies-toggle-btn{background:var(--bg-card);border:1px solid var(--border);border-radius:50%;cursor:pointer;height:40px;width:40px}.quick-replies-popup{background:var(--bg-surface);border:1px solid var(--border-bright);border-radius:var(--radius-md);bottom:100%;box-shadow:0 10px 25px #00000080;display:flex;flex-direction:column;gap:.25rem;left:0;margin-bottom:1rem;padding:.5rem;position:absolute;width:250px}.quick-reply-option{background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-main);cursor:pointer;font-size:.8rem;padding:.6rem 1rem;text-align:left}.quick-reply-option:hover{background:var(--bg-card);color:var(--primary)}.live-badge{background:#10b9811a;border:1px solid #10b98133;border-radius:4px;color:#10b981;font-size:.6rem;letter-spacing:.05em;margin-left:.5rem;padding:.2rem .5rem;text-transform:uppercase}.loading-state{color:var(--primary);font-weight:800;letter-spacing:.3em;padding:5rem;text-align:center;text-transform:uppercase}.empty-state-icon{color:var(--primary);display:flex;justify-content:center;margin-bottom:1.5rem}.empty-state-icon svg{stroke-width:1.5}.empty-state{background:var(--bg-surface);border:1px dashed var(--border);border-radius:var(--radius-lg);padding:4rem;text-align:center}@media (max-width:1024px){.history-grid-split{grid-template-columns:1fr}}.aesthetic-datepicker-container{display:flex;flex-direction:column;gap:.5rem;position:relative}.datepicker-trigger{align-items:center;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;display:flex;justify-content:space-between;min-width:190px;padding:.75rem 1.25rem;transition:all .3s cubic-bezier(.16,1,.3,1)}.datepicker-trigger.active,.datepicker-trigger:hover{background:var(--bg-card);border-color:var(--primary);box-shadow:0 0 20px var(--glow)}.datepicker-trigger .date-text{color:var(--text-pure);font-size:.9rem;font-weight:600}.calendar-dropdown{background:var(--bg-surface);border:1px solid var(--border-bright);border-radius:var(--radius-lg);box-shadow:0 30px 60px #0009;display:flex;flex-direction:column;gap:1.25rem;padding:1.5rem;position:absolute;right:0;top:calc(100% + .75rem);width:280px;z-index:500}.calendar-presets{border-bottom:1px solid var(--border);display:flex;gap:.5rem;margin-bottom:.5rem;padding-bottom:1.25rem}.preset-btn{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-dim);flex:1 1;font-size:.65rem;font-weight:700;padding:.4rem;text-transform:uppercase;transition:all .2s ease}.preset-btn:hover{background:var(--primary);border-color:var(--primary);color:var(--bg-deep)}.calendar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.25rem}.calendar-header button{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:50%;color:var(--text-pure);display:flex;font-size:1.2rem;height:32px;justify-content:center;width:32px}.calendar-header button:hover{border-color:var(--primary);color:var(--primary)}.current-month{color:var(--primary);font-family:var(--font-heading);font-size:.9rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:.75rem;text-align:center}.calendar-weekdays div{color:var(--text-muted);font-size:.65rem;font-weight:800;text-transform:uppercase}.calendar-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr)}.calendar-day{align-items:center;border-radius:6px;color:var(--text-main);cursor:pointer;display:flex;font-size:.8rem;font-weight:600;height:32px;justify-content:center;transition:all .2s ease}.calendar-day:not(.empty):hover{background:#d4af371a;color:var(--primary)}.calendar-day.selected{background:var(--primary);color:var(--bg-deep);font-weight:800}.calendar-day.selected.start{border-radius:6px 0 0 6px}.calendar-day.selected.end{border-radius:0 6px 6px 0}.calendar-day.in-range{background:#d4af3726;border-radius:0;color:var(--primary)}.calendar-day.empty{cursor:default}.range-display{align-items:center;display:flex;gap:.75rem}.range-sep{color:var(--text-muted);font-size:.8rem}.datepicker-label{color:var(--text-dim);font-size:.65rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.animate-in{animation:fadeInScale .2s cubic-bezier(.16,1,.3,1)}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width:768px){.header{flex-direction:column;gap:1rem}.history-header-section{gap:1.5rem}.history-controls,.history-header-section{align-items:flex-start;flex-direction:column}.history-controls{width:100%}}.agent-stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr);padding-bottom:2rem}.agent-stat-card{align-items:center;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:2.5rem 1rem;transition:transform .3s ease}.agent-stat-card:hover{box-shadow:0 10px 20px #0003;transform:translateY(-5px)}.agent-stat-number{font-size:3.5rem;font-weight:300;line-height:1}.agent-stat-label{color:var(--text-muted);font-size:.7rem;font-weight:700;letter-spacing:.1em;text-align:center;text-transform:uppercase}@media (max-width:1024px){.agent-stats-grid{grid-template-columns:repeat(2,1fr)}}.login-container{align-items:center;background:radial-gradient(circle at top center,#1a1a1a,#000);display:flex;height:100vh;justify-content:center;overflow:hidden;position:relative;width:100vw}.login-container:before{background-image:linear-gradient(#ffffff08 1px,#0000 0),linear-gradient(90deg,#ffffff08 1px,#0000 0);background-size:40px 40px;content:"";height:200%;opacity:.3;pointer-events:none;position:absolute;transform:rotate(15deg);width:200%}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#14141499;border:1px solid #ffffff14;border-radius:24px;box-shadow:0 25px 50px -12px #000000b3,inset 0 0 0 1px #ffffff0d;display:flex;flex-direction:column;gap:2.5rem;max-width:420px;padding:3rem 2.5rem;position:relative;text-align:center;width:100%;z-index:10}.login-card:after{background:linear-gradient(90deg,#0000,var(--primary),#0000);border-radius:0 0 4px 4px;box-shadow:0 0 15px var(--glow);content:"";height:4px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:60px}.brand-section{align-items:center;display:flex;flex-direction:column;gap:.75rem}.login-logo{filter:drop-shadow(0 0 10px rgba(255,215,0,.2));height:48px;margin-bottom:.5rem}.brand-title{-webkit-text-fill-color:#0000;background:linear-gradient(180deg,#fff,#aaa);background-clip:text;-webkit-background-clip:text;font-family:var(--font-heading);font-size:1.75rem;font-weight:800;letter-spacing:-.02em;margin:0}.brand-subtitle{color:var(--text-muted);font-size:.8rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase}.auth-section{display:flex;flex-direction:column;gap:1rem;width:100%}.google-btn-wrapper{display:flex;justify-content:center;width:100%}.login-error{background:#ef44441a;border:1px solid #ef444433;border-radius:8px;color:#ef4444;font-size:.8rem;font-weight:600;padding:.75rem}.loading-spinner{animation:pulse 1.5s infinite;color:var(--primary);font-size:.9rem;font-weight:700;letter-spacing:.1em}.login-footer p{color:var(--text-dim);font-size:.65rem;font-weight:700;letter-spacing:.2em;opacity:.6}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}
/*# sourceMappingURL=main.7f899a70.css.map*/