:root{--pink:#d89ba6;--rose:#b76e79;--ivory:#faf7f5;--ink:#2e2e2e;--line:#e2dddd}*{box-sizing:border-box}body{margin:0;background:#f5f3f2;color:var(--ink);font-family:Poppins,sans-serif}button,input,textarea{font:inherit}aside{position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;width:15rem;padding:1.5rem;background:var(--ink);color:#fff}.brand{display:flex;align-items:center;gap:.7rem;color:#fff;text-decoration:none;font:600 1.2rem "Playfair Display"}.brand>span{font-size:.8rem}.brand small{color:#a99fa1;font:400 .55rem Poppins;text-transform:uppercase}aside nav{display:grid;gap:.3rem;margin:3rem 0 auto}aside button{padding:.7rem;border:0;border-radius:6px;background:transparent;color:#cfc7c9;text-align:left;font-size:.72rem}aside button.active,aside button:hover{background:#42383a;color:#fff}aside>a:last-child{color:#cfc7c9;font-size:.68rem;text-decoration:none}main{margin-left:15rem;padding:2rem clamp(1rem,4vw,4rem)}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}header p,.panel p{margin:0;color:var(--rose);font-size:.6rem;text-transform:uppercase;letter-spacing:.1em}h1,h2{margin:.2rem 0;font-family:"Playfair Display"}header button,.panel button{padding:.7rem 1rem;border:0;border-radius:99px;background:var(--ink);color:#fff;font-size:.68rem}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.metrics article,.panel{padding:1.3rem;background:#fff;border:1px solid var(--line);border-radius:8px}.metrics span,.metrics strong,.metrics small{display:block}.metrics span{font-size:.65rem;text-transform:uppercase}.metrics strong{font:600 2.8rem "Playfair Display";color:var(--rose)}.metrics small{color:#837a7b;font-size:.6rem}.workspace{display:grid;grid-template-columns:1.7fr .7fr;gap:1rem;margin-top:1rem}.panel-head{display:flex;justify-content:space-between}.panel label{display:block;margin-top:1rem;font-size:.62rem;text-transform:uppercase}.panel input,.panel textarea{width:100%;margin-top:.4rem;padding:.8rem;border:1px solid var(--line);border-radius:5px;background:#faf9f8}.panel textarea{height:8rem;resize:vertical}.two{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.panel .save{margin-top:1rem;background:var(--rose)}.quick{display:flex;flex-direction:column;gap:.7rem}.quick button{background:#f2e5e7;color:var(--ink);text-align:left}.status{margin-top:auto;padding:1rem;background:#edf4ef;border-radius:6px;font-size:.65rem}.status span{display:block;color:#38815a}@media(max-width:900px){aside{position:static;width:auto}aside nav{display:none}main{margin:0}.metrics{grid-template-columns:repeat(2,1fr)}.workspace{grid-template-columns:1fr}}@media(max-width:560px){header{align-items:flex-start}.metrics,.two{grid-template-columns:1fr}}