:root{color:#172033;background:#edf0f4;font-family:ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}.admin{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.admin aside{color:#fff;background:#10233f;flex-direction:column;padding:28px 20px;display:flex}.admin aside strong{letter-spacing:.12em;font-size:13px}.admin aside>span{color:#9fb6d3;letter-spacing:.1em;margin-top:8px;font-size:11px}.admin nav{gap:5px;margin-top:42px;display:grid}.admin nav a{color:#b7c5d8;padding:11px;font-size:14px;font-weight:700;text-decoration:none}.admin nav a.active,.admin nav a:hover{color:#fff;background:#1b3b67}.admin aside small{color:#7f94b1;margin-top:auto;font-size:11px}.workspace{width:min(1120px,100% - 64px);margin:auto;padding:48px 0 80px}.workspace header{justify-content:space-between;align-items:end;margin-bottom:30px;display:flex}.workspace header p{color:#1768c4;letter-spacing:.12em;margin:0;font-size:11px;font-weight:800}.workspace h1{letter-spacing:-.06em;margin:10px 0 0;font-size:42px}.workspace header a{color:#1768c4;font-size:13px;font-weight:700}.panel,.notice{background:#fff;border:1px solid #d9dde4;margin-top:16px;padding:24px}.panel-head{border-bottom:2px solid #172033;justify-content:space-between;align-items:center;padding-bottom:15px;display:flex}.panel-head h2{margin:0;font-size:20px}.panel-head span{color:#657084;font-size:12px}.post-list article{border-bottom:1px solid #e5e8ed;justify-content:space-between;gap:16px;padding:15px 0;display:flex}.post-list b{display:block}.post-list small{color:#657084;margin-top:5px;display:block}.status{color:#657084;background:#edf1f6;height:max-content;padding:5px 7px;font-size:11px;font-weight:800}.status.published{color:#176546;background:#e7f4ed}.empty{color:#657084}.editor form{gap:15px;margin-top:22px;display:grid}.editor label{color:#4d586c;gap:7px;font-size:12px;font-weight:800;display:grid}.editor input,.editor textarea,.editor select{color:#172033;background:#fff;border:1px solid #cfd6e0;border-radius:3px;width:100%;padding:10px}.editor textarea{resize:vertical}.row{grid-template-columns:1fr 1fr;gap:15px;display:grid}.editor button{color:#fff;cursor:pointer;background:#10233f;border:0;width:max-content;padding:11px 18px;font-weight:800}.message{color:#1768c4;font-size:13px;font-weight:700}@media (width<=700px){.admin{grid-template-columns:1fr}.admin aside{min-height:auto;padding:18px}.admin nav{margin-top:20px;display:flex}.admin aside small{display:none}.workspace{width:min(100% - 28px,1120px);padding:30px 0}.workspace h1{font-size:34px}.row{grid-template-columns:1fr}}
