@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Playfair+Display:wght@600&display=swap";:root{font-family:DM Sans,sans-serif;color:#183c3e;background:#f4f3ed}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}.app{min-height:100vh;display:grid;grid-template-columns:260px 1fr}aside{background:#0a3438;color:#fff;padding:28px 20px;display:flex;flex-direction:column}.identity{display:flex;align-items:center;gap:12px;margin-bottom:48px}.identity div{display:flex;flex-direction:column}.identity small{color:#8eb0ad;text-transform:uppercase;letter-spacing:.15em}.mark{width:44px;height:44px;border:1px solid #d3ba76;color:#d3ba76;border-radius:50%;display:grid;place-items:center;font-family:Playfair Display,serif}.login{min-height:100vh;display:grid;place-items:center;background:#0a3438}.login form{width:min(420px,90vw);background:#fff;padding:42px;border-radius:20px;box-shadow:0 25px 80px #001a1f}.login h1{font:600 34px Playfair Display,serif}.login .mark{background:#0a3438}.login label,.editor label{display:grid;gap:6px;font-size:13px;font-weight:600}.login input,.editor input,.editor textarea,.editor select{width:100%;padding:11px;border:1px solid #cfdbd8;border-radius:8px;background:#fff}.login button,.editor>button,header>button{border:0;background:#bca25c;color:#fff;padding:11px 17px;border-radius:8px;cursor:pointer}.login form>button{width:100%;margin-top:18px}nav{display:grid;gap:8px}nav button,.logout{border:0;text-align:left;padding:12px 14px;border-radius:8px;background:transparent;color:#b9cfcc;cursor:pointer}nav button.active{background:#ffffff15;color:#fff}.logout{margin-top:auto}.content{padding:40px 48px}.content header{display:flex;justify-content:space-between;align-items:center}.content header p,.content header h1{margin:0}.content header p{text-transform:uppercase;letter-spacing:.15em;color:#78918f;font-size:11px}.content header h1{font:600 40px Playfair Display,serif}.grid{display:grid;grid-template-columns:minmax(400px,1fr) 380px;gap:28px;margin-top:30px}.list{display:grid;align-content:start;gap:12px}.list article{background:#fff;border:1px solid #e0e4df;border-radius:12px;padding:18px;display:flex;justify-content:space-between;gap:16px}.list h3{margin:7px 0}.list p{margin:0;color:#67817f}.status{font-size:10px;text-transform:uppercase;letter-spacing:.1em;padding:4px 7px;border-radius:10px;background:#eee}.status.published{background:#d9eee2;color:#236342}.actions{display:flex;gap:6px}.actions button{border:1px solid #d9dfdc;background:#fff;border-radius:7px;padding:7px;cursor:pointer}.actions .danger{color:#a3483f}.editor{background:#fff;border:1px solid #e0e4df;border-radius:12px;padding:22px;display:grid;gap:15px;align-self:start;position:sticky;top:20px}.editor h2{margin:0;font:600 25px Playfair Display,serif}.editor textarea{min-height:90px;resize:vertical}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}fieldset{border:1px solid #d8e0dd;border-radius:8px}.check{display:inline-flex!important;margin:6px}.notice{margin-top:16px;padding:10px;background:#fff3cf;border-radius:8px}.error{color:#b4483d}.empty{color:#78918f}@media(max-width:900px){.app{grid-template-columns:1fr}aside{display:block}nav{display:flex;margin-top:20px}.logout{float:right}.grid{grid-template-columns:1fr}.content{padding:25px}.editor{position:static}}