*{margin:0;padding:0;box-sizing:border-box}body{font-family:Courier New,monospace;background:#1a1a2e;color:#e0e0e0;overflow:hidden;height:100vh}#root{height:100vh}.app{height:100vh;display:flex;flex-direction:column;position:relative}.village-container{flex:1;position:relative}.panel{position:absolute;right:0;top:0;bottom:40px;width:320px;background:#16213e;border-left:2px solid #0f3460;overflow-y:auto;z-index:10}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #0f3460}.panel-header h2{font-size:14px;color:#e94560}.panel-close{background:none;border:none;color:#e0e0e0;font-size:20px;cursor:pointer}.panel-status{padding:8px 16px}.status-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;text-transform:uppercase;font-weight:700}.status-healthy{background:#2ecc7130;color:#2ecc71}.status-warning{background:#f39c1230;color:#f39c12}.status-critical{background:#e74c3c30;color:#e74c3c}.status-unknown{background:#95a5a630;color:#95a5a6}.panel-actions{padding:8px 16px;display:flex;flex-wrap:wrap;gap:6px}.panel-actions button{flex:1;padding:6px 8px;background:#0f3460;color:#e0e0e0;border:1px solid #1a4a8a;border-radius:4px;font-size:11px;font-family:inherit;cursor:pointer;transition:background .2s}.panel-actions button:hover{background:#1a4a8a}.panel-results{padding:8px 16px}.panel-results h3{font-size:12px;color:#e94560;margin-bottom:8px}.task-result{margin-bottom:12px;padding:8px;background:#1a1a2e;border-radius:4px}.task-header{display:flex;justify-content:space-between;font-size:11px;margin-bottom:6px}.task-time{color:#95a5a6}.checks-list{font-size:10px}.check-item{display:flex;gap:4px;align-items:baseline;padding:2px 0;line-height:1.4}.check-icon{font-size:10px;flex-shrink:0;width:12px;text-align:center}.check-name{color:#95a5a6;flex-shrink:0}.check-message{color:silver}.loading,.empty{font-size:11px;color:#95a5a6}.status-bar{height:40px;background:#16213e;border-top:2px solid #0f3460;display:flex;align-items:center;padding:0 16px;gap:16px;font-size:11px;z-index:10}.status-item{color:#95a5a6}.status-healthy{color:#2ecc71}.status-warning{color:#f39c12}.status-critical{color:#e74c3c}.api-key-prompt{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.api-key-prompt h1{color:#e94560;font-size:24px}.api-key-prompt p{color:#95a5a6;font-size:13px}.api-key-prompt form{display:flex;gap:8px}.api-key-prompt input{padding:8px 12px;background:#16213e;border:1px solid #0f3460;color:#e0e0e0;border-radius:4px;font-family:inherit;font-size:13px;width:280px}.api-key-prompt button{padding:8px 16px;background:#e94560;color:#fff;border:none;border-radius:4px;font-family:inherit;font-size:13px;cursor:pointer}.api-key-prompt button:hover{background:#c73e54}