:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#eef1f4;color:#17202a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,#ffffffe6,#eef1f4eb),#eef1f4}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{width:min(1480px,100%);margin:0 auto;padding:24px}.topbar{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:28px 0 22px}.eyebrow{margin:0 0 8px;color:#5d6b78;font-size:.78rem;font-weight:700;text-transform:uppercase}h1,h2,p{margin-top:0}h1{margin-bottom:8px;font-size:clamp(2.2rem,4vw,4.8rem);line-height:.95}h2{margin-bottom:6px;font-size:1.05rem}.subtitle{margin-bottom:0;color:#52606d;max-width:680px}.admin-box{min-width:280px;padding:16px;border:1px solid #d5dce3;background:#fff}.admin-box label,.editor-form label,fieldset legend{display:grid;gap:8px;color:#3b4752;font-size:.82rem;font-weight:700}input,select,textarea{width:100%;border:1px solid #c8d0d8;border-radius:6px;background:#fff;color:#17202a;padding:11px 12px;outline:none}textarea{min-height:92px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:#2454a6;box-shadow:0 0 0 3px #2454a624}.workspace{display:grid;grid-template-columns:minmax(360px,.86fr) minmax(480px,1.14fr);gap:18px;align-items:start}.panel{border:1px solid #d6dde4;background:#fffffff5}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px;border-bottom:1px solid #e0e5ea}.panel-header p{margin-bottom:0;color:#64717d;font-size:.9rem}.primary-button,.danger-button{min-height:42px;border:0;border-radius:6px;padding:0 16px;color:#fff;font-weight:800}.primary-button{background:#174ea6}.primary-button:hover{background:#103e86}.danger-button{background:#9f2f2f}.danger-button:hover{background:#7f2424}.filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:16px 18px;border-bottom:1px solid #e0e5ea}.filters input[type=search]{grid-column:1 / -1}.filters select:last-child{grid-column:1 / -1}.feedback{margin:14px 18px 0;border:1px solid #b9d4bc;background:#eef8ef;color:#225b2d;padding:10px 12px;font-size:.9rem}.feedback.is-error{border-color:#e0b0b0;background:#fff1f1;color:#8a2626}.feedback.is-hidden{display:none}.article-list{display:grid;gap:10px;padding:18px}.article-card{display:grid;gap:8px;width:100%;min-height:134px;border:1px solid #dce2e8;border-left:4px solid transparent;border-radius:6px;background:#fff;padding:14px;text-align:left}.article-card:hover,.article-card.is-active{border-color:#9bb6dc;border-left-color:#174ea6;background:#f9fbff}.article-card strong{font-size:1rem}.article-card span,.article-card small{color:#5d6975;line-height:1.42}.status{width:fit-content;border-radius:999px;padding:4px 8px;font-size:.72rem;font-weight:800;text-transform:uppercase}.status-published{background:#e7f2e8;color:#21602f}.status-draft{background:#fff5da;color:#76520e}.status-archived{background:#edf0f3;color:#4b5560}.editor-form{display:grid;gap:16px;padding:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}fieldset{margin:0;padding:14px;border:1px solid #dce2e8;border-radius:6px}.tag-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.tag-option{display:inline-flex;align-items:center;gap:8px;border:1px solid #cfd7df;border-radius:999px;padding:8px 10px;color:#303b45;font-size:.88rem;font-weight:700}.tag-option input{width:auto}.content-input{min-height:260px;line-height:1.55}.save-button{width:fit-content;min-width:160px}.empty-state,.loading-row{border:1px dashed #c7d0d9;border-radius:6px;padding:28px;color:#62707d;text-align:center}.loading-row{min-height:96px;background:linear-gradient(90deg,#f3f6f9,#fff,#f3f6f9)}@media(max-width:980px){.workspace,.topbar{grid-template-columns:1fr}.topbar{display:grid;align-items:start}.workspace{display:grid}.filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.shell{padding:14px}.topbar{padding-top:14px}.admin-box{min-width:0}.workspace,.filters,.form-grid{grid-template-columns:1fr}.panel-header{display:grid}.primary-button,.danger-button,.save-button{width:100%}}
