*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5}#root{min-height:100vh;display:flex;flex-direction:column}code{font-family:Courier New,Monaco,Consolas,Liberation Mono,monospace}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.fade-in{animation:fadeIn .3s ease-in-out}.slide-in{animation:slideIn .3s ease-in-out}.pulse{animation:pulse 2s infinite}@keyframes agentPulse{0%{box-shadow:0 0 #25d36680;opacity:1}70%{box-shadow:0 0 0 12px #25d36600;opacity:.9}to{box-shadow:0 0 #25d36600;opacity:.8}}.agent-pulse{position:relative;display:inline-block}.agent-pulse:before{content:"";position:absolute;inset:-8px;border-radius:999px;background:transparent;animation:agentPulse 1.6s ease-in-out infinite;z-index:0;pointer-events:none}.agent-pulse:hover:before{animation-play-state:paused}@media (prefers-reduced-motion: reduce){.agent-pulse:before{animation:none}}.agent-pulse .MuiChip-root{position:relative;z-index:1}.loading-spinner{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.notification-badge{position:relative}.notification-badge:after{content:"";position:absolute;top:-2px;right:-2px;width:8px;height:8px;background-color:#f44336;border-radius:50%;border:2px solid white}.connection-status{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:500}.connection-status.connected{background-color:#4caf501a;color:#4caf50}.connection-status.disconnected{background-color:#f443361a;color:#f44336}.connection-status.connecting{background-color:#ff98001a;color:#ff9800}.metric-card{transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.metric-card:hover{box-shadow:0 4px 20px #0000001a}.responsive-table{overflow-x:auto}.responsive-table table{min-width:650px}.form-section{margin-bottom:24px}.form-section:last-child{margin-bottom:0}.avatar-with-status{position:relative}.avatar-with-status:after{content:"";position:absolute;bottom:2px;right:2px;width:12px;height:12px;border-radius:50%;border:2px solid white}.avatar-with-status.online:after{background-color:#4caf50}.avatar-with-status.offline:after{background-color:#9e9e9e}.avatar-with-status.busy:after{background-color:#f44336}.avatar-with-status.away:after{background-color:#ff9800}.chart-container{position:relative;height:300px;width:100%}.chart-loading{display:flex;align-items:center;justify-content:center;height:300px;background-color:#00000005;border-radius:8px}.message-bubble{max-width:70%;padding:8px 12px;border-radius:18px;margin-bottom:8px;word-wrap:break-word}.message-bubble.incoming{background-color:#e3f2fd;color:#1976d2;align-self:flex-start}.message-bubble.outgoing{background-color:#4caf50;color:#fff;align-self:flex-end}.message-bubble.system{background-color:#f5f5f5;color:#666;align-self:center;font-style:italic;font-size:.875rem}.status-indicator{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:uppercase}.status-indicator.active{background-color:#4caf501a;color:#4caf50}.status-indicator.inactive{background-color:#9e9e9e1a;color:#9e9e9e}.status-indicator.pending{background-color:#ff98001a;color:#ff9800}.status-indicator.error{background-color:#f443361a;color:#f44336}.priority-high{color:#f44336;font-weight:600}.priority-medium{color:#ff9800;font-weight:500}.priority-low{color:#4caf50;font-weight:400}.interactive-element{cursor:pointer;transition:all .2s ease-in-out}.interactive-element:hover{opacity:.8}@media (prefers-color-scheme: dark){body{background-color:#121212;color:#fff}}@media (max-width: 768px){.responsive-hide-mobile{display:none!important}.responsive-table table{min-width:100%;font-size:.875rem}.message-bubble{max-width:85%}}@media (max-width: 480px){.responsive-hide-small{display:none!important}.message-bubble{max-width:95%}}@media print{.no-print{display:none!important}body{background:white!important;color:#000!important}}