*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100vh}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.loading-spinner{display:flex;justify-content:center;align-items:center;height:100vh}.debug-console{font-family:Courier New,monospace;background:#1e1e1e;color:#d4d4d4;padding:16px;border-radius:4px;max-height:400px;overflow-y:auto}.debug-log-entry{margin-bottom:8px;padding:4px 8px;border-radius:2px}.debug-log-entry.error{background:#f443361a;border-left:3px solid #f44336}.debug-log-entry.warning{background:#ff98001a;border-left:3px solid #ff9800}.debug-log-entry.info{background:#2196f31a;border-left:3px solid #2196f3}.debug-log-entry.success{background:#4caf501a;border-left:3px solid #4caf50}.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:#f44336}.status-indicator.warning{background-color:#ff9800}.hover-card{transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.hover-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #0000001f}