* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
       display: flex; min-height: 100vh; background: #f5f5f5; color: #333; }
.login-page { display: flex; justify-content: center; align-items: center; background: #1a1a2e; }
.login-container { background: #fff; padding: 2rem; border-radius: 8px; width: 360px; }
.login-container h1 { margin-bottom: 1.5rem; color: #1a1a2e; }
.login-container input { display: block; width: 100%; padding: 0.6rem; margin: 0.4rem 0 1rem;
                          border: 1px solid #ccc; border-radius: 4px; font-size: 1rem; }
.login-container button { width: 100%; padding: 0.7rem; background: #1a1a2e; color: #fff;
                           border: none; border-radius: 4px; font-size: 1rem; cursor: pointer; }
.error { color: #c0392b; margin-top: 0.5rem; }
.hidden { display: none; }
.sidebar { width: 240px; background: #1a1a2e; color: #eee; padding: 1rem;
           display: flex; flex-direction: column; }
.sidebar-header h2 { color: #fff; margin-bottom: 1rem; }
.nav-link { display: block; color: #ccc; text-decoration: none; padding: 0.4rem 0;
            font-size: 0.9rem; }
.nav-link:hover { color: #fff; }
#kb-nav { list-style: none; flex: 1; overflow-y: auto; }
#kb-nav li { border-bottom: 1px solid #333; }
.content { flex: 1; padding: 2rem; overflow-y: auto; max-width: 860px; }
.content h1 { margin-bottom: 1rem; color: #1a1a2e; }
article h1, article h2, article h3 { margin: 1.2rem 0 0.6rem; }
article p { margin: 0.6rem 0; line-height: 1.6; }
article table { border-collapse: collapse; width: 100%; margin: 1rem 0; }
article th, article td { border: 1px solid #ddd; padding: 0.5rem 0.8rem; text-align: left; }
article th { background: #f0f0f0; }
article code { background: #f0f0f0; padding: 0.1rem 0.3rem; border-radius: 3px; }
article pre { background: #f5f5f5; padding: 1rem; border-radius: 4px; overflow-x: auto; }
table#sync-table { width: 100%; border-collapse: collapse; font-size: 0.9rem; }
#sync-table th, #sync-table td { border: 1px solid #ddd; padding: 0.4rem 0.6rem; }
#sync-table th { background: #f0f0f0; }
.status-ok td:nth-child(3) { color: #27ae60; font-weight: 600; }
.status-failed td:nth-child(3), .status-blocked td:nth-child(3) { color: #c0392b; font-weight: 600; }
.status-partial td:nth-child(3) { color: #e67e22; font-weight: 600; }
.status-running td:nth-child(3) { color: #2980b9; }