*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-in-out}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.slide-in{animation:slideIn .3s ease-in-out}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}.card{padding:2em}@media(max-width:768px){.hide-mobile{display:none!important}}@media(min-width:769px){.hide-desktop{display:none!important}}.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)}}.status-indicator{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px}.status-indicator.online{background-color:#4caf50}.status-indicator.offline{background-color:#9e9e9e}.status-indicator.error{background-color:#f44336}@keyframes messageFlow{0%{opacity:0;transform:scale(.8)}50%{opacity:1;transform:scale(1)}to{opacity:.8;transform:scale(1)}}.message-flow{animation:messageFlow 2s ease-in-out infinite}@keyframes pulsatingBorder{0%{box-shadow:0 0 #2196f3cc,0 0 #4caf50cc,0 0 20px #2196f34d;border-color:#2196f3;transform:scale(1)}25%{box-shadow:0 0 0 8px #2196f366,0 0 0 4px #4caf5066,0 0 30px #2196f380;border-color:#4caf50;transform:scale(1.02)}50%{box-shadow:0 0 0 12px #2196f300,0 0 0 8px #4caf5033,0 0 40px #2196f3b3;border-color:#2196f3;transform:scale(1.03)}75%{box-shadow:0 0 0 8px #2196f333,0 0 0 12px #4caf5000,0 0 30px #2196f380;border-color:#4caf50;transform:scale(1.02)}to{box-shadow:0 0 #2196f3cc,0 0 #4caf50cc,0 0 20px #2196f34d;border-color:#2196f3;transform:scale(1)}}@keyframes subtlePulse{0%{box-shadow:0 0 #2196f399;border-color:#2196f3}50%{box-shadow:0 0 0 6px #2196f300;border-color:#4caf50}to{box-shadow:0 0 #2196f399;border-color:#2196f3}}.pulsating-border{animation:pulsatingBorder 2s ease-in-out infinite;border-width:3px!important;border-style:solid!important}.subtle-pulse{animation:subtlePulse 1.5s ease-in-out infinite;border-width:2px!important;border-style:solid!important}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}