:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0}#root{flex-direction:column;min-height:100vh;display:flex}*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#2563eb;--primary-hover:#1d4ed8;--secondary:#64748b;--danger:#ef4444;--danger-hover:#dc2626;--success:#22c55e;--background:#f8fafc;--surface:#fff;--border:#e2e8f0;--text:#1e293b;--text-light:#64748b;--code-bg:#f1f5f9;--code-text:#1e293b;--pre-bg:#1e293b;--pre-text:#e2e8f0;--shadow:#0000001a;--shadow-hover:#00000026}[data-theme=dark]{--primary:#3b82f6;--primary-hover:#60a5fa;--secondary:#94a3b8;--danger:#ef4444;--danger-hover:#f87171;--background:#0f172a;--surface:#1e293b;--border:#334155;--text:#f1f5f9;--text-light:#94a3b8;--code-bg:#334155;--code-text:#f1f5f9;--pre-bg:#0f172a;--pre-text:#e2e8f0;--shadow:#0000004d;--shadow-hover:#00000080}body{background-color:var(--background);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.6;transition:background-color .3s,color .3s}.navbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:100;justify-content:space-between;align-items:center;padding:1rem 2rem;transition:background-color .3s,border-color .3s;display:flex;position:sticky;top:0}.navbar-brand a{color:var(--primary);align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;text-decoration:none;display:flex}.navbar-logo{width:32px;height:32px}.navbar-left{align-items:center;gap:2rem;display:flex}.navbar-search{align-items:center;display:flex}.navbar-search-input{border:1px solid var(--border);background:var(--background);color:var(--text);border-radius:8px 0 0 8px;width:200px;padding:.5rem .75rem;font-size:.9rem;transition:all .2s}.navbar-search-input:focus{border-color:var(--primary);outline:none}.navbar-search-btn{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-left:none;border-radius:0 8px 8px 0;padding:.5rem .75rem;transition:all .2s}.navbar-search-btn:hover{background:var(--code-bg)}.navbar-links{align-items:center;gap:1.5rem;display:flex}.navbar-links a{color:var(--text);text-decoration:none;transition:color .2s}.navbar-links a:hover{color:var(--primary)}.user-info{color:var(--text-light);font-size:.9rem}.theme-toggle{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;padding:.5rem;font-size:1.2rem;transition:all .2s;display:flex}.theme-toggle:hover{background:var(--code-bg)}.main-content{min-height:calc(100vh - 70px)}.page-container{max-width:1200px;margin:0 auto;padding:2rem}.page-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.page-header h1{font-size:2rem}.auth-container{justify-content:center;align-items:center;min-height:calc(100vh - 70px);padding:2rem;display:flex}.auth-card{background:var(--surface);box-shadow:0 4px 6px -1px var(--shadow);border-radius:12px;width:100%;max-width:400px;padding:2rem;transition:background-color .3s,box-shadow .3s}.auth-card h2{text-align:center;margin-bottom:1.5rem}.form-group{margin-bottom:1rem}.form-group label{margin-bottom:.5rem;font-weight:500;display:block}.form-group input,.form-group textarea,.form-group select{border:1px solid var(--border);background:var(--background);width:100%;color:var(--text);border-radius:8px;padding:.75rem;font-family:inherit;font-size:1rem;transition:all .3s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #3b82f61a}.error-message{color:var(--danger);background:#ef44441a;border-radius:8px;margin-bottom:1rem;padding:.75rem;font-size:.9rem}.btn-primary,.btn-secondary,.btn-danger,.btn-logout{cursor:pointer;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;text-decoration:none;transition:all .2s;display:inline-block}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-secondary{background:var(--secondary);color:#fff}.btn-secondary:hover{background:#475569}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:var(--danger-hover)}.btn-logout{color:var(--danger);border:1px solid var(--danger);background:0 0}.btn-logout:hover{background:var(--danger);color:#fff}.btn-small{padding:.5rem 1rem;font-size:.875rem}.auth-link{text-align:center;color:var(--text-light);margin-top:1rem}.auth-link a{color:var(--primary);text-decoration:none}.loading{text-align:center;color:var(--text-light);padding:3rem}.empty-state{text-align:center;background:var(--surface);border-radius:12px;padding:3rem;transition:background-color .3s}.empty-state p{color:var(--text-light);margin-bottom:1rem}.articles-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;display:grid}.article-card{background:var(--surface);box-shadow:0 1px 3px var(--shadow);border-radius:12px;transition:transform .2s,box-shadow .2s,background-color .3s;overflow:hidden}.article-card:hover{box-shadow:0 4px 12px var(--shadow-hover);transform:translateY(-2px)}.article-link{color:inherit;padding:1.5rem;text-decoration:none;display:block}.article-link h3{color:var(--text);margin-bottom:.75rem}.article-excerpt{color:var(--text-light);margin-bottom:1rem;font-size:.9rem}.article-meta{color:var(--text-light);gap:.5rem;font-size:.8rem;display:flex}.article-actions{border-top:1px solid var(--border);gap:.5rem;padding:1rem 1.5rem;transition:border-color .3s;display:flex}.status{border-radius:4px;padding:.25rem .5rem;font-size:.75rem;font-weight:500}.status.draft{color:#92400e;background:#fef3c7}[data-theme=dark] .status.draft{color:#fef3c7;background:#78350f}.status.published{color:#065f46;background:#d1fae5}[data-theme=dark] .status.published{color:#d1fae5;background:#064e3b}.old-revision-badge{color:#92400e;background:#fef3c7;border-radius:4px;padding:.25rem .5rem;font-size:.75rem;font-weight:500}[data-theme=dark] .old-revision-badge{color:#fef3c7;background:#78350f}.article-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1rem;transition:border-color .3s;display:flex}.article-header h1{margin-bottom:.5rem;font-size:2.5rem}.article-header .article-actions{border:none;padding:0}.article-content{background:var(--surface);border-radius:12px;padding:2rem;line-height:1.8;transition:background-color .3s}.article-content h1,.article-content h2,.article-content h3{color:var(--text);margin:1.5rem 0 1rem}.article-content p{margin-bottom:1rem}.article-content code{background:var(--code-bg);color:var(--code-text);border-radius:4px;padding:.2rem .4rem;font-size:.9em}.article-content pre{background:var(--pre-bg);color:var(--pre-text);border-radius:8px;margin:1rem 0;padding:1rem;overflow-x:auto}.article-content pre code{background:0 0;padding:0}.revisions-panel{background:var(--surface);border-radius:12px;margin-bottom:2rem;padding:1.5rem;transition:background-color .3s}.revisions-panel h3{margin-bottom:1rem}.revisions-list{flex-direction:column;gap:.5rem;display:flex}.revision-item{background:var(--background);border-radius:8px;align-items:center;gap:1rem;padding:.75rem;transition:background-color .3s;display:flex}.version-number{color:var(--primary);font-weight:700}.editor,.date{color:var(--text-light);font-size:.9rem}.revision-item a{color:var(--primary);margin-left:auto;text-decoration:none}.editor-form{background:var(--surface);border-radius:12px;padding:2rem;transition:background-color .3s}.title-input{padding:1rem;font-size:1.25rem}.editor-toolbar{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.content-textarea{resize:vertical;min-height:400px;font-family:Fira Code,Courier New,monospace;font-size:.9rem}.markdown-preview{border:1px solid var(--border);background:var(--background);border-radius:8px;min-height:400px;padding:1rem;transition:all .3s}.status-select{border:1px solid var(--border);background:var(--background);color:var(--text);border-radius:8px;padding:.75rem;font-size:1rem}.form-actions{justify-content:flex-end;gap:1rem;margin-top:1.5rem;display:flex}.pagination{justify-content:center;align-items:center;gap:1rem;margin-top:2rem;display:flex}.pagination button{border:1px solid var(--border);background:var(--surface);cursor:pointer;color:var(--text);border-radius:8px;padding:.5rem 1rem;transition:all .2s}.pagination button:disabled{opacity:.5;cursor:not-allowed}.home-container{min-height:calc(100vh - 70px)}.hero{text-align:center;color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:4rem 2rem}.hero h1{margin-bottom:1rem;font-size:3rem}.hero p{opacity:.9;margin-bottom:2rem;font-size:1.25rem}.hero-actions{justify-content:center;gap:1rem;display:flex}.hero .btn-primary{color:var(--primary);background:#fff}.hero .btn-secondary{color:#fff;background:0 0;border:2px solid #fff}.features{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:1200px;margin:0 auto;padding:4rem 2rem;display:grid}.feature{text-align:center}.feature h3{color:var(--text);margin-bottom:.5rem}.feature p{color:var(--text-light)}.error-state{text-align:center;padding:3rem}.error-state h2{margin-bottom:1rem}.error-state a{color:var(--primary);text-decoration:none}.search-header{margin-bottom:2rem}.search-form{gap:1rem;margin-top:1rem;display:flex}.search-input{border:1px solid var(--border);background:var(--background);color:var(--text);border-radius:8px;flex:1;padding:.75rem 1rem;font-size:1rem;transition:all .3s}.search-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #3b82f61a}.search-summary{color:var(--text-light);margin-bottom:1.5rem}.search-hint{color:var(--text-light);margin-top:1rem;font-size:.9rem}.articles-list{flex-direction:column;gap:1rem;display:flex}.search-result-item{background:var(--surface);box-shadow:0 1px 3px var(--shadow);border-radius:12px;transition:transform .2s,box-shadow .2s,background-color .3s;overflow:hidden}.search-result-item:hover{box-shadow:0 4px 12px var(--shadow-hover);transform:translateY(-2px)}.result-link{color:inherit;padding:1.5rem;text-decoration:none;display:block}.result-link h3{color:var(--primary);margin-bottom:.5rem}.result-excerpt{color:var(--text-light);margin-bottom:.75rem;font-size:.95rem;line-height:1.5}.result-link mark{color:inherit;background:#fef08a;border-radius:2px;padding:0 2px}[data-theme=dark] .result-link mark{color:inherit;background:#854d0e}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.stat-card{background:var(--surface);text-align:center;box-shadow:0 1px 3px var(--shadow);border-radius:12px;padding:1.5rem;transition:transform .2s,background-color .3s}.stat-card:hover{transform:translateY(-2px)}.stat-card h3{color:var(--text-light);margin-bottom:.5rem;font-size:.9rem}.stat-value{color:var(--primary);font-size:2rem;font-weight:700}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem;display:grid}.dashboard-section{background:var(--surface);box-shadow:0 1px 3px var(--shadow);border-radius:12px;padding:1.5rem;transition:background-color .3s}.dashboard-section h2{border-bottom:1px solid var(--border);margin-bottom:1rem;padding-bottom:.5rem;font-size:1.25rem}.article-list{flex-direction:column;gap:.75rem;display:flex}.article-row{background:var(--background);color:inherit;border-radius:8px;align-items:center;gap:1rem;padding:.75rem;text-decoration:none;transition:background-color .2s;display:flex}.article-row:hover{background:var(--code-bg)}.article-row .rank{color:var(--primary);min-width:30px;font-weight:700}.article-row .article-info{flex:1}.article-row .article-info h4{color:var(--text);margin-bottom:.25rem;font-size:1rem}.article-row .article-info p{color:var(--text-light);font-size:.85rem}.article-row .views-badge{background:var(--primary);color:#fff;white-space:nowrap;border-radius:20px;padding:.25rem .75rem;font-size:.85rem}.user-list{flex-direction:column;gap:.75rem;display:flex}.user-row{background:var(--background);border-radius:8px;justify-content:space-between;align-items:center;padding:.75rem;display:flex}.user-row .user-info h4{margin-bottom:.25rem;font-size:1rem}.user-row .user-info p{color:var(--text-light);font-size:.85rem}.user-row .user-stats{color:var(--text-light);gap:1rem;font-size:.85rem;display:flex}.activity-list{flex-direction:column;gap:.75rem;display:flex}.activity-row{background:var(--background);border-radius:8px;align-items:center;gap:1rem;padding:.75rem;display:flex}.activity-row .version-badge{background:var(--secondary);color:#fff;border-radius:4px;padding:.25rem .5rem;font-size:.75rem;font-weight:700}.activity-row .activity-info{flex:1}.activity-row .activity-info a{color:var(--primary);font-weight:500;text-decoration:none}.activity-row .activity-info a:hover{text-decoration:underline}.activity-row .activity-info p{color:var(--text-light);margin-top:.25rem;font-size:.85rem}.empty-message{color:var(--text-light);text-align:center;padding:1rem}@media (width<=900px){.dashboard-grid{grid-template-columns:1fr}}