*{box-sizing:border-box}body{margin:0;background:#f5f2ef;color:#403936;font-family:Arial,sans-serif}
header{background:#604c50;color:#fff;padding:24px;display:flex;justify-content:space-between;align-items:center}
header span{font-size:.75rem;text-transform:uppercase;letter-spacing:.15em}h1{margin:5px 0}header a{color:#fff}
main{max-width:1100px;margin:auto;padding:24px}section{background:#fff;border-radius:22px;padding:24px;margin-bottom:20px;box-shadow:0 10px 32px #493b3714}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
label{font-weight:700;font-size:.85rem}input{width:100%;padding:12px;margin-top:6px;border:1px solid #d8cfca;border-radius:10px}
button{border:0;border-radius:10px;background:#9e6670;color:#fff;padding:12px 18px;font-weight:700;cursor:pointer}.ghost{background:#eee7e3;color:#403936}
.section-head{display:flex;justify-content:space-between;align-items:center;gap:15px}.table-wrap{overflow:auto}
table{width:100%;border-collapse:collapse;min-width:650px}th,td{text-align:left;padding:12px;border-bottom:1px solid #eee}
.links{display:grid;gap:12px}code{background:#eee;padding:2px 6px;border-radius:5px}