:root{--color-bg-default: #f5f7fb;--color-bg-paper: #ffffff;--color-text-primary: #1a1c1e;--color-text-secondary: #4b5563;--color-primary: #1e88e5;--color-secondary: #7c4dff;--color-success: #2e7d32;--color-warning: #ed6c02;--color-error: #d32f2f;--color-info: #0288d1;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--shadow-sm: 0px 1px 2px rgba(16,24,40,.06), 0px 1px 3px rgba(16,24,40,.1);--shadow-md: 0px 1px 2px rgba(16,24,40,.08), 0px 2px 4px rgba(16,24,40,.1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,Helvetica,Arial,sans-serif;background-color:var(--color-bg-default);color:var(--color-text-primary)}#root{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{display:inline-block;width:20px;height:20px;border:3px solid #f3f3f3;border-top:3px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.status-online{color:#4caf50}.status-offline{color:#f44336}.status-pending{color:#ff9800}.status-completed{color:#4caf50}.status-failed{color:#f44336}.device-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026;transition:all .3s ease}.command-form{background:#fff;border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 2px 4px #0000001a}.realtime-indicator{display:inline-flex;align-items:center;gap:8px;color:#4caf50;font-size:14px;font-weight:500}.realtime-indicator:before{content:"";width:8px;height:8px;background-color:#4caf50;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}