:root{--bg-darker: #06101A;--bg-dark: #081424;--bg-card: #0C1E35;--bg-card-hover: #112944;--bg-input: #0A1628;--border-color: rgba(0, 50, 98, .45);--border-hover: rgba(0, 50, 98, .7);--border-active: #003262;--accent-primary: #3B7DD8;--accent-secondary: #FDB515;--accent-tertiary: #FF0055;--accent-green: #00C853;--accent-purple: #7C4DFF;--berkeley-blue: #003262;--california-gold: #FDB515;--text-light: #F0F4FA;--text-primary: #C8D8EC;--text-muted: #8A9BB0;--text-dim: #5A6B80;--status-online: #00C853;--status-warning: #FDB515;--status-error: #ff4444;--status-critical: #FF0055;--status-offline: #8A9BB0;--status-sleeping: #7C4DFF;--status-starting: #FF9800;--shadow-glow: 0 0 20px rgba(0, 50, 98, .25);--shadow-card: 0 2px 12px rgba(0, 0, 0, .5);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-base: 15px;--font-size-sm: 13px;--font-size-xs: 11px;--font-size-lg: 17px;--font-size-xl: 20px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);font-size:var(--font-size-base);background:var(--bg-darker);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased}.status-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border-radius:20px;font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.5px}.status-badge.online,.status-badge.ok{background:#00c85326;color:var(--status-online)}.status-badge.warning{background:#ffd60026;color:var(--status-warning)}.status-badge.error,.status-badge.critical{background:#ff444426;color:var(--status-error)}.status-badge.offline{background:#7a8b9a26;color:var(--status-offline)}.status-badge.sleeping{background:#7c4dff26;color:var(--status-sleeping)}.status-badge.starting{background:#ff980026;color:var(--status-starting)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.pulse{animation:pulse 2s ease-in-out infinite}.refresh-btn{background:transparent;border:1px solid var(--border-color);color:var(--text-muted);padding:4px 8px;border-radius:var(--radius-sm);cursor:pointer;font-size:12px;transition:all .2s;display:inline-flex;align-items:center;gap:4px}.refresh-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.refresh-btn.spinning svg{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.widget-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-card);transition:border-color .3s}.widget-card:hover{border-color:var(--border-hover)}.widget-card.online{border-color:#00c8534d}.widget-card.warning{border-color:#ffd6004d}.widget-card.error,.widget-card.critical{border-color:#ff44444d}.widget-card.sleeping{border-color:#7c4dff4d}.widget-header{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--border-color);background:#0003}.widget-header .widget-icon{color:var(--accent-primary);flex-shrink:0}.widget-header .widget-title{font-size:var(--font-size-lg);font-weight:600;color:var(--text-light);flex:1}.widget-body{padding:14px 16px;min-height:80px}.widget-footer{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;border-top:1px solid var(--border-color);background:#00000026;font-size:11px;color:var(--text-dim)}.widget-empty{text-align:center;padding:24px 16px;color:var(--text-muted);font-size:13px}.widget-error{padding:8px 12px;margin-bottom:8px;background:#ff44441a;border:1px solid rgba(255,68,68,.2);border-radius:var(--radius-sm);color:var(--status-error);font-size:12px}.widget-sleeping{text-align:center;padding:24px 16px;color:var(--status-sleeping)}.widget-sleeping .sleeping-icon{font-size:28px;margin-bottom:8px}.widget-sleeping .sleeping-msg{font-size:13px;margin-bottom:4px}.widget-sleeping .sleeping-hint{font-size:11px;color:var(--text-muted)}