:root{--bg: #ffffff;--bg2: #f7f7f5;--bg3: #f0efec;--text: #1a1a18;--text2: #6b6b68;--text3: #a8a8a5;--border: rgba(0,0,0,.08);--border2: rgba(0,0,0,.13);--accent: #1a1a18;--green: #2a7a2a;--green-bg: #e8f4e8;--amber: #8a7020;--amber-bg: #f4f0e0;--red: #cc2222;--red-bg: #fdeaea;--sidebar-w: 220px;--radius: 10px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,Helvetica Neue,sans-serif;background:var(--bg2);color:var(--text);-webkit-font-smoothing:antialiased}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}a{text-decoration:none;color:inherit}.layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);background:var(--bg);border-right:.5px solid var(--border2);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:10}.sidebar-logo{padding:20px 18px 14px;border-bottom:.5px solid var(--border)}.sidebar-logo-title{font-size:15px;font-weight:700;color:var(--text);letter-spacing:-.2px}.sidebar-logo-sub{font-size:11px;color:var(--text3);margin-top:1px}.sidebar-nav{flex:1;padding:10px;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.nav-link{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:var(--radius);font-size:13px;font-weight:500;color:var(--text2);cursor:pointer;border:none;background:transparent;width:100%;text-align:left;transition:background .1s,color .1s}.nav-link:hover{background:var(--bg2);color:var(--text)}.nav-link.active{background:var(--bg3);color:var(--text)}.nav-link svg{width:17px;height:17px;stroke:currentColor;flex-shrink:0}.sidebar-footer{padding:12px 18px;border-top:.5px solid var(--border);font-size:12px;color:var(--text3)}.main{margin-left:var(--sidebar-w);flex:1;display:flex;flex-direction:column;min-height:100vh}.topbar{padding:16px 24px 14px;border-bottom:.5px solid var(--border2);background:var(--bg);display:flex;align-items:center;justify-content:space-between;gap:12px}.topbar-title{font-size:18px;font-weight:700;color:var(--text);letter-spacing:-.2px}.content{padding:20px 24px;flex:1}.btn{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;padding:7px 13px;border-radius:var(--radius);border:.5px solid var(--border2);background:var(--bg);color:var(--text2);cursor:pointer;transition:background .1s;white-space:nowrap}.btn:hover{background:var(--bg2)}.btn svg{width:15px;height:15px;stroke:currentColor}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{opacity:.88;background:var(--accent)}.btn-danger{color:var(--red);border-color:#c223}.btn-danger:hover{background:var(--red-bg)}.badge{display:inline-flex;align-items:center;font-size:11px;font-weight:500;padding:2px 8px;border-radius:4px}.badge-pub{background:var(--green-bg);color:var(--green)}.badge-draft{background:var(--amber-bg);color:var(--amber)}.badge-news{background:#eef4ff;color:#1a4fb5}.table-wrap{background:var(--bg);border:.5px solid var(--border2);border-radius:var(--radius);overflow:hidden}.table{width:100%;border-collapse:collapse}.table th{font-size:11px;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.06em;padding:10px 16px;border-bottom:.5px solid var(--border);text-align:left}.table td{font-size:13px;color:var(--text);padding:11px 16px;border-bottom:.5px solid var(--border);vertical-align:middle}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:var(--bg2)}.table .actions{display:flex;gap:6px}.form-card{background:var(--bg);border:.5px solid var(--border2);border-radius:var(--radius);padding:20px}.form-row{margin-bottom:16px}.form-label{font-size:11px;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;display:block}.form-input{width:100%;padding:8px 11px;font-size:13px;border:.5px solid var(--border2);border-radius:var(--radius);background:var(--bg2);color:var(--text);outline:none}.form-input:focus{border-color:var(--accent);background:var(--bg)}.form-select{width:100%;padding:8px 11px;font-size:13px;border:.5px solid var(--border2);border-radius:var(--radius);background:var(--bg2);color:var(--text);outline:none}.form-toggle{display:flex;align-items:center;gap:10px}.toggle-track{width:34px;height:19px;border-radius:10px;background:var(--border2);cursor:pointer;position:relative;transition:background .15s;flex-shrink:0}.toggle-track.on{background:var(--accent)}.toggle-thumb{position:absolute;top:2.5px;left:2.5px;width:14px;height:14px;border-radius:7px;background:#fff;transition:left .15s}.toggle-track.on .toggle-thumb{left:17.5px}.editor-layout{display:grid;grid-template-columns:1fr 240px;gap:16px;align-items:start}.editor-main{display:flex;flex-direction:column;gap:12px}.editor-sidebar{display:flex;flex-direction:column;gap:12px;position:sticky;top:20px}.editor-title{width:100%;font-size:20px;font-weight:700;color:var(--text);border:none;outline:none;background:transparent;letter-spacing:-.3px;padding:0}.editor-title::placeholder{color:var(--text3)}.fmt-bar{display:flex;gap:2px;flex-wrap:wrap;padding:8px 12px;border-bottom:.5px solid var(--border);background:var(--bg2)}.fmt-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:6px;cursor:pointer;border:none;background:transparent;color:var(--text2);font-size:13px;font-weight:600;transition:background .1s}.fmt-btn:hover{background:var(--bg3);color:var(--text)}.fmt-sep{width:.5px;height:20px;background:var(--border2);margin:0 3px;align-self:center}.block-inserter{display:flex;gap:6px;flex-wrap:wrap;padding:8px 12px;background:var(--bg2);border-bottom:.5px solid var(--border)}.block-btn{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:500;color:var(--text2);padding:4px 9px;border-radius:6px;cursor:pointer;background:var(--bg);border:.5px solid var(--border2);transition:background .1s}.block-btn:hover{background:var(--bg3);color:var(--text)}.content-block{position:relative;border-radius:8px;padding:2px 8px}.content-block:hover{background:var(--bg2)}.content-block:hover .block-actions{opacity:1}.block-actions{position:absolute;right:6px;top:6px;opacity:0;transition:opacity .1s;display:flex;gap:4px;z-index:5}.block-action-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--text2);cursor:pointer;padding:0;border-radius:5px;background:var(--bg);border:.5px solid var(--border2)}.block-action-btn:hover:not(:disabled){background:var(--bg3);color:var(--text)}.block-action-btn:disabled{opacity:.3;cursor:not-allowed}.block-action-btn.danger:hover:not(:disabled){color:var(--red);background:var(--red-bg)}.prose-input{width:100%;font-size:14px;line-height:1.7;color:var(--text);border:none;outline:none;background:transparent;resize:none;padding:6px 0;min-height:48px;font-family:inherit}.prose-input::placeholder{color:var(--text3)}.heading-input{width:100%;font-size:16px;font-weight:600;color:var(--text);border:none;border-left:2px solid var(--border2);outline:none;background:transparent;padding:5px 0 5px 10px;font-family:inherit}.heading-input::placeholder{color:var(--text3)}.infoblock-input{width:100%;background:var(--bg2);border-left:2px solid var(--accent);border-radius:0 6px 6px 0;padding:8px 12px;font-size:13px;color:var(--text2);line-height:1.55;border-top:none;border-right:none;border-bottom:none;outline:none;resize:none;min-height:56px;font-family:inherit}.image-drop{border:.5px dashed var(--border2);border-radius:8px;padding:18px;text-align:center;color:var(--text3);font-size:12px;cursor:pointer;background:var(--bg2);transition:background .1s;margin:4px 0}.image-drop:hover{background:var(--bg3)}.image-preview{width:100%;max-height:180px;object-fit:cover;border-radius:8px;margin:4px 0;display:block}.divider-el{height:.5px;background:var(--border2);margin:8px 0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:var(--bg);border-radius:14px;padding:22px;width:420px;max-width:95vw}.modal-title{font-size:16px;font-weight:700;margin-bottom:16px}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:20px}.loading{display:flex;align-items:center;justify-content:center;padding:40px;color:var(--text3);font-size:13px}.empty{text-align:center;padding:40px;color:var(--text3);font-size:13px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.section-head h2{font-size:15px;font-weight:600}.search-input{padding:7px 12px;font-size:13px;border:.5px solid var(--border2);border-radius:var(--radius);background:var(--bg);color:var(--text);outline:none;width:220px}
