*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0a1628;color:#e8f0fa;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at 20% 50%,rgba(0,180,255,.06) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(124,77,255,.04) 0%,transparent 50%),radial-gradient(ellipse at 50% 100%,rgba(0,229,255,.03) 0%,transparent 50%);pointer-events:none;z-index:0}#root{min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:1}code{font-family:Courier New,Monaco,Consolas,monospace}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(139,163,192,.3);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:rgba(0,180,255,.5)}@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)}}@keyframes glowPulse{0%{box-shadow:0 0 5px #00b4ff33}50%{box-shadow:0 0 20px #00b4ff66}to{box-shadow:0 0 5px #00b4ff33}}@keyframes neonLine{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.fade-in{animation:fadeIn .3s ease-in-out}.slide-in{animation:slideIn .3s ease-in-out}.pulse{animation:pulse 2s infinite}.glow-pulse{animation:glowPulse 2s infinite}.glow-line{height:1px;background:linear-gradient(90deg,transparent,rgba(0,180,255,.5),transparent);background-size:200% auto;animation:neonLine 3s linear infinite}@keyframes agentPulse{0%{box-shadow:0 0 #00e67680;opacity:1}70%{box-shadow:0 0 0 12px #00e67600;opacity:.9}to{box-shadow:0 0 #00e67600;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}.glow-pulse,.glow-line{animation:none}}.agent-pulse .MuiChip-root{position:relative;z-index:1}.loading-spinner{display:inline-block;width:20px;height:20px;border:3px solid rgba(0,180,255,.2);border-radius:50%;border-top-color:#00b4ff;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:linear-gradient(135deg,#FF5252,#FF1744);border-radius:50%;border:2px solid #0A1628;box-shadow:0 0 6px #ff525280}.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:#00e6761a;color:#69f0ae}.connection-status.disconnected{background-color:#ff52521a;color:#ff8a80}.connection-status.connecting{background-color:#ffb3001a;color:#ffd54f}.metric-card{transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.metric-card:hover{box-shadow:0 0 30px #00b4ff26}.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 #0A1628}.avatar-with-status.online:after{background-color:#00e676;box-shadow:0 0 6px #00e67680}.avatar-with-status.offline:after{background-color:#5a7394}.avatar-with-status.busy:after{background-color:#ff5252;box-shadow:0 0 6px #ff525280}.avatar-with-status.away:after{background-color:#ffb300;box-shadow:0 0 6px #ffb30080}.chart-container{position:relative;height:300px;width:100%}.chart-loading{display:flex;align-items:center;justify-content:center;height:300px;background-color:#ffffff05;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:#00b4ff1a;color:#e8f0fa;border:1px solid rgba(0,180,255,.15);align-self:flex-start}.message-bubble.outgoing{background:linear-gradient(135deg,#00C853,#00962E);color:#fff;align-self:flex-end}.message-bubble.system{background-color:#ffffff0a;color:#8ba3c0;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:#00e6761a;color:#69f0ae}.status-indicator.inactive{background-color:#5a73941a;color:#8ba3c0}.status-indicator.pending{background-color:#ffb3001a;color:#ffd54f}.status-indicator.error{background-color:#ff52521a;color:#ff8a80}.priority-high{color:#ff8a80;font-weight:600}.priority-medium{color:#ffd54f;font-weight:500}.priority-low{color:#69f0ae;font-weight:400}.interactive-element{cursor:pointer;transition:all .2s ease-in-out}.interactive-element:hover{opacity:.85}@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}body:before{display:none}}