:root{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;--bg-primary: #0f0f23;--bg-secondary: #1a1a2e;--bg-card: #16213e;--bg-content: #111827;--text-primary: #f3f4f6;--text-secondary: #9ca3af;--text-muted: #6b7280;--accent: #22c55e;--accent-hover: #16a34a;--border: #374151;--danger: #ef4444;--warning: #f59e0b;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;color:var(--text-primary);background-color:var(--bg-content);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}.app-layout{display:flex;height:100vh}.sidebar{width:220px;background:var(--bg-secondary);color:#eee;padding:20px 0;flex-shrink:0;display:flex;flex-direction:column}.sidebar-header{padding:0 20px 20px;border-bottom:1px solid #333}.sidebar ul{list-style:none;padding:0;margin:10px 0;flex:1}.sidebar-footer{padding:16px 20px;border-top:1px solid #333}.sidebar li a{display:block;padding:12px 20px;color:var(--text-secondary);text-decoration:none;transition:background .2s}.sidebar li a:hover,.sidebar li a.active{background:var(--bg-card);color:#fff}.main-content{flex:1;padding:24px;overflow-y:auto;background:var(--bg-content)}h1{font-size:2rem;font-weight:700;color:var(--text-primary)}.login-page{display:flex;align-items:center;justify-content:center;height:100vh;background:var(--bg-primary)}.login-form{background:var(--bg-secondary);padding:40px;border-radius:var(--radius-lg);width:360px;text-align:center}.login-form h1{color:#fff;margin:0 0 4px;font-size:1.6rem}.login-subtitle{color:#888;margin:0 0 24px;font-size:14px}.login-form input{width:100%;padding:12px;margin-bottom:12px;border:1px solid var(--border);border-radius:6px;background:var(--bg-card);color:#fff;font-size:14px;box-sizing:border-box}.login-form input:focus{outline:none;border-color:var(--accent)}.login-form button{width:100%;padding:12px;background:var(--accent);color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer}.login-form button:hover{background:var(--accent-hover)}.login-form button:disabled{opacity:.6;cursor:not-allowed}.error-message{background:var(--danger);color:#fff;padding:8px 12px;border-radius:6px;margin-bottom:12px;font-size:13px}.card{background:var(--bg-card);border-radius:var(--radius-md);padding:var(--space-md);border:1px solid var(--border)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-md)}.stat-card{text-align:center}.stat-value{font-size:28px;font-weight:700;color:var(--accent)}.stat-label{font-size:12px;color:var(--text-secondary);margin-top:4px}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;padding:10px 12px;color:var(--text-secondary);font-size:12px;font-weight:600;text-transform:uppercase;border-bottom:1px solid var(--border)}.data-table td{padding:10px 12px;border-bottom:1px solid var(--border);color:var(--text-primary)}.data-table tr:hover{background:#ffffff08}.btn{padding:8px 16px;border-radius:var(--radius-sm);border:none;cursor:pointer;font-size:14px;transition:background .2s}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--border)}.btn:disabled{opacity:.5;cursor:not-allowed}.input,.textarea{width:100%;padding:10px 12px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:14px}.input:focus,.textarea:focus{outline:none;border-color:var(--accent)}.textarea{min-height:120px;resize:vertical;font-family:inherit}.heatmap-cell,.timeline-segment{border-radius:2px}.badge{display:inline-block;padding:2px 8px;border-radius:9999px;font-size:11px;font-weight:600}.badge-active{background:#22c55e26;color:#22c55e}.badge-idle{background:#f59e0b26;color:#f59e0b}.badge-offline{background:#6b728026;color:#6b7280}.badge-stale{background:#ef444426;color:#ef4444}.tab-bar{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:var(--space-lg)}.tab{padding:8px 20px;font-size:14px;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);cursor:pointer;transition:color .2s,border-color .2s}.tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.page-header{margin-bottom:var(--space-lg)}.page-title{font-size:20px;font-weight:600;color:var(--text-primary);margin:0}.section-title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 var(--space-md) 0}@keyframes spin{to{transform:rotate(360deg)}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 0;gap:12px}.loading-spinner{width:28px;height:28px;border:3px solid #21262d;border-top-color:#58a6ff;border-radius:50%;animation:spin .8s linear infinite}.loading-text{font-size:14px;color:#8b949e}@media(max-width:768px){.app-layout{flex-direction:column}.sidebar{width:100%;order:2;padding:0;position:fixed;bottom:0;left:0;z-index:100;border-top:1px solid #333}.sidebar-header{display:none}.sidebar ul{display:flex;margin:0;justify-content:space-around}.sidebar li{flex:1}.sidebar li a{text-align:center;padding:12px 8px;font-size:13px}.main-content{padding:16px 16px 64px;order:1}.login-form{width:90%;max-width:360px;padding:24px}}