*{box-sizing:border-box}body{margin:0;background:#f7f6f1;color:#101f2b;font:16px/1.6 system-ui,sans-serif}header{display:flex;justify-content:space-between;align-items:center;padding:24px 5%;background:#101f2b;color:white}a{color:inherit;text-decoration:none}header small{display:block;letter-spacing:.18em;font-size:10px;color:#c1c9ce}main{max-width:1250px;margin:auto;padding:40px 24px}.intro span{color:#b64d20;letter-spacing:.18em;font-size:11px;font-weight:700}h1{font-family:Georgia,serif;font-size:clamp(32px,5vw,54px);font-weight:400;margin:10px 0}h2{font-size:21px}p{color:#58656d}nav{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0}button,.button{font:inherit;cursor:pointer;border:1px solid #d6d9d8;border-radius:8px;padding:11px 16px;background:white;color:#101f2b;display:inline-block}button:hover{border-color:#ec662f}button.active,.button{background:#101f2b;color:white}.button{background:#ec662f;border-color:#ec662f;font-weight:650}.workspace{display:grid;grid-template-columns:320px 1fr;gap:24px}aside,section{background:white;border:1px solid #e1e4e2;border-radius:14px;padding:24px}.list-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.hint,small{font-size:13px;color:#68747b}label{display:block;margin:18px 0;font-weight:600}input,textarea,select{display:block;width:100%;font:inherit;padding:11px;border:1px solid #c9d0d3;border-radius:6px;margin-top:6px;background:#fff;color:#101f2b}input:focus,textarea:focus,select:focus,button:focus-visible,a:focus-visible{outline:3px solid #f7b999;outline-offset:2px}.columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.check{display:flex;gap:12px;align-items:center}.check input{width:20px;height:20px}.actions{display:flex;gap:14px;margin-top:24px}.record{display:block;width:100%;text-align:left;margin:10px 0}.record small{display:block}#media{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}#media img,#media video{width:100%;height:110px;object-fit:cover;border-radius:6px}#media button{font-size:12px;width:100%;padding:6px}#status{padding:12px 16px;background:#eeeae1;border-radius:8px}#status.error{background:#ffe4df;color:#a12f16}button:disabled{opacity:.5;cursor:wait}footer{padding:30px;text-align:center;color:#6a747b;font-size:13px}[hidden]{display:none!important}@media(max-width:760px){.workspace{grid-template-columns:1fr}main{padding:24px 16px}aside,section{padding:18px}.columns{grid-template-columns:1fr}header{padding:20px}nav button{flex:1}#records{max-height:250px;overflow:auto}}