.login-page{background:radial-gradient(circle at 20% 20%, #1a1f2b, var(--bg-dark));justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;width:100%;max-width:400px;padding:2rem}.login-card h1{color:var(--accent);margin-bottom:.5rem}.login-card>p{color:var(--text-muted);margin-bottom:2rem}.form-group{margin-bottom:1.5rem}.form-group label{margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.btn-block{width:100%}.error-msg{color:#ef4444;background:#ef44441a;border:1px solid #ef44444d;border-radius:6px;margin-bottom:1rem;padding:.75rem;font-size:.875rem}.layout{min-height:100vh;display:flex}.sidebar{background:var(--bg-card);border-right:1px solid var(--border);flex-direction:column;width:260px;padding:1.5rem;display:flex}.sidebar-header{margin-bottom:2rem}.sidebar-header h1{color:var(--accent);margin-bottom:.5rem;font-size:1.5rem}.user-info{color:var(--text-muted);font-size:.875rem}.nav{flex-direction:column;flex:1;gap:.5rem;display:flex}.nav-link{color:var(--text);border-radius:6px;padding:.65rem .85rem;font-size:.84rem;text-decoration:none;transition:all .2s}.nav-link:hover{background:var(--bg-dark)}.nav-link.active{background:var(--accent);color:#fff}.logout-btn{width:100%;margin-top:auto}.main-content{flex:1;padding:2rem;overflow-y:auto}*{box-sizing:border-box;margin:0;padding:0}:root{--bg-dark:#0b0d12;--bg-card:#1a1f2b;--accent:#e10600;--accent-hover:#ff1a0d;--text:#f2f4f8;--text-muted:#9ca3af;--border:#2d3748;--success:#10b981;--warning:#f59e0b}body{background:var(--bg-dark);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6}#root{min-height:100vh}.btn{cursor:pointer;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--bg-card);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--border)}.input,.textarea,.select{background:var(--bg-card);border:1px solid var(--border);width:100%;color:var(--text);border-radius:6px;padding:.75rem;font-size:.875rem}.input:focus,.textarea:focus,.select:focus{border-color:var(--accent);outline:none}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:1.5rem}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid var(--border);padding:.75rem}.table th{color:var(--text-muted);text-transform:uppercase;font-size:.75rem;font-weight:600}.status-badge{border-radius:12px;padding:.25rem .75rem;font-size:.75rem;font-weight:500;display:inline-block}.status-published{color:var(--success);background:#10b9811a}.status-draft{color:var(--warning);background:#f59e0b1a}