*{box-sizing:border-box;margin:0;padding:0}#root,.app,body,html{-webkit-touch-callout:none!important;-webkit-tap-highlight-color:transparent!important;background:linear-gradient(135deg,#4a4d56,#6b6f7a 50%,#4a4d56)!important;height:100%;-webkit-user-select:none!important;user-select:none!important;width:100%}@media (display-mode:standalone){body,html{-webkit-overflow-scrolling:none!important;overflow:hidden!important;overscroll-behavior:none!important;-webkit-overscroll-behavior:none!important;position:fixed!important;touch-action:manipulation!important}}#root{height:100vh;height:100dvh;position:relative}@media (display-mode:standalone){#root{overflow:hidden!important}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#4a4d56,#6b6f7a 50%,#4a4d56);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;transition:background .5s ease}body.bg-clear{background:linear-gradient(135deg,#4a4d56,#6b6f7a 50%,#4a4d56)!important}body.bg-empty{background:linear-gradient(135deg,#25262b,#35373d 50%,#25262b)!important}body.bg-active{background:linear-gradient(135deg,#279a93,#1e7a74 50%,#185e5a)!important}body.bg-escalated{background:linear-gradient(135deg,#e97677,#d14b4d 50%,#b53c3e)!important}body.bg-loading{background:linear-gradient(135deg,#4a4d56,#6b6f7a 50%,#4a4d56)!important}.app{display:flex;flex-direction:column;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;overflow:hidden;padding:10px}@media (max-width:768px){*{box-sizing:border-box!important}#root,body,html{padding:0!important}#root,.app,body,html{height:100vh!important;height:100dvh!important;margin:0!important;width:100vw!important}.app{box-sizing:border-box!important;overflow-x:hidden!important;overflow-y:auto!important;padding:15px 0 8px!important}.header{margin-bottom:5px!important;padding:0 12px!important}.status-bar{box-sizing:border-box!important;margin-left:12px!important;margin-right:12px!important;width:calc(100% - 24px)!important}.metrics-grid,.sessions-grid,.status-bar{padding-left:12px!important;padding-right:12px!important}.metric-card{margin:2px 0!important;padding:12px 8px!important}.session-card{margin:2px 0!important;padding:10px 8px!important}.last-updated{margin-top:5px!important;padding:8px 12px!important}.header-controls,.status-indicator{margin:0!important}.metrics-grid{gap:4px!important;grid-template-columns:1fr!important;margin-bottom:10px!important}.metrics-grid,.sessions-grid{display:grid!important}.dashboard,.metrics-grid,.sessions-grid{max-width:100%!important;width:100%!important}.dashboard{margin:0!important}}@media (display-mode:standalone) and (min-width:769px){.app{padding:max(env(safe-area-inset-top),7px) 20px 20px}}.header{color:#fff;margin-bottom:5px;text-align:center}.header h1{font-size:1rem;font-weight:700;margin-bottom:5px;text-shadow:0 2px 4px #0000004d}@media (max-width:768px){.header h1{font-size:1rem}@media (display-mode:standalone){.header{margin-bottom:15px;margin-top:5px}.bottom-status-bar{font-size:.8rem;gap:6px;padding:8px 10px}.status-center{font-size:.75rem}.control-btn{height:22px;min-width:22px;padding:3px}}}.status-bar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:6px;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;justify-content:space-between;margin-bottom:20px;max-width:100%;min-height:28px;overflow:hidden;padding:6px 12px;white-space:nowrap;width:100%}.header-controls{gap:2px}.header-controls,.sound-toggle{align-items:center;display:flex;flex-shrink:0}.sound-toggle{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-size:8px;font-weight:500;gap:1px;min-height:16px;padding:1px 3px;transition:all .3s ease;white-space:nowrap}.sound-toggle:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-1px)}.sound-toggle.enabled{background:#22c55e33;border-color:#22c55e80;color:#22c55e}.sound-toggle.disabled{background:#ef444433;border-color:#ef444480;color:#ef4444}body.bg-active .sound-toggle.enabled,body.bg-escalated .sound-toggle.enabled{background:#fff3!important;border-color:#ffffff80!important;color:#fff!important}body.bg-active .sound-toggle.disabled,body.bg-escalated .sound-toggle.disabled{background:#ffffff26!important;border-color:#ffffff4d!important;color:#fffc!important}body.bg-clear .sound-toggle.enabled,body.bg-loading .sound-toggle.enabled{background:#fff3!important;border-color:#ffffff80!important;color:#fff!important}body.bg-clear .sound-toggle.disabled,body.bg-loading .sound-toggle.disabled{background:#ffffff26!important;border-color:#ffffff4d!important;color:#fffc!important}body.bg-active .sound-toggle.enabled:hover,body.bg-clear .sound-toggle.enabled:hover,body.bg-escalated .sound-toggle.enabled:hover,body.bg-loading .sound-toggle.enabled:hover{background:#ffffff4d!important;border-color:#fff9!important}body.bg-active .sound-toggle.disabled:hover,body.bg-clear .sound-toggle.disabled:hover,body.bg-escalated .sound-toggle.disabled:hover,body.bg-loading .sound-toggle.disabled:hover{background:#fff3!important;border-color:#fff6!important}.refresh-button{align-items:center;background:#4b556333;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:8px;font-weight:500;gap:1px;min-height:16px;padding:1px 3px;transition:all .3s ease;white-space:nowrap}.refresh-button:hover{background:#4b556366;border-color:#ffffff80;transform:translateY(-1px)}.refresh-button:active{transform:scale(.95)}@media (max-width:280px){.header h1{font-size:1.6rem}.status-bar{flex-direction:column;gap:6px;padding:6px 8px;text-align:center}.header-controls{justify-content:center}.sound-toggle{font-size:9px;padding:2px 4px}}.header p{font-size:1.1rem;opacity:.9}.dashboard{margin:0 auto;max-width:1200px}.status-indicator{align-items:center;color:#fff;display:flex;flex-shrink:1;font-size:10px;font-weight:500;gap:2px;min-width:0;white-space:nowrap}.status-dot{animation:pulse 2s infinite;border-radius:50%;height:10px;width:10px}.status-dot.online{background-color:#4ade80}.status-dot.offline{background-color:#ef4444}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.metrics-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:30px}@media (min-width:600px){.metrics-grid{grid-template-columns:repeat(2,1fr)}}.metric-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;color:#fff;padding:25px;transition:transform .3s ease,box-shadow .3s ease}.metric-card:hover{box-shadow:0 10px 25px #0003;transform:translateY(-5px)}body.bg-empty .metric-card{background:#ffffff0d;border:1px solid #ffffff1a}body.bg-empty .metric-card:hover{background:#ffffff14;border:1px solid #ffffff26}body.bg-empty .metric-item{background:#ffffff0d}body.bg-empty .bottom-status-bar{background:#ffffff0d;border:1px solid #ffffff1a}body.bg-empty .control-btn{background:#ffffff0d;border:1px solid #ffffff26}body.bg-empty .control-btn:hover{background:#ffffff1a;border-color:#ffffff40}body.bg-empty .sound-toggle.enabled{background:#ffffff1a!important;border-color:#ffffff4d!important;color:#fffc!important}body.bg-empty .sound-toggle.disabled{background:#ffffff0d!important;border-color:#fff3!important;color:#ffffff80!important}body.bg-empty .sound-toggle.enabled:hover{background:#ffffff26!important;border-color:#fff6!important}body.bg-empty .sound-toggle.disabled:hover{background:#ffffff14!important;border-color:#ffffff40!important}body.bg-empty .bottom-status-bar .last-updated-refresh{background:#ffffff0d;border:1px solid #ffffff26}body.bg-empty .condensed-metric,body.bg-empty .debug-container{background:#ffffff0d}body.bg-empty .history-list{background:#0006}body.bg-empty .history-item{border-bottom:1px solid #ffffff0d}body.bg-empty .test-btn{background:#ffffff0d;border:1px solid #ffffff1a}body.bg-empty .test-btn:hover{background:#ffffff1a;border-color:#fff3}body.bg-empty .chat-btn{background:#4caf500d;border-color:#4caf5033}body.bg-empty .chat-btn:hover{background:#4caf501a;border-color:#4caf504d}body.bg-empty .email-btn{background:#2196f30d;border-color:#2196f333}body.bg-empty .email-btn:hover{background:#2196f31a;border-color:#2196f34d}body.bg-empty .escalate-btn{background:#f443360d;border-color:#f4433633}body.bg-empty .escalate-btn:hover{background:#f443361a;border-color:#f443364d}body.bg-empty .visitor-btn{background:#ffc1070d;border-color:#ffc10733}body.bg-empty .visitor-btn:hover{background:#ffc1071a;border-color:#ffc1074d}body.bg-empty .agent-btn{background:#9c27b00d;border-color:#9c27b033}body.bg-empty .agent-btn:hover{background:#9c27b01a;border-color:#9c27b04d}body.bg-empty .delete-btn{background:#ff57220d;border-color:#ff572233}body.bg-empty .delete-btn:hover{background:#ff57221a;border-color:#ff57224d}body.bg-empty,body.bg-empty .bottom-status-bar,body.bg-empty .condensed-metric,body.bg-empty .debug-interface h3,body.bg-empty .debug-testing-section h5,body.bg-empty .error-message,body.bg-empty .loading,body.bg-empty .metric-explanation,body.bg-empty .metric-label,body.bg-empty .metric-value,body.bg-empty .property-name,body.bg-empty .property-value,body.bg-empty .testing-group h6,body.bg-empty .webhook-indicator,body.bg-empty div,body.bg-empty h1,body.bg-empty h2,body.bg-empty h3,body.bg-empty h4,body.bg-empty h5,body.bg-empty h6,body.bg-empty p,body.bg-empty span{color:#ffffff80!important}body.bg-empty .test-btn{color:#fffc!important}.metric-card h3{font-size:1.3rem;gap:10px;margin-bottom:20px}.metric-card h3,.metric-item{align-items:center;display:flex}.metric-item{background:#ffffff1a;border-radius:8px;justify-content:space-between;margin-bottom:10px;padding:10px}.metric-item:last-child{margin-bottom:0}.metric-explanation{color:#fff9;font-size:.85rem;font-style:italic;line-height:1.4;margin-top:10px;padding:8px 12px;text-align:center}.metric-label{font-weight:500;text-transform:capitalize}.metric-value{background:#fff3;border-radius:20px;font-size:1.5rem;font-weight:700;padding:5px 15px}.escalation-highlight{background:#ef44444d!important;border:1px solid #ef444480;color:#fff!important}.bottom-status-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fffc;font-size:.85rem;justify-content:space-between;margin:0 10px;padding:10px 12px}.bottom-status-bar,.status-left{align-items:center;display:flex;gap:8px}.status-left{flex-shrink:0}.status-controls{display:flex;gap:4px}.control-btn{align-items:center;background:#ffffff1a;border:none;border-radius:4px;color:#ffffffb3;cursor:pointer;display:flex;height:24px;justify-content:center;min-width:24px;padding:4px;transition:all .2s ease}.control-btn:hover{background:#fff3;color:#ffffffe6}.control-btn.enabled{background:#22c55e4d;color:#ffffffe6}.control-btn.disabled{background:#ef44444d;color:#ffffffb3}.status-center{flex:1 1;min-width:0;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.bottom-status-bar .last-updated-refresh{border:none;border-radius:4px;flex-shrink:0;height:24px;min-width:24px;padding:4px}.bottom-status-bar .last-updated-refresh,.last-updated-refresh{align-items:center;background:#ffffff1a;color:#ffffffe6;cursor:pointer;display:flex;justify-content:center;transition:all .2s ease}.last-updated-refresh{border:none;border-radius:8px;padding:8px}.bottom-status-bar .last-updated-refresh:hover{background:#fff3;transform:scale(1.05)}.bottom-status-bar .last-updated-refresh:active{transform:scale(.95)}.refresh-collecting{animation:pulse-blue 1.5s infinite;background:#3b82f64d!important;border:1px solid #3b82f680}.refresh-clearing{animation:pulse-orange 1.5s infinite;background:#f59e0b4d!important;border:1px solid #f59e0b80}.refresh-complete{animation:pulse-green 1s ease-in-out;background:#22c55e4d!important;border:1px solid #22c55e80}.bottom-status-bar .last-updated-refresh:disabled{cursor:not-allowed;opacity:.9}.bottom-status-bar .last-updated-refresh:disabled:hover{background:inherit!important;transform:none}@keyframes pulse-blue{0%,to{box-shadow:0 0 0 0 #3b82f666}50%{box-shadow:0 0 0 6px #3b82f600}}@keyframes pulse-orange{0%,to{box-shadow:0 0 0 0 #f59e0b66}50%{box-shadow:0 0 0 6px #f59e0b00}}@keyframes pulse-green{0%,to{box-shadow:0 0 0 0 #22c55e66}50%{box-shadow:0 0 0 6px #22c55e00}}.error-message{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ef444433;border:1px solid #ef44444d;border-radius:10px;color:#fecaca;margin:20px 0;padding:20px;text-align:center}.loading{color:#fff;font-size:1.2rem;padding:40px;text-align:center}.loading-spinner{animation:spin 1s ease-in-out infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:40px;margin-bottom:20px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:480px){.header h1{font-size:2rem}.metrics-grid{gap:15px;grid-template-columns:1fr}.metric-card{padding:15px}.app{padding:12px}}@media (max-width:768px) and (min-width:481px){.header h1{font-size:2.2rem}.app{padding:18px}}@media (display-mode:standalone){#root,.app,body,html{background:linear-gradient(135deg,#4a4d56,#6b6f7a 50%,#4a4d56)!important;height:100%!important;min-height:100vh!important;min-height:100svh!important}#root,body,html{overflow:hidden!important;padding-bottom:env(safe-area-inset-bottom)!important}.app{overflow-x:hidden!important;overflow-y:auto!important;padding-bottom:max(env(safe-area-inset-bottom),20px)!important}.dashboard,.last-updated,.metrics-grid{background:#0000!important}.last-updated{margin-bottom:0!important}body.bg-clear,body.bg-clear #root,body.bg-clear .app,html body.bg-clear{background:linear-gradient(135deg,#4a4d56,#6b6f7a 50%,#4a4d56)!important}body.bg-empty,body.bg-empty #root,body.bg-empty .app,html body.bg-empty{background:linear-gradient(135deg,#25262b,#35373d 50%,#25262b)!important}body.bg-active,body.bg-active #root,body.bg-active .app,html body.bg-active{background:linear-gradient(135deg,#279a93,#1e7a74 50%,#185e5a)!important}body.bg-escalated,body.bg-escalated #root,body.bg-escalated .app,html body.bg-escalated{background:linear-gradient(135deg,#e97677,#d14b4d 50%,#b53c3e)!important}body.bg-loading,body.bg-loading #root,body.bg-loading .app,html body.bg-loading{background:linear-gradient(135deg,#4a4d56,#6b6f7a 50%,#4a4d56)!important}}.debug-container{background:#ffffff1a;border-radius:12px;margin:20px 0;padding:20px}.condensed-dashboard{margin-bottom:15px}.condensed-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.condensed-row.compact{gap:6px;margin-bottom:0}.condensed-row:last-child{margin-bottom:0}.condensed-metric{align-items:center;background:#ffffff1a;border-radius:4px;color:#fff;display:flex;font-size:13px;font-weight:600;gap:5px;justify-content:center;min-width:60px;padding:6px 10px}.condensed-metric.icon-only{min-width:45px;padding:6px 8px}.condensed-metric.compact{font-size:12px;min-width:55px;padding:4px 8px}.condensed-metric.active-ai{background:#4caf504d}.condensed-metric.active-human{background:#ffc1074d}.condensed-metric.waiting{background:#9e9e9e4d}.condensed-metric.waiting.waiting-active{background:#f443364d}.debug-interface h3{align-items:center;color:#fff;display:flex;gap:10px;margin-bottom:20px}.debug-controls{margin-bottom:20px}.ticket-dropdown{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:6px;color:#fff;font-size:14px;padding:10px;width:100%}.ticket-dropdown option{background:#333;color:#fff}.webhook-activity{display:flex;justify-content:flex-end;margin-bottom:10px}.webhook-indicator{align-items:center;background:#4caf504d;border-radius:12px;color:#fff;display:flex;font-size:12px;font-weight:600;gap:4px;padding:4px 8px}.property-viewer h4{color:#fff;margin-bottom:10px}.property-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:15px}.property-name{color:#81c784;font-size:12px;font-weight:600;margin-bottom:5px;text-transform:uppercase}.property-value{align-items:center;color:#fff;display:flex;font-family:monospace;font-size:14px;gap:10px;word-break:break-all}.change-badge{background:#ff9800;border-radius:10px;color:#fff;cursor:help;font-size:11px;font-weight:600;padding:2px 6px}.property-history h5{color:#fff;margin-bottom:10px}.history-list{background:#0003;border-radius:6px;max-height:200px;overflow-y:auto;padding:8px}.history-item{grid-gap:10px;display:grid;gap:10px;grid-template-columns:80px 150px 1fr;padding:8px 0}.history-item,.history-item-multiline{border-bottom:1px solid #ffffff1a;font-size:12px}.history-item-multiline{padding:6px 0}.history-line-1{display:flex;gap:12px;margin-bottom:3px}.history-line-2{color:#ccc;padding-left:8px}.history-item:last-child{border-bottom:none}.history-time{color:#81c784;font-weight:600}.history-property{color:#ffb74d;font-weight:600}.history-value{color:#fff;font-family:monospace;word-break:break-all}.debug-copy-section{margin:15px 0;text-align:center}.copy-debug-btn{background:#4caf504d;border:1px solid #4caf5080;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s ease}.copy-debug-btn:hover{background:#4caf5080;border-color:#4caf50b3}.copy-debug-btn:active{transform:translateY(1px)}.debug-testing-section{background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;margin:15px 0;padding:15px}.debug-testing-section h5{color:#ffb74d;font-size:14px;font-weight:600;margin:0 0 10px}.testing-buttons{gap:15px}.testing-buttons,.testing-group{display:flex;flex-direction:column}.testing-group{gap:8px}.testing-group h6{color:#ccc;font-size:12px;font-weight:500;letter-spacing:.5px;margin:0;text-transform:uppercase}.test-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:12px;gap:6px;padding:8px 12px;transition:all .2s ease}.test-btn:hover{background:#fff3;border-color:#fff6;transform:translateY(-1px)}.test-btn:active{transform:translateY(1px)}.chat-btn{background:#4caf501a;border-color:#4caf5066}.chat-btn:hover{background:#4caf5033;border-color:#4caf5099}.email-btn{background:#2196f31a;border-color:#2196f366}.email-btn:hover{background:#2196f333;border-color:#2196f399}.escalate-btn{background:#f443361a;border-color:#f4433666}.escalate-btn:hover{background:#f4433633;border-color:#f4433699}.visitor-btn{background:#ffc1071a;border-color:#ffc10766}.visitor-btn:hover{background:#ffc10733;border-color:#ffc10799}.agent-btn{background:#9c27b01a;border-color:#9c27b066}.agent-btn:hover{background:#9c27b033;border-color:#9c27b099}.delete-btn{background:#ff57221a;border-color:#ff572266}.delete-btn:hover{background:#ff572233;border-color:#ff572299}.notification-prompt-overlay{align-items:center;animation:fadeIn .3s ease-in;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.notification-prompt{animation:slideUp .3s ease-out;background:linear-gradient(135deg,#2d3748,#1a202c);border:2px solid #ffffff1a;border-radius:12px;box-shadow:0 20px 60px #00000080;max-width:450px;padding:30px}.notification-prompt h3{color:#fff;font-size:24px;font-weight:600;margin-bottom:15px}.notification-prompt p{color:#fffc;font-size:16px;line-height:1.6;margin-bottom:25px}.notification-prompt-buttons{display:flex;gap:12px}.notification-button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:12px 24px;transition:all .2s ease}.notification-button.allow{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff}.notification-button.allow:hover{box-shadow:0 4px 12px #48bb7866;transform:translateY(-2px)}.notification-button.deny{background:#ffffff1a;border:1px solid #fff3;color:#fffc}.notification-button.deny:hover{background:#ffffff26}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=main.d94bd039.css.map*/