*{box-sizing:border-box}body{margin:0;background:#111816;color:#e9eedf;font:16px system-ui}nav{padding:16px;background:#1b2521}a{color:#dce5a7}main{max-width:1100px;margin:auto;padding:24px}label{display:inline-flex;gap:12px;margin:8px 16px 16px 0}input,select{padding:10px;background:#223029;color:inherit;border:1px solid #637260}article{border:1px solid #435145;border-radius:8px;padding:20px;margin:16px 0;background:#1b2521}article h2{margin-top:0}small{display:block;color:#b7c3af;margin:8px 0}li{margin:12px 0}img{width:56px;height:56px;object-fit:contain;float:right}button{padding:8px}#status{color:#bdc9b5}