:root{--color-bg-layout: #0c1322;--color-bg-container: #141d2e;--color-bg-elevated: #1a253a;--color-primary: #6ea8fe;--color-success: #40c992;--color-warning: #f5a623;--color-error: #f56565;--color-info: #63b3ed;--color-border: rgba(255, 255, 255, .1);--color-border-subtle: rgba(255, 255, 255, .06);--color-text-muted: rgba(255, 255, 255, .45);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--sidebar-width: 220px;--sidebar-collapsed-width: 80px;--header-height: 52px;--transition-fast: .15s ease;--transition-base: .2s ease}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;color-scheme:dark}body{margin:0;font-family:Inter,PingFang SC,Helvetica Neue,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100dvh}.skip-link{position:fixed;top:-100%;left:16px;z-index:9999;padding:8px 16px;background:var(--color-primary);color:#0c1322;font-weight:700;border-radius:var(--radius-sm);font-size:14px;text-decoration:none;transition:top var(--transition-fast)}.skip-link:focus{top:16px}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:4px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff47}.sider-toggle{position:absolute;bottom:0;width:100%;padding:14px 0;text-align:center;color:var(--color-text-muted);cursor:pointer;border-top:1px solid var(--color-border-subtle);font-size:16px;transition:color var(--transition-base),background var(--transition-base);background:transparent;border-left:none;border-right:none;border-bottom:none;-webkit-user-select:none;user-select:none}.sider-toggle:hover{color:#ffffffd9;background:#ffffff0a}.header-user{border-radius:var(--radius-sm);transition:background var(--transition-base)}.header-user:hover{background:#ffffff0f!important}.shortcut-card{cursor:pointer;transition:background var(--transition-base),border-color var(--transition-base),transform var(--transition-fast)}.shortcut-card:hover{transform:translateY(-2px)}.shortcut-card:active{transform:translateY(0)}.stat-card{transition:box-shadow var(--transition-base)}.stat-card:hover{box-shadow:0 4px 20px #0000004d}.row-error td{background-color:#f5656514!important}.row-error:hover td{background-color:#f5656524!important}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot--online{background:var(--color-success)}.status-dot--warning{background:var(--color-warning)}.status-dot--error{background:var(--color-error)}.status-dot--idle{background:#ffffff4d}.status-dot--pulse{animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.status-dot--pulse{animation:none}}